@css-hooks/core 0.1.0

package/cjs/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.hookTypes = void 0;
+/** @internal */
+exports.hookTypes = {
+    active: ":active",
+    checked: ":checked",
+    disabled: ":disabled",
+    "even-child": ":nth-child(even)",
+    "first-child": ":first-child",
+    focus: ":focus",
+    "focus-visible": ":focus-visible",
+    "focus-within": ":focus-within",
+    hover: ":hover",
+    "last-child": ":last-child",
+    "odd-child": ":nth-child(odd)",
+};

package/css/index.css

@@ -0,0 +1,109 @@
+.use-active {
+  --active-0: initial;
+  --active-1: ;
+}
+
+.use-active:active {
+  --active-0: ;
+  --active-1: initial;
+}
+
+.use-checked {
+  --checked-0: initial;
+  --checked-1: ;
+}
+
+.use-checked:checked {
+  --checked-0: ;
+  --checked-1: initial;
+}
+
+.use-disabled {
+  --disabled-0: initial;
+  --disabled-1: ;
+}
+
+.use-disabled:disabled {
+  --disabled-0: ;
+  --disabled-1: initial;
+}
+
+.use-even-child {
+  --even-child-0: initial;
+  --even-child-1: ;
+}
+
+.use-even-child:nth-child(even) {
+  --even-child-0: ;
+  --even-child-1: initial;
+}
+
+.use-first-child {
+  --first-child-0: initial;
+  --first-child-1: ;
+}
+
+.use-first-child:first-child {
+  --first-child-0: ;
+  --first-child-1: initial;
+}
+
+.use-focus {
+  --focus-0: initial;
+  --focus-1: ;
+}
+
+.use-focus:focus {
+  --focus-0: ;
+  --focus-1: initial;
+}
+
+.use-focus-visible {
+  --focus-visible-0: initial;
+  --focus-visible-1: ;
+}
+
+.use-focus-visible:focus-visible {
+  --focus-visible-0: ;
+  --focus-visible-1: initial;
+}
+
+.use-focus-within {
+  --focus-within-0: initial;
+  --focus-within-1: ;
+}
+
+.use-focus-within:focus-within {
+  --focus-within-0: ;
+  --focus-within-1: initial;
+}
+
+.use-hover {
+  --hover-0: initial;
+  --hover-1: ;
+}
+
+.use-hover:hover {
+  --hover-0: ;
+  --hover-1: initial;
+}
+
+.use-last-child {
+  --last-child-0: initial;
+  --last-child-1: ;
+}
+
+.use-last-child:last-child {
+  --last-child-0: ;
+  --last-child-1: initial;
+}
+
+.use-odd-child {
+  --odd-child-0: initial;
+  --odd-child-1: ;
+}
+
+.use-odd-child:nth-child(odd) {
+  --odd-child-0: ;
+  --odd-child-1: initial;
+}

package/css/index.min.css

@@ -0,0 +1 @@
+.use-active{--active-0:initial;--active-1: }.use-active:active{--active-0: ;--active-1:initial}.use-checked{--checked-0:initial;--checked-1: }.use-checked:checked{--checked-0: ;--checked-1:initial}.use-disabled{--disabled-0:initial;--disabled-1: }.use-disabled:disabled{--disabled-0: ;--disabled-1:initial}.use-even-child{--even-child-0:initial;--even-child-1: }.use-even-child:nth-child(2n){--even-child-0: ;--even-child-1:initial}.use-first-child{--first-child-0:initial;--first-child-1: }.use-first-child:first-child{--first-child-0: ;--first-child-1:initial}.use-focus{--focus-0:initial;--focus-1: }.use-focus:focus{--focus-0: ;--focus-1:initial}.use-focus-visible{--focus-visible-0:initial;--focus-visible-1: }.use-focus-visible:focus-visible{--focus-visible-0: ;--focus-visible-1:initial}.use-focus-within{--focus-within-0:initial;--focus-within-1: }.use-focus-within:focus-within{--focus-within-0: ;--focus-within-1:initial}.use-hover{--hover-0:initial;--hover-1: }.use-hover:hover{--hover-0: ;--hover-1:initial}.use-last-child{--last-child-0:initial;--last-child-1: }.use-last-child:last-child{--last-child-0: ;--last-child-1:initial}.use-odd-child{--odd-child-0:initial;--odd-child-1: }.use-odd-child:nth-child(odd){--odd-child-0: ;--odd-child-1:initial}

