cssier 0.1.1 → 0.1.4

package/dist/types.d.ts

@@ -1,125 +1,11 @@
 /// <reference types="react" />
-export type PseudoClass =
-  | 'active'
-  | 'checked'
-  | 'disabled'
-  | 'empty'
-  | 'enabled'
-  | 'firstChild'
-  | 'firstOfType'
-  | 'focus'
-  | 'hover'
-  | 'inRange'
-  | 'invalid'
-  | 'lastChild'
-  | 'lastOfType'
-  | 'link'
-  | 'not'
-  | 'nthChild'
-  | 'nthLastChild'
-  | 'nthLastOfType'
-  | 'nthOfType'
-  | 'onlyOfType'
-  | 'onlyChild'
-  | 'optional'
-  | 'outOfRange'
-  | 'readOnly'
-  | 'readWrite'
-  | 'required'
-  | 'root'
-  | 'target'
-  | 'valid'
-  | 'visited'
-export type PseudoElement =
-  | 'part'
-  | 'theme'
-  | 'part(container)'
-  | 'part(label)'
-  | 'part(option)'
-  | 'part(item)'
-  | 'part(placeholder)'
-  | 'part(header)'
-  | 'part(footer)'
-  | 'part(overlay)'
-  | 'part(menu)'
-  | 'part(menuitem)'
-  | 'part(list)'
-  | 'part(listitem)'
-  | 'part(progress-bar)'
-  | 'part(progress-value)'
-  | 'part(input-container)'
-  | 'part(input)'
-  | 'part(select)'
-  | 'part(option-group)'
-  | 'part(option-item)'
-  | 'part(button)'
-  | 'part(dialog)'
-  | 'part(menu-button)'
-  | 'part(tablist)'
-  | 'part(tab)'
-  | 'part(tab-panel)'
-  | 'part(carousel)'
-  | 'part(slider)'
-  | 'part(tooltip)'
-  | 'part(radio)'
-  | 'part(checkbox)'
-  | 'part(switch)'
-  | 'part(range)'
-  | 'part(textarea)'
-  | 'part(search)'
-  | 'part(navbar)'
-  | 'part(breadcrumbs)'
-  | 'before'
-  | 'after'
-  | 'first-line'
-  | 'first-letter'
-  | 'selection'
-  | 'placeholder'
-  | 'backdrop'
-  | 'marker'
-  | '-webkit-before'
-  | '-webkit-after'
-  | '-webkit-first-line'
-  | '-webkit-first-letter'
-  | '-webkit-selection'
-  | '-webkit-placeholder'
-  | '-webkit-backdrop'
-  | '-webkit-marker'
-  | '-webkit-scrollbar'
-  | '-webkit-scrollbar-thumb'
-  | '-webkit-scrollbar-track'
-  | '-webkit-scrollbar-track-piece'
-  | '-webkit-scrollbar-corner'
-  | '-webkit-scrollbar-button'
-  | '-webkit-resizer'
-  | '-webkit-file-upload-button'
-  | '-webkit-inner-spin-button'
-  | '-webkit-outer-spin-button'
-  | '-webkit-progress-bar'
-  | '-webkit-progress-value'
-  | '-webkit-progress-inner-element'
-  | '-webkit-progress-outer-element'
-  | 'slotted(*)'
-  | 'slotted(div)'
-  | 'slotted(span)'
-  | 'slotted(p)'
-  | 'slotted(a)'
-  | 'slotted(img)'
-  | 'slotted(button)'
-  | 'slotted(input)'
-  | 'part(dialog-overlay)'
-  | 'part(tab-content)'
-  | 'part(slider-track)'
-  | 'part(slider-thumb)'
-  | 'part(menu-icon)'
-  | 'part(menu-label)'
-  | 'part(list-group)'
-  | 'part(list-item)'
-type CssVariable = `--${string}`
+export type PseudoClass = 'active' | 'checked' | 'disabled' | 'empty' | 'enabled' | 'firstChild' | 'firstOfType' | 'focus' | 'hover' | 'inRange' | 'invalid' | 'lastChild' | 'lastOfType' | 'link' | 'not' | 'nthChild' | 'nthLastChild' | 'nthLastOfType' | 'nthOfType' | 'onlyOfType' | 'onlyChild' | 'optional' | 'outOfRange' | 'readOnly' | 'readWrite' | 'required' | 'root' | 'target' | 'valid' | 'visited';
+export type PseudoElement = 'part' | 'theme' | 'part(container)' | 'part(label)' | 'part(option)' | 'part(item)' | 'part(placeholder)' | 'part(header)' | 'part(footer)' | 'part(overlay)' | 'part(menu)' | 'part(menuitem)' | 'part(list)' | 'part(listitem)' | 'part(progress-bar)' | 'part(progress-value)' | 'part(input-container)' | 'part(input)' | 'part(select)' | 'part(option-group)' | 'part(option-item)' | 'part(button)' | 'part(dialog)' | 'part(menu-button)' | 'part(tablist)' | 'part(tab)' | 'part(tab-panel)' | 'part(carousel)' | 'part(slider)' | 'part(tooltip)' | 'part(radio)' | 'part(checkbox)' | 'part(switch)' | 'part(range)' | 'part(textarea)' | 'part(search)' | 'part(navbar)' | 'part(breadcrumbs)' | 'before' | 'after' | 'first-line' | 'first-letter' | 'selection' | 'placeholder' | 'backdrop' | 'marker' | '-webkit-before' | '-webkit-after' | '-webkit-first-line' | '-webkit-first-letter' | '-webkit-selection' | '-webkit-placeholder' | '-webkit-backdrop' | '-webkit-marker' | '-webkit-scrollbar' | '-webkit-scrollbar-thumb' | '-webkit-scrollbar-track' | '-webkit-scrollbar-track-piece' | '-webkit-scrollbar-corner' | '-webkit-scrollbar-button' | '-webkit-resizer' | '-webkit-file-upload-button' | '-webkit-inner-spin-button' | '-webkit-outer-spin-button' | '-webkit-progress-bar' | '-webkit-progress-value' | '-webkit-progress-inner-element' | '-webkit-progress-outer-element' | 'slotted(*)' | 'slotted(div)' | 'slotted(span)' | 'slotted(p)' | 'slotted(a)' | 'slotted(img)' | 'slotted(button)' | 'slotted(input)' | 'part(dialog-overlay)' | 'part(tab-content)' | 'part(slider-track)' | 'part(slider-thumb)' | 'part(menu-icon)' | 'part(menu-label)' | 'part(list-group)' | 'part(list-item)';
+type CssVariable = `--${string}`;
 export type ExtendedCssProperties = React.CSSProperties & {
-  [key: CssVariable]: string
-}
+    [key: CssVariable]: string;
+};
 export type PseudoCss = Partial<{
-  [key in PseudoClass | 'neutral' | PseudoElement]: React.CSSProperties | PseudoCss
-}>
-export {}
+    [key in PseudoClass | 'neutral' | PseudoElement]: React.CSSProperties | PseudoCss;
+}>;
+export {};

