@liner-fe/design-token 2.5.50 → 3.0.1

package/lib/index.css

@@ -31,11 +31,12 @@
   --lp-pri-brand-variation-950: #C6FFCD;
   --lp-pri-brand-variation-900: #96F7B3;
   --lp-pri-brand-variation-420: #00733E;
+  --lp-pri-brand-variation-400: #006E23;
   --lp-pri-brand-variation-380: #236638;
   --lp-pri-brand-variation-350: #1A5E31;
   --lp-pri-brand-variation-250: #00461F;
-  --lp-pri-brand-variation-230: #2B3A31;
-  --lp-pri-brand-variation-170: #1E2D24;
+  --lp-pri-brand-variation-230: #3F5949;
+  --lp-pri-brand-variation-170: #385042;
   --lp-pri-brand-variation-150: #0E2B1A;
   --lp-pri-brand-variation-100: #032110;
   --lp-pri-rainbow-red-950: #FFF5F5;
@@ -60,13 +61,13 @@
   --lp-pri-rainbow-orange-300: #6D3900;
   --lp-pri-rainbow-yellow-950: #FFFDF4;
   --lp-pri-rainbow-yellow-900: #FFF9E3;
-  --lp-pri-rainbow-yellow-800: #FFF0B4;
+  --lp-pri-rainbow-yellow-800: #FFF2BD;
   --lp-pri-rainbow-yellow-700: #FFE375;
   --lp-pri-rainbow-yellow-600: #FFD739;
   --lp-pri-rainbow-yellow-500: #FFCC00;
   --lp-pri-rainbow-yellow-400: #DBB003;
   --lp-pri-rainbow-yellow-300: #B89405;
-  --lp-pri-rainbow-yellow-200: #715B05;
+  --lp-pri-rainbow-yellow-200: #8C6007;
   --lp-pri-rainbow-yellow-100: #413503;
   --lp-pri-rainbow-lime_green-970: #EAFFB6;
   --lp-pri-rainbow-lime_green-940: #CEFF56;
@@ -745,15 +746,17 @@
   --brandinverse-label-static-primary: var(--lp-pri-brand-variation-950);
   --brandinverse-border-opaque-strong: var(--lp-pri-brand-original-450);
   --brandinverse-border-opaque-normal: var(--lp-pri-brand-original-200);
-  --accent-label-primary: var(--lp-pri-rainbow-orange-730);
+  --brandinverse-fill-static-low: var(--lp-pri-brand-original-990);
+  --brandinverse-fill-static-low-hover: var(--lp-pri-brand-original-980);
+  --accent-label-primary: var(--lp-pri-rainbow-yellow-600);
   --accent-label-yellow: var(--lp-pri-rainbow-yellow-600);
   --accent-label-mint: var(--lp-pri-rainbow-mint-600);
   --accent-label-cyan: var(--lp-pri-rainbow-cyan-600);
   --accent-label-purple: var(--lp-pri-rainbow-purple-600);
   --accent-label-pink: var(--lp-pri-rainbow-pink-600);
-  --accent-fill-primary: var(--lp-pri-rainbow-orange-500);
-  --function-fill-positive-mid: var(--lp-pri-rainbow-green-600);
-  --function-fill-negative-mid: var(--lp-pri-rainbow-red-500);
+  --accent-fill-primary: var(--lp-pri-rainbow-yellow-100);
+  --function-fill-positive-mid: var(--lp-pri-rainbow-green-500);
+  --function-fill-negative-mid: var(--lp-pri-rainbow-red-400);
   --function-fill-negative-mid-hover: var(--lp-pri-rainbow-red-600);
   --function-fill-caution: var(--lp-pri-rainbow-orange-730);
   --function-fill-highlight: var(--lp-pri-rainbow-lime_green-300);
@@ -876,16 +879,18 @@
   --brandinverse-label-static-primary: var(--lp-pri-brand-variation-950);
   --brandinverse-border-opaque-strong: var(--lp-pri-brand-variation-950);
   --brandinverse-border-opaque-normal: var(--lp-pri-achromatic-white);
-  --accent-label-primary: var(--lp-pri-rainbow-orange-700);
+  --brandinverse-fill-static-low: var(--lp-pri-brand-variation-170);
+  --brandinverse-fill-static-low-hover: var(--lp-pri-brand-variation-230);
+  --accent-label-primary: var(--lp-pri-rainbow-yellow-200);
   --accent-label-yellow: var(--lp-pri-rainbow-yellow-500);
   --accent-label-mint: var(--lp-pri-rainbow-mint-500);
   --accent-label-cyan: var(--lp-pri-rainbow-cyan-500);
   --accent-label-purple: var(--lp-pri-rainbow-purple-500);
   --accent-label-pink: var(--lp-pri-rainbow-pink-500);