package/css/index.min.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":null,"mappings":"AAAA,4CAKA,mDAKA,+CAKA,uDAKA,kDAKA,2DAKA,wDAKA,sEAKA,2DAKA,uEAKA,yCAKA,+CAKA,iEAKA,+EAKA,8DAKA,2EAKA,yCAKA,+CAKA,wDAKA,mEAKA,qDAKA","sources":["index.css"],"sourcesContent":[".use-active {\n  --active-0: initial;\n  --active-1: ;\n}\n\n.use-active:active {\n  --active-0: ;\n  --active-1: initial;\n}\n\n.use-checked {\n  --checked-0: initial;\n  --checked-1: ;\n}\n\n.use-checked:checked {\n  --checked-0: ;\n  --checked-1: initial;\n}\n\n.use-disabled {\n  --disabled-0: initial;\n  --disabled-1: ;\n}\n\n.use-disabled:disabled {\n  --disabled-0: ;\n  --disabled-1: initial;\n}\n\n.use-even-child {\n  --even-child-0: initial;\n  --even-child-1: ;\n}\n\n.use-even-child:nth-child(even) {\n  --even-child-0: ;\n  --even-child-1: initial;\n}\n\n.use-first-child {\n  --first-child-0: initial;\n  --first-child-1: ;\n}\n\n.use-first-child:first-child {\n  --first-child-0: ;\n  --first-child-1: initial;\n}\n\n.use-focus {\n  --focus-0: initial;\n  --focus-1: ;\n}\n\n.use-focus:focus {\n  --focus-0: ;\n  --focus-1: initial;\n}\n\n.use-focus-visible {\n  --focus-visible-0: initial;\n  --focus-visible-1: ;\n}\n\n.use-focus-visible:focus-visible {\n  --focus-visible-0: ;\n  --focus-visible-1: initial;\n}\n\n.use-focus-within {\n  --focus-within-0: initial;\n  --focus-within-1: ;\n}\n\n.use-focus-within:focus-within {\n  --focus-within-0: ;\n  --focus-within-1: initial;\n}\n\n.use-hover {\n  --hover-0: initial;\n  --hover-1: ;\n}\n\n.use-hover:hover {\n  --hover-0: ;\n  --hover-1: initial;\n}\n\n.use-last-child {\n  --last-child-0: initial;\n  --last-child-1: ;\n}\n\n.use-last-child:last-child {\n  --last-child-0: ;\n  --last-child-1: initial;\n}\n\n.use-odd-child {\n  --odd-child-0: initial;\n  --odd-child-1: ;\n}\n\n.use-odd-child:nth-child(odd) {\n  --odd-child-0: ;\n  --odd-child-1: initial;\n}"],"names":[]}

package/esm/index.js

@@ -0,0 +1,14 @@
+/** @internal */
+export var hookTypes = {
+    active: ":active",
+    checked: ":checked",
+    disabled: ":disabled",
+    "even-child": ":nth-child(even)",
+    "first-child": ":first-child",
+    focus: ":focus",
+    "focus-visible": ":focus-visible",
+    "focus-within": ":focus-within",
+    hover: ":hover",
+    "last-child": ":last-child",
+    "odd-child": ":nth-child(odd)",
+};

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@css-hooks/core",
+  "description": "CSS Hooks core library",
+  "version": "0.1.0",
+  "author": "Nick Saunders",
+  "devDependencies": {
+    "@tsconfig/node-lts": "^18.12.3",
+    "@tsconfig/strictest": "^2.0.1",
+    "lightningcss": "^1.21.5",
+    "rimraf": "^5.0.1",
+    "ts-node": "^10.9.1",
+    "typescript": "^5.1.6"
+  },
+  "files": [
+    "cjs",
+    "css",
+    "esm",
+    "types"
+  ],
+  "license": "MIT",
+  "main": "cjs/index.js",
+  "module": "esm/index.js",
+  "private": false,
+  "repository": "css-hooks/css-hooks",
+  "scripts": {
+    "clean": "rimraf cjs css esm types",
+    "prepublishOnly": "ts-node ./__fixtures__/generate-css.ts && tsc -p tsconfig.dist.json --outDir esm --module es6 && tsc -p tsconfig.dist.json --outDir cjs --module commonjs && tsc -p tsconfig.dist.json --outDir types --declaration --emitDeclarationOnly",
+    "test": "echo \"You should add tests.\""
+  },
+  "style": "css/index.css",
+  "types": "types/index.d.ts"
+}

package/types/index.d.ts

@@ -0,0 +1,15 @@
+/** @internal */
+export declare const hookTypes: {
+    readonly active: ":active";
+    readonly checked: ":checked";
+    readonly disabled: ":disabled";
+    readonly "even-child": ":nth-child(even)";
+    readonly "first-child": ":first-child";
+    readonly focus: ":focus";
+    readonly "focus-visible": ":focus-visible";
+    readonly "focus-within": ":focus-within";
+    readonly hover: ":hover";
+    readonly "last-child": ":last-child";
+    readonly "odd-child": ":nth-child(odd)";
+};
+export type HookType = keyof typeof hookTypes;