@diskette/palette 0.8.0 → 0.9.0

package/dist/index.d.ts

@@ -114,6 +114,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -230,6 +240,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -346,6 +366,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -462,6 +492,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -578,6 +618,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -694,6 +744,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -810,6 +870,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -926,6 +996,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -1042,6 +1122,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -1158,6 +1248,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -1274,6 +1374,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -1390,6 +1500,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -1506,6 +1626,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -1622,6 +1752,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -1738,6 +1878,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -1854,6 +2004,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -1970,6 +2130,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -2086,6 +2256,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -2202,6 +2382,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -2318,6 +2508,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -2434,6 +2634,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -2550,6 +2760,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -2666,6 +2886,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -2782,6 +3012,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -2898,6 +3138,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -3014,6 +3264,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -3130,6 +3390,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -3246,6 +3516,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -3362,6 +3642,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -3478,6 +3768,16 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 } | {
     srgb: {
         light: {
@@ -3594,8 +3894,18 @@ export declare const colors: ({
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
 })[];
 export default colors;
 export { accentColors, grayColors } from './types.ts';
-export type { AccentColor, Color, ColorPalette, ColorScale, GrayColor, } from './types.ts';
+export type { AccentColor, AlphaConfig, AlphaScale, Color, ColorPalette, ColorScale, GrayColor, } from './types.ts';
 export { css, type ColorConfig } from './lib.ts';

package/dist/types.d.ts

@@ -5,7 +5,7 @@ export type AccentColor = (typeof accentColors)[number];
 export type Color = AccentColor | GrayColor;
 type ScaleStep = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 export type ColorScale<C extends Color> = {
-    [K in `${C}${ScaleStep}` | `${C}A${ScaleStep}` | 'surface']: string;
+    [K in `${C}${ScaleStep}` | `${C}A${ScaleStep}`]: string;
 };
 export type ColorPalette<C extends Color> = {
     srgb: {
@@ -19,5 +19,22 @@ export type ColorPalette<C extends Color> = {
     contrast: string;
     indicator: string;
     track: string;
+    surface: {
+        srgb: {
+            light: string;
+            dark: string;
+        };
+        p3: {
+            light: string;
+            dark: string;
+        };
+    };
+};
+export type AlphaScale<C extends 'white' | 'back'> = {
+    [K in `${C}A${ScaleStep}`]: string;
+};
+export type AlphaConfig<C extends 'white' | 'back'> = {
+    srgb: AlphaScale<C>;
+    p3: AlphaScale<C>;
 };
 export {};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@diskette/palette",
   "type": "module",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "exports": {
     ".": "./dist/colors.js",
     "./colors": "./dist/colors/index.js",