-  --accent-fill-primary: var(--lp-pri-rainbow-orange-800);
-  --function-fill-positive-mid: var(--lp-pri-rainbow-green-500);
-  --function-fill-negative-mid: var(--lp-pri-rainbow-red-500);
-  --function-fill-negative-mid-hover: var(--lp-pri-rainbow-red-400);
+  --accent-fill-primary: var(--lp-pri-rainbow-yellow-800);
+  --function-fill-positive-mid: var(--lp-pri-rainbow-green-400);
+  --function-fill-negative-mid: var(--lp-pri-rainbow-red-400);
+  --function-fill-negative-mid-hover: var(--lp-pri-rainbow-red-500);
   --function-fill-caution: var(--lp-pri-rainbow-orange-700);
   --function-fill-highlight: var(--lp-pri-rainbow-lime_green-970);
   --function-fill-selection: var(--lp-pri-brand-original-alpha-8);

package/lib/index.d.ts

@@ -106,6 +106,8 @@ declare const vars: {
         "brandinverse-label-static-primary": string;
         "brandinverse-border-opaque-strong": string;
         "brandinverse-border-opaque-normal": string;
+        "brandinverse-fill-static-low": string;
+        "brandinverse-fill-static-low-hover": string;
         "accent-label-primary": string;
         "accent-label-yellow": string;
         "accent-label-mint": string;

package/lib/index.js

@@ -31,7 +31,7 @@ var useDarkTheme = /* @__PURE__ */ __name(() => {
 }, "useDarkTheme");
 
 // src/generated/vars.ts
-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)" } };
+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)", "brandinverse-fill-static-low": "var(--brandinverse-fill-static-low)", "brandinverse-fill-static-low-hover": "var(--brandinverse-fill-static-low-hover)", "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)" } };
 
 // src/generated/classNames.ts
 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

@@ -98,6 +98,8 @@
 --color-brandinverse-label-static-primary: var(--brandinverse-label-static-primary);
 --color-brandinverse-border-opaque-strong: var(--brandinverse-border-opaque-strong);
 --color-brandinverse-border-opaque-normal: var(--brandinverse-border-opaque-normal);
+--color-brandinverse-fill-static-low: var(--brandinverse-fill-static-low);
+--color-brandinverse-fill-static-low-hover: var(--brandinverse-fill-static-low-hover);
 --color-accent-label-primary: var(--accent-label-primary);
 --color-accent-label-yellow: var(--accent-label-yellow);
 --color-accent-label-mint: var(--accent-label-mint);

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@liner-fe/design-token",
-  "version": "2.5.50",
+  "version": "3.0.1",
   "type": "module",
   "devDependencies": {
     "@eslint/js": "^9.36.0",
-    "@types/react": "18.2.23",
+    "@types/react": "^19.1.0",
     "esbuild-node-externals": "1.18.0",
     "eslint": "^9.36.0",
     "eslint-plugin-react": "^7.37.4",
     "globals": "^16.4.0",
     "prettier": "^3.6.2",
-    "react": "18.2.0",
+    "react": "^19.1.0",
     "jotai": "^2.11.0",
     "tsup": "^8.5.0",
     "tsx": "^4.21.0",
@@ -37,6 +37,9 @@
     "lib",
     "src"
   ],
+  "peerDependencies": {
+    "tailwindcss": "*"
+  },
   "scripts": {
     "build": "pnpm create-css && pnpm tsup && pnpm copy-tailwind",
     "build:package": "pnpm build",

package/src/generated/vars.ts

@@ -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-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)"}}
+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)","brandinverse-fill-static-low":"var(--brandinverse-fill-static-low)","brandinverse-fill-static-low-hover":"var(--brandinverse-fill-static-low-hover)","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

@@ -31,11 +31,12 @@
 --lp-pri-brand-variation-950: #C6FFCD;
 --lp-pri-brand-variation-900: #96F7B3;
 --lp-pri-brand-variation-420: #00733E;
+--lp-pri-brand-variation-400: #006E23;
 --lp-pri-brand-variation-380: #236638;
 --lp-pri-brand-variation-350: #1A5E31;
 --lp-pri-brand-variation-250: #00461F;
---lp-pri-brand-variation-230: #2B3A31;
---lp-pri-brand-variation-170: #1E2D24;
+--lp-pri-brand-variation-230: #3F5949;
+--lp-pri-brand-variation-170: #385042;
 --lp-pri-brand-variation-150: #0E2B1A;
 --lp-pri-brand-variation-100: #032110;
 --lp-pri-rainbow-red-950: #FFF5F5;
@@ -60,13 +61,13 @@
 --lp-pri-rainbow-orange-300: #6D3900;
 --lp-pri-rainbow-yellow-950: #FFFDF4;
 --lp-pri-rainbow-yellow-900: #FFF9E3;
