@7shifts/sous-chef 3.77.0-beta.0 → 3.77.0-beta.2
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/actions/Button/constants.d.ts +1 -0
- package/dist/actions/Button/types.d.ts +1 -1
- package/dist/foundation/tokens/color/color-constants.d.ts +64 -0
- package/dist/foundation/tokens/color/color-types.d.ts +1 -1
- package/dist/index.css +206 -56
- package/dist/index.css.map +1 -1
- package/dist/index.js +99 -37
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +99 -36
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type ButtonTheme = 'default' | 'primary' | 'danger' | 'upsell' | 'hollow' | 'hollow-contrast' | 'link-primary' | 'link-danger' | 'link-upsell' | 'link-toolbar' | 'link-contrast' | 'link-icon';
|
|
1
|
+
export type ButtonTheme = 'default' | 'primary' | 'danger' | 'upsell' | 'marketing' | 'hollow' | 'hollow-contrast' | 'link-primary' | 'link-danger' | 'link-upsell' | 'link-toolbar' | 'link-contrast' | 'link-icon';
|
|
2
2
|
export type ButtonSize = 'full-width' | 'min-width-100';
|
|
3
3
|
export type ButtonType = 'button' | 'submit' | 'reset';
|
|
4
4
|
export type ButtonTarget = '_blank' | '_self';
|
|
@@ -1,4 +1,66 @@
|
|
|
1
1
|
export declare const COLORS: {
|
|
2
|
+
readonly white: "var(--color-white)";
|
|
3
|
+
readonly black: "var(--color-black)";
|
|
4
|
+
readonly 'tangerine-100': "var(--color-tangerine-100)";
|
|
5
|
+
readonly 'tangerine-200': "var(--color-tangerine-200)";
|
|
6
|
+
readonly 'tangerine-300': "var(--color-tangerine-300)";
|
|
7
|
+
readonly 'tangerine-400': "var(--color-tangerine-400)";
|
|
8
|
+
readonly 'tangerine-500': "var(--color-tangerine-500)";
|
|
9
|
+
readonly 'tangerine-600': "var(--color-tangerine-600)";
|
|
10
|
+
readonly 'eggplant-100': "var(--color-eggplant-100)";
|
|
11
|
+
readonly 'eggplant-200': "var(--color-eggplant-200)";
|
|
12
|
+
readonly 'eggplant-300': "var(--color-eggplant-300)";
|
|
13
|
+
readonly 'eggplant-400': "var(--color-eggplant-400)";
|
|
14
|
+
readonly 'eggplant-500': "var(--color-eggplant-500)";
|
|
15
|
+
readonly 'eggplant-600': "var(--color-eggplant-600)";
|
|
16
|
+
readonly 'mint-100': "var(--color-mint-100)";
|
|
17
|
+
readonly 'mint-200': "var(--color-mint-200)";
|
|
18
|
+
readonly 'mint-300': "var(--color-mint-300)";
|
|
19
|
+
readonly 'mint-400': "var(--color-mint-400)";
|
|
20
|
+
readonly 'mint-500': "var(--color-mint-500)";
|
|
21
|
+
readonly 'mint-600': "var(--color-mint-600)";
|
|
22
|
+
readonly 'radish-100': "var(--color-radish-100)";
|
|
23
|
+
readonly 'radish-200': "var(--color-radish-200)";
|
|
24
|
+
readonly 'radish-300': "var(--color-radish-300)";
|
|
25
|
+
readonly 'radish-400': "var(--color-radish-400)";
|
|
26
|
+
readonly 'radish-500': "var(--color-radish-500)";
|
|
27
|
+
readonly 'radish-600': "var(--color-radish-600)";
|
|
28
|
+
readonly 'blueberry-100': "var(--color-blueberry-100)";
|
|
29
|
+
readonly 'blueberry-200': "var(--color-blueberry-200)";
|
|
30
|
+
readonly 'blueberry-300': "var(--color-blueberry-300)";
|
|
31
|
+
readonly 'blueberry-400': "var(--color-blueberry-400)";
|
|
32
|
+
readonly 'blueberry-500': "var(--color-blueberry-500)";
|
|
33
|
+
readonly 'blueberry-600': "var(--color-blueberry-600)";
|
|
34
|
+
readonly 'banana-100': "var(--color-banana-100)";
|
|
35
|
+
readonly 'banana-200': "var(--color-banana-200)";
|
|
36
|
+
readonly 'banana-300': "var(--color-banana-300)";
|
|
37
|
+
readonly 'banana-400': "var(--color-banana-400)";
|
|
38
|
+
readonly 'banana-500': "var(--color-banana-500)";
|
|
39
|
+
readonly 'banana-600': "var(--color-banana-600)";
|
|
40
|
+
readonly 'grey-100': "var(--color-grey-100)";
|
|
41
|
+
readonly 'grey-200': "var(--color-grey-200)";
|
|
42
|
+
readonly 'grey-300': "var(--color-grey-300)";
|
|
43
|
+
readonly 'grey-400': "var(--color-grey-400)";
|
|
44
|
+
readonly 'grey-500': "var(--color-grey-500)";
|
|
45
|
+
readonly 'grey-600': "var(--color-grey-600)";
|
|
46
|
+
readonly 'oat-100': "var(--color-oat-100)";
|
|
47
|
+
readonly 'oat-200': "var(--color-oat-200)";
|
|
48
|
+
readonly 'oat-300': "var(--color-oat-300)";
|
|
49
|
+
readonly 'oat-400': "var(--color-oat-400)";
|
|
50
|
+
readonly 'oat-500': "var(--color-oat-500)";
|
|
51
|
+
readonly 'oat-600': "var(--color-oat-600)";
|
|
52
|
+
readonly 'lime-100': "var(--color-lime-100)";
|
|
53
|
+
readonly 'lime-200': "var(--color-lime-200)";
|
|
54
|
+
readonly 'lime-300': "var(--color-lime-300)";
|
|
55
|
+
readonly 'lime-400': "var(--color-lime-400)";
|
|
56
|
+
readonly 'lime-500': "var(--color-lime-500)";
|
|
57
|
+
readonly 'lime-600': "var(--color-lime-600)";
|
|
58
|
+
readonly 'blackberry-100': "var(--color-blackberry-100)";
|
|
59
|
+
readonly 'blackberry-200': "var(--color-blackberry-200)";
|
|
60
|
+
readonly 'blackberry-300': "var(--color-blackberry-300)";
|
|
61
|
+
readonly 'blackberry-400': "var(--color-blackberry-400)";
|
|
62
|
+
readonly 'blackberry-500': "var(--color-blackberry-500)";
|
|
63
|
+
readonly 'blackberry-600': "var(--color-blackberry-600)";
|
|
2
64
|
readonly 'surface-color-dim': "var(--color-surface-color-dim)";
|
|
3
65
|
readonly 'surface-color': "var(--color-surface-color)";
|
|
4
66
|
readonly 'surface-on-color-disabled': "var(--color-surface-on-color-disabled)";
|
|
@@ -15,6 +77,7 @@ export declare const COLORS: {
|
|
|
15
77
|
readonly 'surface-on-inverse': "var(--color-surface-on-inverse)";
|
|
16
78
|
readonly outline: "var(--color-outline)";
|
|
17
79
|
readonly 'outline-variant': "var(--color-outline-variant)";
|
|
80
|
+
readonly 'outline-inverse': "var(--color-outline-inverse)";
|
|
18
81
|
readonly 'primary-color': "var(--color-primary-color)";
|
|
19
82
|
readonly 'primary-on-color': "var(--color-primary-on-color)";
|
|
20
83
|
readonly 'primary-color-variant': "var(--color-primary-color-variant)";
|
|
@@ -40,6 +103,7 @@ export declare const COLORS: {
|
|
|
40
103
|
readonly 'success-container': "var(--color-success-container)";
|
|
41
104
|
readonly 'success-on-container': "var(--color-success-on-container)";
|
|
42
105
|
readonly 'success-container-variant': "var(--color-success-container-variant)";
|
|
106
|
+
readonly 'success-on-container-variant': "var(--color-success-on-container-variant)";
|
|
43
107
|
readonly 'danger-color': "var(--color-danger-color)";
|
|
44
108
|
readonly 'danger-on-color': "var(--color-danger-on-color)";
|
|
45
109
|
readonly 'danger-container': "var(--color-danger-container)";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export type Color = 'surface-color-dim' | 'surface-color' | 'surface-on-color-disabled' | 'surface-on-color-subtle' | 'surface-on-color' | 'surface-on-color-bold' | 'surface-container' | 'surface-container-high' | 'surface-container-highest' | 'surface-container-disabled' | 'surface-container-disabled-variant' | 'surface-on-container-disabled' | 'surface-inverse' | 'surface-on-inverse' | 'outline' | 'outline-variant' | 'primary-color' | 'primary-on-color' | 'primary-color-variant' | 'primary-on-color-variant' | 'primary-container' | 'primary-on-container' | 'primary-container-variant' | 'primary-on-container-variant' | 'secondary-color' | 'secondary-on-color' | 'secondary-container' | 'secondary-on-container' | 'secondary-container-variant' | 'secondary-on-container-variant' | 'tertiary-color' | 'tertiary-on-color' | 'tertiary-container' | 'tertiary-on-container' | 'tertiary-container-variant' | 'tertiary-on-container-variant' | 'success-color' | 'success-on-color' | 'success-container' | 'success-on-container' | 'success-container-variant' | 'danger-color' | 'danger-on-color' | 'danger-container' | 'danger-on-container' | 'danger-container-variant' | 'danger-on-container-variant' | 'info-color' | 'info-on-color' | 'info-container' | 'info-on-container' | 'info-container-variant' | 'info-on-container-variant' | 'upsell-color' | 'upsell-on-color' | 'upsell-color-variant' | 'upsell-on-color-variant' | 'upsell-container' | 'upsell-on-container' | 'upsell-container-variant' | 'upsell-on-container-variant' | 'warning-color' | 'warning-on-color' | 'warning-container' | 'warning-on-container' | 'warning-container-variant' | 'warning-on-container-variant' | 'neutral-color' | 'neutral-on-color' | 'neutral-container' | 'neutral-on-container' | 'neutral-container-variant' | 'neutral-on-container-variant';
|
|
1
|
+
export type Color = 'white' | 'black' | 'tangerine-100' | 'tangerine-200' | 'tangerine-300' | 'tangerine-400' | 'tangerine-500' | 'tangerine-600' | 'eggplant-100' | 'eggplant-200' | 'eggplant-300' | 'eggplant-400' | 'eggplant-500' | 'eggplant-600' | 'mint-100' | 'mint-200' | 'mint-300' | 'mint-400' | 'mint-500' | 'mint-600' | 'radish-100' | 'radish-200' | 'radish-300' | 'radish-400' | 'radish-500' | 'radish-600' | 'blueberry-100' | 'blueberry-200' | 'blueberry-300' | 'blueberry-400' | 'blueberry-500' | 'blueberry-600' | 'banana-100' | 'banana-200' | 'banana-300' | 'banana-400' | 'banana-500' | 'banana-600' | 'grey-100' | 'grey-200' | 'grey-300' | 'grey-400' | 'grey-500' | 'grey-600' | 'oat-100' | 'oat-200' | 'oat-300' | 'oat-400' | 'oat-500' | 'oat-600' | 'lime-100' | 'lime-200' | 'lime-300' | 'lime-400' | 'lime-500' | 'lime-600' | 'blackberry-100' | 'blackberry-200' | 'blackberry-300' | 'blackberry-400' | 'blackberry-500' | 'blackberry-600' | 'surface-color-dim' | 'surface-color' | 'surface-on-color-disabled' | 'surface-on-color-subtle' | 'surface-on-color' | 'surface-on-color-bold' | 'surface-container' | 'surface-container-high' | 'surface-container-highest' | 'surface-container-disabled' | 'surface-container-disabled-variant' | 'surface-on-container-disabled' | 'surface-inverse' | 'surface-on-inverse' | 'outline' | 'outline-variant' | 'outline-inverse' | 'primary-color' | 'primary-on-color' | 'primary-color-variant' | 'primary-on-color-variant' | 'primary-container' | 'primary-on-container' | 'primary-container-variant' | 'primary-on-container-variant' | 'secondary-color' | 'secondary-on-color' | 'secondary-container' | 'secondary-on-container' | 'secondary-container-variant' | 'secondary-on-container-variant' | 'tertiary-color' | 'tertiary-on-color' | 'tertiary-container' | 'tertiary-on-container' | 'tertiary-container-variant' | 'tertiary-on-container-variant' | 'success-color' | 'success-on-color' | 'success-container' | 'success-on-container' | 'success-container-variant' | 'success-on-container-variant' | 'danger-color' | 'danger-on-color' | 'danger-container' | 'danger-on-container' | 'danger-container-variant' | 'danger-on-container-variant' | 'info-color' | 'info-on-color' | 'info-container' | 'info-on-container' | 'info-container-variant' | 'info-on-container-variant' | 'upsell-color' | 'upsell-on-color' | 'upsell-color-variant' | 'upsell-on-color-variant' | 'upsell-container' | 'upsell-on-container' | 'upsell-container-variant' | 'upsell-on-container-variant' | 'warning-color' | 'warning-on-color' | 'warning-container' | 'warning-on-container' | 'warning-container-variant' | 'warning-on-container-variant' | 'neutral-color' | 'neutral-on-color' | 'neutral-container' | 'neutral-on-container' | 'neutral-container-variant' | 'neutral-on-container-variant';
|