@diskette/palette 0.6.0 → 0.7.0

package/dist/accents.css

@@ -29,4 +29,35 @@
   --color-accent-surface: var(--accent-surface);
   --color-accent-indicator: var(--accent-indicator);
   --color-accent-track: var(--accent-track);
+
+  --color-gray-1: var(--gray-1);
+  --color-gray-2: var(--gray-2);
+  --color-gray-3: var(--gray-3);
+  --color-gray-4: var(--gray-4);
+  --color-gray-5: var(--gray-5);
+  --color-gray-6: var(--gray-6);
+  --color-gray-7: var(--gray-7);
+  --color-gray-8: var(--gray-8);
+  --color-gray-9: var(--gray-9);
+  --color-gray-10: var(--gray-10);
+  --color-gray-11: var(--gray-11);
+  --color-gray-12: var(--gray-12);
+
+  --color-gray-a1: var(--gray-a1);
+  --color-gray-a2: var(--gray-a2);
+  --color-gray-a3: var(--gray-a3);
+  --color-gray-a4: var(--gray-a4);
+  --color-gray-a5: var(--gray-a5);
+  --color-gray-a6: var(--gray-a6);
+  --color-gray-a7: var(--gray-a7);
+  --color-gray-a8: var(--gray-a8);
+  --color-gray-a9: var(--gray-a9);
+  --color-gray-a10: var(--gray-a10);
+  --color-gray-a11: var(--gray-a11);
+  --color-gray-a12: var(--gray-a12);
+
+  --color-gray-contrast: var(--gray-contrast);
+  --color-gray-surface: var(--gray-surface);
+  --color-gray-indicator: var(--gray-indicator);
+  --color-gray-track: var(--gray-track);
 }

package/dist/amber-p3.css

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

package/dist/black-alpha.css

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

package/dist/blue-p3.css

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

package/dist/bronze-p3.css

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

package/dist/brown-p3.css

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

package/dist/crimson-p3.css

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

package/dist/cyan-p3.css

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

package/dist/gold-p3.css

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

package/dist/grass-p3.css

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

package/dist/gray-p3.css

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

package/dist/green-p3.css

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

package/dist/indigo-p3.css

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

package/dist/iris-p3.css

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

package/dist/jade-p3.css

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

package/dist/lime-p3.css

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

package/dist/mauve-accents.css

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

package/dist/mauve-p3.css

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

package/dist/mint-p3.css

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

package/dist/olive-accents.css

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

package/dist/olive-p3.css

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

package/dist/orange-p3.css

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

package/dist/pink-p3.css

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

package/dist/plum-p3.css

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

package/dist/purple-p3.css

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

package/dist/red-p3.css

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

package/dist/ruby-p3.css

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

package/dist/sage-accents.css

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

package/dist/sage-p3.css

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

package/dist/sand-accents.css

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

package/dist/sand-p3.css

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

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

@@ -29,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-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-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-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-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.6.0",
+  "version": "0.7.0",
   "exports": {
     ".": "./dist/colors.js",
     "./*.css": "./dist/*.css"