package/dist/utilities/createStylesheet.d.ts

@@ -1,2 +1,2 @@
-import type { PseudoCss } from '../types'
-export default function createStylesheet(pseudoId: string, styles: PseudoCss | undefined): string
+import type { PseudoCss } from '../types';
+export default function createStylesheet(pseudoId: string, styles: PseudoCss | undefined): string;

package/package.json

@@ -1,20 +1,27 @@
 {
   "name": "cssier",
   "private": false,
-  "version": "0.1.1",
+  "version": "0.1.4",
   "packageManager": "pnpm@8.4.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/DanBermanTech/cssier"
   },
-  "main": "./dist/cssier.umd.js",
-  "module": "./dist/cssier.es.js",
+  "main": "./dist/cssier.js",
+  "module": "./dist/cssier.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/cssier.es.js",
-      "require": "./dist/cssier.umd.js"
+      "import": "./dist/cssier.js"
+    },
+    "./hooks": {
+      "types": "./dist/hooks/index.d.ts",
+      "import": "./dist/hooks/index.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.js"
     }
   },
   "engines": {
@@ -22,7 +29,7 @@
   },
   "scripts": {
     "dev": "storybook dev -p 6006",
-    "build": "storybook build",
+    "build": "npm run generate && storybook build && npm run cleanup",
     "build:lib": "npm run generate && tsc && vite build && npm run cleanup",
     "lint": "eslint --ext .js,.jsx,.ts,.tsx --fix",
     "prettier": "prettier --write \"src/**/*.{ts,tsx,js,mdx}\"",
@@ -30,6 +37,7 @@
     "test:cov": "vitest run --coverage",
     "prepare": "husky install",
     "prepack": "json -f package.json -I -e \"delete this.devDependencies; delete this.dependencies\"",
+    "prepublishOnly": "npm run build:lib",
     "generate": "node scripts/generate",
     "cleanup": "node scripts/cleanup"
   },