@prismicio/editor-ui 0.2.0 → 0.3.1

package/dist/theme/colors.d.ts

@@ -0,0 +1,171 @@
+export declare const colors: {
+    readonly grey1: {
+        readonly darkMode: "greyDark1";
+        readonly lightMode: "greyLight1";
+    };
+    readonly grey2: {
+        readonly darkMode: "greyDark2";
+        readonly lightMode: "greyLight2";
+    };
+    readonly grey3: {
+        readonly darkMode: "greyDark3";
+        readonly lightMode: "greyLight3";
+    };
+    readonly grey4: {
+        readonly darkMode: "greyDark4";
+        readonly lightMode: "greyLight4";
+    };
+    readonly grey5: {
+        readonly darkMode: "greyDark5";
+        readonly lightMode: "greyLight5";
+    };
+    readonly grey6: {
+        readonly darkMode: "greyDark6";
+        readonly lightMode: "greyLight6";
+    };
+    readonly grey7: {
+        readonly darkMode: "greyDark7";
+        readonly lightMode: "greyLight7";
+    };
+    readonly grey8: {
+        readonly darkMode: "greyDark8";
+        readonly lightMode: "greyLight8";
+    };
+    readonly grey9: {
+        readonly darkMode: "greyDark9";
+        readonly lightMode: "greyLight9";
+    };
+    readonly grey10: {
+        readonly darkMode: "greyDark10";
+        readonly lightMode: "greyLight10";
+    };
+    readonly grey11: {
+        readonly darkMode: "greyDark11";
+        readonly lightMode: "greyLight11";
+    };
+    readonly grey12: {
+        readonly darkMode: "greyDark12";
+        readonly lightMode: "greyLight12";
+    };
+    readonly dark2: {
+        readonly darkMode: "greyDark2";
+        readonly lightMode: "greyDark2";
+    };
+    readonly dark6: {
+        readonly darkMode: "greyDark6";
+        readonly lightMode: "greyDark6";
+    };
+    readonly dark7: {
+        readonly darkMode: "greyDark7";
+        readonly lightMode: "greyDark7";
+    };
+    readonly dark12: {
+        readonly darkMode: "greyDark12";
+        readonly lightMode: "greyDark12";
+    };
+    readonly indigo10: {
+        readonly darkMode: "indigo10";
+        readonly lightMode: "indigo10";
+    };
+    readonly indigo11: {
+        readonly darkMode: "indigo11";
+        readonly lightMode: "indigo11";
+    };
+    readonly green9: {
+        readonly darkMode: "green9";
+        readonly lightMode: "green9";
+    };
+    readonly green10: {
+        readonly darkMode: "green10";
+        readonly lightMode: "green10";
+    };
+    readonly amber9: {
+        readonly darkMode: "amber9";
+        readonly lightMode: "amber9";
+    };
+    readonly amber10: {
+        readonly darkMode: "amber10";
+        readonly lightMode: "amber10";
+    };
+    readonly tomato1: {
+        readonly darkMode: "tomato1";
+        readonly lightMode: "tomato1";
+    };
+    readonly tomato7: {
+        readonly darkMode: "tomato7";
+        readonly lightMode: "tomato7";
+    };
+    readonly tomato10: {
+        readonly darkMode: "tomato10";
+        readonly lightMode: "tomato10";
+    };
+    readonly tomato11: {
+        readonly darkMode: "tomato11";
+        readonly lightMode: "tomato11";
+    };
+    readonly purple1: {
+        readonly darkMode: "purple1";
+        readonly lightMode: "purple1";
+    };
+    readonly purple2: {
+        readonly darkMode: "purple2";
+        readonly lightMode: "purple2";
+    };
+    readonly purple3: {
+        readonly darkMode: "purple3";
+        readonly lightMode: "purple3";
+    };
+    readonly purple4: {
+        readonly darkMode: "purple4";
+        readonly lightMode: "purple4";
+    };
+    readonly purple5: {
+        readonly darkMode: "purple5";
+        readonly lightMode: "purple5";
+    };
+    readonly purple6: {
+        readonly darkMode: "purple6";
+        readonly lightMode: "purple6";
+    };
+    readonly purple7: {
+        readonly darkMode: "purple7";
+        readonly lightMode: "purple7";
+    };
+    readonly purple8: {
+        readonly darkMode: "purple8";
+        readonly lightMode: "purple8";
+    };
+    readonly purple9: {
+        readonly darkMode: "purple9";
+        readonly lightMode: "purple9";
+    };
+    readonly purple10: {
+        readonly darkMode: "purple10";
+        readonly lightMode: "purple10";
+    };
+    readonly purple11: {
+        readonly darkMode: "purple11";
+        readonly lightMode: "purple11";
+    };
+    readonly purple12: {
+        readonly darkMode: "purple12";
+        readonly lightMode: "purple12";
+    };
+    readonly purpleAlpha1: {
+        readonly darkMode: "purpleAlpha1";
+        readonly lightMode: "purpleAlpha1";
+    };
+    readonly currentColor: {
+        readonly darkMode: "currentColor";
+        readonly lightMode: "currentColor";
+    };
+    readonly inherit: {
+        readonly darkMode: "inherit";
+        readonly lightMode: "inherit";
+    };
+    readonly transparent: {
+        readonly darkMode: "transparent";
+        readonly lightMode: "transparent";
+    };
+};
+export declare type ThemeColor = keyof typeof colors;

