@liner-fe/design-token 2.5.35 → 2.5.38

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 +39 -16
  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 +39 -16
  8. package/src/style/tailwind.css +9 -0
package/lib/index.css CHANGED
@@ -16,20 +16,25 @@
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
- --lp-pri-brand-original-380: #006829;
22
+ --lp-pri-brand-original-450: #197B2E;
23
+ --lp-pri-brand-original-380: #006820;
24
+ --lp-pri-brand-original-330: #005B1D;
25
+ --lp-pri-brand-original-270: #004B17;
23
26
  --lp-pri-brand-original-200: #14371B;
24
27
  --lp-pri-brand-original-150: #082C11;
25
28
  --lp-pri-brand-original-50: #002109;
26
29
  --lp-pri-brand-variation-970: #DEFFDF;
27
- --lp-pri-brand-variation-950: #C3FFD0;
30
+ --lp-pri-brand-variation-950: #C6FFCD;
28
31
  --lp-pri-brand-variation-900: #96F7B3;
29
32
  --lp-pri-brand-variation-420: #00733E;
30
33
  --lp-pri-brand-variation-380: #236638;
31
34
  --lp-pri-brand-variation-350: #1A5E31;
32
35
  --lp-pri-brand-variation-250: #00461F;
36
+ --lp-pri-brand-variation-230: #2B3A31;
37
+ --lp-pri-brand-variation-170: #1E2D24;
33
38
  --lp-pri-brand-variation-150: #0E2B1A;
34
39
  --lp-pri-brand-variation-100: #032110;
35
40
  --lp-pri-rainbow-red-950: #FFF5F5;
@@ -717,19 +722,28 @@
717
722
  --inverse-border-opaque-subtle: var(--lp-pri-gray-cool-920);
718
723
  --brand-container-mid: var(--lp-pri-brand-variation-380);
719
724
  --brand-container-mid-hover: var(--lp-pri-brand-variation-420);
720
- --brand-container-high: var(--lp-pri-brand-original-500);
725
+ --brand-container-high: var(--lp-pri-brand-original-990);
721
726
  --brand-fill-mid: var(--lp-pri-brand-variation-380);
722
727
  --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);
728
+ --brand-fill-low: var(--lp-pri-brand-variation-170);
729
+ --brand-fill-low-hover: var(--lp-pri-brand-variation-230);
725
730
  --brand-label-primary: var(--lp-pri-brand-variation-950);
726
731
  --brand-label-secondary: var(--lp-pri-achromatic-white);
727
732
  --brand-label-variation-secondary: var(--lp-pri-brand-variation-970);
728
733
  --brand-border-opaque-normal: var(--lp-pri-achromatic-white);
729
734
  --brand-border-opaque-strong: var(--lp-pri-brand-variation-950);
730
- --brandinverse-label-primary: var(--lp-pri-brand-original-500);
735
+ --brandinverse-container-mid: var(--lp-pri-brand-original-450);
736
+ --brandinverse-container-mid-hover: var(--lp-pri-brand-original-380);
737
+ --brandinverse-container-high: var(--lp-pri-brand-original-50);
738
+ --brandinverse-fill-mid: var(--lp-pri-brand-original-450);
739
+ --brandinverse-fill-mid-hover: var(--lp-pri-brand-original-380);
740
+ --brandinverse-fill-low: var(--lp-pri-brand-original-990);
741
+ --brandinverse-fill-low-hover: var(--lp-pri-brand-original-980);
742
+ --brandinverse-label-primary: var(--lp-pri-brand-original-450);
731
743
  --brandinverse-label-secondary: var(--lp-pri-brand-original-200);
732
744
  --brandinverse-label-static-primary: var(--lp-pri-brand-variation-950);
745
+ --brandinverse-border-opaque-strong: var(--lp-pri-brand-original-450);
746
+ --brandinverse-border-opaque-normal: var(--lp-pri-brand-original-200);
733
747
  --accent-label-primary: var(--lp-pri-rainbow-orange-730);
734
748
  --accent-label-yellow: var(--lp-pri-rainbow-yellow-600);
735
749
  --accent-label-mint: var(--lp-pri-rainbow-mint-600);
@@ -837,21 +851,30 @@
837
851
  --inverse-border-opaque-strong: var(--lp-pri-achromatic-white);
838
852
  --inverse-border-opaque-normal: var(--lp-pri-gray-cool-350);
839
853
  --inverse-border-opaque-subtle: var(--lp-pri-gray-cool-270);
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);
854
+ --brand-container-mid: var(--lp-pri-brand-original-450);
855
+ --brand-container-mid-hover: var(--lp-pri-brand-original-380);
856
+ --brand-container-high: var(--lp-pri-brand-original-50);
857
+ --brand-fill-mid: var(--lp-pri-brand-original-450);
858
+ --brand-fill-mid-hover: var(--lp-pri-brand-original-380);
845
859
  --brand-fill-low: var(--lp-pri-brand-original-990);
846
860
  --brand-fill-low-hover: var(--lp-pri-brand-original-980);
