@prismicio/editor-ui 0.4.0 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/BaseInput/BaseInput.css.d.ts +1 -1
- package/dist/components/Box/Box.d.ts +3 -0
- package/dist/components/Box/Box.stories.d.ts +16 -12
- package/dist/components/DropdownMenu/DropdownMenu.d.ts +3 -1
- package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts +6 -2
- package/dist/components/Icon/Icon.d.ts +1 -1
- package/dist/components/Icon/Icon.stories.d.ts +4 -4
- package/dist/components/Icon/iconNames.d.ts +1 -1
- package/dist/components/Image/Image.css.d.ts +1 -1
- package/dist/components/Image/Image.stories.d.ts +2 -2
- package/dist/components/Switch/Switch.stories.d.ts +2 -2
- package/dist/components/Text/Text.d.ts +1 -1
- package/dist/components/Text/Text.stories.d.ts +4 -4
- package/dist/components/Toast/Toast.stories.d.ts +2 -2
- package/dist/components/Toolbar/Toolbar.stories.d.ts +2 -2
- package/dist/index.d.ts +1 -0
- package/dist/index.es.js +2562 -2542
- package/dist/index.umd.js +29 -23
- package/dist/style.css +1 -1
- package/dist/theme/selectors.d.ts +20 -20
- package/dist/theme/sprinkles.css.d.ts +286 -272
- package/dist/theme/vars.css.d.ts +6 -0
- package/package.json +4 -4
|
@@ -5,44 +5,44 @@ declare type ConditionalColor = Readonly<{
|
|
|
5
5
|
}>;
|
|
6
6
|
export declare const selectors: {
|
|
7
7
|
active: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
8
|
-
darkModeActive: "
|
|
9
|
-
lightModeActive: "
|
|
8
|
+
darkModeActive: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
9
|
+
lightModeActive: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
10
10
|
};
|
|
11
11
|
checked: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
12
|
-
darkModeChecked: "
|
|
13
|
-
lightModeChecked: "
|
|
12
|
+
darkModeChecked: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
13
|
+
lightModeChecked: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
14
14
|
};
|
|
15
15
|
checkedHover: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
16
|
-
darkModeCheckedHover: "
|
|
17
|
-
lightModeCheckedHover: "
|
|
16
|
+
darkModeCheckedHover: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
17
|
+
lightModeCheckedHover: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
18
18
|
};
|
|
19
19
|
disabled: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
20
|
-
darkModeDisabled: "
|
|
21
|
-
lightModeDisabled: "
|
|
20
|
+
darkModeDisabled: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
21
|
+
lightModeDisabled: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
22
22
|
};
|
|
23
23
|
focusVisible: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
24
|
-
darkModeFocusVisible: "
|
|
25
|
-
lightModeFocusVisible: "
|
|
24
|
+
darkModeFocusVisible: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
25
|
+
lightModeFocusVisible: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
26
26
|
};
|
|
27
27
|
focusWithin: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
28
|
-
darkModeFocusWithin: "
|
|
29
|
-
lightModeFocusWithin: "
|
|
28
|
+
darkModeFocusWithin: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
29
|
+
lightModeFocusWithin: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
30
30
|
};
|
|
31
31
|
highlighted: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
32
|
-
darkModeHighlighted: "
|
|
33
|
-
lightModeHighlighted: "
|
|
32
|
+
darkModeHighlighted: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
33
|
+
lightModeHighlighted: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
34
34
|
};
|
|
35
35
|
hover: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
36
|
-
darkModeHover: "
|
|
37
|
-
lightModeHover: "
|
|
36
|
+
darkModeHover: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
37
|
+
lightModeHover: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
38
38
|
};
|
|
39
39
|
open: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
40
|
-
darkModeOpen: "
|
|
41
|
-
lightModeOpen: "
|
|
40
|
+
darkModeOpen: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
41
|
+
lightModeOpen: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
42
42
|
};
|
|
43
43
|
placeholder: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
44
|
-
darkModePlaceholder: "
|
|
45
|
-
lightModePlaceholder: "
|
|
44
|
+
darkModePlaceholder: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
45
|
+
lightModePlaceholder: "currentColor" | "inherit" | "transparent" | "greyDark1" | "greyDark2" | "greyDark3" | "greyDark4" | "greyDark5" | "greyDark6" | "greyDark7" | "greyDark8" | "greyDark9" | "greyDark10" | "greyDark11" | "greyDark12" | "greyLight1" | "greyLight2" | "greyLight3" | "greyLight4" | "greyLight5" | "greyLight6" | "greyLight7" | "greyLight8" | "greyLight9" | "greyLight10" | "greyLight11" | "greyLight12" | "indigo10" | "indigo11" | "green3" | "green4" | "green9" | "green10" | "green11" | "amber3" | "amber4" | "amber9" | "amber10" | "amber11" | "tomato1" | "tomato3" | "tomato7" | "tomato10" | "tomato11" | "purple1" | "purple2" | "purple3" | "purple4" | "purple5" | "purple6" | "purple7" | "purple8" | "purple9" | "purple10" | "purple11" | "purple12" | "purpleAlpha1";
|
|
46
46
|
};
|
|
47
47
|
};
|
|
48
48
|
export {};
|