@prismicio/editor-ui 0.3.0 → 0.3.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/README.md +1 -1
- package/dist/components/Alert/Alert.css.d.ts +4 -0
- package/dist/components/Alert/Alert.d.ts +11 -0
- package/dist/components/Alert/Alert.stories.d.ts +5 -0
- package/dist/components/Alert/index.d.ts +1 -0
- package/dist/components/{AnimatedList/AnimatedList.stories.d.ts → Animated/Animated.stories.d.ts} +2 -0
- package/dist/components/Animated/AnimatedElement.d.ts +17 -0
- package/dist/components/Animated/AnimatedList.css.d.ts +8 -0
- package/dist/components/Animated/index.d.ts +2 -0
- package/dist/components/AppBackground.d.ts +6 -2
- package/dist/components/Box/Box.d.ts +16 -6
- package/dist/components/Box/Box.stories.d.ts +78 -3
- package/dist/components/Calendar/Calendar.d.ts +4 -3
- package/dist/components/Calendar/Calendar.stories.d.ts +5 -6
- package/dist/components/Calendar/index.d.ts +1 -1
- package/dist/components/Cropper/Cropper.stories.d.ts +2 -2
- package/dist/components/DateInput/DateInput.css.d.ts +2 -0
- package/dist/components/DateInput/DateInput.d.ts +8 -9
- package/dist/components/DateInput/DateInput.stories.d.ts +12 -6
- package/dist/components/DateInput/DateSegments.css.d.ts +7 -0
- package/dist/components/DateInput/DateSegments.d.ts +3 -0
- package/dist/components/DocumentStatusDot/DocumentStatusDot.css.d.ts +1 -0
- package/dist/components/DocumentStatusDot/DocumentStatusDot.d.ts +5 -0
- package/dist/components/DocumentStatusDot/DocumentStatusDot.stories.d.ts +8 -0
- package/dist/components/DocumentStatusDot/index.d.ts +1 -0
- package/dist/components/DragCard/DragCard.css.d.ts +3 -0
- package/dist/components/Embed/EmbedPreview.css.d.ts +4 -0
- package/dist/components/Embed/EmbedPreview.d.ts +12 -0
- package/dist/components/Embed/EmbedPreview.stories.d.ts +22 -0
- package/dist/components/Embed/EmptyEmbed.d.ts +5 -0
- package/dist/components/Embed/EmptyEmbed.stories.d.ts +8 -0
- package/dist/components/Embed/Icon.d.ts +5 -0
- package/dist/components/Embed/index.d.ts +2 -0
- package/dist/components/ErrorBoundary/ErrorBoundary.d.ts +9 -6
- package/dist/components/Field/Field.css.d.ts +1 -0
- package/dist/components/Field/Field.d.ts +4 -2
- package/dist/components/Field/Field.stories.d.ts +2 -0
- package/dist/components/Field/index.d.ts +1 -1
- package/dist/components/FieldSet/FieldSet.css.d.ts +4 -0
- package/dist/components/FieldSet/FieldSet.d.ts +4 -2
- package/dist/components/FieldSet/FieldSet.stories.d.ts +4 -0
- package/dist/components/Form/Form.css.d.ts +1 -0
- package/dist/components/Form/Form.d.ts +8 -0
- package/dist/components/Form/Form.stories.d.ts +5 -0
- package/dist/components/Form/FormInput.css.d.ts +3 -0
- package/dist/components/Form/FormInput.d.ts +8 -0
- package/dist/components/Form/index.d.ts +2 -0
- package/dist/components/Icon/Icon.css.d.ts +0 -5
- package/dist/components/Icon/Icon.d.ts +1 -1
- package/dist/components/Icon/Icon.stories.d.ts +4 -4
- package/dist/components/Icon/PrismicLogo.css.d.ts +1 -0
- package/dist/components/Icon/PrismicLogo.d.ts +5 -0
- package/dist/components/Icon/iconNames.d.ts +1 -1
- package/dist/components/Icon/index.d.ts +1 -0
- package/dist/components/IconButton/IconButton.css.d.ts +4 -1
- package/dist/components/IconButton/IconButton.d.ts +8 -7
- package/dist/components/IconButton/IconButton.stories.d.ts +2 -12
- package/dist/components/Image/Image.css.d.ts +4 -0
- package/dist/components/Image/Image.d.ts +1 -0
- package/dist/components/Image/Image.stories.d.ts +2 -0
- package/dist/components/Skeleton/Skeleton.css.d.ts +9 -2
- package/dist/components/Skeleton/Skeleton.d.ts +4 -3
- package/dist/components/Skeleton/Skeleton.stories.d.ts +4 -4
- package/dist/components/SliceCard/SliceCard.css.d.ts +9 -0
- package/dist/components/SliceCard/SliceCard.d.ts +12 -0
- package/dist/components/SliceCard/SliceCard.stories.d.ts +5 -0
- package/dist/components/SliceCard/index.d.ts +1 -0
- package/dist/components/Switch/Switch.stories.d.ts +2 -2
- package/dist/components/Tab/Tab.css.d.ts +5 -0
- package/dist/components/Tab/Tab.d.ts +7 -0
- package/dist/components/Tab/Tab.stories.d.ts +5 -0
- package/dist/components/Tab/index.d.ts +1 -0
- package/dist/components/Text/Text.css.d.ts +1 -26
- package/dist/components/Text/Text.d.ts +4 -5
- package/dist/components/Text/Text.stories.d.ts +4 -6
- package/dist/components/TextLink/TextLink.css.d.ts +1 -0
- package/dist/components/TextLink/TextLink.d.ts +9 -0
- package/dist/components/TextLink/TextLink.stories.d.ts +4 -0
- package/dist/components/TextLink/index.d.ts +1 -0
- package/dist/components/Toast/Toast.css.d.ts +4 -0
- package/dist/components/Toast/Toast.d.ts +16 -0
- package/dist/components/Toast/Toast.stories.d.ts +27 -0
- package/dist/components/Toast/index.d.ts +1 -0
- package/dist/components/ToggleButtonGroup/ToggleButtonGroup.stories.d.ts +4 -4
- package/dist/components/Toolbar/Toolbar.stories.d.ts +2 -2
- package/dist/index.d.ts +11 -4
- package/dist/index.es.js +9098 -5412
- package/dist/index.umd.js +92 -80
- package/dist/style.css +1 -1
- package/dist/theme/colors.d.ts +62 -10
- package/dist/theme/selectors.d.ts +20 -20
- package/dist/theme/sprinkles.css.d.ts +2052 -631
- package/dist/theme/vars.css.d.ts +106 -130
- package/package.json +7 -5
- package/dist/components/AnimatedList/AnimatedList.css.d.ts +0 -8
- package/dist/components/AnimatedList/index.d.ts +0 -1
- package/dist/components/Link/Link.d.ts +0 -7
- package/dist/components/Link/index.d.ts +0 -1
- package/dist/theme/utils.d.ts +0 -2
- /package/dist/components/{AnimatedList → Animated}/AnimatedList.d.ts +0 -0
- /package/dist/components/{Link/Link.css.d.ts → Embed/EmptyEmbed.css.d.ts} +0 -0
package/dist/theme/colors.d.ts
CHANGED
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
export declare const colors: {
|
|
2
|
-
readonly currentColor: {
|
|
3
|
-
readonly darkMode: "currentColor";
|
|
4
|
-
readonly lightMode: "currentColor";
|
|
5
|
-
};
|
|
6
2
|
readonly grey1: {
|
|
7
3
|
readonly darkMode: "greyDark1";
|
|
8
4
|
readonly lightMode: "greyLight1";
|
|
@@ -51,13 +47,61 @@ export declare const colors: {
|
|
|
51
47
|
readonly darkMode: "greyDark12";
|
|
52
48
|
readonly lightMode: "greyLight12";
|
|
53
49
|
};
|
|
54
|
-
readonly
|
|
55
|
-
readonly darkMode: "
|
|
56
|
-
readonly lightMode: "
|
|
50
|
+
readonly dark2: {
|
|
51
|
+
readonly darkMode: "greyDark2";
|
|
52
|
+
readonly lightMode: "greyDark2";
|
|
53
|
+
};
|
|
54
|
+
readonly dark6: {
|
|
55
|
+
readonly darkMode: "greyDark6";
|
|
56
|
+
readonly lightMode: "greyDark6";
|
|
57
|
+
};
|
|
58
|
+
readonly dark7: {
|
|
59
|
+
readonly darkMode: "greyDark7";
|
|
60
|
+
readonly lightMode: "greyDark7";
|
|
61
|
+
};
|
|
62
|
+
readonly dark12: {
|
|
63
|
+
readonly darkMode: "greyDark12";
|
|
64
|
+
readonly lightMode: "greyDark12";
|
|
65
|
+
};
|
|
66
|
+
readonly indigo10: {
|
|
67
|
+
readonly darkMode: "indigo10";
|
|
68
|
+
readonly lightMode: "indigo10";
|
|
69
|
+
};
|
|
70
|
+
readonly indigo11: {
|
|
71
|
+
readonly darkMode: "indigo11";
|
|
72
|
+
readonly lightMode: "indigo11";
|
|
57
73
|
};
|
|
58
|
-
readonly
|
|
59
|
-
readonly darkMode: "
|
|
60
|
-
readonly lightMode: "
|
|
74
|
+
readonly green9: {
|
|
75
|
+
readonly darkMode: "green9";
|
|
76
|
+
readonly lightMode: "green9";
|
|
77
|
+
};
|
|
78
|
+
readonly green10: {
|
|
79
|
+
readonly darkMode: "green10";
|
|
80
|
+
readonly lightMode: "green10";
|
|
81
|
+
};
|
|
82
|
+
readonly amber9: {
|
|
83
|
+
readonly darkMode: "amber9";
|
|
84
|
+
readonly lightMode: "amber9";
|
|
85
|
+
};
|
|
86
|
+
readonly amber10: {
|
|
87
|
+
readonly darkMode: "amber10";
|
|
88
|
+
readonly lightMode: "amber10";
|
|
89
|
+
};
|
|
90
|
+
readonly tomato1: {
|
|
91
|
+
readonly darkMode: "tomato1";
|
|
92
|
+
readonly lightMode: "tomato1";
|
|
93
|
+
};
|
|
94
|
+
readonly tomato7: {
|
|
95
|
+
readonly darkMode: "tomato7";
|
|
96
|
+
readonly lightMode: "tomato7";
|
|
97
|
+
};
|
|
98
|
+
readonly tomato10: {
|
|
99
|
+
readonly darkMode: "tomato10";
|
|
100
|
+
readonly lightMode: "tomato10";
|
|
101
|
+
};
|
|
102
|
+
readonly tomato11: {
|
|
103
|
+
readonly darkMode: "tomato11";
|
|
104
|
+
readonly lightMode: "tomato11";
|
|
61
105
|
};
|
|
62
106
|
readonly purple1: {
|
|
63
107
|
readonly darkMode: "purple1";
|
|
@@ -111,6 +155,14 @@ export declare const colors: {
|
|
|
111
155
|
readonly darkMode: "purpleAlpha1";
|
|
112
156
|
readonly lightMode: "purpleAlpha1";
|
|
113
157
|
};
|
|
158
|
+
readonly currentColor: {
|
|
159
|
+
readonly darkMode: "currentColor";
|
|
160
|
+
readonly lightMode: "currentColor";
|
|
161
|
+
};
|
|
162
|
+
readonly inherit: {
|
|
163
|
+
readonly darkMode: "inherit";
|
|
164
|
+
readonly lightMode: "inherit";
|
|
165
|
+
};
|
|
114
166
|
readonly transparent: {
|
|
115
167
|
readonly darkMode: "transparent";
|
|
116
168
|
readonly lightMode: "transparent";
|
|
@@ -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: "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";
|
|
9
|
+
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";
|
|
10
10
|
};
|
|
11
11
|
checked: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
12
|
-
darkModeChecked: "
|
|
13
|
-
lightModeChecked: "
|
|
12
|
+
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";
|
|
13
|
+
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";
|
|
14
14
|
};
|
|
15
15
|
checkedHover: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
16
|
-
darkModeCheckedHover: "
|
|
17
|
-
lightModeCheckedHover: "
|
|
16
|
+
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";
|
|
17
|
+
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";
|
|
18
18
|
};
|
|
19
19
|
disabled: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
20
|
-
darkModeDisabled: "
|
|
21
|
-
lightModeDisabled: "
|
|
20
|
+
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";
|
|
21
|
+
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";
|
|
22
22
|
};
|
|
23
23
|
focusVisible: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
24
|
-
darkModeFocusVisible: "
|
|
25
|
-
lightModeFocusVisible: "
|
|
24
|
+
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";
|
|
25
|
+
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";
|
|
26
26
|
};
|
|
27
27
|
focusWithin: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
28
|
-
darkModeFocusWithin: "
|
|
29
|
-
lightModeFocusWithin: "
|
|
28
|
+
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";
|
|
29
|
+
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";
|
|
30
30
|
};
|
|
31
31
|
highlighted: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
32
|
-
darkModeHighlighted: "
|
|
33
|
-
lightModeHighlighted: "
|
|
32
|
+
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";
|
|
33
|
+
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";
|
|
34
34
|
};
|
|
35
35
|
hover: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
36
|
-
darkModeHover: "
|
|
37
|
-
lightModeHover: "
|
|
36
|
+
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";
|
|
37
|
+
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";
|
|
38
38
|
};
|
|
39
39
|
open: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
40
|
-
darkModeOpen: "
|
|
41
|
-
lightModeOpen: "
|
|
40
|
+
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";
|
|
41
|
+
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";
|
|
42
42
|
};
|
|
43
43
|
placeholder: ({ darkMode, lightMode }: ConditionalColor) => {
|
|
44
|
-
darkModePlaceholder: "
|
|
45
|
-
lightModePlaceholder: "
|
|
44
|
+
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";
|
|
45
|
+
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";
|
|
46
46
|
};
|
|
47
47
|
};
|
|
48
48
|
export {};
|