@liner-fe/design-token 2.4.21 → 2.4.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.css +103 -74
- package/lib/index.css.map +1 -1
- package/lib/index.d.ts +38 -22
- package/lib/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/lib/tailwind.css +33 -17
- package/package.json +1 -1
- package/src/generated/classNames.ts +1 -1
- package/src/generated/vars.ts +1 -1
- package/src/index.ts +0 -1
- package/src/style/global.css +101 -72
- package/src/style/tailwind.css +33 -17
- package/src/types/color.ts +0 -83
package/lib/index.d.ts
CHANGED
|
@@ -22,15 +22,20 @@ declare const vars: {
|
|
|
22
22
|
"neutral-container-static-lowest": string;
|
|
23
23
|
"neutral-container-static-lowest-hover": string;
|
|
24
24
|
"neutral-container-variation-lowest": string;
|
|
25
|
-
"neutral-fill-lowest": string;
|
|
26
|
-
"neutral-fill-lowest-hover": string;
|
|
27
|
-
"neutral-fill-low": string;
|
|
28
|
-
"neutral-fill-low-hover": string;
|
|
29
|
-
"neutral-fill-mid": string;
|
|
30
|
-
"neutral-fill-mid-hover": string;
|
|
31
|
-
"neutral-fill-high": string;
|
|
32
|
-
"neutral-fill-high-hover": string;
|
|
33
|
-
"neutral-fill-highest": string;
|
|
25
|
+
"neutral-fill-overlay-lowest": string;
|
|
26
|
+
"neutral-fill-overlay-lowest-hover": string;
|
|
27
|
+
"neutral-fill-overlay-low": string;
|
|
28
|
+
"neutral-fill-overlay-low-hover": string;
|
|
29
|
+
"neutral-fill-overlay-mid": string;
|
|
30
|
+
"neutral-fill-overlay-mid-hover": string;
|
|
31
|
+
"neutral-fill-overlay-high": string;
|
|
32
|
+
"neutral-fill-overlay-high-hover": string;
|
|
33
|
+
"neutral-fill-overlay-highest": string;
|
|
34
|
+
"neutral-fill-opaque-lowest": string;
|
|
35
|
+
"neutral-fill-opaque-lowest-hover": string;
|
|
36
|
+
"neutral-fill-opaque-low": string;
|
|
37
|
+
"neutral-fill-opaque-low-hover": string;
|
|
38
|
+
"neutral-fill-opaque-static-lowest": string;
|
|
34
39
|
"neutral-label-primary": string;
|
|
35
40
|
"neutral-label-secondary": string;
|
|
36
41
|
"neutral-label-tertiary": string;
|
|
@@ -55,6 +60,11 @@ declare const vars: {
|
|
|
55
60
|
"inverse-container-static-high": string;
|
|
56
61
|
"inverse-container-static-high-hover": string;
|
|
57
62
|
"inverse-container-highest": string;
|
|
63
|
+
"inverse-fill-opaque-lowest": string;
|
|
64
|
+
"inverse-fill-opaque-lowest-hover": string;
|
|
65
|
+
"inverse-fill-opaque-low": string;
|
|
66
|
+
"inverse-fill-opaque-low-hover": string;
|
|
67
|
+
"inverse-fill-opaque-mid": string;
|
|
58
68
|
"inverse-fill-mid": string;
|
|
59
69
|
"inverse-fill-mid-hover": string;
|
|
60
70
|
"inverse-label-primary": string;
|
|
@@ -91,14 +101,15 @@ declare const vars: {
|
|
|
91
101
|
"accent-label-cyan": string;
|
|
92
102
|
"accent-label-purple": string;
|
|
93
103
|
"accent-label-pink": string;
|
|
94
|
-
"accent-
|
|
95
|
-
"function-
|
|
96
|
-
"function-
|
|
97
|
-
"function-
|
|
98
|
-
"function-
|
|
99
|
-
"function-
|
|
100
|
-
"function-
|
|
101
|
-
"function-
|
|
104
|
+
"accent-fill-primary": string;
|
|
105
|
+
"function-fill-positive": string;
|
|
106
|
+
"function-fill-negative": string;
|
|
107
|
+
"function-fill-caution": string;
|
|
108
|
+
"function-fill-highlight": string;
|
|
109
|
+
"function-fill-selection": string;
|
|
110
|
+
"function-fill-drag": string;
|
|
111
|
+
"function-fill-positive-low": string;
|
|
112
|
+
"function-fill-negative-low": string;
|
|
102
113
|
"function-label-positive": string;
|
|
103
114
|
"function-label-negative": string;
|
|
104
115
|
"function-label-caution": string;
|
|
@@ -147,6 +158,11 @@ declare const vars: {
|
|
|
147
158
|
"component-700": string;
|
|
148
159
|
"component-800": string;
|
|
149
160
|
"component-900": string;
|
|
161
|
+
"component-1000": string;
|
|
162
|
+
"component-1100": string;
|
|
163
|
+
"component-1300": string;
|
|
164
|
+
"component-1500": string;
|
|
165
|
+
"component-1700": string;
|
|
150
166
|
"section-50": string;
|
|
151
167
|
"section-100": string;
|
|
152
168
|
"section-200": string;
|
|
@@ -247,9 +263,11 @@ declare const classNames: {
|
|
|
247
263
|
"lp-sys-typo-paragraph2-normal-regular": string;
|
|
248
264
|
"lp-sys-typo-paragraph3-normal-regular": string;
|
|
249
265
|
"lp-sys-typo-paragraph4-normal-regular": string;
|
|
250
|
-
"lp-sys-typo-
|
|
266
|
+
"lp-sys-typo-paragraph2-post-regular": string;
|
|
251
267
|
"lp-sys-typo-paragraph3-post-regular": string;
|
|
252
|
-
"lp-sys-typo-
|
|
268
|
+
"lp-sys-typo-paragraph4-post-regular": string;
|
|
269
|
+
"lp-sys-typo-paragraph2-answer-bold": string;
|
|
270
|
+
"lp-sys-typo-paragraph2-answer-regular": string;
|
|
253
271
|
"lp-sys-typo-caption1-normal-bold": string;
|
|
254
272
|
"lp-sys-typo-caption2-normal-bold": string;
|
|
255
273
|
"lp-sys-typo-caption3-normal-bold": string;
|
|
@@ -262,8 +280,6 @@ declare const classNames: {
|
|
|
262
280
|
};
|
|
263
281
|
};
|
|
264
282
|
|
|
265
|
-
type SystemKeys = 'neutral-container-variation-lowest' | 'neutral-container-lowest-hover' | 'neutral-container-lowest' | 'neutral-container-low' | 'neutral-container-low-hover' | 'neutral-container-mid' | 'neutral-container-mid-hover' | 'neutral-container-high' | 'neutral-container-high-hover' | 'neutral-container-highest' | 'neutral-container-static-lowest' | 'neutral-container-static-lowest-hover' | 'neutral-fill-lowest' | 'neutral-fill-lowest-hover' | 'neutral-fill-low' | 'neutral-fill-low-hover' | 'neutral-fill-mid' | 'neutral-fill-mid-hover' | 'neutral-fill-high' | 'neutral-fill-high-hover' | 'neutral-fill-highest' | 'neutral-label-primary' | 'neutral-label-secondary' | 'neutral-label-tertiary' | 'neutral-label-quaternary' | 'neutral-label-static-primary' | 'neutral-label-static-secondary' | 'neutral-border-overlay-strong' | 'neutral-border-overlay-normal' | 'neutral-border-overlay-subtle' | 'neutral-border-opaque-strong' | 'neutral-border-opaque-normal' | 'neutral-border-opaque-subtle' | 'inverse-container-lowest' | 'inverse-container-lowest-hover' | 'inverse-container-low' | 'inverse-container-low-hover' | 'inverse-container-mid' | 'inverse-container-mid-hover' | 'inverse-container-high' | 'inverse-container-high-hover' | 'inverse-container-static-high' | 'inverse-container-static-high-hover' | 'inverse-fill-mid' | 'inverse-fill-mid-hover' | 'inverse-label-primary' | 'inverse-label-static-primary' | 'inverse-label-static-secondary' | 'inverse-label-secondary' | 'inverse-label-tertiary' | 'inverse-label-quaternary' | 'inverse-border-overlay-strong' | 'inverse-border-overlay-normal' | 'inverse-border-overlay-subtle' | 'inverse-border-opaque-strong' | 'inverse-border-opaque-normal' | 'inverse-border-opaque-subtle' | 'brand-container-mid' | 'brand-container-mid-hover' | 'brand-container-high' | 'brand-label-primary' | 'brand-label-secondary' | 'brand-border-overlay-normal' | 'brand-border-opaque-normal' | 'brandinverse-label-primary' | 'accent-yellow' | 'accent-mint' | 'accent-cyan' | 'accent-purple' | 'accent-pink' | 'function-container-positive' | 'function-container-negative' | 'function-container-negative-hover' | 'function-container-caution' | 'function-container-highlight' | 'function-container-selection' | 'function-container-drag' | 'function-label-positive' | 'function-label-negative' | 'function-label-caution' | 'inverse-container-highest' | 'cover-dim-page';
|
|
266
|
-
|
|
267
283
|
declare const breakpointOrigin: {
|
|
268
284
|
readonly xs: "0px";
|
|
269
285
|
readonly s: "599px";
|
|
@@ -282,4 +298,4 @@ declare const breakpoint: {
|
|
|
282
298
|
xxxl: string;
|
|
283
299
|
};
|
|
284
300
|
|
|
285
|
-
export {
|
|
301
|
+
export { breakpoint, breakpointOrigin, classNames, theme, useDarkTheme, vars };
|
package/lib/index.js
CHANGED
|
@@ -63,10 +63,10 @@ var useDarkTheme = /* @__PURE__ */ __name(() => {
|
|
|
63
63
|
}, "useDarkTheme");
|
|
64
64
|
|
|
65
65
|
// src/generated/vars.ts
|
|
66
|
-
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-lowest": "var(--neutral-fill-lowest)", "neutral-fill-lowest-hover": "var(--neutral-fill-lowest-hover)", "neutral-fill-low": "var(--neutral-fill-low)", "neutral-fill-low-hover": "var(--neutral-fill-low-hover)", "neutral-fill-mid": "var(--neutral-fill-mid)", "neutral-fill-mid-hover": "var(--neutral-fill-mid-hover)", "neutral-fill-high": "var(--neutral-fill-high)", "neutral-fill-high-hover": "var(--neutral-fill-high-hover)", "neutral-fill-highest": "var(--neutral-fill-highest)", "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-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-container-primary": "var(--accent-container-primary)", "function-container-positive": "var(--function-container-positive)", "function-container-negative": "var(--function-container-negative)", "function-container-negative-hover": "var(--function-container-negative-hover)", "function-container-caution": "var(--function-container-caution)", "function-container-highlight": "var(--function-container-highlight)", "function-container-selection": "var(--function-container-selection)", "function-container-drag": "var(--function-container-drag)", "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)", "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": { "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)" } };
|
|
66
|
+
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": "var(--function-fill-positive)", "function-fill-negative": "var(--function-fill-negative)", "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": { "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)" } };
|
|
67
67
|
|
|
68
68
|
// src/generated/classNames.ts
|
|
69
|
-
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-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-
|
|
69
|
+
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-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" } };
|
|
70
70
|
|
|
71
71
|
// src/breakpoint/index.ts
|
|
72
72
|
var breakpointOrigin = {
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","../src/hooks/useDarkTheme.ts","../src/generated/vars.ts","../src/generated/classNames.ts","../src/breakpoint/index.ts"],"sourcesContent":["export * from './hooks/useDarkTheme';\nexport * from './generated/vars';\nexport * from './generated/classNames';\nexport * from './types/color';\nexport * from './style/index';\nexport * from './breakpoint';\n","import { atom, useRecoilState } from 'recoil';\n\nexport const theme = atom({\n key: 'dark-theme',\n default: false,\n});\n\nexport const useDarkTheme = () => {\n const [isDarkMode, setIsDarkMode] = useRecoilState(theme);\n\n const setDarkTheme = () => {\n document.documentElement.setAttribute('color-theme', 'dark');\n localStorage.setItem('theme', 'dark');\n setIsDarkMode(true);\n };\n\n const setLightTheme = () => {\n document.documentElement.setAttribute('color-theme', 'light');\n localStorage.setItem('theme', 'light');\n setIsDarkMode(false);\n };\n\n const setPreferTheme = () => {\n const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n localStorage.removeItem('theme');\n document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n setIsDarkMode(isOsColorThemeDark);\n };\n\n return {\n setDarkTheme,\n setLightTheme,\n setPreferTheme,\n isDarkMode,\n };\n};\n","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-lowest\":\"var(--neutral-fill-lowest)\",\"neutral-fill-lowest-hover\":\"var(--neutral-fill-lowest-hover)\",\"neutral-fill-low\":\"var(--neutral-fill-low)\",\"neutral-fill-low-hover\":\"var(--neutral-fill-low-hover)\",\"neutral-fill-mid\":\"var(--neutral-fill-mid)\",\"neutral-fill-mid-hover\":\"var(--neutral-fill-mid-hover)\",\"neutral-fill-high\":\"var(--neutral-fill-high)\",\"neutral-fill-high-hover\":\"var(--neutral-fill-high-hover)\",\"neutral-fill-highest\":\"var(--neutral-fill-highest)\",\"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-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-container-primary\":\"var(--accent-container-primary)\",\"function-container-positive\":\"var(--function-container-positive)\",\"function-container-negative\":\"var(--function-container-negative)\",\"function-container-negative-hover\":\"var(--function-container-negative-hover)\",\"function-container-caution\":\"var(--function-container-caution)\",\"function-container-highlight\":\"var(--function-container-highlight)\",\"function-container-selection\":\"var(--function-container-selection)\",\"function-container-drag\":\"var(--function-container-drag)\",\"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)\",\"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\":{\"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 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-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-paragraph1-post-regular\":\"lp-sys-typo-paragraph1-post-regular\",\"lp-sys-typo-paragraph3-post-regular\":\"lp-sys-typo-paragraph3-post-regular\",\"lp-sys-typo-paragraph1-answer-regular\":\"lp-sys-typo-paragraph1-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\"}}","export const breakpointOrigin = {\n xs: '0px',\n s: '599px',\n m: '1023px',\n l: '1365px',\n xl: '1535px',\n xxl: '1919px',\n xxxl: '2559px',\n} as const;\n\nconst makeBreakpoint = (key: keyof typeof breakpointOrigin) =>\n `@media (max-width: ${breakpointOrigin[key]})`;\n\nexport const breakpoint = {\n s: makeBreakpoint('s'),\n m: makeBreakpoint('m'),\n l: makeBreakpoint('l'),\n xl: makeBreakpoint('xl'),\n xxl: makeBreakpoint('xxl'),\n xxxl: makeBreakpoint('xxxl'),\n};\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../src/hooks/useDarkTheme.ts","../src/generated/vars.ts","../src/generated/classNames.ts","../src/breakpoint/index.ts"],"sourcesContent":["export * from './hooks/useDarkTheme';\nexport * from './generated/vars';\nexport * from './generated/classNames';\nexport * from './style/index';\nexport * from './breakpoint';\n","import { atom, useRecoilState } from 'recoil';\n\nexport const theme = atom({\n key: 'dark-theme',\n default: false,\n});\n\nexport const useDarkTheme = () => {\n const [isDarkMode, setIsDarkMode] = useRecoilState(theme);\n\n const setDarkTheme = () => {\n document.documentElement.setAttribute('color-theme', 'dark');\n localStorage.setItem('theme', 'dark');\n setIsDarkMode(true);\n };\n\n const setLightTheme = () => {\n document.documentElement.setAttribute('color-theme', 'light');\n localStorage.setItem('theme', 'light');\n setIsDarkMode(false);\n };\n\n const setPreferTheme = () => {\n const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n localStorage.removeItem('theme');\n document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n setIsDarkMode(isOsColorThemeDark);\n };\n\n return {\n setDarkTheme,\n setLightTheme,\n setPreferTheme,\n isDarkMode,\n };\n};\n","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\":\"var(--function-fill-positive)\",\"function-fill-negative\":\"var(--function-fill-negative)\",\"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\":{\"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 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-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\"}}","export const breakpointOrigin = {\n xs: '0px',\n s: '599px',\n m: '1023px',\n l: '1365px',\n xl: '1535px',\n xxl: '1919px',\n xxxl: '2559px',\n} as const;\n\nconst makeBreakpoint = (key: keyof typeof breakpointOrigin) =>\n `@media (max-width: ${breakpointOrigin[key]})`;\n\nexport const breakpoint = {\n s: makeBreakpoint('s'),\n m: makeBreakpoint('m'),\n l: makeBreakpoint('l'),\n xl: makeBreakpoint('xl'),\n xxl: makeBreakpoint('xxl'),\n xxxl: makeBreakpoint('xxxl'),\n};\n"],"mappings":"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","names":[]}
|
package/lib/tailwind.css
CHANGED
|
@@ -16,15 +16,20 @@
|
|
|
16
16
|
--color-neutral-container-static-lowest: var(--neutral-container-static-lowest);
|
|
17
17
|
--color-neutral-container-static-lowest-hover: var(--neutral-container-static-lowest-hover);
|
|
18
18
|
--color-neutral-container-variation-lowest: var(--neutral-container-variation-lowest);
|
|
19
|
-
--color-neutral-fill-lowest: var(--neutral-fill-lowest);
|
|
20
|
-
--color-neutral-fill-lowest-hover: var(--neutral-fill-lowest-hover);
|
|
21
|
-
--color-neutral-fill-low: var(--neutral-fill-low);
|
|
22
|
-
--color-neutral-fill-low-hover: var(--neutral-fill-low-hover);
|
|
23
|
-
--color-neutral-fill-mid: var(--neutral-fill-mid);
|
|
24
|
-
--color-neutral-fill-mid-hover: var(--neutral-fill-mid-hover);
|
|
25
|
-
--color-neutral-fill-high: var(--neutral-fill-high);
|
|
26
|
-
--color-neutral-fill-high-hover: var(--neutral-fill-high-hover);
|
|
27
|
-
--color-neutral-fill-highest: var(--neutral-fill-highest);
|
|
19
|
+
--color-neutral-fill-overlay-lowest: var(--neutral-fill-overlay-lowest);
|
|
20
|
+
--color-neutral-fill-overlay-lowest-hover: var(--neutral-fill-overlay-lowest-hover);
|
|
21
|
+
--color-neutral-fill-overlay-low: var(--neutral-fill-overlay-low);
|
|
22
|
+
--color-neutral-fill-overlay-low-hover: var(--neutral-fill-overlay-low-hover);
|
|
23
|
+
--color-neutral-fill-overlay-mid: var(--neutral-fill-overlay-mid);
|
|
24
|
+
--color-neutral-fill-overlay-mid-hover: var(--neutral-fill-overlay-mid-hover);
|
|
25
|
+
--color-neutral-fill-overlay-high: var(--neutral-fill-overlay-high);
|
|
26
|
+
--color-neutral-fill-overlay-high-hover: var(--neutral-fill-overlay-high-hover);
|
|
27
|
+
--color-neutral-fill-overlay-highest: var(--neutral-fill-overlay-highest);
|
|
28
|
+
--color-neutral-fill-opaque-lowest: var(--neutral-fill-opaque-lowest);
|
|
29
|
+
--color-neutral-fill-opaque-lowest-hover: var(--neutral-fill-opaque-lowest-hover);
|
|
30
|
+
--color-neutral-fill-opaque-low: var(--neutral-fill-opaque-low);
|
|
31
|
+
--color-neutral-fill-opaque-low-hover: var(--neutral-fill-opaque-low-hover);
|
|
32
|
+
--color-neutral-fill-opaque-static-lowest: var(--neutral-fill-opaque-static-lowest);
|
|
28
33
|
--color-neutral-label-primary: var(--neutral-label-primary);
|
|
29
34
|
--color-neutral-label-secondary: var(--neutral-label-secondary);
|
|
30
35
|
--color-neutral-label-tertiary: var(--neutral-label-tertiary);
|
|
@@ -49,6 +54,11 @@
|
|
|
49
54
|
--color-inverse-container-static-high: var(--inverse-container-static-high);
|
|
50
55
|
--color-inverse-container-static-high-hover: var(--inverse-container-static-high-hover);
|
|
51
56
|
--color-inverse-container-highest: var(--inverse-container-highest);
|
|
57
|
+
--color-inverse-fill-opaque-lowest: var(--inverse-fill-opaque-lowest);
|
|
58
|
+
--color-inverse-fill-opaque-lowest-hover: var(--inverse-fill-opaque-lowest-hover);
|
|
59
|
+
--color-inverse-fill-opaque-low: var(--inverse-fill-opaque-low);
|
|
60
|
+
--color-inverse-fill-opaque-low-hover: var(--inverse-fill-opaque-low-hover);
|
|
61
|
+
--color-inverse-fill-opaque-mid: var(--inverse-fill-opaque-mid);
|
|
52
62
|
--color-inverse-fill-mid: var(--inverse-fill-mid);
|
|
53
63
|
--color-inverse-fill-mid-hover: var(--inverse-fill-mid-hover);
|
|
54
64
|
--color-inverse-label-primary: var(--inverse-label-primary);
|
|
@@ -85,14 +95,15 @@
|
|
|
85
95
|
--color-accent-label-cyan: var(--accent-label-cyan);
|
|
86
96
|
--color-accent-label-purple: var(--accent-label-purple);
|
|
87
97
|
--color-accent-label-pink: var(--accent-label-pink);
|
|
88
|
-
--color-accent-
|
|
89
|
-
--color-function-
|
|
90
|
-
--color-function-
|
|
91
|
-
--color-function-
|
|
92
|
-
--color-function-
|
|
93
|
-
--color-function-
|
|
94
|
-
--color-function-
|
|
95
|
-
--color-function-
|
|
98
|
+
--color-accent-fill-primary: var(--accent-fill-primary);
|
|
99
|
+
--color-function-fill-positive: var(--function-fill-positive);
|
|
100
|
+
--color-function-fill-negative: var(--function-fill-negative);
|
|
101
|
+
--color-function-fill-caution: var(--function-fill-caution);
|
|
102
|
+
--color-function-fill-highlight: var(--function-fill-highlight);
|
|
103
|
+
--color-function-fill-selection: var(--function-fill-selection);
|
|
104
|
+
--color-function-fill-drag: var(--function-fill-drag);
|
|
105
|
+
--color-function-fill-positive-low: var(--function-fill-positive-low);
|
|
106
|
+
--color-function-fill-negative-low: var(--function-fill-negative-low);
|
|
96
107
|
--color-function-label-positive: var(--function-label-positive);
|
|
97
108
|
--color-function-label-negative: var(--function-label-negative);
|
|
98
109
|
--color-function-label-caution: var(--function-label-caution);
|
|
@@ -126,6 +137,11 @@
|
|
|
126
137
|
--spacing-component-700: var(--lp-sys-padding-component-700);
|
|
127
138
|
--spacing-component-800: var(--lp-sys-padding-component-800);
|
|
128
139
|
--spacing-component-900: var(--lp-sys-padding-component-900);
|
|
140
|
+
--spacing-component-1000: var(--lp-sys-padding-component-1000);
|
|
141
|
+
--spacing-component-1100: var(--lp-sys-padding-component-1100);
|
|
142
|
+
--spacing-component-1300: var(--lp-sys-padding-component-1300);
|
|
143
|
+
--spacing-component-1500: var(--lp-sys-padding-component-1500);
|
|
144
|
+
--spacing-component-1700: var(--lp-sys-padding-component-1700);
|
|
129
145
|
--spacing-section-50: var(--lp-sys-padding-section-50);
|
|
130
146
|
--spacing-section-100: var(--lp-sys-padding-section-100);
|
|
131
147
|
--spacing-section-200: var(--lp-sys-padding-section-200);
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const 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-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-
|
|
1
|
+
export const 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-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/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-lowest":"var(--neutral-fill-lowest)","neutral-fill-lowest-hover":"var(--neutral-fill-lowest-hover)","neutral-fill-low":"var(--neutral-fill-low)","neutral-fill-low-hover":"var(--neutral-fill-low-hover)","neutral-fill-mid":"var(--neutral-fill-mid)","neutral-fill-mid-hover":"var(--neutral-fill-mid-hover)","neutral-fill-high":"var(--neutral-fill-high)","neutral-fill-high-hover":"var(--neutral-fill-high-hover)","neutral-fill-highest":"var(--neutral-fill-highest)","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-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-container-primary":"var(--accent-container-primary)","function-container-positive":"var(--function-container-positive)","function-container-negative":"var(--function-container-negative)","function-container-negative-hover":"var(--function-container-negative-hover)","function-container-caution":"var(--function-container-caution)","function-container-highlight":"var(--function-container-highlight)","function-container-selection":"var(--function-container-selection)","function-container-drag":"var(--function-container-drag)","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)","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":{"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-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":"var(--function-fill-positive)","function-fill-negative":"var(--function-fill-negative)","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":{"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)"}}
|