@7shifts/sous-chef 3.87.0-beta.0 → 3.87.0-beta.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.
Files changed (9) hide show
  1. package/dist/foundation/tokens/color/color-constants.d.ts +2 -0
  2. package/dist/foundation/tokens/color/color-types.d.ts +1 -1
  3. package/dist/index.css +16 -14
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.js +2 -0
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.modern.js +2 -0
  8. package/dist/index.modern.js.map +1 -1
  9. package/package.json +1 -1
package/dist/foundation/tokens/color/color-constants.d.ts CHANGED
@@ -69,6 +69,7 @@ export declare const COLORS: {
69
69
  readonly 'neutral-on-container-variant': "var(--color-neutral-on-container-variant)";
70
70
  readonly 'neutral-black-transparent-05': "var(--color-neutral-black-transparent-05)";
71
71
  readonly 'neutral-black-transparent-10': "var(--color-neutral-black-transparent-10)";
72
+ readonly 'neutral-black-transparent-15': "var(--color-neutral-black-transparent-15)";
72
73
  readonly 'neutral-black-transparent-20': "var(--color-neutral-black-transparent-20)";
73
74
  readonly 'neutral-black-transparent-30': "var(--color-neutral-black-transparent-30)";
74
75
  readonly 'neutral-black-transparent-40': "var(--color-neutral-black-transparent-40)";
@@ -79,6 +80,7 @@ export declare const COLORS: {
79
80
  readonly 'neutral-black-transparent-90': "var(--color-neutral-black-transparent-90)";
80
81
  readonly 'neutral-white-transparent-05': "var(--color-neutral-white-transparent-05)";
81
82
  readonly 'neutral-white-transparent-10': "var(--color-neutral-white-transparent-10)";
83
+ readonly 'neutral-white-transparent-15': "var(--color-neutral-white-transparent-15)";
82
84
  readonly 'neutral-white-transparent-20': "var(--color-neutral-white-transparent-20)";
83
85
  readonly 'neutral-white-transparent-30': "var(--color-neutral-white-transparent-30)";
84
86
  readonly 'neutral-white-transparent-40': "var(--color-neutral-white-transparent-40)";
package/dist/foundation/tokens/color/color-types.d.ts CHANGED
@@ -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' | 'lime-100' | 'lime-200' | 'lime-300' | 'lime-400' | 'lime-500' | 'lime-600' | 'blackberry-100' | 'blackberry-200' | 'blackberry-300' | 'blackberry-400' | 'blackberry-500' | 'blackberry-600' | 'neutral-color' | 'neutral-on-color' | 'neutral-container' | 'neutral-on-container' | 'neutral-container-variant' | 'neutral-on-container-variant' | 'neutral-black-transparent-05' | 'neutral-black-transparent-10' | 'neutral-black-transparent-20' | 'neutral-black-transparent-30' | 'neutral-black-transparent-40' | 'neutral-black-transparent-50' | 'neutral-black-transparent-60' | 'neutral-black-transparent-70' | 'neutral-black-transparent-80' | 'neutral-black-transparent-90' | 'neutral-white-transparent-05' | 'neutral-white-transparent-10' | 'neutral-white-transparent-20' | 'neutral-white-transparent-30' | 'neutral-white-transparent-40' | 'neutral-white-transparent-50' | 'neutral-white-transparent-60' | 'neutral-white-transparent-70' | 'neutral-white-transparent-80' | 'neutral-white-transparent-90' | 'surface-color-overlay' | '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' | 'surface-on-inverse-disabled' | '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' | 'shadow-overlay' | 'shadow-active' | 'brand-neutrals-caviar-dynamic' | 'brand-neutrals-chefscoat-dynamic';
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' | 'neutral-color' | 'neutral-on-color' | 'neutral-container' | 'neutral-on-container' | 'neutral-container-variant' | 'neutral-on-container-variant' | 'neutral-black-transparent-05' | 'neutral-black-transparent-10' | 'neutral-black-transparent-15' | 'neutral-black-transparent-20' | 'neutral-black-transparent-30' | 'neutral-black-transparent-40' | 'neutral-black-transparent-50' | 'neutral-black-transparent-60' | 'neutral-black-transparent-70' | 'neutral-black-transparent-80' | 'neutral-black-transparent-90' | 'neutral-white-transparent-05' | 'neutral-white-transparent-10' | 'neutral-white-transparent-15' | 'neutral-white-transparent-20' | 'neutral-white-transparent-30' | 'neutral-white-transparent-40' | 'neutral-white-transparent-50' | 'neutral-white-transparent-60' | 'neutral-white-transparent-70' | 'neutral-white-transparent-80' | 'neutral-white-transparent-90' | 'surface-color-overlay' | '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' | 'surface-on-inverse-disabled' | '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' | 'shadow-overlay' | 'shadow-active' | 'brand-neutrals-caviar-dynamic' | 'brand-neutrals-chefscoat-dynamic';
package/dist/index.css CHANGED
@@ -177,6 +177,7 @@
177
177
  --color-neutral-on-container-variant: #383430;
178
178
  --color-neutral-black-transparent-05: rgba(var(--color-black-rgb), 0.05);
179
179
  --color-neutral-black-transparent-10: rgba(var(--color-black-rgb), 0.1);
180
+ --color-neutral-black-transparent-15: rgba(var(--color-black-rgb), 0.15);
180
181
  --color-neutral-black-transparent-20: rgba(var(--color-black-rgb), 0.2);
181
182
  --color-neutral-black-transparent-30: rgba(var(--color-black-rgb), 0.3);
182
183
  --color-neutral-black-transparent-40: rgba(var(--color-black-rgb), 0.4);
@@ -187,6 +188,7 @@
187
188
  --color-neutral-black-transparent-90: rgba(var(--color-black-rgb), 0.9);
188
189
  --color-neutral-white-transparent-05: rgba(var(--color-white-rgb), 0.05);
189
190
  --color-neutral-white-transparent-10: rgba(var(--color-white-rgb), 0.1);
191
+ --color-neutral-white-transparent-15: rgba(var(--color-white-rgb), 0.15);
190
192
  --color-neutral-white-transparent-20: rgba(var(--color-white-rgb), 0.2);
191
193
  --color-neutral-white-transparent-30: rgba(var(--color-white-rgb), 0.3);
192
194
  --color-neutral-white-transparent-40: rgba(var(--color-white-rgb), 0.4);
@@ -289,7 +291,7 @@
289
291
  --color-surface-inverse: #f3f3f3;
290
292
  --color-surface-on-inverse: #323232;
291
293
  --color-surface-on-inverse-disabled: var(--color-neutral-black-transparent-50);
292
- --color-outline: var(--color-neutral-white-transparent-10);
294
+ --color-outline: var(--color-neutral-white-transparent-15);
293
295
  --color-outline-variant: #464646;
294
296
  --color-outline-inverse: #323232;
295
297
  --color-primary-color: #4570ff;
@@ -2258,7 +2260,7 @@ input:disabled + ._kmvBP::after {
2258
2260
  font-size: var(--font-size-200);
2259
2261
  line-height: var(--font-line-height-200);
2260
2262
  font-weight: var(--p-font-weight-normal);
2261
- border: 1px solid var(--color-outline);
2263
+ border: 1px solid var(--color-outline-variant);
2262
2264
  border-radius: var(--border-radius-600);
2263
2265
  }
2264
2266
  ._1SNLz tr:first-of-type > td:first-of-type {
@@ -2290,10 +2292,10 @@ input:disabled + ._kmvBP::after {
2290
2292
  background: var(--color-surface-container-high);
2291
2293
  }
2292
2294
  ._mp1Ok tr td:first-of-type {
2293
- border-left: 1px solid var(--color-outline);
2295
+ border-left: 1px solid var(--color-outline-variant);
2294
2296
  }
2295
2297
  ._mp1Ok tr td:last-of-type {
2296
- border-right: 1px solid var(--color-outline);
2298
+ border-right: 1px solid var(--color-outline-variant);
2297
2299
  }
2298
2300
  ._mp1Ok tr:first-of-type td {
2299
2301
  border-top: 0;
@@ -2310,7 +2312,7 @@ input:disabled + ._kmvBP::after {
2310
2312
  ._wZ8Xg {
2311
2313
  width: 100%;
2312
2314
  height: 20px;
2313
- border: 1px solid var(--color-outline);
2315
+ border: 1px solid var(--color-outline-variant);
2314
2316
  box-sizing: border-box;
2315
2317
  position: absolute;
2316
2318
  z-index: var(--z-index-base);
@@ -2711,7 +2713,7 @@ input:disabled + ._kmvBP::after {
2711
2713
  border-radius: 50%;
2712
2714
  }
2713
2715
  ._hhDnr:first-of-type > td {
2714
- border-top: 1px solid var(--color-outline);
2716
+ border-top: 1px solid var(--color-outline-variant);
2715
2717
  }
2716
2718
  ._hhDnr:focus:not(:focus-visible) {
2717
2719
  /* Remove the focus indicator on mouse-focus for browsers
@@ -2735,7 +2737,7 @@ input:disabled + ._kmvBP::after {
2735
2737
  }
2736
2738
  ._cp8xi {
2737
2739
  position: relative;
2738
- border-bottom: 1px solid var(--color-outline);
2740
+ border-bottom: 1px solid var(--color-outline-variant);
2739
2741
  padding: 16px;
2740
2742
  word-break: break-word;
2741
2743
  -webkit-hyphens: auto;
@@ -2743,16 +2745,16 @@ input:disabled + ._kmvBP::after {
2743
2745
  background: var(--color-surface-color);
2744
2746
  }
2745
2747
  ._cp8xi:first-of-type {
2746
- border-left: 1px solid var(--color-outline);
2748
+ border-left: 1px solid var(--color-outline-variant);
2747
2749
  }
2748
2750
  ._cp8xi:last-of-type {
2749
- border-right: 1px solid var(--color-outline);
2751
+ border-right: 1px solid var(--color-outline-variant);
2750
2752
  }
2751
2753
  ._gqbNb {
2752
2754
  padding: 0;
2753
2755
  }
2754
2756
  ._uHjkg:not(:last-child) {
2755
- border-right: 1px solid var(--color-outline);
2757
+ border-right: 1px solid var(--color-outline-variant);
2756
2758
  }
2757
2759
  ._ASOQd {
2758
2760
  background: var(--color-danger-container-variant);
@@ -2880,7 +2882,7 @@ input:disabled + ._kmvBP::after {
2880
2882
  right: 0;
2881
2883
  }
2882
2884
  ._7dAEd._rR4W3 table tr > td:first-of-type {
2883
- border-right: 4px solid var(--color-outline);
2885
+ border-right: 4px solid var(--color-outline-variant);
2884
2886
  }
2885
2887
  ._qLE4I table thead tr th:first-of-type {
2886
2888
  position: sticky;
@@ -2924,7 +2926,7 @@ input:disabled + ._kmvBP::after {
2924
2926
  left: 0;
2925
2927
  }
2926
2928
  ._B92Ir._rR4W3 table tr > td:last-of-type {
2927
- border-left: 4px solid var(--color-outline);
2929
+ border-left: 4px solid var(--color-outline-variant);
2928
2930
  }
2929
2931
  ._ONjpl table thead tr th:last-of-type {
2930
2932
  position: sticky;
@@ -3021,7 +3023,7 @@ input:disabled + ._kmvBP::after {
3021
3023
  box-sizing: border-box;
3022
3024
  }
3023
3025
  ._k704p {
3024
- border: 1px solid rgba(var(--color-black-rgb), 0);
3026
+ border: 1px solid var(--color-outline-variant);
3025
3027
  border-right: 0;
3026
3028
  border-bottom-left-radius: var(--border-radius-600);
3027
3029
  border-top-left-radius: var(--border-radius-600);
@@ -3055,7 +3057,7 @@ input:disabled + ._kmvBP::after {
3055
3057
  box-shadow: -6px 6px 0 0 var(--corner-background-color);
3056
3058
  }
3057
3059
  ._wOust {
3058
- border: 1px solid rgba(var(--color-black-rgb), 0);
3060
+ border: 1px solid var(--color-outline-variant);
3059
3061
  border-left: 0;
3060
3062
  border-bottom-right-radius: var(--border-radius-600);
3061
3063
  border-top-right-radius: var(--border-radius-600);