cssier 0.1.0 → 0.1.1

package/README.md

@@ -1,25 +1,21 @@
-# ⚛️⚡ Vite + React + Typescript Component Library Template
-
-## Features
-
-- ⚛️ [React 18](https://reactjs.org/)
-- 📚 [Storybook 7](https://storybook.js.org/) - Components preview
-- 🖌️ [Tailwind CSS 3](https://tailwindcss.com/)
-- ⏩ [Vite](https://vitejs.dev/) - Run and build the project blazingly fast!
-- ⚡ [Vitest](https://vitest.dev/) - Components Unit Testing
-- 📐 [ESLint](https://eslint.org/) & [Prettier](https://prettier.io/) - Formatting and Linting
-- 🌟 [Typescript](https://www.typescriptlang.org/)
-- 🐶 [Husky](https://typicode.github.io/husky) & [Lint Staged](https://www.npmjs.com/package/lint-staged) - Pre-commit Hooks
-- ⏰ [Release Please](https://github.com/googleapis/release-please) — Generate the changelog with the release-please workflow
-- 👷 [Github Actions](https://github.com/features/actions) — Releasing versions to NPM
-- Initial components setup using [Atomic Design](https://bradfrost.com/blog/post/atomic-web-design/)
+# 🧑‍🎨CSSIER
+
+Inline styling for pseudoelements and pseudoclasses
+
+## Requirements
+
+- React >=18.2
+- A head element in your HTML document
+- Good judgements
 
 ## Getting Started
 
-1. Create a new repository using this one as template
-2. Clone your repo
-3. Install dependencies with `pnpm i` (first run `corepack enable` to enable pnpm)
-4. Run `pnpm prepare` command to setup [Husky](https://typicode.github.io/husky) pre-commit hooks.
+1. Install this module using `npm install cssier`
+
+## Usage
+
+- Import the desired elements into your file, eg. `import {Div, A, H1} from 'cssier'`
+-
 
 ## Main Scripts
 

package/dist/components/{generated/A.d.ts → A.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function A(
-  props: ComponentProps<'a'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function A(
+  props: ComponentProps<'a'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Abbr.d.ts → Abbr.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Abbr(
-  props: ComponentProps<'abbr'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Abbr(
+  props: ComponentProps<'abbr'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Address.d.ts → Address.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Address(
-  props: ComponentProps<'address'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Address(
+  props: ComponentProps<'address'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Animate.d.ts → Animate.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Animate(
-  props: ComponentProps<'animate'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Animate(
+  props: ComponentProps<'animate'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/AnimateTransform.d.ts → AnimateTransform.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function AnimateTransform(
-  props: ComponentProps<'animateTransform'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function AnimateTransform(
+  props: ComponentProps<'animateTransform'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Area.d.ts → Area.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Area(
-  props: ComponentProps<'area'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Area(
+  props: ComponentProps<'area'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Article.d.ts → Article.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Article(
-  props: ComponentProps<'article'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Article(
+  props: ComponentProps<'article'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Aside.d.ts → Aside.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Aside(
-  props: ComponentProps<'aside'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Aside(
+  props: ComponentProps<'aside'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Audio.d.ts → Audio.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Audio(
-  props: ComponentProps<'audio'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Audio(
+  props: ComponentProps<'audio'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/B.d.ts → B.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function B(
-  props: ComponentProps<'b'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function B(
+  props: ComponentProps<'b'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Base.d.ts → Base.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Base(
-  props: ComponentProps<'base'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Base(
+  props: ComponentProps<'base'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Bdi.d.ts → Bdi.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Bdi(
-  props: ComponentProps<'bdi'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Bdi(
+  props: ComponentProps<'bdi'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Bdo.d.ts → Bdo.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Bdo(
-  props: ComponentProps<'bdo'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Bdo(
+  props: ComponentProps<'bdo'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Blockquote.d.ts → Blockquote.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Blockquote(
-  props: ComponentProps<'blockquote'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Blockquote(
+  props: ComponentProps<'blockquote'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Body.d.ts → Body.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Body(
-  props: ComponentProps<'body'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Body(
+  props: ComponentProps<'body'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Br.d.ts → Br.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Br(
-  props: ComponentProps<'br'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Br(
+  props: ComponentProps<'br'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Button.d.ts → Button.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Button(
-  props: ComponentProps<'button'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Button(
+  props: ComponentProps<'button'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Canvas.d.ts → Canvas.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Canvas(
-  props: ComponentProps<'canvas'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Canvas(
+  props: ComponentProps<'canvas'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Caption.d.ts → Caption.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Caption(
-  props: ComponentProps<'caption'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Caption(
+  props: ComponentProps<'caption'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Circle.d.ts → Circle.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Circle(
-  props: ComponentProps<'circle'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Circle(
+  props: ComponentProps<'circle'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Cite.d.ts → Cite.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Cite(
-  props: ComponentProps<'cite'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Cite(
+  props: ComponentProps<'cite'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/ClipPath.d.ts → ClipPath.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function ClipPath(
-  props: ComponentProps<'clipPath'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function ClipPath(
+  props: ComponentProps<'clipPath'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Code.d.ts → Code.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Code(
-  props: ComponentProps<'code'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Code(
+  props: ComponentProps<'code'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Col.d.ts → Col.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Col(
-  props: ComponentProps<'col'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Col(
+  props: ComponentProps<'col'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Colgroup.d.ts → Colgroup.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Colgroup(
-  props: ComponentProps<'colgroup'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Colgroup(
+  props: ComponentProps<'colgroup'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Data.d.ts → Data.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Data(
-  props: ComponentProps<'data'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Data(
+  props: ComponentProps<'data'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Datalist.d.ts → Datalist.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Datalist(
-  props: ComponentProps<'datalist'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Datalist(
+  props: ComponentProps<'datalist'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Dd.d.ts → Dd.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Dd(
-  props: ComponentProps<'dd'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Dd(
+  props: ComponentProps<'dd'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Defs.d.ts → Defs.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Defs(
-  props: ComponentProps<'defs'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Defs(
+  props: ComponentProps<'defs'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Del.d.ts → Del.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Del(
-  props: ComponentProps<'del'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Del(
+  props: ComponentProps<'del'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Desc.d.ts → Desc.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Desc(
-  props: ComponentProps<'desc'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Desc(
+  props: ComponentProps<'desc'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Details.d.ts → Details.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Details(
-  props: ComponentProps<'details'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Details(
+  props: ComponentProps<'details'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element

package/dist/components/{generated/Dfn.d.ts → Dfn.d.ts}

@@ -1,8 +1,8 @@
-import { ComponentProps } from 'react'
-import { PseudoCss } from '../../types'
-export default function Dfn(
-  props: ComponentProps<'dfn'> & {
-    pseudo?: PseudoCss
-    pseudoId?: string
-  },
-): import('react/jsx-runtime').JSX.Element
+import { ComponentProps } from 'react'
+import { PseudoCss } from '../lib/types'
+export default function Dfn(
+  props: ComponentProps<'dfn'> & {
+    pseudo?: PseudoCss
+    pseudoId?: string
+  },
+): import('react/jsx-runtime').JSX.Element