@diskette/palette 0.5.0 → 0.7.0

package/dist/sky-accents.css

@@ -1,36 +1,3 @@
-@theme inline static {
-  --color-accent-1: var(--sky-1);
-  --color-accent-2: var(--sky-2);
-  --color-accent-3: var(--sky-3);
-  --color-accent-4: var(--sky-4);
-  --color-accent-5: var(--sky-5);
-  --color-accent-6: var(--sky-6);
-  --color-accent-7: var(--sky-7);
-  --color-accent-8: var(--sky-8);
-  --color-accent-9: var(--sky-9);
-  --color-accent-10: var(--sky-10);
-  --color-accent-11: var(--sky-11);
-  --color-accent-12: var(--sky-12);
-
-  --color-accent-a1: var(--sky-a1);
-  --color-accent-a2: var(--sky-a2);
-  --color-accent-a3: var(--sky-a3);
-  --color-accent-a4: var(--sky-a4);
-  --color-accent-a5: var(--sky-a5);
-  --color-accent-a6: var(--sky-a6);
-  --color-accent-a7: var(--sky-a7);
-  --color-accent-a8: var(--sky-a8);
-  --color-accent-a9: var(--sky-a9);
-  --color-accent-a10: var(--sky-a10);
-  --color-accent-a11: var(--sky-a11);
-  --color-accent-a12: var(--sky-a12);
-
-  --color-accent-contrast: var(--sky-contrast);
-  --color-accent-surface: var(--sky-surface);
-  --color-accent-indicator: var(--sky-indicator);
-  --color-accent-track: var(--sky-track);
-}
-
 [data-accent-color='sky'] {
   --accent-1: var(--sky-1);
   --accent-2: var(--sky-2);

package/dist/sky-p3.css

@@ -1,4 +1,4 @@
-@theme static {
+@theme inline static {
   --color-sky-1: var(--sky-1);
   --color-sky-2: var(--sky-2);
   --color-sky-3: var(--sky-3);

package/dist/slate-accents.css

@@ -1,36 +1,3 @@
-@theme inline static {
-  --color-accent-1: var(--slate-1);
-  --color-accent-2: var(--slate-2);
-  --color-accent-3: var(--slate-3);
-  --color-accent-4: var(--slate-4);
-  --color-accent-5: var(--slate-5);
-  --color-accent-6: var(--slate-6);
-  --color-accent-7: var(--slate-7);
-  --color-accent-8: var(--slate-8);
-  --color-accent-9: var(--slate-9);
-  --color-accent-10: var(--slate-10);
-  --color-accent-11: var(--slate-11);
-  --color-accent-12: var(--slate-12);
-
-  --color-accent-a1: var(--slate-a1);
-  --color-accent-a2: var(--slate-a2);
-  --color-accent-a3: var(--slate-a3);
-  --color-accent-a4: var(--slate-a4);
-  --color-accent-a5: var(--slate-a5);
-  --color-accent-a6: var(--slate-a6);
-  --color-accent-a7: var(--slate-a7);
-  --color-accent-a8: var(--slate-a8);
-  --color-accent-a9: var(--slate-a9);
-  --color-accent-a10: var(--slate-a10);
-  --color-accent-a11: var(--slate-a11);
-  --color-accent-a12: var(--slate-a12);
-
-  --color-accent-contrast: var(--slate-contrast);
-  --color-accent-surface: var(--slate-surface);
-  --color-accent-indicator: var(--slate-indicator);
-  --color-accent-track: var(--slate-track);
-}
-
 [data-accent-color='slate'] {
   --accent-1: var(--slate-1);
   --accent-2: var(--slate-2);
@@ -62,4 +29,37 @@
   --accent-surface: var(--slate-surface);
   --accent-indicator: var(--slate-indicator);
   --accent-track: var(--slate-track);
+}
+
+[data-gray-color='slate'] {
+  --gray-1: var(--slate-1);
+  --gray-2: var(--slate-2);
+  --gray-3: var(--slate-3);
+  --gray-4: var(--slate-4);
+  --gray-5: var(--slate-5);
+  --gray-6: var(--slate-6);
+  --gray-7: var(--slate-7);
+  --gray-8: var(--slate-8);
+  --gray-9: var(--slate-9);
+  --gray-10: var(--slate-10);
+  --gray-11: var(--slate-11);
+  --gray-12: var(--slate-12);
+
+  --gray-a1: var(--slate-a1);
+  --gray-a2: var(--slate-a2);
+  --gray-a3: var(--slate-a3);
+  --gray-a4: var(--slate-a4);
+  --gray-a5: var(--slate-a5);
+  --gray-a6: var(--slate-a6);
+  --gray-a7: var(--slate-a7);
+  --gray-a8: var(--slate-a8);
+  --gray-a9: var(--slate-a9);
+  --gray-a10: var(--slate-a10);
+  --gray-a11: var(--slate-a11);
+  --gray-a12: var(--slate-a12);
+
+  --gray-contrast: var(--slate-contrast);
+  --gray-surface: var(--slate-surface);
+  --gray-indicator: var(--slate-indicator);
+  --gray-track: var(--slate-track);
 }

package/dist/slate-p3.css

@@ -1,4 +1,4 @@
-@theme static {
+@theme inline static {
   --color-slate-1: var(--slate-1);
   --color-slate-2: var(--slate-2);
   --color-slate-3: var(--slate-3);

package/dist/teal-accents.css

@@ -1,36 +1,3 @@
-@theme inline static {
-  --color-accent-1: var(--teal-1);
-  --color-accent-2: var(--teal-2);
-  --color-accent-3: var(--teal-3);
-  --color-accent-4: var(--teal-4);
-  --color-accent-5: var(--teal-5);
-  --color-accent-6: var(--teal-6);
-  --color-accent-7: var(--teal-7);
-  --color-accent-8: var(--teal-8);
-  --color-accent-9: var(--teal-9);
-  --color-accent-10: var(--teal-10);
-  --color-accent-11: var(--teal-11);
-  --color-accent-12: var(--teal-12);
-
-  --color-accent-a1: var(--teal-a1);
-  --color-accent-a2: var(--teal-a2);
-  --color-accent-a3: var(--teal-a3);
-  --color-accent-a4: var(--teal-a4);
-  --color-accent-a5: var(--teal-a5);
-  --color-accent-a6: var(--teal-a6);
-  --color-accent-a7: var(--teal-a7);
-  --color-accent-a8: var(--teal-a8);
-  --color-accent-a9: var(--teal-a9);
-  --color-accent-a10: var(--teal-a10);
-  --color-accent-a11: var(--teal-a11);
-  --color-accent-a12: var(--teal-a12);
-
-  --color-accent-contrast: var(--teal-contrast);
-  --color-accent-surface: var(--teal-surface);
-  --color-accent-indicator: var(--teal-indicator);
-  --color-accent-track: var(--teal-track);
-}
-
 [data-accent-color='teal'] {
   --accent-1: var(--teal-1);
   --accent-2: var(--teal-2);

package/dist/teal-p3.css

@@ -1,4 +1,4 @@
-@theme static {
+@theme inline static {
   --color-teal-1: var(--teal-1);
   --color-teal-2: var(--teal-2);
   --color-teal-3: var(--teal-3);

package/dist/tomato-accents.css

@@ -1,36 +1,3 @@
-@theme inline static {
-  --color-accent-1: var(--tomato-1);
-  --color-accent-2: var(--tomato-2);
-  --color-accent-3: var(--tomato-3);
-  --color-accent-4: var(--tomato-4);
-  --color-accent-5: var(--tomato-5);
-  --color-accent-6: var(--tomato-6);
-  --color-accent-7: var(--tomato-7);
-  --color-accent-8: var(--tomato-8);
-  --color-accent-9: var(--tomato-9);
-  --color-accent-10: var(--tomato-10);
-  --color-accent-11: var(--tomato-11);
-  --color-accent-12: var(--tomato-12);
-
-  --color-accent-a1: var(--tomato-a1);
-  --color-accent-a2: var(--tomato-a2);
-  --color-accent-a3: var(--tomato-a3);
-  --color-accent-a4: var(--tomato-a4);
-  --color-accent-a5: var(--tomato-a5);
-  --color-accent-a6: var(--tomato-a6);
-  --color-accent-a7: var(--tomato-a7);
-  --color-accent-a8: var(--tomato-a8);
-  --color-accent-a9: var(--tomato-a9);
-  --color-accent-a10: var(--tomato-a10);
-  --color-accent-a11: var(--tomato-a11);
-  --color-accent-a12: var(--tomato-a12);
-
-  --color-accent-contrast: var(--tomato-contrast);
-  --color-accent-surface: var(--tomato-surface);
-  --color-accent-indicator: var(--tomato-indicator);
-  --color-accent-track: var(--tomato-track);
-}
-
 [data-accent-color='tomato'] {
   --accent-1: var(--tomato-1);
   --accent-2: var(--tomato-2);

package/dist/tomato-p3.css

@@ -1,4 +1,4 @@
-@theme static {
+@theme inline static {
   --color-tomato-1: var(--tomato-1);
   --color-tomato-2: var(--tomato-2);
   --color-tomato-3: var(--tomato-3);

package/dist/violet-accents.css

@@ -1,36 +1,3 @@
-@theme inline static {
-  --color-accent-1: var(--violet-1);
-  --color-accent-2: var(--violet-2);
-  --color-accent-3: var(--violet-3);
-  --color-accent-4: var(--violet-4);
-  --color-accent-5: var(--violet-5);
-  --color-accent-6: var(--violet-6);
-  --color-accent-7: var(--violet-7);
-  --color-accent-8: var(--violet-8);
-  --color-accent-9: var(--violet-9);
-  --color-accent-10: var(--violet-10);
-  --color-accent-11: var(--violet-11);
-  --color-accent-12: var(--violet-12);
-
-  --color-accent-a1: var(--violet-a1);
-  --color-accent-a2: var(--violet-a2);
-  --color-accent-a3: var(--violet-a3);
-  --color-accent-a4: var(--violet-a4);
-  --color-accent-a5: var(--violet-a5);
-  --color-accent-a6: var(--violet-a6);
-  --color-accent-a7: var(--violet-a7);
-  --color-accent-a8: var(--violet-a8);
-  --color-accent-a9: var(--violet-a9);
-  --color-accent-a10: var(--violet-a10);
-  --color-accent-a11: var(--violet-a11);
-  --color-accent-a12: var(--violet-a12);
-
-  --color-accent-contrast: var(--violet-contrast);
-  --color-accent-surface: var(--violet-surface);
-  --color-accent-indicator: var(--violet-indicator);
-  --color-accent-track: var(--violet-track);
-}
-
 [data-accent-color='violet'] {
   --accent-1: var(--violet-1);
   --accent-2: var(--violet-2);

package/dist/violet-p3.css

@@ -1,4 +1,4 @@
-@theme static {
+@theme inline static {
   --color-violet-1: var(--violet-1);
   --color-violet-2: var(--violet-2);
   --color-violet-3: var(--violet-3);

package/dist/white-alpha.css

@@ -1,4 +1,4 @@
-@theme static {
+@theme inline static {
   --color-white-a1: var(--white-a1);
   --color-white-a2: var(--white-a2);
   --color-white-a3: var(--white-a3);
@@ -26,4 +26,4 @@
   --white-a10: color(display-p3 1 1 1 / 0.8);
   --white-a11: color(display-p3 1 1 1 / 0.9);
   --white-a12: color(display-p3 1 1 1 / 0.95);
-}
+}

package/dist/yellow-accents.css

@@ -1,36 +1,3 @@
-@theme inline static {
-  --color-accent-1: var(--yellow-1);
-  --color-accent-2: var(--yellow-2);
-  --color-accent-3: var(--yellow-3);
-  --color-accent-4: var(--yellow-4);
-  --color-accent-5: var(--yellow-5);
-  --color-accent-6: var(--yellow-6);
-  --color-accent-7: var(--yellow-7);
-  --color-accent-8: var(--yellow-8);
-  --color-accent-9: var(--yellow-9);
-  --color-accent-10: var(--yellow-10);
-  --color-accent-11: var(--yellow-11);
-  --color-accent-12: var(--yellow-12);
-
-  --color-accent-a1: var(--yellow-a1);
-  --color-accent-a2: var(--yellow-a2);
-  --color-accent-a3: var(--yellow-a3);
-  --color-accent-a4: var(--yellow-a4);
-  --color-accent-a5: var(--yellow-a5);
-  --color-accent-a6: var(--yellow-a6);
-  --color-accent-a7: var(--yellow-a7);
-  --color-accent-a8: var(--yellow-a8);
-  --color-accent-a9: var(--yellow-a9);
-  --color-accent-a10: var(--yellow-a10);
-  --color-accent-a11: var(--yellow-a11);
-  --color-accent-a12: var(--yellow-a12);
-
-  --color-accent-contrast: var(--yellow-contrast);
-  --color-accent-surface: var(--yellow-surface);
-  --color-accent-indicator: var(--yellow-indicator);
-  --color-accent-track: var(--yellow-track);
-}
-
 [data-accent-color='yellow'] {
   --accent-1: var(--yellow-1);
   --accent-2: var(--yellow-2);

package/dist/yellow-p3.css

@@ -1,4 +1,4 @@
-@theme static {
+@theme inline static {
   --color-yellow-1: var(--yellow-1);
   --color-yellow-2: var(--yellow-2);
   --color-yellow-3: var(--yellow-3);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@diskette/palette",
   "type": "module",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "exports": {
     ".": "./dist/colors.js",
     "./*.css": "./dist/*.css"
@@ -32,7 +32,6 @@
     "build": "rm -rf dist && pnpm build:js && pnpm build:css",
     "build:js": "tsc -p tsconfig.build.json",
     "build:css": "tsx --no-warnings=ExperimentalWarning scripts/build.ts",
-    "dev": "tsc --watch -p tsconfig.build.json",
     "typecheck": "tsc",
     "lint": "oxlint --type-aware src",
     "release": "changeset version && changeset publish && git push --follow-tags"