package/dist/theme/selectors.d.ts

@@ -0,0 +1,48 @@
+import type { Color } from "./vars.css";
+declare type ConditionalColor = Readonly<{
+    darkMode: Color;
+    lightMode: Color;
+}>;
+export declare const selectors: {
+    active: ({ darkMode, lightMode }: ConditionalColor) => {
+        darkModeActive: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+        lightModeActive: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+    };
+    checked: ({ darkMode, lightMode }: ConditionalColor) => {
+        darkModeChecked: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+        lightModeChecked: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+    };
+    checkedHover: ({ darkMode, lightMode }: ConditionalColor) => {
+        darkModeCheckedHover: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+        lightModeCheckedHover: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+    };
+    disabled: ({ darkMode, lightMode }: ConditionalColor) => {
+        darkModeDisabled: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+        lightModeDisabled: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+    };
+    focusVisible: ({ darkMode, lightMode }: ConditionalColor) => {
+        darkModeFocusVisible: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+        lightModeFocusVisible: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+    };
+    focusWithin: ({ darkMode, lightMode }: ConditionalColor) => {
+        darkModeFocusWithin: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+        lightModeFocusWithin: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+    };
+    highlighted: ({ darkMode, lightMode }: ConditionalColor) => {
+        darkModeHighlighted: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+        lightModeHighlighted: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+    };
+    hover: ({ darkMode, lightMode }: ConditionalColor) => {
+        darkModeHover: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+        lightModeHover: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+    };
+    open: ({ darkMode, lightMode }: ConditionalColor) => {
+        darkModeOpen: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+        lightModeOpen: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+    };
+    placeholder: ({ darkMode, lightMode }: ConditionalColor) => {
+        darkModePlaceholder: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+        lightModePlaceholder: "greyDark1" | "greyLight1" | "greyDark2" | "greyLight2" | "greyDark3" | "greyLight3" | "greyDark4" | "greyLight4" | "greyDark5" | "greyLight5" | "greyDark6" | "greyLight6" | "greyDark7" | "greyLight7" | "greyDark8" | "greyLight8" | "greyDark9" | "greyLight9" | "greyDark10" | "greyLight10" | "greyDark11" | "greyLight11" | "greyDark12" | "greyLight12" | "indigo10" | "indigo11" | "green9" | "green10" | "amber9" | "amber10" | "tomato1" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1" | "currentColor" | "inherit" | "transparent";
+    };
+};
+export {};