@7shifts/sous-chef 3.43.3 → 3.44.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/foundation/tokens/color/color-codes.d.ts +17 -5
- package/dist/foundation/tokens/color/color-constants.d.ts +12 -0
- package/dist/foundation/tokens/color/color-types.d.ts +1 -1
- package/dist/index.css +58 -10
- package/dist/index.d.ts +1 -0
- package/dist/index.js +13 -1
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +13 -1
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
|
@@ -4,9 +4,9 @@ export declare const COLOR_CODES: {
|
|
|
4
4
|
readonly 'tangerine-100': " #fef1ed";
|
|
5
5
|
readonly 'tangerine-200': " #fdd5c8";
|
|
6
6
|
readonly 'tangerine-300': " #fcab91";
|
|
7
|
-
readonly 'tangerine-400': " #
|
|
8
|
-
readonly 'tangerine-500': " #
|
|
9
|
-
readonly 'tangerine-600': " #
|
|
7
|
+
readonly 'tangerine-400': " #ff6808";
|
|
8
|
+
readonly 'tangerine-500': " #cf5406";
|
|
9
|
+
readonly 'tangerine-600': " #95400a";
|
|
10
10
|
readonly 'eggplant-100': " #f0f3fb";
|
|
11
11
|
readonly 'eggplant-200': " #d3dbf4";
|
|
12
12
|
readonly 'eggplant-300': " #a7b7ea";
|
|
@@ -23,8 +23,8 @@ export declare const COLOR_CODES: {
|
|
|
23
23
|
readonly 'radish-200': " #f7d1d1";
|
|
24
24
|
readonly 'radish-300': " #f0a3a3";
|
|
25
25
|
readonly 'radish-400': " #e76767";
|
|
26
|
-
readonly 'radish-500': " #
|
|
27
|
-
readonly 'radish-600': " #
|
|
26
|
+
readonly 'radish-500': " #d33434";
|
|
27
|
+
readonly 'radish-600': " #981b1e";
|
|
28
28
|
readonly 'blueberry-100': " #f6fdff";
|
|
29
29
|
readonly 'blueberry-200': " #ceecf5";
|
|
30
30
|
readonly 'blueberry-300': " #9cd9eb";
|
|
@@ -49,4 +49,16 @@ export declare const COLOR_CODES: {
|
|
|
49
49
|
readonly 'oat-400': " #6e6d6c";
|
|
50
50
|
readonly 'oat-500': " #4c4b49";
|
|
51
51
|
readonly 'oat-600': " #383430";
|
|
52
|
+
readonly 'lime-100': " #efffe0";
|
|
53
|
+
readonly 'lime-200': " #c6ff94";
|
|
54
|
+
readonly 'lime-300': " #81ffac";
|
|
55
|
+
readonly 'lime-400': " #00feb2";
|
|
56
|
+
readonly 'lime-500': " #3fb994";
|
|
57
|
+
readonly 'lime-600': " #244f47";
|
|
58
|
+
readonly 'blackberry-100': " #ecf0ff";
|
|
59
|
+
readonly 'blackberry-200': " #d6e0ff";
|
|
60
|
+
readonly 'blackberry-300': " #a0bbff";
|
|
61
|
+
readonly 'blackberry-400': " #4570ff";
|
|
62
|
+
readonly 'blackberry-500': " #1c5cbb";
|
|
63
|
+
readonly 'blackberry-600': " #193f78";
|
|
52
64
|
};
|
|
@@ -49,4 +49,16 @@ export declare const COLORS: {
|
|
|
49
49
|
readonly 'oat-400': "var(--color-oat-400)";
|
|
50
50
|
readonly 'oat-500': "var(--color-oat-500)";
|
|
51
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)";
|
|
52
64
|
};
|
|
@@ -1 +1 @@
|
|
|
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';
|
|
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';
|
package/dist/index.css
CHANGED
|
@@ -1,3 +1,21 @@
|
|
|
1
|
+
@font-face {
|
|
2
|
+
font-family: "Proxima Nova";
|
|
3
|
+
src: url("https://cdn.7shifts.com/fonts/proximaNova-semibold.eot");
|
|
4
|
+
src: url("https://cdn.7shifts.com/fonts/proximaNova-semibold.eot?#iefix") format("embedded-opentype"), url("https://cdn.7shifts.com/fonts/proximaNova-semibold.woff") format("woff"), url("https://cdn.7shifts.com/fonts/proximaNova-semibold.ttf") format("truetype"), url("https://cdn.7shifts.com/fonts/proximaNova-semibold.svg#ProximaNova-Semibold") format("svg");
|
|
5
|
+
font-weight: 600;
|
|
6
|
+
font-style: normal;
|
|
7
|
+
/* Preload the font */
|
|
8
|
+
unicode-range: U+0000-00FF; /* Basic Latin */
|
|
9
|
+
}
|
|
10
|
+
@font-face {
|
|
11
|
+
font-family: "Proxima Nova";
|
|
12
|
+
src: url("https://cdn.7shifts.com/fonts/ProximaNova-Regular.eot");
|
|
13
|
+
src: url("https://cdn.7shifts.com/fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("https://cdn.7shifts.com/fonts/ProximaNova-Regular.woff") format("woff"), url("https://cdn.7shifts.com/fonts/ProximaNova-Regular.ttf") format("truetype"), url("https://cdn.7shifts.com/fonts/ProximaNova-Regular.svg#proxima_nova_rgregular") format("svg");
|
|
14
|
+
font-weight: normal;
|
|
15
|
+
font-style: normal;
|
|
16
|
+
/* Preload the font */
|
|
17
|
+
unicode-range: U+0000-00FF; /* Basic Latin */
|
|
18
|
+
}
|
|
1
19
|
:root {
|
|
2
20
|
--font-family-brand: "Proxima Nova", sans-serif;
|
|
3
21
|
--font-family-body: "Proxima Nova", sans-serif;
|
|
@@ -30,12 +48,12 @@
|
|
|
30
48
|
--color-tangerine-200-rgb: 253, 213, 200;
|
|
31
49
|
--color-tangerine-300: #fcab91;
|
|
32
50
|
--color-tangerine-300-rgb: 252, 171, 145;
|
|
33
|
-
--color-tangerine-400: #
|
|
34
|
-
--color-tangerine-400-rgb:
|
|
35
|
-
--color-tangerine-500: #
|
|
36
|
-
--color-tangerine-500-rgb:
|
|
37
|
-
--color-tangerine-600: #
|
|
38
|
-
--color-tangerine-600-rgb:
|
|
51
|
+
--color-tangerine-400: #ff6808;
|
|
52
|
+
--color-tangerine-400-rgb: 255, 104, 8;
|
|
53
|
+
--color-tangerine-500: #cf5406;
|
|
54
|
+
--color-tangerine-500-rgb: 207, 84, 6;
|
|
55
|
+
--color-tangerine-600: #95400a;
|
|
56
|
+
--color-tangerine-600-rgb: 149, 64, 10;
|
|
39
57
|
--color-eggplant-100: #f0f3fb;
|
|
40
58
|
--color-eggplant-100-rgb: 240, 243, 251;
|
|
41
59
|
--color-eggplant-200: #d3dbf4;
|
|
@@ -68,10 +86,10 @@
|
|
|
68
86
|
--color-radish-300-rgb: 240, 163, 163;
|
|
69
87
|
--color-radish-400: #e76767;
|
|
70
88
|
--color-radish-400-rgb: 231, 103, 103;
|
|
71
|
-
--color-radish-500: #
|
|
72
|
-
--color-radish-500-rgb:
|
|
73
|
-
--color-radish-600: #
|
|
74
|
-
--color-radish-600-rgb:
|
|
89
|
+
--color-radish-500: #d33434;
|
|
90
|
+
--color-radish-500-rgb: 211, 52, 52;
|
|
91
|
+
--color-radish-600: #981b1e;
|
|
92
|
+
--color-radish-600-rgb: 152, 27, 30;
|
|
75
93
|
--color-blueberry-100: #f6fdff;
|
|
76
94
|
--color-blueberry-100-rgb: 246, 253, 255;
|
|
77
95
|
--color-blueberry-200: #ceecf5;
|
|
@@ -120,6 +138,30 @@
|
|
|
120
138
|
--color-oat-500-rgb: 76, 75, 73;
|
|
121
139
|
--color-oat-600: #383430;
|
|
122
140
|
--color-oat-600-rgb: 56, 52, 48;
|
|
141
|
+
--color-lime-100: #efffe0;
|
|
142
|
+
--color-lime-100-rgb: 239, 255, 224;
|
|
143
|
+
--color-lime-200: #c6ff94;
|
|
144
|
+
--color-lime-200-rgb: 198, 255, 148;
|
|
145
|
+
--color-lime-300: #81ffac;
|
|
146
|
+
--color-lime-300-rgb: 129, 255, 172;
|
|
147
|
+
--color-lime-400: #00feb2;
|
|
148
|
+
--color-lime-400-rgb: 0, 254, 178;
|
|
149
|
+
--color-lime-500: #3fb994;
|
|
150
|
+
--color-lime-500-rgb: 63, 185, 148;
|
|
151
|
+
--color-lime-600: #244f47;
|
|
152
|
+
--color-lime-600-rgb: 36, 79, 71;
|
|
153
|
+
--color-blackberry-100: #ecf0ff;
|
|
154
|
+
--color-blackberry-100-rgb: 236, 240, 255;
|
|
155
|
+
--color-blackberry-200: #d6e0ff;
|
|
156
|
+
--color-blackberry-200-rgb: 214, 224, 255;
|
|
157
|
+
--color-blackberry-300: #a0bbff;
|
|
158
|
+
--color-blackberry-300-rgb: 160, 187, 255;
|
|
159
|
+
--color-blackberry-400: #4570ff;
|
|
160
|
+
--color-blackberry-400-rgb: 69, 112, 255;
|
|
161
|
+
--color-blackberry-500: #1c5cbb;
|
|
162
|
+
--color-blackberry-500-rgb: 28, 92, 187;
|
|
163
|
+
--color-blackberry-600: #193f78;
|
|
164
|
+
--color-blackberry-600-rgb: 25, 63, 120;
|
|
123
165
|
}
|
|
124
166
|
:root {
|
|
125
167
|
--z-index-base: 1;
|
|
@@ -129,6 +171,12 @@
|
|
|
129
171
|
--z-index-tooltip: 300;
|
|
130
172
|
--z-index-portal: 9999;
|
|
131
173
|
}
|
|
174
|
+
body {
|
|
175
|
+
font-family: var(--font-family-brand);
|
|
176
|
+
font-size: var(--font-size-200);
|
|
177
|
+
line-height: var(--font-line-height-200);
|
|
178
|
+
font-weight: var(--p-font-weight-normal);
|
|
179
|
+
}
|
|
132
180
|
._OINV1 {
|
|
133
181
|
display: flex;
|
|
134
182
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import './foundation/tokens/typography/_typography-tokens.scss';
|
|
2
2
|
import './foundation/tokens/color/_color-tokens.scss';
|
|
3
3
|
import './foundation/tokens/zindex/_z-index-tokens.scss';
|
|
4
|
+
import './foundation/_initital-setup.scss';
|
|
4
5
|
export * from './foundation/tokens/color/color-constants';
|
|
5
6
|
export * from './foundation/tokens/zindex/z-index-constants';
|
|
6
7
|
export * from './core';
|
package/dist/index.js
CHANGED
|
@@ -71,7 +71,19 @@ var COLORS = {
|
|
|
71
71
|
'oat-300': 'var(--color-oat-300)',
|
|
72
72
|
'oat-400': 'var(--color-oat-400)',
|
|
73
73
|
'oat-500': 'var(--color-oat-500)',
|
|
74
|
-
'oat-600': 'var(--color-oat-600)'
|
|
74
|
+
'oat-600': 'var(--color-oat-600)',
|
|
75
|
+
'lime-100': 'var(--color-lime-100)',
|
|
76
|
+
'lime-200': 'var(--color-lime-200)',
|
|
77
|
+
'lime-300': 'var(--color-lime-300)',
|
|
78
|
+
'lime-400': 'var(--color-lime-400)',
|
|
79
|
+
'lime-500': 'var(--color-lime-500)',
|
|
80
|
+
'lime-600': 'var(--color-lime-600)',
|
|
81
|
+
'blackberry-100': 'var(--color-blackberry-100)',
|
|
82
|
+
'blackberry-200': 'var(--color-blackberry-200)',
|
|
83
|
+
'blackberry-300': 'var(--color-blackberry-300)',
|
|
84
|
+
'blackberry-400': 'var(--color-blackberry-400)',
|
|
85
|
+
'blackberry-500': 'var(--color-blackberry-500)',
|
|
86
|
+
'blackberry-600': 'var(--color-blackberry-600)'
|
|
75
87
|
};
|
|
76
88
|
|
|
77
89
|
var ZINDEX = {
|