@liner-fe/design-token 2.5.34 → 2.5.36

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 (8) hide show
  1. package/lib/index.css +43 -21
  2. package/lib/index.d.ts +9 -0
  3. package/lib/index.js +1 -1
  4. package/lib/tailwind.css +9 -0
  5. package/package.json +2 -2
  6. package/src/generated/vars.ts +1 -1
  7. package/src/style/global.css +43 -21
  8. package/src/style/tailwind.css +9 -0
package/lib/index.css CHANGED
@@ -16,10 +16,12 @@
16
16
  --lp-pri-gray-cool-200: #272729;
17
17
  --lp-pri-gray-cool-120: #252526;
18
18
  --lp-pri-gray-cool-100: #1E1E1F;
19
- --lp-pri-brand-original-990: #F6FFF1;
20
- --lp-pri-brand-original-980: #EBFFE7;
19
+ --lp-pri-brand-original-990: #E9F5EA;
20
+ --lp-pri-brand-original-980: #E2F2E3;
21
21
  --lp-pri-brand-original-500: #0C893B;
22
22
  --lp-pri-brand-original-380: #006829;
23
+ --lp-pri-brand-original-330: #005B1D;
24
+ --lp-pri-brand-original-270: #004B17;
23
25
  --lp-pri-brand-original-200: #14371B;
24
26
  --lp-pri-brand-original-150: #082C11;
25
27
  --lp-pri-brand-original-50: #002109;
@@ -30,6 +32,8 @@
30
32
  --lp-pri-brand-variation-380: #236638;
31
33
  --lp-pri-brand-variation-350: #1A5E31;
32
34
  --lp-pri-brand-variation-250: #00461F;
35
+ --lp-pri-brand-variation-230: #2B3A31;
36
+ --lp-pri-brand-variation-170: #1E2D24;
33
37
  --lp-pri-brand-variation-150: #0E2B1A;
34
38
  --lp-pri-brand-variation-100: #032110;
35
39
  --lp-pri-rainbow-red-950: #FFF5F5;
@@ -243,11 +247,11 @@
243
247
  --lp-pri-achromatic-black-alpha-1: rgba(0,0,0,0.01);
244
248
  --lp-pri-achromatic-black-alpha-0: rgba(0,0,0,0);
245
249
  --lp-sys-radius-xxs: 2px;
246
- --lp-sys-radius-xs: 4px;
247
- --lp-sys-radius-s: 6px;
248
- --lp-sys-radius-m: 8px;
249
- --lp-sys-radius-l: 10px;
250
- --lp-sys-radius-xl: 12px;
250
+ --lp-sys-radius-xs: 6px;
251
+ --lp-sys-radius-s: 8px;
252
+ --lp-sys-radius-m: 10px;
253
+ --lp-sys-radius-l: 12px;
254
+ --lp-sys-radius-xl: 14px;
251
255
  --lp-sys-radius-xxl: 200px;
252
256
  --lp-pri-size-minus6: -6px;
253
257
  --lp-pri-size-minus4: -4px;
@@ -683,7 +687,7 @@
683
687
  --neutral-border-overlay-hint: var(--lp-pri-gray-cool-light-alpha-12);
684
688
  --neutral-border-opaque-strong: var(--lp-pri-achromatic-white);
685
689
  --neutral-border-opaque-normal: var(--lp-pri-gray-cool-350);
686
- --neutral-border-opaque-subtle: var(--lp-pri-gray-cool-250);
690
+ --neutral-border-opaque-subtle: var(--lp-pri-gray-cool-270);
687
691
  --inverse-container-lowest: var(--lp-pri-achromatic-white);
688
692
  --inverse-container-lowest-hover: var(--lp-pri-gray-cool-980);
689
693
  --inverse-container-low: var(--lp-pri-gray-cool-980);
@@ -717,19 +721,28 @@
717
721
  --inverse-border-opaque-subtle: var(--lp-pri-gray-cool-920);
718
722
  --brand-container-mid: var(--lp-pri-brand-variation-380);
719
723
  --brand-container-mid-hover: var(--lp-pri-brand-variation-420);
720
- --brand-container-high: var(--lp-pri-brand-original-500);
724
+ --brand-container-high: var(--lp-pri-brand-original-990);
721
725
  --brand-fill-mid: var(--lp-pri-brand-variation-380);
722
726
  --brand-fill-mid-hover: var(--lp-pri-brand-variation-420);
723
- --brand-fill-low: var(--lp-pri-brand-variation-350);
724
- --brand-fill-low-hover: var(--lp-pri-brand-variation-380);
727
+ --brand-fill-low: var(--lp-pri-brand-variation-170);
728
+ --brand-fill-low-hover: var(--lp-pri-brand-variation-230);
725
729
  --brand-label-primary: var(--lp-pri-brand-variation-950);
726
730
  --brand-label-secondary: var(--lp-pri-achromatic-white);
727
731
  --brand-label-variation-secondary: var(--lp-pri-brand-variation-970);
728
732
  --brand-border-opaque-normal: var(--lp-pri-achromatic-white);
729
733
  --brand-border-opaque-strong: var(--lp-pri-brand-variation-950);
730
- --brandinverse-label-primary: var(--lp-pri-brand-original-500);
734
+ --brandinverse-container-mid: var(--lp-pri-brand-original-330);
735
+ --brandinverse-container-mid-hover: var(--lp-pri-brand-original-270);
736
+ --brandinverse-container-high: var(--lp-pri-brand-original-50);
737
+ --brandinverse-fill-mid: var(--lp-pri-brand-original-330);
738
+ --brandinverse-fill-mid-hover: var(--lp-pri-brand-original-270);
739
+ --brandinverse-fill-low: var(--lp-pri-brand-original-990);
740
+ --brandinverse-fill-low-hover: var(--lp-pri-brand-original-980);
741
+ --brandinverse-label-primary: var(--lp-pri-brand-original-330);
731
742
  --brandinverse-label-secondary: var(--lp-pri-brand-original-200);
732
743
  --brandinverse-label-static-primary: var(--lp-pri-brand-variation-950);
744
+ --brandinverse-border-opaque-strong: var(--lp-pri-brand-original-330);
745
+ --brandinverse-border-opaque-normal: var(--lp-pri-brand-original-200);
733
746
  --accent-label-primary: var(--lp-pri-rainbow-orange-730);
734
747
  --accent-label-yellow: var(--lp-pri-rainbow-yellow-600);
735
748
  --accent-label-mint: var(--lp-pri-rainbow-mint-600);
@@ -836,22 +849,31 @@
836
849
  --inverse-border-overlay-hint: var(--lp-pri-gray-cool-light-alpha-12);
837
850
  --inverse-border-opaque-strong: var(--lp-pri-achromatic-white);
838
851
  --inverse-border-opaque-normal: var(--lp-pri-gray-cool-350);
839
- --inverse-border-opaque-subtle: var(--lp-pri-gray-cool-250);
840
- --brand-container-mid: var(--lp-pri-brand-original-200);
841
- --brand-container-mid-hover: var(--lp-pri-brand-original-150);
842
- --brand-container-high: var(--lp-pri-brand-original-500);
843
- --brand-fill-mid: var(--lp-pri-brand-original-200);
844
- --brand-fill-mid-hover: var(--lp-pri-brand-original-150);
852
+ --inverse-border-opaque-subtle: var(--lp-pri-gray-cool-270);
853
+ --brand-container-mid: var(--lp-pri-brand-original-330);
854
+ --brand-container-mid-hover: var(--lp-pri-brand-original-270);
855
+ --brand-container-high: var(--lp-pri-brand-original-50);
856
+ --brand-fill-mid: var(--lp-pri-brand-original-330);
857
+ --brand-fill-mid-hover: var(--lp-pri-brand-original-270);
845
858
  --brand-fill-low: var(--lp-pri-brand-original-990);
846
859
  --brand-fill-low-hover: var(--lp-pri-brand-original-980);
847
- --brand-label-primary: var(--lp-pri-brand-original-500);
860
+ --brand-label-primary: var(--lp-pri-brand-original-330);
848
861
  --brand-label-secondary: var(--lp-pri-brand-original-200);
849
862
  --brand-label-variation-secondary: var(--lp-pri-brand-original-200);
850
863
  --brand-border-opaque-normal: var(--lp-pri-brand-original-200);
851
- --brand-border-opaque-strong: var(--lp-pri-brand-original-500);
864
+ --brand-border-opaque-strong: var(--lp-pri-brand-original-330);
865
+ --brandinverse-container-mid: var(--lp-pri-brand-variation-380);
866
+ --brandinverse-container-mid-hover: var(--lp-pri-brand-variation-420);
867
+ --brandinverse-container-high: var(--lp-pri-brand-original-990);
868
+ --brandinverse-fill-mid: var(--lp-pri-brand-variation-380);
869
+ --brandinverse-fill-mid-hover: var(--lp-pri-brand-variation-420);
870
+ --brandinverse-fill-low: var(--lp-pri-brand-variation-170);
871
+ --brandinverse-fill-low-hover: var(--lp-pri-brand-variation-230);
852
872
  --brandinverse-label-primary: var(--lp-pri-brand-variation-950);
853
873
  --brandinverse-label-secondary: var(--lp-pri-achromatic-white);
854
874
  --brandinverse-label-static-primary: var(--lp-pri-brand-variation-950);
875
+ --brandinverse-border-opaque-strong: var(--lp-pri-brand-variation-950);
876
+ --brandinverse-border-opaque-normal: var(--lp-pri-achromatic-white);
855
877
  --accent-label-primary: var(--lp-pri-rainbow-orange-700);
856
878
  --accent-label-yellow: var(--lp-pri-rainbow-yellow-500);
857
879
  --accent-label-mint: var(--lp-pri-rainbow-mint-500);
@@ -868,7 +890,7 @@
868
890
  --function-fill-drag: var(--lp-pri-brand-original-alpha-12);
869
891
  --function-fill-positive-low: var(--lp-pri-rainbow-green-900);
870
892
  --function-fill-negative-low: var(--lp-pri-rainbow-red-900);
871
- --function-label-positive: var(--lp-pri-rainbow-green-500);
893
+ --function-label-positive: var(--lp-pri-rainbow-green-300);
872
894
  --function-label-negative: var(--lp-pri-rainbow-red-500);