847
- --brand-label-primary: var(--lp-pri-brand-original-500);
861
+ --brand-label-primary: var(--lp-pri-brand-original-450);
848
862
  --brand-label-secondary: var(--lp-pri-brand-original-200);
849
863
  --brand-label-variation-secondary: var(--lp-pri-brand-original-200);
850
864
  --brand-border-opaque-normal: var(--lp-pri-brand-original-200);
851
- --brand-border-opaque-strong: var(--lp-pri-brand-original-500);
865
+ --brand-border-opaque-strong: var(--lp-pri-brand-original-450);
866
+ --brandinverse-container-mid: var(--lp-pri-brand-variation-380);
867
+ --brandinverse-container-mid-hover: var(--lp-pri-brand-variation-420);
868
+ --brandinverse-container-high: var(--lp-pri-brand-original-990);
869
+ --brandinverse-fill-mid: var(--lp-pri-brand-variation-380);
870
+ --brandinverse-fill-mid-hover: var(--lp-pri-brand-variation-420);
871
+ --brandinverse-fill-low: var(--lp-pri-brand-variation-170);
872
+ --brandinverse-fill-low-hover: var(--lp-pri-brand-variation-230);
852
873
  --brandinverse-label-primary: var(--lp-pri-brand-variation-950);
853
874
  --brandinverse-label-secondary: var(--lp-pri-achromatic-white);
854
875
  --brandinverse-label-static-primary: var(--lp-pri-brand-variation-950);
876
+ --brandinverse-border-opaque-strong: var(--lp-pri-brand-variation-950);
877
+ --brandinverse-border-opaque-normal: var(--lp-pri-achromatic-white);
855
878
  --accent-label-primary: var(--lp-pri-rainbow-orange-700);
856
879
  --accent-label-yellow: var(--lp-pri-rainbow-yellow-500);
857
880
  --accent-label-mint: var(--lp-pri-rainbow-mint-500);
@@ -868,7 +891,7 @@
868
891
  --function-fill-drag: var(--lp-pri-brand-original-alpha-12);
869
892
  --function-fill-positive-low: var(--lp-pri-rainbow-green-900);
870
893
  --function-fill-negative-low: var(--lp-pri-rainbow-red-900);
871
- --function-label-positive: var(--lp-pri-rainbow-green-500);
894
+ --function-label-positive: var(--lp-pri-rainbow-green-300);
872
895
  --function-label-negative: var(--lp-pri-rainbow-red-500);
873
896
  --function-label-caution: var(--lp-pri-rainbow-orange-700);
874
897
  --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.35",
3
+ "version": "2.5.38",
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.34"
19
+ "@liner-fe/design-token-primitive": "^0.2.37"
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,20 +16,25 @@
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
- --lp-pri-brand-original-380: #006829;
22
+ --lp-pri-brand-original-450: #197B2E;
23
+ --lp-pri-brand-original-380: #006820;
24
+ --lp-pri-brand-original-330: #005B1D;
25
+ --lp-pri-brand-original-270: #004B17;
23
26
  --lp-pri-brand-original-200: #14371B;
24
27
  --lp-pri-brand-original-150: #082C11;
25
28
  --lp-pri-brand-original-50: #002109;
26
29
  --lp-pri-brand-variation-970: #DEFFDF;
27
- --lp-pri-brand-variation-950: #C3FFD0;
30
+ --lp-pri-brand-variation-950: #C6FFCD;
28
31
  --lp-pri-brand-variation-900: #96F7B3;
29
32
  --lp-pri-brand-variation-420: #00733E;
30
33
  --lp-pri-brand-variation-380: #236638;
31
34
  --lp-pri-brand-variation-350: #1A5E31;
32
35
  --lp-pri-brand-variation-250: #00461F;
36
+ --lp-pri-brand-variation-230: #2B3A31;
37
+ --lp-pri-brand-variation-170: #1E2D24;
33
38
  --lp-pri-brand-variation-150: #0E2B1A;
34
39
  --lp-pri-brand-variation-100: #032110;
35
40
  --lp-pri-rainbow-red-950: #FFF5F5;
@@ -679,19 +684,28 @@
679
684
  --inverse-border-opaque-subtle: var(--lp-pri-gray-cool-920);
680
685
  --brand-container-mid: var(--lp-pri-brand-variation-380);
681
686
  --brand-container-mid-hover: var(--lp-pri-brand-variation-420);
682
- --brand-container-high: var(--lp-pri-brand-original-500);
687
+ --brand-container-high: var(--lp-pri-brand-original-990);
683
688
  --brand-fill-mid: var(--lp-pri-brand-variation-380);
684
689
  --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);
690
+ --brand-fill-low: var(--lp-pri-brand-variation-170);
691
+ --brand-fill-low-hover: var(--lp-pri-brand-variation-230);
687
692
  --brand-label-primary: var(--lp-pri-brand-variation-950);
688
693
  --brand-label-secondary: var(--lp-pri-achromatic-white);
689
694
  --brand-label-variation-secondary: var(--lp-pri-brand-variation-970);