---lp-pri-rainbow-yellow-800: #FFF0B4;
+--lp-pri-rainbow-yellow-800: #FFF2BD;
 --lp-pri-rainbow-yellow-700: #FFE375;
 --lp-pri-rainbow-yellow-600: #FFD739;
 --lp-pri-rainbow-yellow-500: #FFCC00;
 --lp-pri-rainbow-yellow-400: #DBB003;
 --lp-pri-rainbow-yellow-300: #B89405;
---lp-pri-rainbow-yellow-200: #715B05;
+--lp-pri-rainbow-yellow-200: #8C6007;
 --lp-pri-rainbow-yellow-100: #413503;
 --lp-pri-rainbow-lime_green-970: #EAFFB6;
 --lp-pri-rainbow-lime_green-940: #CEFF56;
@@ -707,15 +708,17 @@
 --brandinverse-label-static-primary: var(--lp-pri-brand-variation-950);
 --brandinverse-border-opaque-strong: var(--lp-pri-brand-original-450);
 --brandinverse-border-opaque-normal: var(--lp-pri-brand-original-200);
---accent-label-primary: var(--lp-pri-rainbow-orange-730);
+--brandinverse-fill-static-low: var(--lp-pri-brand-original-990);
+--brandinverse-fill-static-low-hover: var(--lp-pri-brand-original-980);
+--accent-label-primary: var(--lp-pri-rainbow-yellow-600);
 --accent-label-yellow: var(--lp-pri-rainbow-yellow-600);
 --accent-label-mint: var(--lp-pri-rainbow-mint-600);
 --accent-label-cyan: var(--lp-pri-rainbow-cyan-600);
 --accent-label-purple: var(--lp-pri-rainbow-purple-600);
 --accent-label-pink: var(--lp-pri-rainbow-pink-600);
---accent-fill-primary: var(--lp-pri-rainbow-orange-500);
---function-fill-positive-mid: var(--lp-pri-rainbow-green-600);
---function-fill-negative-mid: var(--lp-pri-rainbow-red-500);
+--accent-fill-primary: var(--lp-pri-rainbow-yellow-100);
+--function-fill-positive-mid: var(--lp-pri-rainbow-green-500);
+--function-fill-negative-mid: var(--lp-pri-rainbow-red-400);
 --function-fill-negative-mid-hover: var(--lp-pri-rainbow-red-600);
 --function-fill-caution: var(--lp-pri-rainbow-orange-730);
 --function-fill-highlight: var(--lp-pri-rainbow-lime_green-300);
@@ -834,16 +837,18 @@
 --brandinverse-label-static-primary: var(--lp-pri-brand-variation-950);
 --brandinverse-border-opaque-strong: var(--lp-pri-brand-variation-950);
 --brandinverse-border-opaque-normal: var(--lp-pri-achromatic-white);
---accent-label-primary: var(--lp-pri-rainbow-orange-700);
+--brandinverse-fill-static-low: var(--lp-pri-brand-variation-170);
+--brandinverse-fill-static-low-hover: var(--lp-pri-brand-variation-230);
+--accent-label-primary: var(--lp-pri-rainbow-yellow-200);
 --accent-label-yellow: var(--lp-pri-rainbow-yellow-500);
 --accent-label-mint: var(--lp-pri-rainbow-mint-500);
 --accent-label-cyan: var(--lp-pri-rainbow-cyan-500);
 --accent-label-purple: var(--lp-pri-rainbow-purple-500);
 --accent-label-pink: var(--lp-pri-rainbow-pink-500);
---accent-fill-primary: var(--lp-pri-rainbow-orange-800);
---function-fill-positive-mid: var(--lp-pri-rainbow-green-500);
---function-fill-negative-mid: var(--lp-pri-rainbow-red-500);
---function-fill-negative-mid-hover: var(--lp-pri-rainbow-red-400);
+--accent-fill-primary: var(--lp-pri-rainbow-yellow-800);
+--function-fill-positive-mid: var(--lp-pri-rainbow-green-400);
+--function-fill-negative-mid: var(--lp-pri-rainbow-red-400);
+--function-fill-negative-mid-hover: var(--lp-pri-rainbow-red-500);
 --function-fill-caution: var(--lp-pri-rainbow-orange-700);
 --function-fill-highlight: var(--lp-pri-rainbow-lime_green-970);
 --function-fill-selection: var(--lp-pri-brand-original-alpha-8);

package/src/style/tailwind.css

@@ -98,6 +98,8 @@
 --color-brandinverse-label-static-primary: var(--brandinverse-label-static-primary);
 --color-brandinverse-border-opaque-strong: var(--brandinverse-border-opaque-strong);
 --color-brandinverse-border-opaque-normal: var(--brandinverse-border-opaque-normal);
+--color-brandinverse-fill-static-low: var(--brandinverse-fill-static-low);
+--color-brandinverse-fill-static-low-hover: var(--brandinverse-fill-static-low-hover);
 --color-accent-label-primary: var(--accent-label-primary);
 --color-accent-label-yellow: var(--accent-label-yellow);
 --color-accent-label-mint: var(--accent-label-mint);