873
895
  --function-label-caution: var(--lp-pri-rainbow-orange-700);
874
896
  --function-label-link: var(--lp-pri-rainbow-cyan-300);
package/lib/index.d.ts CHANGED
@@ -92,9 +92,18 @@ declare const vars: {
92
92
  "brand-label-variation-secondary": string;
93
93
  "brand-border-opaque-normal": string;
94
94
  "brand-border-opaque-strong": string;
95
+ "brandinverse-container-mid": string;
96
+ "brandinverse-container-mid-hover": string;
97
+ "brandinverse-container-high": string;
98
+ "brandinverse-fill-mid": string;
99
+ "brandinverse-fill-mid-hover": string;
100
+ "brandinverse-fill-low": string;
101
+ "brandinverse-fill-low-hover": string;
95
102
  "brandinverse-label-primary": string;
96
103
  "brandinverse-label-secondary": string;
97
104
  "brandinverse-label-static-primary": string;
105
+ "brandinverse-border-opaque-strong": string;
106
+ "brandinverse-border-opaque-normal": string;
98
107
  "accent-label-primary": string;
99
108
  "accent-label-yellow": string;
100
109
  "accent-label-mint": string;
package/lib/index.js CHANGED
@@ -34,7 +34,7 @@ var useDarkTheme = /* @__PURE__ */ __name(() => {
34
34
  }, "useDarkTheme");
35
35
 
36
36
  // src/generated/vars.ts
37
- var vars = { "color": { "neutral-container-lowest": "var(--neutral-container-lowest)", "neutral-container-lowest-hover": "var(--neutral-container-lowest-hover)", "neutral-container-low": "var(--neutral-container-low)", "neutral-container-low-hover": "var(--neutral-container-low-hover)", "neutral-container-mid": "var(--neutral-container-mid)", "neutral-container-mid-hover": "var(--neutral-container-mid-hover)", "neutral-container-high": "var(--neutral-container-high)", "neutral-container-high-hover": "var(--neutral-container-high-hover)", "neutral-container-highest": "var(--neutral-container-highest)", "neutral-container-static-lowest": "var(--neutral-container-static-lowest)", "neutral-container-static-lowest-hover": "var(--neutral-container-static-lowest-hover)", "neutral-container-variation-lowest": "var(--neutral-container-variation-lowest)", "neutral-fill-overlay-lowest": "var(--neutral-fill-overlay-lowest)", "neutral-fill-overlay-lowest-hover": "var(--neutral-fill-overlay-lowest-hover)", "neutral-fill-overlay-low": "var(--neutral-fill-overlay-low)", "neutral-fill-overlay-low-hover": "var(--neutral-fill-overlay-low-hover)", "neutral-fill-overlay-mid": "var(--neutral-fill-overlay-mid)", "neutral-fill-overlay-mid-hover": "var(--neutral-fill-overlay-mid-hover)", "neutral-fill-overlay-high": "var(--neutral-fill-overlay-high)", "neutral-fill-overlay-high-hover": "var(--neutral-fill-overlay-high-hover)", "neutral-fill-overlay-highest": "var(--neutral-fill-overlay-highest)", "neutral-fill-opaque-lowest": "var(--neutral-fill-opaque-lowest)", "neutral-fill-opaque-lowest-hover": "var(--neutral-fill-opaque-lowest-hover)", "neutral-fill-opaque-low": "var(--neutral-fill-opaque-low)", "neutral-fill-opaque-low-hover": "var(--neutral-fill-opaque-low-hover)", "neutral-fill-opaque-static-lowest": "var(--neutral-fill-opaque-static-lowest)", "neutral-label-primary": "var(--neutral-label-primary)", "neutral-label-secondary": "var(--neutral-label-secondary)", "neutral-label-tertiary": "var(--neutral-label-tertiary)", "neutral-label-quaternary": "var(--neutral-label-quaternary)", "neutral-label-static-primary": "var(--neutral-label-static-primary)", "neutral-label-static-secondary": "var(--neutral-label-static-secondary)", "neutral-border-overlay-strong": "var(--neutral-border-overlay-strong)", "neutral-border-overlay-normal": "var(--neutral-border-overlay-normal)", "neutral-border-overlay-subtle": "var(--neutral-border-overlay-subtle)", "neutral-border-overlay-hint": "var(--neutral-border-overlay-hint)", "neutral-border-opaque-strong": "var(--neutral-border-opaque-strong)", "neutral-border-opaque-normal": "var(--neutral-border-opaque-normal)", "neutral-border-opaque-subtle": "var(--neutral-border-opaque-subtle)", "inverse-container-lowest": "var(--inverse-container-lowest)", "inverse-container-lowest-hover": "var(--inverse-container-lowest-hover)", "inverse-container-low": "var(--inverse-container-low)", "inverse-container-low-hover": "var(--inverse-container-low-hover)", "inverse-container-mid": "var(--inverse-container-mid)", "inverse-container-mid-hover": "var(--inverse-container-mid-hover)", "inverse-container-high": "var(--inverse-container-high)", "inverse-container-high-hover": "var(--inverse-container-high-hover)", "inverse-container-static-high": "var(--inverse-container-static-high)", "inverse-container-static-high-hover": "var(--inverse-container-static-high-hover)", "inverse-container-highest": "var(--inverse-container-highest)", "inverse-fill-opaque-lowest": "var(--inverse-fill-opaque-lowest)", "inverse-fill-opaque-lowest-hover": "var(--inverse-fill-opaque-lowest-hover)", "inverse-fill-opaque-low": "var(--inverse-fill-opaque-low)", "inverse-fill-opaque-low-hover": "var(--inverse-fill-opaque-low-hover)", "inverse-fill-opaque-mid": "var(--inverse-fill-opaque-mid)", "inverse-fill-mid": "var(--inverse-fill-mid)", "inverse-fill-mid-hover": "var(--inverse-fill-mid-hover)", "inverse-label-primary": "var(--inverse-label-primary)", "inverse-label-secondary": "var(--inverse-label-secondary)", "inverse-label-tertiary": "var(--inverse-label-tertiary)", "inverse-label-quaternary": "var(--inverse-label-quaternary)", "inverse-label-static-primary": "var(--inverse-label-static-primary)", "inverse-label-static-secondary": "var(--inverse-label-static-secondary)", "inverse-border-overlay-strong": "var(--inverse-border-overlay-strong)", "inverse-border-overlay-normal": "var(--inverse-border-overlay-normal)", "inverse-border-overlay-subtle": "var(--inverse-border-overlay-subtle)", "inverse-border-overlay-hint": "var(--inverse-border-overlay-hint)", "inverse-border-opaque-strong": "var(--inverse-border-opaque-strong)", "inverse-border-opaque-normal": "var(--inverse-border-opaque-normal)", "inverse-border-opaque-subtle": "var(--inverse-border-opaque-subtle)", "brand-container-mid": "var(--brand-container-mid)", "brand-container-mid-hover": "var(--brand-container-mid-hover)", "brand-container-high": "var(--brand-container-high)", "brand-fill-mid": "var(--brand-fill-mid)", "brand-fill-mid-hover": "var(--brand-fill-mid-hover)", "brand-fill-low": "var(--brand-fill-low)", "brand-fill-low-hover": "var(--brand-fill-low-hover)", "brand-label-primary": "var(--brand-label-primary)", "brand-label-secondary": "var(--brand-label-secondary)", "brand-label-variation-secondary": "var(--brand-label-variation-secondary)", "brand-border-opaque-normal": "var(--brand-border-opaque-normal)", "brand-border-opaque-strong": "var(--brand-border-opaque-strong)", "brandinverse-label-primary": "var(--brandinverse-label-primary)", "brandinverse-label-secondary": "var(--brandinverse-label-secondary)", "brandinverse-label-static-primary": "var(--brandinverse-label-static-primary)", "accent-label-primary": "var(--accent-label-primary)", "accent-label-yellow": "var(--accent-label-yellow)", "accent-label-mint": "var(--accent-label-mint)", "accent-label-cyan": "var(--accent-label-cyan)", "accent-label-purple": "var(--accent-label-purple)", "accent-label-pink": "var(--accent-label-pink)", "accent-fill-primary": "var(--accent-fill-primary)", "function-fill-positive-mid": "var(--function-fill-positive-mid)", "function-fill-negative-mid": "var(--function-fill-negative-mid)", "function-fill-negative-mid-hover": "var(--function-fill-negative-mid-hover)", "function-fill-caution": "var(--function-fill-caution)", "function-fill-highlight": "var(--function-fill-highlight)", "function-fill-selection": "var(--function-fill-selection)", "function-fill-drag": "var(--function-fill-drag)", "function-fill-positive-low": "var(--function-fill-positive-low)", "function-fill-negative-low": "var(--function-fill-negative-low)", "function-label-positive": "var(--function-label-positive)", "function-label-negative": "var(--function-label-negative)", "function-label-caution": "var(--function-label-caution)", "function-label-link": "var(--function-label-link)", "cover-dim-page": "var(--cover-dim-page)" }, "radius": { "xxs": "var(--lp-sys-radius-xxs)", "xs": "var(--lp-sys-radius-xs)", "s": "var(--lp-sys-radius-s)", "m": "var(--lp-sys-radius-m)", "l": "var(--lp-sys-radius-l)", "xl": "var(--lp-sys-radius-xl)", "xxl": "var(--lp-sys-radius-xxl)" }, "opacity": { "0": "var(--lp-pri-opacity-0)", "1": "var(--lp-pri-opacity-1)", "4": "var(--lp-pri-opacity-4)", "8": "var(--lp-pri-opacity-8)", "12": "var(--lp-pri-opacity-12)", "16": "var(--lp-pri-opacity-16)", "20": "var(--lp-pri-opacity-20)", "24": "var(--lp-pri-opacity-24)", "28": "var(--lp-pri-opacity-28)", "32": "var(--lp-pri-opacity-32)", "36": "var(--lp-pri-opacity-36)", "40": "var(--lp-pri-opacity-40)", "44": "var(--lp-pri-opacity-44)", "48": "var(--lp-pri-opacity-48)", "50": "var(--lp-pri-opacity-50)", "56": "var(--lp-pri-opacity-56)", "64": "var(--lp-pri-opacity-64)", "72": "var(--lp-pri-opacity-72)", "80": "var(--lp-pri-opacity-80)" }, "padding": { "component-50": "var(--lp-sys-padding-component-50)", "component-100": "var(--lp-sys-padding-component-100)", "component-150": "var(--lp-sys-padding-component-150)", "component-200": "var(--lp-sys-padding-component-200)", "component-300": "var(--lp-sys-padding-component-300)", "component-400": "var(--lp-sys-padding-component-400)", "component-500": "var(--lp-sys-padding-component-500)", "component-600": "var(--lp-sys-padding-component-600)", "component-700": "var(--lp-sys-padding-component-700)", "component-800": "var(--lp-sys-padding-component-800)", "component-900": "var(--lp-sys-padding-component-900)", "component-1000": "var(--lp-sys-padding-component-1000)", "component-1100": "var(--lp-sys-padding-component-1100)", "component-1300": "var(--lp-sys-padding-component-1300)", "component-1500": "var(--lp-sys-padding-component-1500)", "component-1700": "var(--lp-sys-padding-component-1700)", "section-50": "var(--lp-sys-padding-section-50)", "section-100": "var(--lp-sys-padding-section-100)", "section-200": "var(--lp-sys-padding-section-200)", "section-300": "var(--lp-sys-padding-section-300)", "section-400": "var(--lp-sys-padding-section-400)", "section-500": "var(--lp-sys-padding-section-500)", "section-600": "var(--lp-sys-padding-section-600)", "section-700": "var(--lp-sys-padding-section-700)", "section-800": "var(--lp-sys-padding-section-800)", "section-900": "var(--lp-sys-padding-section-900)" }, "size": { "0": "var(--lp-pri-size-0)", "1": "var(--lp-pri-size-1)", "2": "var(--lp-pri-size-2)", "3": "var(--lp-pri-size-3)", "4": "var(--lp-pri-size-4)", "6": "var(--lp-pri-size-6)", "8": "var(--lp-pri-size-8)", "10": "var(--lp-pri-size-10)", "12": "var(--lp-pri-size-12)", "14": "var(--lp-pri-size-14)", "16": "var(--lp-pri-size-16)", "18": "var(--lp-pri-size-18)", "20": "var(--lp-pri-size-20)", "24": "var(--lp-pri-size-24)", "32": "var(--lp-pri-size-32)", "40": "var(--lp-pri-size-40)", "48": "var(--lp-pri-size-48)", "56": "var(--lp-pri-size-56)", "64": "var(--lp-pri-size-64)", "80": "var(--lp-pri-size-80)", "100": "var(--lp-pri-size-100)", "120": "var(--lp-pri-size-120)", "140": "var(--lp-pri-size-140)", "160": "var(--lp-pri-size-160)", "180": "var(--lp-pri-size-180)", "200": "var(--lp-pri-size-200)", "minus6": "var(--lp-pri-size-minus6)", "minus4": "var(--lp-pri-size-minus4)", "minus2": "var(--lp-pri-size-minus2)" }, "gap": { "positive-50": "var(--lp-sys-gap-positive-50)", "positive-100": "var(--lp-sys-gap-positive-100)", "positive-150": "var(--lp-sys-gap-positive-150)", "positive-200": "var(--lp-sys-gap-positive-200)", "positive-300": "var(--lp-sys-gap-positive-300)", "positive-400": "var(--lp-sys-gap-positive-400)", "positive-500": "var(--lp-sys-gap-positive-500)", "positive-600": "var(--lp-sys-gap-positive-600)", "positive-700": "var(--lp-sys-gap-positive-700)", "positive-800": "var(--lp-sys-gap-positive-800)", "positive-900": "var(--lp-sys-gap-positive-900)" }, "shadow": { "soft": "var(--lp-sys-shadow-soft)", "normal": "var(--lp-sys-shadow-normal)", "strong": "var(--lp-sys-shadow-strong)", "heavy": "var(--lp-sys-shadow-heavy)" }, "iconSize": { "xs": "var(--lp-sys-icon-size-xs)", "s": "var(--lp-sys-icon-size-s)", "m": "var(--lp-sys-icon-size-m)", "l": "var(--lp-sys-icon-size-l)", "xl": "var(--lp-sys-icon-size-xl)" } };
37
+ var vars = { "color": { "neutral-container-lowest": "var(--neutral-container-lowest)", "neutral-container-lowest-hover": "var(--neutral-container-lowest-hover)", "neutral-container-low": "var(--neutral-container-low)", "neutral-container-low-hover": "var(--neutral-container-low-hover)", "neutral-container-mid": "var(--neutral-container-mid)", "neutral-container-mid-hover": "var(--neutral-container-mid-hover)", "neutral-container-high": "var(--neutral-container-high)", "neutral-container-high-hover": "var(--neutral-container-high-hover)", "neutral-container-highest": "var(--neutral-container-highest)", "neutral-container-static-lowest": "var(--neutral-container-static-lowest)", "neutral-container-static-lowest-hover": "var(--neutral-container-static-lowest-hover)", "neutral-container-variation-lowest": "var(--neutral-container-variation-lowest)", "neutral-fill-overlay-lowest": "var(--neutral-fill-overlay-lowest)", "neutral-fill-overlay-lowest-hover": "var(--neutral-fill-overlay-lowest-hover)", "neutral-fill-overlay-low": "var(--neutral-fill-overlay-low)", "neutral-fill-overlay-low-hover": "var(--neutral-fill-overlay-low-hover)", "neutral-fill-overlay-mid": "var(--neutral-fill-overlay-mid)", "neutral-fill-overlay-mid-hover": "var(--neutral-fill-overlay-mid-hover)", "neutral-fill-overlay-high": "var(--neutral-fill-overlay-high)", "neutral-fill-overlay-high-hover": "var(--neutral-fill-overlay-high-hover)", "neutral-fill-overlay-highest": "var(--neutral-fill-overlay-highest)", "neutral-fill-opaque-lowest": "var(--neutral-fill-opaque-lowest)", "neutral-fill-opaque-lowest-hover": "var(--neutral-fill-opaque-lowest-hover)", "neutral-fill-opaque-low": "var(--neutral-fill-opaque-low)", "neutral-fill-opaque-low-hover": "var(--neutral-fill-opaque-low-hover)", "neutral-fill-opaque-static-lowest": "var(--neutral-fill-opaque-static-lowest)", "neutral-label-primary": "var(--neutral-label-primary)", "neutral-label-secondary": "var(--neutral-label-secondary)", "neutral-label-tertiary": "var(--neutral-label-tertiary)", "neutral-label-quaternary": "var(--neutral-label-quaternary)", "neutral-label-static-primary": "var(--neutral-label-static-primary)", "neutral-label-static-secondary": "var(--neutral-label-static-secondary)", "neutral-border-overlay-strong": "var(--neutral-border-overlay-strong)", "neutral-border-overlay-normal": "var(--neutral-border-overlay-normal)", "neutral-border-overlay-subtle": "var(--neutral-border-overlay-subtle)", "neutral-border-overlay-hint": "var(--neutral-border-overlay-hint)", "neutral-border-opaque-strong": "var(--neutral-border-opaque-strong)", "neutral-border-opaque-normal": "var(--neutral-border-opaque-normal)", "neutral-border-opaque-subtle": "var(--neutral-border-opaque-subtle)", "inverse-container-lowest": "var(--inverse-container-lowest)", "inverse-container-lowest-hover": "var(--inverse-container-lowest-hover)", "inverse-container-low": "var(--inverse-container-low)", "inverse-container-low-hover": "var(--inverse-container-low-hover)", "inverse-container-mid": "var(--inverse-container-mid)", "inverse-container-mid-hover": "var(--inverse-container-mid-hover)", "inverse-container-high": "var(--inverse-container-high)", "inverse-container-high-hover": "var(--inverse-container-high-hover)", "inverse-container-static-high": "var(--inverse-container-static-high)", "inverse-container-static-high-hover": "var(--inverse-container-static-high-hover)", "inverse-container-highest": "var(--inverse-container-highest)", "inverse-fill-opaque-lowest": "var(--inverse-fill-opaque-lowest)", "inverse-fill-opaque-lowest-hover": "var(--inverse-fill-opaque-lowest-hover)", "inverse-fill-opaque-low": "var(--inverse-fill-opaque-low)", "inverse-fill-opaque-low-hover": "var(--inverse-fill-opaque-low-hover)", "inverse-fill-opaque-mid": "var(--inverse-fill-opaque-mid)", "inverse-fill-mid": "var(--inverse-fill-mid)", "inverse-fill-mid-hover": "var(--inverse-fill-mid-hover)", "inverse-label-primary": "var(--inverse-label-primary)", "inverse-label-secondary": "var(--inverse-label-secondary)", "inverse-label-tertiary": "var(--inverse-label-tertiary)", "inverse-label-quaternary": "var(--inverse-label-quaternary)", "inverse-label-static-primary": "var(--inverse-label-static-primary)", "inverse-label-static-secondary": "var(--inverse-label-static-secondary)", "inverse-border-overlay-strong": "var(--inverse-border-overlay-strong)", "inverse-border-overlay-normal": "var(--inverse-border-overlay-normal)", "inverse-border-overlay-subtle": "var(--inverse-border-overlay-subtle)", "inverse-border-overlay-hint": "var(--inverse-border-overlay-hint)", "inverse-border-opaque-strong": "var(--inverse-border-opaque-strong)", "inverse-border-opaque-normal": "var(--inverse-border-opaque-normal)", "inverse-border-opaque-subtle": "var(--inverse-border-opaque-subtle)", "brand-container-mid": "var(--brand-container-mid)", "brand-container-mid-hover": "var(--brand-container-mid-hover)", "brand-container-high": "var(--brand-container-high)", "brand-fill-mid": "var(--brand-fill-mid)", "brand-fill-mid-hover": "var(--brand-fill-mid-hover)", "brand-fill-low": "var(--brand-fill-low)", "brand-fill-low-hover": "var(--brand-fill-low-hover)", "brand-label-primary": "var(--brand-label-primary)", "brand-label-secondary": "var(--brand-label-secondary)", "brand-label-variation-secondary": "var(--brand-label-variation-secondary)", "brand-border-opaque-normal": "var(--brand-border-opaque-normal)", "brand-border-opaque-strong": "var(--brand-border-opaque-strong)", "brandinverse-container-mid": "var(--brandinverse-container-mid)", "brandinverse-container-mid-hover": "var(--brandinverse-container-mid-hover)", "brandinverse-container-high": "var(--brandinverse-container-high)", "brandinverse-fill-mid": "var(--brandinverse-fill-mid)", "brandinverse-fill-mid-hover": "var(--brandinverse-fill-mid-hover)", "brandinverse-fill-low": "var(--brandinverse-fill-low)", "brandinverse-fill-low-hover": "var(--brandinverse-fill-low-hover)", "brandinverse-label-primary": "var(--brandinverse-label-primary)", "brandinverse-label-secondary": "var(--brandinverse-label-secondary)", "brandinverse-label-static-primary": "var(--brandinverse-label-static-primary)", "brandinverse-border-opaque-strong": "var(--brandinverse-border-opaque-strong)", "brandinverse-border-opaque-normal": "var(--brandinverse-border-opaque-normal)", "accent-label-primary": "var(--accent-label-primary)", "accent-label-yellow": "var(--accent-label-yellow)", "accent-label-mint": "var(--accent-label-mint)", "accent-label-cyan": "var(--accent-label-cyan)", "accent-label-purple": "var(--accent-label-purple)", "accent-label-pink": "var(--accent-label-pink)", "accent-fill-primary": "var(--accent-fill-primary)", "function-fill-positive-mid": "var(--function-fill-positive-mid)", "function-fill-negative-mid": "var(--function-fill-negative-mid)", "function-fill-negative-mid-hover": "var(--function-fill-negative-mid-hover)", "function-fill-caution": "var(--function-fill-caution)", "function-fill-highlight": "var(--function-fill-highlight)", "function-fill-selection": "var(--function-fill-selection)", "function-fill-drag": "var(--function-fill-drag)", "function-fill-positive-low": "var(--function-fill-positive-low)", "function-fill-negative-low": "var(--function-fill-negative-low)", "function-label-positive": "var(--function-label-positive)", "function-label-negative": "var(--function-label-negative)", "function-label-caution": "var(--function-label-caution)", "function-label-link": "var(--function-label-link)", "cover-dim-page": "var(--cover-dim-page)" }, "radius": { "xxs": "var(--lp-sys-radius-xxs)", "xs": "var(--lp-sys-radius-xs)", "s": "var(--lp-sys-radius-s)", "m": "var(--lp-sys-radius-m)", "l": "var(--lp-sys-radius-l)", "xl": "var(--lp-sys-radius-xl)", "xxl": "var(--lp-sys-radius-xxl)" }, "opacity": { "0": "var(--lp-pri-opacity-0)", "1": "var(--lp-pri-opacity-1)", "4": "var(--lp-pri-opacity-4)", "8": "var(--lp-pri-opacity-8)", "12": "var(--lp-pri-opacity-12)", "16": "var(--lp-pri-opacity-16)", "20": "var(--lp-pri-opacity-20)", "24": "var(--lp-pri-opacity-24)", "28": "var(--lp-pri-opacity-28)", "32": "var(--lp-pri-opacity-32)", "36": "var(--lp-pri-opacity-36)", "40": "var(--lp-pri-opacity-40)", "44": "var(--lp-pri-opacity-44)", "48": "var(--lp-pri-opacity-48)", "50": "var(--lp-pri-opacity-50)", "56": "var(--lp-pri-opacity-56)", "64": "var(--lp-pri-opacity-64)", "72": "var(--lp-pri-opacity-72)", "80": "var(--lp-pri-opacity-80)" }, "padding": { "component-50": "var(--lp-sys-padding-component-50)", "component-100": "var(--lp-sys-padding-component-100)", "component-150": "var(--lp-sys-padding-component-150)", "component-200": "var(--lp-sys-padding-component-200)", "component-300": "var(--lp-sys-padding-component-300)", "component-400": "var(--lp-sys-padding-component-400)", "component-500": "var(--lp-sys-padding-component-500)", "component-600": "var(--lp-sys-padding-component-600)", "component-700": "var(--lp-sys-padding-component-700)", "component-800": "var(--lp-sys-padding-component-800)", "component-900": "var(--lp-sys-padding-component-900)", "component-1000": "var(--lp-sys-padding-component-1000)", "component-1100": "var(--lp-sys-padding-component-1100)", "component-1300": "var(--lp-sys-padding-component-1300)", "component-1500": "var(--lp-sys-padding-component-1500)", "component-1700": "var(--lp-sys-padding-component-1700)", "section-50": "var(--lp-sys-padding-section-50)", "section-100": "var(--lp-sys-padding-section-100)", "section-200": "var(--lp-sys-padding-section-200)", "section-300": "var(--lp-sys-padding-section-300)", "section-400": "var(--lp-sys-padding-section-400)", "section-500": "var(--lp-sys-padding-section-500)", "section-600": "var(--lp-sys-padding-section-600)", "section-700": "var(--lp-sys-padding-section-700)", "section-800": "var(--lp-sys-padding-section-800)", "section-900": "var(--lp-sys-padding-section-900)" }, "size": { "0": "var(--lp-pri-size-0)", "1": "var(--lp-pri-size-1)", "2": "var(--lp-pri-size-2)", "3": "var(--lp-pri-size-3)", "4": "var(--lp-pri-size-4)", "6": "var(--lp-pri-size-6)", "8": "var(--lp-pri-size-8)", "10": "var(--lp-pri-size-10)", "12": "var(--lp-pri-size-12)", "14": "var(--lp-pri-size-14)", "16": "var(--lp-pri-size-16)", "18": "var(--lp-pri-size-18)", "20": "var(--lp-pri-size-20)", "24": "var(--lp-pri-size-24)", "32": "var(--lp-pri-size-32)", "40": "var(--lp-pri-size-40)", "48": "var(--lp-pri-size-48)", "56": "var(--lp-pri-size-56)", "64": "var(--lp-pri-size-64)", "80": "var(--lp-pri-size-80)", "100": "var(--lp-pri-size-100)", "120": "var(--lp-pri-size-120)", "140": "var(--lp-pri-size-140)", "160": "var(--lp-pri-size-160)", "180": "var(--lp-pri-size-180)", "200": "var(--lp-pri-size-200)", "minus6": "var(--lp-pri-size-minus6)", "minus4": "var(--lp-pri-size-minus4)", "minus2": "var(--lp-pri-size-minus2)" }, "gap": { "positive-50": "var(--lp-sys-gap-positive-50)", "positive-100": "var(--lp-sys-gap-positive-100)", "positive-150": "var(--lp-sys-gap-positive-150)", "positive-200": "var(--lp-sys-gap-positive-200)", "positive-300": "var(--lp-sys-gap-positive-300)", "positive-400": "var(--lp-sys-gap-positive-400)", "positive-500": "var(--lp-sys-gap-positive-500)", "positive-600": "var(--lp-sys-gap-positive-600)", "positive-700": "var(--lp-sys-gap-positive-700)", "positive-800": "var(--lp-sys-gap-positive-800)", "positive-900": "var(--lp-sys-gap-positive-900)" }, "shadow": { "soft": "var(--lp-sys-shadow-soft)", "normal": "var(--lp-sys-shadow-normal)", "strong": "var(--lp-sys-shadow-strong)", "heavy": "var(--lp-sys-shadow-heavy)" }, "iconSize": { "xs": "var(--lp-sys-icon-size-xs)", "s": "var(--lp-sys-icon-size-s)", "m": "var(--lp-sys-icon-size-m)", "l": "var(--lp-sys-icon-size-l)", "xl": "var(--lp-sys-icon-size-xl)" } };
38
38
 
39
39
  // src/generated/classNames.ts
40
40
  var classNames = { "typography": { "lp-sys-typo-display2-accent-black": "lp-sys-typo-display2-accent-black", "lp-sys-typo-display3-accent-black": "lp-sys-typo-display3-accent-black", "lp-sys-typo-heading1-answer": "lp-sys-typo-heading1-answer", "lp-sys-typo-heading2-answer": "lp-sys-typo-heading2-answer", "lp-sys-typo-heading3-answer": "lp-sys-typo-heading3-answer", "lp-sys-typo-heading4-answer": "lp-sys-typo-heading4-answer", "lp-sys-typo-heading5-answer": "lp-sys-typo-heading5-answer", "lp-sys-typo-heading6-answer": "lp-sys-typo-heading6-answer", "lp-sys-typo-title1-accent-bold": "lp-sys-typo-title1-accent-bold", "lp-sys-typo-title2-accent-bold": "lp-sys-typo-title2-accent-bold", "lp-sys-typo-title3-accent-bold": "lp-sys-typo-title3-accent-bold", "lp-sys-typo-title4-accent-bold": "lp-sys-typo-title4-accent-bold", "lp-sys-typo-title5-accent-bold": "lp-sys-typo-title5-accent-bold", "lp-sys-typo-title1-normal-bold": "lp-sys-typo-title1-normal-bold", "lp-sys-typo-title2-normal-bold": "lp-sys-typo-title2-normal-bold", "lp-sys-typo-title3-normal-bold": "lp-sys-typo-title3-normal-bold", "lp-sys-typo-title4-normal-bold": "lp-sys-typo-title4-normal-bold", "lp-sys-typo-title5-normal-bold": "lp-sys-typo-title5-normal-bold", "lp-sys-typo-paragraph1-normal-bold": "lp-sys-typo-paragraph1-normal-bold", "lp-sys-typo-paragraph2-normal-bold": "lp-sys-typo-paragraph2-normal-bold", "lp-sys-typo-paragraph3-normal-bold": "lp-sys-typo-paragraph3-normal-bold", "lp-sys-typo-paragraph4-normal-bold": "lp-sys-typo-paragraph4-normal-bold", "lp-sys-typo-paragraph1-normal-medium": "lp-sys-typo-paragraph1-normal-medium", "lp-sys-typo-paragraph2-normal-medium": "lp-sys-typo-paragraph2-normal-medium", "lp-sys-typo-paragraph3-normal-medium": "lp-sys-typo-paragraph3-normal-medium", "lp-sys-typo-paragraph4-normal-medium": "lp-sys-typo-paragraph4-normal-medium", "lp-sys-typo-paragraph1-normal-regular": "lp-sys-typo-paragraph1-normal-regular", "lp-sys-typo-paragraph2-normal-regular": "lp-sys-typo-paragraph2-normal-regular", "lp-sys-typo-paragraph3-normal-regular": "lp-sys-typo-paragraph3-normal-regular", "lp-sys-typo-paragraph4-normal-regular": "lp-sys-typo-paragraph4-normal-regular", "lp-sys-typo-paragraph2-post-regular": "lp-sys-typo-paragraph2-post-regular", "lp-sys-typo-paragraph3-post-regular": "lp-sys-typo-paragraph3-post-regular", "lp-sys-typo-paragraph4-post-regular": "lp-sys-typo-paragraph4-post-regular", "lp-sys-typo-paragraph2-answer-bold": "lp-sys-typo-paragraph2-answer-bold", "lp-sys-typo-paragraph2-answer-regular": "lp-sys-typo-paragraph2-answer-regular", "lp-sys-typo-caption1-normal-bold": "lp-sys-typo-caption1-normal-bold", "lp-sys-typo-caption2-normal-bold": "lp-sys-typo-caption2-normal-bold", "lp-sys-typo-caption3-normal-bold": "lp-sys-typo-caption3-normal-bold", "lp-sys-typo-caption1-normal-medium": "lp-sys-typo-caption1-normal-medium", "lp-sys-typo-caption2-normal-medium": "lp-sys-typo-caption2-normal-medium", "lp-sys-typo-caption3-normal-medium": "lp-sys-typo-caption3-normal-medium", "lp-sys-typo-caption1-normal-regular": "lp-sys-typo-caption1-normal-regular", "lp-sys-typo-caption2-normal-regular": "lp-sys-typo-caption2-normal-regular", "lp-sys-typo-caption3-normal-regular": "lp-sys-typo-caption3-normal-regular" } };
package/lib/tailwind.css CHANGED
@@ -86,9 +86,18 @@
86
86
  --color-brand-label-variation-secondary: var(--brand-label-variation-secondary);
87
87
  --color-brand-border-opaque-normal: var(--brand-border-opaque-normal);
88
88
  --color-brand-border-opaque-strong: var(--brand-border-opaque-strong);
89
+ --color-brandinverse-container-mid: var(--brandinverse-container-mid);
90
+ --color-brandinverse-container-mid-hover: var(--brandinverse-container-mid-hover);
91
+ --color-brandinverse-container-high: var(--brandinverse-container-high);
92
+ --color-brandinverse-fill-mid: var(--brandinverse-fill-mid);
93
+ --color-brandinverse-fill-mid-hover: var(--brandinverse-fill-mid-hover);
94
+ --color-brandinverse-fill-low: var(--brandinverse-fill-low);
95
+ --color-brandinverse-fill-low-hover: var(--brandinverse-fill-low-hover);
89
96
  --color-brandinverse-label-primary: var(--brandinverse-label-primary);
90
97
  --color-brandinverse-label-secondary: var(--brandinverse-label-secondary);
91
98
  --color-brandinverse-label-static-primary: var(--brandinverse-label-static-primary);
99
+ --color-brandinverse-border-opaque-strong: var(--brandinverse-border-opaque-strong);
100
+ --color-brandinverse-border-opaque-normal: var(--brandinverse-border-opaque-normal);
92
101
  --color-accent-label-primary: var(--accent-label-primary);
93
102
  --color-accent-label-yellow: var(--accent-label-yellow);
94
103
  --color-accent-label-mint: var(--accent-label-mint);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/design-token",
3
- "version": "2.5.34",
3
+ "version": "2.5.36",
4
4
  "type": "module",
5
5
  "devDependencies": {
6
6
  "@eslint/js": "^9.22.0",
@@ -16,7 +16,7 @@
16
16
  "tsx": "^4.19.4",
17
17
  "typescript": "^5.1.3",
18
18
  "typescript-eslint": "^8.26.1",
19
- "@liner-fe/design-token-primitive": "^0.2.32"
19
+ "@liner-fe/design-token-primitive": "^0.2.35"
20
20
  },
21
21
  "peerDependencies": {
22
22
  "react": "^18",
package/src/generated/vars.ts CHANGED
@@ -1 +1 @@
1
- export const vars = {"color":{"neutral-container-lowest":"var(--neutral-container-lowest)","neutral-container-lowest-hover":"var(--neutral-container-lowest-hover)","neutral-container-low":"var(--neutral-container-low)","neutral-container-low-hover":"var(--neutral-container-low-hover)","neutral-container-mid":"var(--neutral-container-mid)","neutral-container-mid-hover":"var(--neutral-container-mid-hover)","neutral-container-high":"var(--neutral-container-high)","neutral-container-high-hover":"var(--neutral-container-high-hover)","neutral-container-highest":"var(--neutral-container-highest)","neutral-container-static-lowest":"var(--neutral-container-static-lowest)","neutral-container-static-lowest-hover":"var(--neutral-container-static-lowest-hover)","neutral-container-variation-lowest":"var(--neutral-container-variation-lowest)","neutral-fill-overlay-lowest":"var(--neutral-fill-overlay-lowest)","neutral-fill-overlay-lowest-hover":"var(--neutral-fill-overlay-lowest-hover)","neutral-fill-overlay-low":"var(--neutral-fill-overlay-low)","neutral-fill-overlay-low-hover":"var(--neutral-fill-overlay-low-hover)","neutral-fill-overlay-mid":"var(--neutral-fill-overlay-mid)","neutral-fill-overlay-mid-hover":"var(--neutral-fill-overlay-mid-hover)","neutral-fill-overlay-high":"var(--neutral-fill-overlay-high)","neutral-fill-overlay-high-hover":"var(--neutral-fill-overlay-high-hover)","neutral-fill-overlay-highest":"var(--neutral-fill-overlay-highest)","neutral-fill-opaque-lowest":"var(--neutral-fill-opaque-lowest)","neutral-fill-opaque-lowest-hover":"var(--neutral-fill-opaque-lowest-hover)","neutral-fill-opaque-low":"var(--neutral-fill-opaque-low)","neutral-fill-opaque-low-hover":"var(--neutral-fill-opaque-low-hover)","neutral-fill-opaque-static-lowest":"var(--neutral-fill-opaque-static-lowest)","neutral-label-primary":"var(--neutral-label-primary)","neutral-label-secondary":"var(--neutral-label-secondary)","neutral-label-tertiary":"var(--neutral-label-tertiary)","neutral-label-quaternary":"var(--neutral-label-quaternary)","neutral-label-static-primary":"var(--neutral-label-static-primary)","neutral-label-static-secondary":"var(--neutral-label-static-secondary)","neutral-border-overlay-strong":"var(--neutral-border-overlay-strong)","neutral-border-overlay-normal":"var(--neutral-border-overlay-normal)","neutral-border-overlay-subtle":"var(--neutral-border-overlay-subtle)","neutral-border-overlay-hint":"var(--neutral-border-overlay-hint)","neutral-border-opaque-strong":"var(--neutral-border-opaque-strong)","neutral-border-opaque-normal":"var(--neutral-border-opaque-normal)","neutral-border-opaque-subtle":"var(--neutral-border-opaque-subtle)","inverse-container-lowest":"var(--inverse-container-lowest)","inverse-container-lowest-hover":"var(--inverse-container-lowest-hover)","inverse-container-low":"var(--inverse-container-low)","inverse-container-low-hover":"var(--inverse-container-low-hover)","inverse-container-mid":"var(--inverse-container-mid)","inverse-container-mid-hover":"var(--inverse-container-mid-hover)","inverse-container-high":"var(--inverse-container-high)","inverse-container-high-hover":"var(--inverse-container-high-hover)","inverse-container-static-high":"var(--inverse-container-static-high)","inverse-container-static-high-hover":"var(--inverse-container-static-high-hover)","inverse-container-highest":"var(--inverse-container-highest)","inverse-fill-opaque-lowest":"var(--inverse-fill-opaque-lowest)","inverse-fill-opaque-lowest-hover":"var(--inverse-fill-opaque-lowest-hover)","inverse-fill-opaque-low":"var(--inverse-fill-opaque-low)","inverse-fill-opaque-low-hover":"var(--inverse-fill-opaque-low-hover)","inverse-fill-opaque-mid":"var(--inverse-fill-opaque-mid)","inverse-fill-mid":"var(--inverse-fill-mid)","inverse-fill-mid-hover":"var(--inverse-fill-mid-hover)","inverse-label-primary":"var(--inverse-label-primary)","inverse-label-secondary":"var(--inverse-label-secondary)","inverse-label-tertiary":"var(--inverse-label-tertiary)","inverse-label-quaternary":"var(--inverse-label-quaternary)","inverse-label-static-primary":"var(--inverse-label-static-primary)","inverse-label-static-secondary":"var(--inverse-label-static-secondary)","inverse-border-overlay-strong":"var(--inverse-border-overlay-strong)","inverse-border-overlay-normal":"var(--inverse-border-overlay-normal)","inverse-border-overlay-subtle":"var(--inverse-border-overlay-subtle)","inverse-border-overlay-hint":"var(--inverse-border-overlay-hint)","inverse-border-opaque-strong":"var(--inverse-border-opaque-strong)","inverse-border-opaque-normal":"var(--inverse-border-opaque-normal)","inverse-border-opaque-subtle":"var(--inverse-border-opaque-subtle)","brand-container-mid":"var(--brand-container-mid)","brand-container-mid-hover":"var(--brand-container-mid-hover)","brand-container-high":"var(--brand-container-high)","brand-fill-mid":"var(--brand-fill-mid)","brand-fill-mid-hover":"var(--brand-fill-mid-hover)","brand-fill-low":"var(--brand-fill-low)","brand-fill-low-hover":"var(--brand-fill-low-hover)","brand-label-primary":"var(--brand-label-primary)","brand-label-secondary":"var(--brand-label-secondary)","brand-label-variation-secondary":"var(--brand-label-variation-secondary)","brand-border-opaque-normal":"var(--brand-border-opaque-normal)","brand-border-opaque-strong":"var(--brand-border-opaque-strong)","brandinverse-label-primary":"var(--brandinverse-label-primary)","brandinverse-label-secondary":"var(--brandinverse-label-secondary)","brandinverse-label-static-primary":"var(--brandinverse-label-static-primary)","accent-label-primary":"var(--accent-label-primary)","accent-label-yellow":"var(--accent-label-yellow)","accent-label-mint":"var(--accent-label-mint)","accent-label-cyan":"var(--accent-label-cyan)","accent-label-purple":"var(--accent-label-purple)","accent-label-pink":"var(--accent-label-pink)","accent-fill-primary":"var(--accent-fill-primary)","function-fill-positive-mid":"var(--function-fill-positive-mid)","function-fill-negative-mid":"var(--function-fill-negative-mid)","function-fill-negative-mid-hover":"var(--function-fill-negative-mid-hover)","function-fill-caution":"var(--function-fill-caution)","function-fill-highlight":"var(--function-fill-highlight)","function-fill-selection":"var(--function-fill-selection)","function-fill-drag":"var(--function-fill-drag)","function-fill-positive-low":"var(--function-fill-positive-low)","function-fill-negative-low":"var(--function-fill-negative-low)","function-label-positive":"var(--function-label-positive)","function-label-negative":"var(--function-label-negative)","function-label-caution":"var(--function-label-caution)","function-label-link":"var(--function-label-link)","cover-dim-page":"var(--cover-dim-page)"},"radius":{"xxs":"var(--lp-sys-radius-xxs)","xs":"var(--lp-sys-radius-xs)","s":"var(--lp-sys-radius-s)","m":"var(--lp-sys-radius-m)","l":"var(--lp-sys-radius-l)","xl":"var(--lp-sys-radius-xl)","xxl":"var(--lp-sys-radius-xxl)"},"opacity":{"0":"var(--lp-pri-opacity-0)","1":"var(--lp-pri-opacity-1)","4":"var(--lp-pri-opacity-4)","8":"var(--lp-pri-opacity-8)","12":"var(--lp-pri-opacity-12)","16":"var(--lp-pri-opacity-16)","20":"var(--lp-pri-opacity-20)","24":"var(--lp-pri-opacity-24)","28":"var(--lp-pri-opacity-28)","32":"var(--lp-pri-opacity-32)","36":"var(--lp-pri-opacity-36)","40":"var(--lp-pri-opacity-40)","44":"var(--lp-pri-opacity-44)","48":"var(--lp-pri-opacity-48)","50":"var(--lp-pri-opacity-50)","56":"var(--lp-pri-opacity-56)","64":"var(--lp-pri-opacity-64)","72":"var(--lp-pri-opacity-72)","80":"var(--lp-pri-opacity-80)"},"padding":{"component-50":"var(--lp-sys-padding-component-50)","component-100":"var(--lp-sys-padding-component-100)","component-150":"var(--lp-sys-padding-component-150)","component-200":"var(--lp-sys-padding-component-200)","component-300":"var(--lp-sys-padding-component-300)","component-400":"var(--lp-sys-padding-component-400)","component-500":"var(--lp-sys-padding-component-500)","component-600":"var(--lp-sys-padding-component-600)","component-700":"var(--lp-sys-padding-component-700)","component-800":"var(--lp-sys-padding-component-800)","component-900":"var(--lp-sys-padding-component-900)","component-1000":"var(--lp-sys-padding-component-1000)","component-1100":"var(--lp-sys-padding-component-1100)","component-1300":"var(--lp-sys-padding-component-1300)","component-1500":"var(--lp-sys-padding-component-1500)","component-1700":"var(--lp-sys-padding-component-1700)","section-50":"var(--lp-sys-padding-section-50)","section-100":"var(--lp-sys-padding-section-100)","section-200":"var(--lp-sys-padding-section-200)","section-300":"var(--lp-sys-padding-section-300)","section-400":"var(--lp-sys-padding-section-400)","section-500":"var(--lp-sys-padding-section-500)","section-600":"var(--lp-sys-padding-section-600)","section-700":"var(--lp-sys-padding-section-700)","section-800":"var(--lp-sys-padding-section-800)","section-900":"var(--lp-sys-padding-section-900)"},"size":{"0":"var(--lp-pri-size-0)","1":"var(--lp-pri-size-1)","2":"var(--lp-pri-size-2)","3":"var(--lp-pri-size-3)","4":"var(--lp-pri-size-4)","6":"var(--lp-pri-size-6)","8":"var(--lp-pri-size-8)","10":"var(--lp-pri-size-10)","12":"var(--lp-pri-size-12)","14":"var(--lp-pri-size-14)","16":"var(--lp-pri-size-16)","18":"var(--lp-pri-size-18)","20":"var(--lp-pri-size-20)","24":"var(--lp-pri-size-24)","32":"var(--lp-pri-size-32)","40":"var(--lp-pri-size-40)","48":"var(--lp-pri-size-48)","56":"var(--lp-pri-size-56)","64":"var(--lp-pri-size-64)","80":"var(--lp-pri-size-80)","100":"var(--lp-pri-size-100)","120":"var(--lp-pri-size-120)","140":"var(--lp-pri-size-140)","160":"var(--lp-pri-size-160)","180":"var(--lp-pri-size-180)","200":"var(--lp-pri-size-200)","minus6":"var(--lp-pri-size-minus6)","minus4":"var(--lp-pri-size-minus4)","minus2":"var(--lp-pri-size-minus2)"},"gap":{"positive-50":"var(--lp-sys-gap-positive-50)","positive-100":"var(--lp-sys-gap-positive-100)","positive-150":"var(--lp-sys-gap-positive-150)","positive-200":"var(--lp-sys-gap-positive-200)","positive-300":"var(--lp-sys-gap-positive-300)","positive-400":"var(--lp-sys-gap-positive-400)","positive-500":"var(--lp-sys-gap-positive-500)","positive-600":"var(--lp-sys-gap-positive-600)","positive-700":"var(--lp-sys-gap-positive-700)","positive-800":"var(--lp-sys-gap-positive-800)","positive-900":"var(--lp-sys-gap-positive-900)"},"shadow":{"soft":"var(--lp-sys-shadow-soft)","normal":"var(--lp-sys-shadow-normal)","strong":"var(--lp-sys-shadow-strong)","heavy":"var(--lp-sys-shadow-heavy)"},"iconSize":{"xs":"var(--lp-sys-icon-size-xs)","s":"var(--lp-sys-icon-size-s)","m":"var(--lp-sys-icon-size-m)","l":"var(--lp-sys-icon-size-l)","xl":"var(--lp-sys-icon-size-xl)"}}
1
+ export const vars = {"color":{"neutral-container-lowest":"var(--neutral-container-lowest)","neutral-container-lowest-hover":"var(--neutral-container-lowest-hover)","neutral-container-low":"var(--neutral-container-low)","neutral-container-low-hover":"var(--neutral-container-low-hover)","neutral-container-mid":"var(--neutral-container-mid)","neutral-container-mid-hover":"var(--neutral-container-mid-hover)","neutral-container-high":"var(--neutral-container-high)","neutral-container-high-hover":"var(--neutral-container-high-hover)","neutral-container-highest":"var(--neutral-container-highest)","neutral-container-static-lowest":"var(--neutral-container-static-lowest)","neutral-container-static-lowest-hover":"var(--neutral-container-static-lowest-hover)","neutral-container-variation-lowest":"var(--neutral-container-variation-lowest)","neutral-fill-overlay-lowest":"var(--neutral-fill-overlay-lowest)","neutral-fill-overlay-lowest-hover":"var(--neutral-fill-overlay-lowest-hover)","neutral-fill-overlay-low":"var(--neutral-fill-overlay-low)","neutral-fill-overlay-low-hover":"var(--neutral-fill-overlay-low-hover)","neutral-fill-overlay-mid":"var(--neutral-fill-overlay-mid)","neutral-fill-overlay-mid-hover":"var(--neutral-fill-overlay-mid-hover)","neutral-fill-overlay-high":"var(--neutral-fill-overlay-high)","neutral-fill-overlay-high-hover":"var(--neutral-fill-overlay-high-hover)","neutral-fill-overlay-highest":"var(--neutral-fill-overlay-highest)","neutral-fill-opaque-lowest":"var(--neutral-fill-opaque-lowest)","neutral-fill-opaque-lowest-hover":"var(--neutral-fill-opaque-lowest-hover)","neutral-fill-opaque-low":"var(--neutral-fill-opaque-low)","neutral-fill-opaque-low-hover":"var(--neutral-fill-opaque-low-hover)","neutral-fill-opaque-static-lowest":"var(--neutral-fill-opaque-static-lowest)","neutral-label-primary":"var(--neutral-label-primary)","neutral-label-secondary":"var(--neutral-label-secondary)","neutral-label-tertiary":"var(--neutral-label-tertiary)","neutral-label-quaternary":"var(--neutral-label-quaternary)","neutral-label-static-primary":"var(--neutral-label-static-primary)","neutral-label-static-secondary":"var(--neutral-label-static-secondary)","neutral-border-overlay-strong":"var(--neutral-border-overlay-strong)","neutral-border-overlay-normal":"var(--neutral-border-overlay-normal)","neutral-border-overlay-subtle":"var(--neutral-border-overlay-subtle)","neutral-border-overlay-hint":"var(--neutral-border-overlay-hint)","neutral-border-opaque-strong":"var(--neutral-border-opaque-strong)","neutral-border-opaque-normal":"var(--neutral-border-opaque-normal)","neutral-border-opaque-subtle":"var(--neutral-border-opaque-subtle)","inverse-container-lowest":"var(--inverse-container-lowest)","inverse-container-lowest-hover":"var(--inverse-container-lowest-hover)","inverse-container-low":"var(--inverse-container-low)","inverse-container-low-hover":"var(--inverse-container-low-hover)","inverse-container-mid":"var(--inverse-container-mid)","inverse-container-mid-hover":"var(--inverse-container-mid-hover)","inverse-container-high":"var(--inverse-container-high)","inverse-container-high-hover":"var(--inverse-container-high-hover)","inverse-container-static-high":"var(--inverse-container-static-high)","inverse-container-static-high-hover":"var(--inverse-container-static-high-hover)","inverse-container-highest":"var(--inverse-container-highest)","inverse-fill-opaque-lowest":"var(--inverse-fill-opaque-lowest)","inverse-fill-opaque-lowest-hover":"var(--inverse-fill-opaque-lowest-hover)","inverse-fill-opaque-low":"var(--inverse-fill-opaque-low)","inverse-fill-opaque-low-hover":"var(--inverse-fill-opaque-low-hover)","inverse-fill-opaque-mid":"var(--inverse-fill-opaque-mid)","inverse-fill-mid":"var(--inverse-fill-mid)","inverse-fill-mid-hover":"var(--inverse-fill-mid-hover)","inverse-label-primary":"var(--inverse-label-primary)","inverse-label-secondary":"var(--inverse-label-secondary)","inverse-label-tertiary":"var(--inverse-label-tertiary)","inverse-label-quaternary":"var(--inverse-label-quaternary)","inverse-label-static-primary":"var(--inverse-label-static-primary)","inverse-label-static-secondary":"var(--inverse-label-static-secondary)","inverse-border-overlay-strong":"var(--inverse-border-overlay-strong)","inverse-border-overlay-normal":"var(--inverse-border-overlay-normal)","inverse-border-overlay-subtle":"var(--inverse-border-overlay-subtle)","inverse-border-overlay-hint":"var(--inverse-border-overlay-hint)","inverse-border-opaque-strong":"var(--inverse-border-opaque-strong)","inverse-border-opaque-normal":"var(--inverse-border-opaque-normal)","inverse-border-opaque-subtle":"var(--inverse-border-opaque-subtle)","brand-container-mid":"var(--brand-container-mid)","brand-container-mid-hover":"var(--brand-container-mid-hover)","brand-container-high":"var(--brand-container-high)","brand-fill-mid":"var(--brand-fill-mid)","brand-fill-mid-hover":"var(--brand-fill-mid-hover)","brand-fill-low":"var(--brand-fill-low)","brand-fill-low-hover":"var(--brand-fill-low-hover)","brand-label-primary":"var(--brand-label-primary)","brand-label-secondary":"var(--brand-label-secondary)","brand-label-variation-secondary":"var(--brand-label-variation-secondary)","brand-border-opaque-normal":"var(--brand-border-opaque-normal)","brand-border-opaque-strong":"var(--brand-border-opaque-strong)","brandinverse-container-mid":"var(--brandinverse-container-mid)","brandinverse-container-mid-hover":"var(--brandinverse-container-mid-hover)","brandinverse-container-high":"var(--brandinverse-container-high)","brandinverse-fill-mid":"var(--brandinverse-fill-mid)","brandinverse-fill-mid-hover":"var(--brandinverse-fill-mid-hover)","brandinverse-fill-low":"var(--brandinverse-fill-low)","brandinverse-fill-low-hover":"var(--brandinverse-fill-low-hover)","brandinverse-label-primary":"var(--brandinverse-label-primary)","brandinverse-label-secondary":"var(--brandinverse-label-secondary)","brandinverse-label-static-primary":"var(--brandinverse-label-static-primary)","brandinverse-border-opaque-strong":"var(--brandinverse-border-opaque-strong)","brandinverse-border-opaque-normal":"var(--brandinverse-border-opaque-normal)","accent-label-primary":"var(--accent-label-primary)","accent-label-yellow":"var(--accent-label-yellow)","accent-label-mint":"var(--accent-label-mint)","accent-label-cyan":"var(--accent-label-cyan)","accent-label-purple":"var(--accent-label-purple)","accent-label-pink":"var(--accent-label-pink)","accent-fill-primary":"var(--accent-fill-primary)","function-fill-positive-mid":"var(--function-fill-positive-mid)","function-fill-negative-mid":"var(--function-fill-negative-mid)","function-fill-negative-mid-hover":"var(--function-fill-negative-mid-hover)","function-fill-caution":"var(--function-fill-caution)","function-fill-highlight":"var(--function-fill-highlight)","function-fill-selection":"var(--function-fill-selection)","function-fill-drag":"var(--function-fill-drag)","function-fill-positive-low":"var(--function-fill-positive-low)","function-fill-negative-low":"var(--function-fill-negative-low)","function-label-positive":"var(--function-label-positive)","function-label-negative":"var(--function-label-negative)","function-label-caution":"var(--function-label-caution)","function-label-link":"var(--function-label-link)","cover-dim-page":"var(--cover-dim-page)"},"radius":{"xxs":"var(--lp-sys-radius-xxs)","xs":"var(--lp-sys-radius-xs)","s":"var(--lp-sys-radius-s)","m":"var(--lp-sys-radius-m)","l":"var(--lp-sys-radius-l)","xl":"var(--lp-sys-radius-xl)","xxl":"var(--lp-sys-radius-xxl)"},"opacity":{"0":"var(--lp-pri-opacity-0)","1":"var(--lp-pri-opacity-1)","4":"var(--lp-pri-opacity-4)","8":"var(--lp-pri-opacity-8)","12":"var(--lp-pri-opacity-12)","16":"var(--lp-pri-opacity-16)","20":"var(--lp-pri-opacity-20)","24":"var(--lp-pri-opacity-24)","28":"var(--lp-pri-opacity-28)","32":"var(--lp-pri-opacity-32)","36":"var(--lp-pri-opacity-36)","40":"var(--lp-pri-opacity-40)","44":"var(--lp-pri-opacity-44)","48":"var(--lp-pri-opacity-48)","50":"var(--lp-pri-opacity-50)","56":"var(--lp-pri-opacity-56)","64":"var(--lp-pri-opacity-64)","72":"var(--lp-pri-opacity-72)","80":"var(--lp-pri-opacity-80)"},"padding":{"component-50":"var(--lp-sys-padding-component-50)","component-100":"var(--lp-sys-padding-component-100)","component-150":"var(--lp-sys-padding-component-150)","component-200":"var(--lp-sys-padding-component-200)","component-300":"var(--lp-sys-padding-component-300)","component-400":"var(--lp-sys-padding-component-400)","component-500":"var(--lp-sys-padding-component-500)","component-600":"var(--lp-sys-padding-component-600)","component-700":"var(--lp-sys-padding-component-700)","component-800":"var(--lp-sys-padding-component-800)","component-900":"var(--lp-sys-padding-component-900)","component-1000":"var(--lp-sys-padding-component-1000)","component-1100":"var(--lp-sys-padding-component-1100)","component-1300":"var(--lp-sys-padding-component-1300)","component-1500":"var(--lp-sys-padding-component-1500)","component-1700":"var(--lp-sys-padding-component-1700)","section-50":"var(--lp-sys-padding-section-50)","section-100":"var(--lp-sys-padding-section-100)","section-200":"var(--lp-sys-padding-section-200)","section-300":"var(--lp-sys-padding-section-300)","section-400":"var(--lp-sys-padding-section-400)","section-500":"var(--lp-sys-padding-section-500)","section-600":"var(--lp-sys-padding-section-600)","section-700":"var(--lp-sys-padding-section-700)","section-800":"var(--lp-sys-padding-section-800)","section-900":"var(--lp-sys-padding-section-900)"},"size":{"0":"var(--lp-pri-size-0)","1":"var(--lp-pri-size-1)","2":"var(--lp-pri-size-2)","3":"var(--lp-pri-size-3)","4":"var(--lp-pri-size-4)","6":"var(--lp-pri-size-6)","8":"var(--lp-pri-size-8)","10":"var(--lp-pri-size-10)","12":"var(--lp-pri-size-12)","14":"var(--lp-pri-size-14)","16":"var(--lp-pri-size-16)","18":"var(--lp-pri-size-18)","20":"var(--lp-pri-size-20)","24":"var(--lp-pri-size-24)","32":"var(--lp-pri-size-32)","40":"var(--lp-pri-size-40)","48":"var(--lp-pri-size-48)","56":"var(--lp-pri-size-56)","64":"var(--lp-pri-size-64)","80":"var(--lp-pri-size-80)","100":"var(--lp-pri-size-100)","120":"var(--lp-pri-size-120)","140":"var(--lp-pri-size-140)","160":"var(--lp-pri-size-160)","180":"var(--lp-pri-size-180)","200":"var(--lp-pri-size-200)","minus6":"var(--lp-pri-size-minus6)","minus4":"var(--lp-pri-size-minus4)","minus2":"var(--lp-pri-size-minus2)"},"gap":{"positive-50":"var(--lp-sys-gap-positive-50)","positive-100":"var(--lp-sys-gap-positive-100)","positive-150":"var(--lp-sys-gap-positive-150)","positive-200":"var(--lp-sys-gap-positive-200)","positive-300":"var(--lp-sys-gap-positive-300)","positive-400":"var(--lp-sys-gap-positive-400)","positive-500":"var(--lp-sys-gap-positive-500)","positive-600":"var(--lp-sys-gap-positive-600)","positive-700":"var(--lp-sys-gap-positive-700)","positive-800":"var(--lp-sys-gap-positive-800)","positive-900":"var(--lp-sys-gap-positive-900)"},"shadow":{"soft":"var(--lp-sys-shadow-soft)","normal":"var(--lp-sys-shadow-normal)","strong":"var(--lp-sys-shadow-strong)","heavy":"var(--lp-sys-shadow-heavy)"},"iconSize":{"xs":"var(--lp-sys-icon-size-xs)","s":"var(--lp-sys-icon-size-s)","m":"var(--lp-sys-icon-size-m)","l":"var(--lp-sys-icon-size-l)","xl":"var(--lp-sys-icon-size-xl)"}}
package/src/style/global.css CHANGED
@@ -16,10 +16,12 @@
16
16
  --lp-pri-gray-cool-200: #272729;
17
17
  --lp-pri-gray-cool-120: #252526;
18
18
  --lp-pri-gray-cool-100: #1E1E1F;
19
- --lp-pri-brand-original-990: #F6FFF1;
20
- --lp-pri-brand-original-980: #EBFFE7;
19
+ --lp-pri-brand-original-990: #E9F5EA;
20
+ --lp-pri-brand-original-980: #E2F2E3;
21
21
  --lp-pri-brand-original-500: #0C893B;
22
22
  --lp-pri-brand-original-380: #006829;
23
+ --lp-pri-brand-original-330: #005B1D;
24
+ --lp-pri-brand-original-270: #004B17;
23
25
  --lp-pri-brand-original-200: #14371B;
24
26
  --lp-pri-brand-original-150: #082C11;
25
27
  --lp-pri-brand-original-50: #002109;
@@ -30,6 +32,8 @@
30
32
  --lp-pri-brand-variation-380: #236638;
31
33
  --lp-pri-brand-variation-350: #1A5E31;
32
34
  --lp-pri-brand-variation-250: #00461F;
35
+ --lp-pri-brand-variation-230: #2B3A31;
36
+ --lp-pri-brand-variation-170: #1E2D24;
33
37
  --lp-pri-brand-variation-150: #0E2B1A;
34
38
  --lp-pri-brand-variation-100: #032110;
35
39
  --lp-pri-rainbow-red-950: #FFF5F5;
@@ -243,11 +247,11 @@
243
247
  --lp-pri-achromatic-black-alpha-1: rgba(0,0,0,0.01);
244
248
  --lp-pri-achromatic-black-alpha-0: rgba(0,0,0,0);
245
249
  --lp-sys-radius-xxs: 2px;
246
- --lp-sys-radius-xs: 4px;
247
- --lp-sys-radius-s: 6px;
248
- --lp-sys-radius-m: 8px;
249
- --lp-sys-radius-l: 10px;
250
- --lp-sys-radius-xl: 12px;
250
+ --lp-sys-radius-xs: 6px;
251
+ --lp-sys-radius-s: 8px;
252
+ --lp-sys-radius-m: 10px;
253
+ --lp-sys-radius-l: 12px;
254
+ --lp-sys-radius-xl: 14px;
251
255
  --lp-sys-radius-xxl: 200px;
252
256
  --lp-pri-size-minus6: -6px;
253
257
  --lp-pri-size-minus4: -4px;
@@ -645,7 +649,7 @@
645
649
  --neutral-border-overlay-hint: var(--lp-pri-gray-cool-light-alpha-12);
646
650
  --neutral-border-opaque-strong: var(--lp-pri-achromatic-white);
647
651
  --neutral-border-opaque-normal: var(--lp-pri-gray-cool-350);
648
- --neutral-border-opaque-subtle: var(--lp-pri-gray-cool-250);
652
+ --neutral-border-opaque-subtle: var(--lp-pri-gray-cool-270);
649
653
  --inverse-container-lowest: var(--lp-pri-achromatic-white);
650
654
  --inverse-container-lowest-hover: var(--lp-pri-gray-cool-980);
651
655
  --inverse-container-low: var(--lp-pri-gray-cool-980);
@@ -679,19 +683,28 @@
679
683
  --inverse-border-opaque-subtle: var(--lp-pri-gray-cool-920);
680
684
  --brand-container-mid: var(--lp-pri-brand-variation-380);
681
685
  --brand-container-mid-hover: var(--lp-pri-brand-variation-420);
682
- --brand-container-high: var(--lp-pri-brand-original-500);
686
+ --brand-container-high: var(--lp-pri-brand-original-990);
683
687
  --brand-fill-mid: var(--lp-pri-brand-variation-380);
684
688
  --brand-fill-mid-hover: var(--lp-pri-brand-variation-420);
685
- --brand-fill-low: var(--lp-pri-brand-variation-350);
686
- --brand-fill-low-hover: var(--lp-pri-brand-variation-380);
689
+ --brand-fill-low: var(--lp-pri-brand-variation-170);
690
+ --brand-fill-low-hover: var(--lp-pri-brand-variation-230);
687
691
  --brand-label-primary: var(--lp-pri-brand-variation-950);
688
692
  --brand-label-secondary: var(--lp-pri-achromatic-white);
689
693
  --brand-label-variation-secondary: var(--lp-pri-brand-variation-970);
690
694
  --brand-border-opaque-normal: var(--lp-pri-achromatic-white);
691
695
  --brand-border-opaque-strong: var(--lp-pri-brand-variation-950);
692
- --brandinverse-label-primary: var(--lp-pri-brand-original-500);
696
+ --brandinverse-container-mid: var(--lp-pri-brand-original-330);
697
+ --brandinverse-container-mid-hover: var(--lp-pri-brand-original-270);
698
+ --brandinverse-container-high: var(--lp-pri-brand-original-50);
699
+ --brandinverse-fill-mid: var(--lp-pri-brand-original-330);
700
+ --brandinverse-fill-mid-hover: var(--lp-pri-brand-original-270);
701
+ --brandinverse-fill-low: var(--lp-pri-brand-original-990);
702
+ --brandinverse-fill-low-hover: var(--lp-pri-brand-original-980);
703
+ --brandinverse-label-primary: var(--lp-pri-brand-original-330);
693
704
  --brandinverse-label-secondary: var(--lp-pri-brand-original-200);
694
705
  --brandinverse-label-static-primary: var(--lp-pri-brand-variation-950);
706
+ --brandinverse-border-opaque-strong: var(--lp-pri-brand-original-330);
707
+ --brandinverse-border-opaque-normal: var(--lp-pri-brand-original-200);
695
708
  --accent-label-primary: var(--lp-pri-rainbow-orange-730);
696
709
  --accent-label-yellow: var(--lp-pri-rainbow-yellow-600);
697
710
  --accent-label-mint: var(--lp-pri-rainbow-mint-600);
@@ -794,22 +807,31 @@
794
807
  --inverse-border-overlay-hint: var(--lp-pri-gray-cool-light-alpha-12);
795
808
  --inverse-border-opaque-strong: var(--lp-pri-achromatic-white);
796
809
  --inverse-border-opaque-normal: var(--lp-pri-gray-cool-350);
797
- --inverse-border-opaque-subtle: var(--lp-pri-gray-cool-250);
798
- --brand-container-mid: var(--lp-pri-brand-original-200);
799
- --brand-container-mid-hover: var(--lp-pri-brand-original-150);
800
- --brand-container-high: var(--lp-pri-brand-original-500);
801
- --brand-fill-mid: var(--lp-pri-brand-original-200);
802
- --brand-fill-mid-hover: var(--lp-pri-brand-original-150);
810
+ --inverse-border-opaque-subtle: var(--lp-pri-gray-cool-270);
811
+ --brand-container-mid: var(--lp-pri-brand-original-330);
812
+ --brand-container-mid-hover: var(--lp-pri-brand-original-270);
813
+ --brand-container-high: var(--lp-pri-brand-original-50);
814
+ --brand-fill-mid: var(--lp-pri-brand-original-330);
815
+ --brand-fill-mid-hover: var(--lp-pri-brand-original-270);
803
816
  --brand-fill-low: var(--lp-pri-brand-original-990);
804
817
  --brand-fill-low-hover: var(--lp-pri-brand-original-980);
805
- --brand-label-primary: var(--lp-pri-brand-original-500);
818
+ --brand-label-primary: var(--lp-pri-brand-original-330);
806
819
  --brand-label-secondary: var(--lp-pri-brand-original-200);
807
820
  --brand-label-variation-secondary: var(--lp-pri-brand-original-200);
808
821
  --brand-border-opaque-normal: var(--lp-pri-brand-original-200);
809
- --brand-border-opaque-strong: var(--lp-pri-brand-original-500);
822
+ --brand-border-opaque-strong: var(--lp-pri-brand-original-330);
823
+ --brandinverse-container-mid: var(--lp-pri-brand-variation-380);
824
+ --brandinverse-container-mid-hover: var(--lp-pri-brand-variation-420);
825
+ --brandinverse-container-high: var(--lp-pri-brand-original-990);
826
+ --brandinverse-fill-mid: var(--lp-pri-brand-variation-380);
827
+ --brandinverse-fill-mid-hover: var(--lp-pri-brand-variation-420);
828
+ --brandinverse-fill-low: var(--lp-pri-brand-variation-170);
829
+ --brandinverse-fill-low-hover: var(--lp-pri-brand-variation-230);
810
830
  --brandinverse-label-primary: var(--lp-pri-brand-variation-950);
811
831
  --brandinverse-label-secondary: var(--lp-pri-achromatic-white);
812
832
  --brandinverse-label-static-primary: var(--lp-pri-brand-variation-950);
833
+ --brandinverse-border-opaque-strong: var(--lp-pri-brand-variation-950);
834
+ --brandinverse-border-opaque-normal: var(--lp-pri-achromatic-white);
813
835
  --accent-label-primary: var(--lp-pri-rainbow-orange-700);
814
836
  --accent-label-yellow: var(--lp-pri-rainbow-yellow-500);
815
837
  --accent-label-mint: var(--lp-pri-rainbow-mint-500);
@@ -826,7 +848,7 @@
826
848
  --function-fill-drag: var(--lp-pri-brand-original-alpha-12);
827
849
  --function-fill-positive-low: var(--lp-pri-rainbow-green-900);
828
850
  --function-fill-negative-low: var(--lp-pri-rainbow-red-900);
829
- --function-label-positive: var(--lp-pri-rainbow-green-500);
851
+ --function-label-positive: var(--lp-pri-rainbow-green-300);
830
852
  --function-label-negative: var(--lp-pri-rainbow-red-500);
831
853
  --function-label-caution: var(--lp-pri-rainbow-orange-700);
832
854
  --function-label-link: var(--lp-pri-rainbow-cyan-300);
package/src/style/tailwind.css CHANGED
@@ -86,9 +86,18 @@
86
86
  --color-brand-label-variation-secondary: var(--brand-label-variation-secondary);
87
87
  --color-brand-border-opaque-normal: var(--brand-border-opaque-normal);
88
88
  --color-brand-border-opaque-strong: var(--brand-border-opaque-strong);
89
+ --color-brandinverse-container-mid: var(--brandinverse-container-mid);
90
+ --color-brandinverse-container-mid-hover: var(--brandinverse-container-mid-hover);
91
+ --color-brandinverse-container-high: var(--brandinverse-container-high);
92
+ --color-brandinverse-fill-mid: var(--brandinverse-fill-mid);
93
+ --color-brandinverse-fill-mid-hover: var(--brandinverse-fill-mid-hover);
94
+ --color-brandinverse-fill-low: var(--brandinverse-fill-low);
95
+ --color-brandinverse-fill-low-hover: var(--brandinverse-fill-low-hover);
89
96
  --color-brandinverse-label-primary: var(--brandinverse-label-primary);
90
97
  --color-brandinverse-label-secondary: var(--brandinverse-label-secondary);
91
98
  --color-brandinverse-label-static-primary: var(--brandinverse-label-static-primary);
99
+ --color-brandinverse-border-opaque-strong: var(--brandinverse-border-opaque-strong);
100
+ --color-brandinverse-border-opaque-normal: var(--brandinverse-border-opaque-normal);
92
101
  --color-accent-label-primary: var(--accent-label-primary);
93
102
  --color-accent-label-yellow: var(--accent-label-yellow);
94
103
  --color-accent-label-mint: var(--accent-label-mint);