690
695
  --brand-border-opaque-normal: var(--lp-pri-achromatic-white);
691
696
  --brand-border-opaque-strong: var(--lp-pri-brand-variation-950);
692
- --brandinverse-label-primary: var(--lp-pri-brand-original-500);
697
+ --brandinverse-container-mid: var(--lp-pri-brand-original-450);
698
+ --brandinverse-container-mid-hover: var(--lp-pri-brand-original-380);
699
+ --brandinverse-container-high: var(--lp-pri-brand-original-50);
700
+ --brandinverse-fill-mid: var(--lp-pri-brand-original-450);
701
+ --brandinverse-fill-mid-hover: var(--lp-pri-brand-original-380);
702
+ --brandinverse-fill-low: var(--lp-pri-brand-original-990);
703
+ --brandinverse-fill-low-hover: var(--lp-pri-brand-original-980);
704
+ --brandinverse-label-primary: var(--lp-pri-brand-original-450);
693
705
  --brandinverse-label-secondary: var(--lp-pri-brand-original-200);
694
706
  --brandinverse-label-static-primary: var(--lp-pri-brand-variation-950);
707
+ --brandinverse-border-opaque-strong: var(--lp-pri-brand-original-450);
708
+ --brandinverse-border-opaque-normal: var(--lp-pri-brand-original-200);
695
709
  --accent-label-primary: var(--lp-pri-rainbow-orange-730);
696
710
  --accent-label-yellow: var(--lp-pri-rainbow-yellow-600);
697
711
  --accent-label-mint: var(--lp-pri-rainbow-mint-600);
@@ -795,21 +809,30 @@
795
809
  --inverse-border-opaque-strong: var(--lp-pri-achromatic-white);
796
810
  --inverse-border-opaque-normal: var(--lp-pri-gray-cool-350);
797
811
  --inverse-border-opaque-subtle: var(--lp-pri-gray-cool-270);
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);
812
+ --brand-container-mid: var(--lp-pri-brand-original-450);
813
+ --brand-container-mid-hover: var(--lp-pri-brand-original-380);
814
+ --brand-container-high: var(--lp-pri-brand-original-50);
815
+ --brand-fill-mid: var(--lp-pri-brand-original-450);
816
+ --brand-fill-mid-hover: var(--lp-pri-brand-original-380);
803
817
  --brand-fill-low: var(--lp-pri-brand-original-990);
804
818
  --brand-fill-low-hover: var(--lp-pri-brand-original-980);
805
- --brand-label-primary: var(--lp-pri-brand-original-500);
819
+ --brand-label-primary: var(--lp-pri-brand-original-450);
806
820
  --brand-label-secondary: var(--lp-pri-brand-original-200);
807
821
  --brand-label-variation-secondary: var(--lp-pri-brand-original-200);
808
822
  --brand-border-opaque-normal: var(--lp-pri-brand-original-200);
809
- --brand-border-opaque-strong: var(--lp-pri-brand-original-500);
823
+ --brand-border-opaque-strong: var(--lp-pri-brand-original-450);
824
+ --brandinverse-container-mid: var(--lp-pri-brand-variation-380);
825
+ --brandinverse-container-mid-hover: var(--lp-pri-brand-variation-420);
826
+ --brandinverse-container-high: var(--lp-pri-brand-original-990);
827
+ --brandinverse-fill-mid: var(--lp-pri-brand-variation-380);
828
+ --brandinverse-fill-mid-hover: var(--lp-pri-brand-variation-420);
829
+ --brandinverse-fill-low: var(--lp-pri-brand-variation-170);
830
+ --brandinverse-fill-low-hover: var(--lp-pri-brand-variation-230);
810
831
  --brandinverse-label-primary: var(--lp-pri-brand-variation-950);
811
832
  --brandinverse-label-secondary: var(--lp-pri-achromatic-white);
812
833
  --brandinverse-label-static-primary: var(--lp-pri-brand-variation-950);
834
+ --brandinverse-border-opaque-strong: var(--lp-pri-brand-variation-950);
835
+ --brandinverse-border-opaque-normal: var(--lp-pri-achromatic-white);
813
836
  --accent-label-primary: var(--lp-pri-rainbow-orange-700);
814
837
  --accent-label-yellow: var(--lp-pri-rainbow-yellow-500);
815
838
  --accent-label-mint: var(--lp-pri-rainbow-mint-500);
@@ -826,7 +849,7 @@
826
849
  --function-fill-drag: var(--lp-pri-brand-original-alpha-12);
827
850
  --function-fill-positive-low: var(--lp-pri-rainbow-green-900);
828
851
  --function-fill-negative-low: var(--lp-pri-rainbow-red-900);
829
- --function-label-positive: var(--lp-pri-rainbow-green-500);
852
+ --function-label-positive: var(--lp-pri-rainbow-green-300);
830
853
  --function-label-negative: var(--lp-pri-rainbow-red-500);
831
854
  --function-label-caution: var(--lp-pri-rainbow-orange-700);
832
855
  --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);