open-index/open-npm huggingface dataset:
npm package: @hopeful_object/tomp4-linux-arm-gnueabihf
Description: Template project for writing node package with napi-rs
Latest version: 1.0.0

# `@hopeful_object/tomp4-linux-arm-gnueabihf`

This is the **armv7-unknown-linux-gnueabihf** binary for `@hopeful_object/tomp4`
npm package: @hopeness.com/notion-utils
Description: Useful utilities for working with Notion data. Isomorphic.
Author: Travis Fischer
Latest version: 6.16.4

<p align="center">
  <img alt="React Notion X" src="https://raw.githubusercontent.com/NotionX/react-notion-x/master/media/notion-ts.png" width="689">
</p>

# notion-utils

> Useful utilities for working with Notion data. Isomorphic.

[![NPM](https://img.shields.io/npm/v/notion-utils.svg)](https://www.npmjs.com/package/notion-utils) [![Build Status](https://github.com/NotionX/react-notion-x/actions/workflows/test.yml/badge.svg)](https://github.com/NotionX/react-notion-x/actions/workflows/test.yml) [![Prettier Code Formatting](https://img.shields.io/badge/code_style-prettier-brightgreen.svg)](https://prettier.io)

## Install

```bash
npm install notion-utils
```

This package is compatible with both Node.js and client-side web usage.

## Usage

```ts
import { parsePageId } from 'notion-utils'

parsePageId(
  'https://www.notion.so/Notion-Tests-067dd719a912471ea9a3ac10710e7fdf'
)
// '067dd719-a912-471e-a9a3-ac10710e7fdf'

parsePageId('About-d9ae0c6e7cad49a78e21d240cf2e3d04')
// 'd9ae0c6e-7cad-49a7-8e21-d240cf2e3d04'

parsePageId('About-d9ae0c6e7cad49a78e21d240cf2e3d04', { uuid: false })
// 'd9ae0c6e7cad49a78e21d240cf2e3d04'
```

## Docs

See the [full docs](https://github.com/NotionX/react-notion-x).

## License

MIT © [Travis Fischer](https://transitivebullsh.it)

Support my OSS work by <a href="https://twitter.com/transitive_bs">following me on twitter <img src="https://storage.googleapis.com/saasify-assets/twitter-logo.svg" alt="twitter" height="24px" align="center"></a>
npm package: @hopeness.com/react-notion-x
Description: Fast and accurate React renderer for Notion.
Author: Travis Fischer
Latest version: 6.16.4

<p align="center">
  <img alt="React Notion X" src="https://raw.githubusercontent.com/NotionX/react-notion-x/master/media/notion-ts.png" width="689">
</p>

# React Notion X

> Fast and accurate React renderer for Notion.

[![NPM](https://img.shields.io/npm/v/react-notion-x.svg)](https://www.npmjs.com/package/react-notion-x) [![Build Status](https://github.com/NotionX/react-notion-x/actions/workflows/test.yml/badge.svg)](https://github.com/NotionX/react-notion-x/actions/workflows/test.yml) [![Prettier Code Formatting](https://img.shields.io/badge/code_style-prettier-brightgreen.svg)](https://prettier.io)

## Docs

See the [full docs](https://github.com/NotionX/react-notion-x).

## License

MIT © [Travis Fischer](https://transitivebullsh.it)

Support my OSS work by <a href="https://twitter.com/transitive_bs">following me on twitter <img src="https://storage.googleapis.com/saasify-assets/twitter-logo.svg" alt="twitter" height="24px" align="center"></a>
npm package: @hopes/core
Description: Hopes is a lightweight CSS-in-JS library that makes the process of styling and creating design systems easier and fun
Author: gustavo-dev
Latest version: 1.1.2

# `@hopes/core`

A framework-agnostic version of `hopes`

## Usage

**Basic styling**

The `css` function creates a styling function that returns a CSS className that can be used to style your components.

It's features are:
- [x] Variants support
- [ ] Compound Variants support
- [X] Unit conversion (only for pixels at the moment)
- [X] Custom selectors

```jsx
import {css} from "@hopes/core"

const button = css({
    // Your Stylings
    backgroundColor: "red"
    color: "black",
    
    // Custom selectors
    "&::before": {
        content: "",
        // ...
    }

    // Variants
    variants: {
        background: {
            blue: {
                backgroundColor: "blue"
            },
            violet: {
                backgroundColor: "violet"
            }
        }
    }
})

// ...

<div className={button()}>...</div>
<div className={button({ background: "blue" })}>...</div>
<div className={button({ background: "violet" })}>...</div>

```