@liner-fe/design-token 2.0.60 → 2.0.62
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/global.css +22 -0
- package/lib/generated/vars.d.ts +177 -0
- package/lib/index.cjs +2 -186
- package/lib/index.cjs.map +4 -4
- package/lib/index.d.ts +1 -7
- package/lib/index.mjs +2 -186
- package/lib/index.mjs.map +4 -4
- package/package.json +1 -1
- package/src/generated/vars.ts +1 -0
- package/src/index.ts +1 -8
- package/lib/design/gap/index.d.ts +0 -16
- package/lib/design/opacity/index.d.ts +0 -21
- package/lib/design/padding/index.d.ts +0 -20
- package/lib/design/radius/index.d.ts +0 -2
- package/lib/design/radius/type.d.ts +0 -10
- package/lib/design/size/index.d.ts +0 -2
- package/lib/design/size/type.d.ts +0 -31
- package/lib/design/typography/index.d.ts +0 -1
- package/lib/design/typography/primitive.d.ts +0 -37
- package/lib/design/typography/usage/Display.d.ts +0 -8
- package/lib/design/typography/usage/Heading.d.ts +0 -4
- package/lib/design/typography/usage/index.d.ts +0 -2
- package/lib/design/typography/usage/types.d.ts +0 -24
- package/lib/design/vars.d.ts +0 -79
- package/src/@types/custom.d.ts +0 -4
- package/src/design/color/index.ts +0 -1
- package/src/design/gap/index.ts +0 -19
- package/src/design/icon/index.ts +0 -9
- package/src/design/opacity/index.ts +0 -21
- package/src/design/padding/index.ts +0 -23
- package/src/design/radius/index.ts +0 -12
- package/src/design/radius/type.ts +0 -10
- package/src/design/size/index.ts +0 -33
- package/src/design/size/type.ts +0 -31
- package/src/design/typography/index.ts +0 -1
- package/src/design/typography/primitive.ts +0 -39
- package/src/design/vars.ts +0 -1
package/global.css
CHANGED
|
@@ -196,6 +196,26 @@
|
|
|
196
196
|
--lp-pri-brand-original-alpha-4: rgba(4, 17, 102, 0.04);
|
|
197
197
|
--lp-pri-brand-original-alpha-1: rgba(4, 17, 102, 0.01);
|
|
198
198
|
--lp-pri-brand-original-alpha-0: rgba(4, 17, 102, 0);
|
|
199
|
+
--lp-pri-achromatic-black-alpha-80: rgba(0, 0, 0, 0.8);
|
|
200
|
+
--lp-pri-achromatic-black-alpha-72: rgba(0, 0, 0, 0.72);
|
|
201
|
+
--lp-pri-achromatic-black-alpha-64: rgba(0, 0, 0, 0.64);
|
|
202
|
+
--lp-pri-achromatic-black-alpha-56: rgba(0, 0, 0, 0.56);
|
|
203
|
+
--lp-pri-achromatic-black-alpha-50: rgba(0, 0, 0, 0.5);
|
|
204
|
+
--lp-pri-achromatic-black-alpha-48: rgba(0, 0, 0, 0.48);
|
|
205
|
+
--lp-pri-achromatic-black-alpha-44: rgba(0, 0, 0, 0.44);
|
|
206
|
+
--lp-pri-achromatic-black-alpha-40: rgba(0, 0, 0, 0.4);
|
|
207
|
+
--lp-pri-achromatic-black-alpha-36: rgba(0, 0, 0, 0.36);
|
|
208
|
+
--lp-pri-achromatic-black-alpha-32: rgba(0, 0, 0, 0.32);
|
|
209
|
+
--lp-pri-achromatic-black-alpha-28: rgba(0, 0, 0, 0.28);
|
|
210
|
+
--lp-pri-achromatic-black-alpha-24: rgba(0, 0, 0, 0.24);
|
|
211
|
+
--lp-pri-achromatic-black-alpha-20: rgba(0, 0, 0, 0.2);
|
|
212
|
+
--lp-pri-achromatic-black-alpha-16: rgba(0, 0, 0, 0.16);
|
|
213
|
+
--lp-pri-achromatic-black-alpha-12: rgba(0, 0, 0, 0.12);
|
|
214
|
+
--lp-pri-achromatic-black-alpha-8: rgba(0, 0, 0, 0.08);
|
|
215
|
+
--lp-pri-achromatic-black-alpha-6: rgba(0, 0, 0, 0.06);
|
|
216
|
+
--lp-pri-achromatic-black-alpha-4: rgba(0, 0, 0, 0.04);
|
|
217
|
+
--lp-pri-achromatic-black-alpha-1: rgba(0, 0, 0, 0.01);
|
|
218
|
+
--lp-pri-achromatic-black-alpha-0: rgba(0, 0, 0, 0);
|
|
199
219
|
--lp-sys-radius-xxs: 2px;
|
|
200
220
|
--lp-sys-radius-xs: 4px;
|
|
201
221
|
--lp-sys-radius-s: 6px;
|
|
@@ -737,6 +757,7 @@
|
|
|
737
757
|
--function-label-positive: var(--lp-pri-rainbow-green-600);
|
|
738
758
|
--function-label-negative: var(--lp-pri-rainbow-red-500);
|
|
739
759
|
--function-label-caution: var(--lp-pri-rainbow-orange-500);
|
|
760
|
+
--cover-dim-page: var(--lp-pri-achromatic-black-alpha-56);
|
|
740
761
|
}
|
|
741
762
|
:root[color-theme=light] {
|
|
742
763
|
--neutral-container-lowest: var(--lp-pri-achromatic-white);
|
|
@@ -814,6 +835,7 @@
|
|
|
814
835
|
--function-label-positive: var(--lp-pri-rainbow-green-500);
|
|
815
836
|
--function-label-negative: var(--lp-pri-rainbow-red-500);
|
|
816
837
|
--function-label-caution: var(--lp-pri-rainbow-orange-500);
|
|
838
|
+
--cover-dim-page: var(--lp-pri-achromatic-black-alpha-56);
|
|
817
839
|
}
|
|
818
840
|
:root[lang=en] .lp-sys-typo-paragraph1-accent-bold {
|
|
819
841
|
font-family: lp-pri-font-family-poppins;
|
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
export declare const vars: {
|
|
2
|
+
color: {
|
|
3
|
+
"neutral-container-lowest": string;
|
|
4
|
+
"neutral-container-lowest-hover": string;
|
|
5
|
+
"neutral-container-low": string;
|
|
6
|
+
"neutral-container-low-hover": string;
|
|
7
|
+
"neutral-container-mid": string;
|
|
8
|
+
"neutral-container-mid-hover": string;
|
|
9
|
+
"neutral-container-high": string;
|
|
10
|
+
"neutral-container-high-hover": string;
|
|
11
|
+
"neutral-container-highest": string;
|
|
12
|
+
"neutral-container-static-lowest": string;
|
|
13
|
+
"neutral-container-static-lowest-hover": string;
|
|
14
|
+
"neutral-fill-lowest": string;
|
|
15
|
+
"neutral-fill-lowest-hover": string;
|
|
16
|
+
"neutral-fill-low": string;
|
|
17
|
+
"neutral-fill-low-hover": string;
|
|
18
|
+
"neutral-fill-mid": string;
|
|
19
|
+
"neutral-fill-mid-hover": string;
|
|
20
|
+
"neutral-fill-high": string;
|
|
21
|
+
"neutral-fill-high-hover": string;
|
|
22
|
+
"neutral-label-primary": string;
|
|
23
|
+
"neutral-label-secondary": string;
|
|
24
|
+
"neutral-label-tertiary": string;
|
|
25
|
+
"neutral-label-quaternary": string;
|
|
26
|
+
"neutral-label-static-primary": string;
|
|
27
|
+
"neutral-label-static-secondary": string;
|
|
28
|
+
"neutral-border-overlay-strong": string;
|
|
29
|
+
"neutral-border-overlay-normal": string;
|
|
30
|
+
"neutral-border-overlay-subtle": string;
|
|
31
|
+
"neutral-border-opaque-strong": string;
|
|
32
|
+
"neutral-border-opaque-normal": string;
|
|
33
|
+
"neutral-border-opaque-subtle": string;
|
|
34
|
+
"inverse-container-lowest": string;
|
|
35
|
+
"inverse-container-lowest-hover": string;
|
|
36
|
+
"inverse-container-low": string;
|
|
37
|
+
"inverse-container-low-hover": string;
|
|
38
|
+
"inverse-container-mid": string;
|
|
39
|
+
"inverse-container-mid-hover": string;
|
|
40
|
+
"inverse-container-high": string;
|
|
41
|
+
"inverse-container-high-hover": string;
|
|
42
|
+
"inverse-container-static-high": string;
|
|
43
|
+
"inverse-container-static-high-hover": string;
|
|
44
|
+
"inverse-container-highest": string;
|
|
45
|
+
"inverse-fill-mid": string;
|
|
46
|
+
"inverse-fill-mid-hover": string;
|
|
47
|
+
"inverse-label-primary": string;
|
|
48
|
+
"inverse-label-secondary": string;
|
|
49
|
+
"inverse-label-tertiary": string;
|
|
50
|
+
"inverse-label-quaternary": string;
|
|
51
|
+
"inverse-label-static-primary": string;
|
|
52
|
+
"inverse-label-static-secondary": string;
|
|
53
|
+
"inverse-border-overlay-strong": string;
|
|
54
|
+
"inverse-border-overlay-normal": string;
|
|
55
|
+
"inverse-border-overlay-subtle": string;
|
|
56
|
+
"inverse-border-opaque-strong": string;
|
|
57
|
+
"inverse-border-opaque-normal": string;
|
|
58
|
+
"inverse-border-opaque-subtle": string;
|
|
59
|
+
"brand-container-mid": string;
|
|
60
|
+
"brand-container-mid-hover": string;
|
|
61
|
+
"brand-container-high": string;
|
|
62
|
+
"brand-label-primary": string;
|
|
63
|
+
"brand-label-secondary": string;
|
|
64
|
+
"brand-border-opaque-normal": string;
|
|
65
|
+
"brand-border-overlay-normal": string;
|
|
66
|
+
"accent-container-yellow": string;
|
|
67
|
+
"accent-mint": string;
|
|
68
|
+
"accent-cyan": string;
|
|
69
|
+
"accent-purple": string;
|
|
70
|
+
"accent-pink": string;
|
|
71
|
+
"function-container-positive": string;
|
|
72
|
+
"function-container-negative": string;
|
|
73
|
+
"function-container-negative-hover": string;
|
|
74
|
+
"function-container-caution": string;
|
|
75
|
+
"function-label-positive": string;
|
|
76
|
+
"function-label-negative": string;
|
|
77
|
+
"function-label-caution": string;
|
|
78
|
+
"cover-dim-page": string;
|
|
79
|
+
};
|
|
80
|
+
radius: {
|
|
81
|
+
"lp-sys-radius-xxs": string;
|
|
82
|
+
"lp-sys-radius-xs": string;
|
|
83
|
+
"lp-sys-radius-s": string;
|
|
84
|
+
"lp-sys-radius-m": string;
|
|
85
|
+
"lp-sys-radius-l": string;
|
|
86
|
+
"lp-sys-radius-xl": string;
|
|
87
|
+
"lp-sys-radius-xxl": string;
|
|
88
|
+
};
|
|
89
|
+
opacity: {
|
|
90
|
+
"lp-pri-color-opacity-80": string;
|
|
91
|
+
"lp-pri-color-opacity-72": string;
|
|
92
|
+
"lp-pri-color-opacity-64": string;
|
|
93
|
+
"lp-pri-color-opacity-56": string;
|
|
94
|
+
"lp-pri-color-opacity-50": string;
|
|
95
|
+
"lp-pri-color-opacity-48": string;
|
|
96
|
+
"lp-pri-color-opacity-44": string;
|
|
97
|
+
"lp-pri-color-opacity-40": string;
|
|
98
|
+
"lp-pri-color-opacity-36": string;
|
|
99
|
+
"lp-pri-color-opacity-32": string;
|
|
100
|
+
"lp-pri-color-opacity-28": string;
|
|
101
|
+
"lp-pri-color-opacity-24": string;
|
|
102
|
+
"lp-pri-color-opacity-20": string;
|
|
103
|
+
"lp-pri-color-opacity-16": string;
|
|
104
|
+
"lp-pri-color-opacity-12": string;
|
|
105
|
+
"lp-pri-color-opacity-8": string;
|
|
106
|
+
"lp-pri-color-opacity-4": string;
|
|
107
|
+
"lp-pri-color-opacity-1": string;
|
|
108
|
+
"lp-pri-color-opacity-0": string;
|
|
109
|
+
};
|
|
110
|
+
padding: {
|
|
111
|
+
"lp-sys-padding-component-100": string;
|
|
112
|
+
"lp-sys-padding-component-200": string;
|
|
113
|
+
"lp-sys-padding-component-300": string;
|
|
114
|
+
"lp-sys-padding-component-400": string;
|
|
115
|
+
"lp-sys-padding-component-500": string;
|
|
116
|
+
"lp-sys-padding-component-600": string;
|
|
117
|
+
"lp-sys-padding-component-700": string;
|
|
118
|
+
"lp-sys-padding-component-800": string;
|
|
119
|
+
"lp-sys-padding-component-900": string;
|
|
120
|
+
"lp-sys-padding-section-100": string;
|
|
121
|
+
"lp-sys-padding-section-200": string;
|
|
122
|
+
"lp-sys-padding-section-300": string;
|
|
123
|
+
"lp-sys-padding-section-400": string;
|
|
124
|
+
"lp-sys-padding-section-500": string;
|
|
125
|
+
"lp-sys-padding-section-600": string;
|
|
126
|
+
"lp-sys-padding-section-700": string;
|
|
127
|
+
"lp-sys-padding-section-800": string;
|
|
128
|
+
"lp-sys-padding-section-900": string;
|
|
129
|
+
};
|
|
130
|
+
size: {
|
|
131
|
+
"lp-pri-size-minus6": string;
|
|
132
|
+
"lp-pri-size-minus4": string;
|
|
133
|
+
"lp-pri-size-minus2": string;
|
|
134
|
+
"lp-pri-size-0": string;
|
|
135
|
+
"lp-pri-size-1": string;
|
|
136
|
+
"lp-pri-size-2": string;
|
|
137
|
+
"lp-pri-size-3": string;
|
|
138
|
+
"lp-pri-size-4": string;
|
|
139
|
+
"lp-pri-size-6": string;
|
|
140
|
+
"lp-pri-size-8": string;
|
|
141
|
+
"lp-pri-size-10": string;
|
|
142
|
+
"lp-pri-size-12": string;
|
|
143
|
+
"lp-pri-size-14": string;
|
|
144
|
+
"lp-pri-size-16": string;
|
|
145
|
+
"lp-pri-size-18": string;
|
|
146
|
+
"lp-pri-size-20": string;
|
|
147
|
+
"lp-pri-size-24": string;
|
|
148
|
+
"lp-pri-size-32": string;
|
|
149
|
+
"lp-pri-size-40": string;
|
|
150
|
+
"lp-pri-size-48": string;
|
|
151
|
+
"lp-pri-size-56": string;
|
|
152
|
+
"lp-pri-size-64": string;
|
|
153
|
+
"lp-pri-size-80": string;
|
|
154
|
+
"lp-pri-size-100": string;
|
|
155
|
+
"lp-pri-size-120": string;
|
|
156
|
+
"lp-pri-size-140": string;
|
|
157
|
+
"lp-pri-size-160": string;
|
|
158
|
+
"lp-pri-size-180": string;
|
|
159
|
+
"lp-pri-size-200": string;
|
|
160
|
+
};
|
|
161
|
+
gap: {
|
|
162
|
+
"lp-sys-gap-positive-50": string;
|
|
163
|
+
"lp-sys-gap-positive-100": string;
|
|
164
|
+
"lp-sys-gap-positive-150": string;
|
|
165
|
+
"lp-sys-gap-positive-200": string;
|
|
166
|
+
"lp-sys-gap-positive-300": string;
|
|
167
|
+
"lp-sys-gap-positive-400": string;
|
|
168
|
+
"lp-sys-gap-positive-500": string;
|
|
169
|
+
"lp-sys-gap-positive-600": string;
|
|
170
|
+
"lp-sys-gap-positive-700": string;
|
|
171
|
+
"lp-sys-gap-positive-800": string;
|
|
172
|
+
"lp-sys-gap-positive-900": string;
|
|
173
|
+
"lp-sys-gap-negative-700": string;
|
|
174
|
+
"lp-sys-gap-negative-800": string;
|
|
175
|
+
"lp-sys-gap-negative-900": string;
|
|
176
|
+
};
|
|
177
|
+
};
|
package/lib/index.cjs
CHANGED
|
@@ -32,196 +32,12 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
32
32
|
var src_exports = {};
|
|
33
33
|
__export(src_exports, {
|
|
34
34
|
DesignSystemHead: () => DesignSystemHead,
|
|
35
|
-
font: () => font,
|
|
36
|
-
gap: () => gap,
|
|
37
|
-
opacity: () => opacity,
|
|
38
|
-
padding: () => padding,
|
|
39
|
-
radius: () => radius,
|
|
40
|
-
size: () => size,
|
|
41
35
|
useDarkTheme: () => useDarkTheme,
|
|
42
36
|
useLanguage: () => useLanguage,
|
|
43
37
|
vars: () => vars
|
|
44
38
|
});
|
|
45
39
|
module.exports = __toCommonJS(src_exports);
|
|
46
40
|
|
|
47
|
-
// src/design/size/type.ts
|
|
48
|
-
var ISize = {
|
|
49
|
-
"lp-pri-size-minus6": "-6px",
|
|
50
|
-
"lp-pri-size-minus4": "-4px",
|
|
51
|
-
"lp-pri-size-minus2": "-2px",
|
|
52
|
-
"lp-pri-size-0": " 0px",
|
|
53
|
-
"lp-pri-size-1": " 1px",
|
|
54
|
-
"lp-pri-size-2": " 2px",
|
|
55
|
-
"lp-pri-size-3": " 3px",
|
|
56
|
-
"lp-pri-size-4": " 4px",
|
|
57
|
-
"lp-pri-size-6": " 6px",
|
|
58
|
-
"lp-pri-size-8": " 8px",
|
|
59
|
-
"lp-pri-size-10": " 10px",
|
|
60
|
-
"lp-pri-size-12": " 12px",
|
|
61
|
-
"lp-pri-size-14": " 14px",
|
|
62
|
-
"lp-pri-size-16": " 16px",
|
|
63
|
-
"lp-pri-size-18": " 18px",
|
|
64
|
-
"lp-pri-size-20": " 20px",
|
|
65
|
-
"lp-pri-size-24": " 24px",
|
|
66
|
-
"lp-pri-size-32": " 32px",
|
|
67
|
-
"lp-pri-size-40": " 40px",
|
|
68
|
-
"lp-pri-size-48": " 48px",
|
|
69
|
-
"lp-pri-size-56": " 56px",
|
|
70
|
-
"lp-pri-size-64": " 64px",
|
|
71
|
-
"lp-pri-size-80": " 80px",
|
|
72
|
-
"lp-pri-size-100": " 100px",
|
|
73
|
-
"lp-pri-size-120": " 120px",
|
|
74
|
-
"lp-pri-size-140": " 140px",
|
|
75
|
-
"lp-pri-size-160": " 160px",
|
|
76
|
-
"lp-pri-size-180": " 180px",
|
|
77
|
-
"lp-pri-size-200": " 200px"
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
// src/design/radius/index.ts
|
|
81
|
-
var radius = {
|
|
82
|
-
"lp-sys-radius-xxs": ISize["lp-pri-size-2"],
|
|
83
|
-
"lp-sys-radius-xs": ISize["lp-pri-size-4"],
|
|
84
|
-
"lp-sys-radius-s": ISize["lp-pri-size-6"],
|
|
85
|
-
"lp-sys-radius-m": ISize["lp-pri-size-8"],
|
|
86
|
-
"lp-sys-radius-l": ISize["lp-pri-size-10"],
|
|
87
|
-
"lp-sys-radius-xl": ISize["lp-pri-size-12"],
|
|
88
|
-
"lp-sys-radius-xxl": ISize["lp-pri-size-200"]
|
|
89
|
-
};
|
|
90
|
-
|
|
91
|
-
// src/design/opacity/index.ts
|
|
92
|
-
var opacity = {
|
|
93
|
-
"lp-pri-color-opacity-80": "80%",
|
|
94
|
-
"lp-pri-color-opacity-72": "72%",
|
|
95
|
-
"lp-pri-color-opacity-64": "64%",
|
|
96
|
-
"lp-pri-color-opacity-56": "56%",
|
|
97
|
-
"lp-pri-color-opacity-50": "50%",
|
|
98
|
-
"lp-pri-color-opacity-48": "48%",
|
|
99
|
-
"lp-pri-color-opacity-44": "44%",
|
|
100
|
-
"lp-pri-color-opacity-40": "40%",
|
|
101
|
-
"lp-pri-color-opacity-36": "36%",
|
|
102
|
-
"lp-pri-color-opacity-32": "32%",
|
|
103
|
-
"lp-pri-color-opacity-28": "28%",
|
|
104
|
-
"lp-pri-color-opacity-24": "24%",
|
|
105
|
-
"lp-pri-color-opacity-20": "20%",
|
|
106
|
-
"lp-pri-color-opacity-16": "16%",
|
|
107
|
-
"lp-pri-color-opacity-12": "12%",
|
|
108
|
-
"lp-pri-color-opacity-8": "8%",
|
|
109
|
-
"lp-pri-color-opacity-4": "4%",
|
|
110
|
-
"lp-pri-color-opacity-1": "1%",
|
|
111
|
-
"lp-pri-color-opacity-0": "0%"
|
|
112
|
-
};
|
|
113
|
-
|
|
114
|
-
// src/design/size/index.ts
|
|
115
|
-
var size = {
|
|
116
|
-
["lp-pri-size-minus6"]: ISize["lp-pri-size-minus6"],
|
|
117
|
-
["lp-pri-size-minus4"]: ISize["lp-pri-size-minus4"],
|
|
118
|
-
["lp-pri-size-minus2"]: ISize["lp-pri-size-minus2"],
|
|
119
|
-
["lp-pri-size-0"]: ISize["lp-pri-size-0"],
|
|
120
|
-
["lp-pri-size-1"]: ISize["lp-pri-size-1"],
|
|
121
|
-
["lp-pri-size-2"]: ISize["lp-pri-size-2"],
|
|
122
|
-
["lp-pri-size-3"]: ISize["lp-pri-size-3"],
|
|
123
|
-
["lp-pri-size-4"]: ISize["lp-pri-size-4"],
|
|
124
|
-
["lp-pri-size-6"]: ISize["lp-pri-size-6"],
|
|
125
|
-
["lp-pri-size-8"]: ISize["lp-pri-size-8"],
|
|
126
|
-
["lp-pri-size-10"]: ISize["lp-pri-size-10"],
|
|
127
|
-
["lp-pri-size-12"]: ISize["lp-pri-size-12"],
|
|
128
|
-
["lp-pri-size-14"]: ISize["lp-pri-size-14"],
|
|
129
|
-
["lp-pri-size-16"]: ISize["lp-pri-size-16"],
|
|
130
|
-
["lp-pri-size-18"]: ISize["lp-pri-size-18"],
|
|
131
|
-
["lp-pri-size-20"]: ISize["lp-pri-size-20"],
|
|
132
|
-
["lp-pri-size-24"]: ISize["lp-pri-size-24"],
|
|
133
|
-
["lp-pri-size-32"]: ISize["lp-pri-size-32"],
|
|
134
|
-
["lp-pri-size-40"]: ISize["lp-pri-size-40"],
|
|
135
|
-
["lp-pri-size-48"]: ISize["lp-pri-size-48"],
|
|
136
|
-
["lp-pri-size-56"]: ISize["lp-pri-size-56"],
|
|
137
|
-
["lp-pri-size-64"]: ISize["lp-pri-size-64"],
|
|
138
|
-
["lp-pri-size-80"]: ISize["lp-pri-size-80"],
|
|
139
|
-
["lp-pri-size-100"]: ISize["lp-pri-size-100"],
|
|
140
|
-
["lp-pri-size-120"]: ISize["lp-pri-size-120"],
|
|
141
|
-
["lp-pri-size-140"]: ISize["lp-pri-size-140"],
|
|
142
|
-
["lp-pri-size-160"]: ISize["lp-pri-size-160"],
|
|
143
|
-
["lp-pri-size-180"]: ISize["lp-pri-size-180"],
|
|
144
|
-
["lp-pri-size-200"]: ISize["lp-pri-size-200"]
|
|
145
|
-
};
|
|
146
|
-
|
|
147
|
-
// src/design/typography/primitive.ts
|
|
148
|
-
var lineHeight = {
|
|
149
|
-
"lp-pri-font-lineheight-120": "120%",
|
|
150
|
-
"lp-pri-font-lineheight-130": "130%",
|
|
151
|
-
"lp-pri-font-lineheight-150": "150%",
|
|
152
|
-
"lp-pri-font-lineheight-180": "180%"
|
|
153
|
-
};
|
|
154
|
-
var size2 = {
|
|
155
|
-
"lp-pri-font-size-8": 8,
|
|
156
|
-
"lp-pri-font-size-11": 11,
|
|
157
|
-
"lp-pri-font-size-12": 12,
|
|
158
|
-
"lp-pri-font-size-13": 13,
|
|
159
|
-
"lp-pri-font-size-14": 14,
|
|
160
|
-
"lp-pri-font-size-15": 15,
|
|
161
|
-
"lp-pri-font-size-16": 16,
|
|
162
|
-
"lp-pri-font-size-17": 17,
|
|
163
|
-
"lp-pri-font-size-20": 20,
|
|
164
|
-
"lp-pri-font-size-24": 24,
|
|
165
|
-
"lp-pri-font-size-28": 28,
|
|
166
|
-
"lp-pri-font-size-32": 32,
|
|
167
|
-
"lp-pri-font-size-40": 40,
|
|
168
|
-
"lp-pri-font-size-64": 64,
|
|
169
|
-
"lp-pri-font-size-72": 72
|
|
170
|
-
};
|
|
171
|
-
var weight = {
|
|
172
|
-
"lp-pri-font-weight-300": 300,
|
|
173
|
-
"lp-pri-font-weight-350": 350,
|
|
174
|
-
"lp-pri-font-weight-400": 400,
|
|
175
|
-
"lp-pri-font-weight-420": 420,
|
|
176
|
-
"lp-pri-font-weight-450": 450,
|
|
177
|
-
"lp-pri-font-weight-500": 500,
|
|
178
|
-
"lp-pri-font-weight-600": 600,
|
|
179
|
-
"lp-pri-font-weight-650": 650,
|
|
180
|
-
"lp-pri-font-weight-700": 700,
|
|
181
|
-
"lp-pri-font-weight-800": 800
|
|
182
|
-
};
|
|
183
|
-
var font = { weight, lineHeight, size: size2 };
|
|
184
|
-
|
|
185
|
-
// src/design/padding/index.ts
|
|
186
|
-
var padding = {
|
|
187
|
-
"lp-sys-padding-component-100": ISize["lp-pri-size-4"],
|
|
188
|
-
"lp-sys-padding-component-200": ISize["lp-pri-size-8"],
|
|
189
|
-
"lp-sys-padding-component-300": ISize["lp-pri-size-12"],
|
|
190
|
-
"lp-sys-padding-component-400": ISize["lp-pri-size-16"],
|
|
191
|
-
"lp-sys-padding-component-500": ISize["lp-pri-size-20"],
|
|
192
|
-
"lp-sys-padding-component-600": ISize["lp-pri-size-24"],
|
|
193
|
-
"lp-sys-padding-component-700": ISize["lp-pri-size-32"],
|
|
194
|
-
"lp-sys-padding-component-800": ISize["lp-pri-size-40"],
|
|
195
|
-
"lp-sys-padding-component-900": ISize["lp-pri-size-48"],
|
|
196
|
-
"lp-sys-padding-section-100": ISize["lp-pri-size-24"],
|
|
197
|
-
"lp-sys-padding-section-200": ISize["lp-pri-size-32"],
|
|
198
|
-
"lp-sys-padding-section-300": ISize["lp-pri-size-40"],
|
|
199
|
-
"lp-sys-padding-section-400": ISize["lp-pri-size-48"],
|
|
200
|
-
"lp-sys-padding-section-500": ISize["lp-pri-size-56"],
|
|
201
|
-
"lp-sys-padding-section-600": ISize["lp-pri-size-64"],
|
|
202
|
-
"lp-sys-padding-section-700": ISize["lp-pri-size-80"],
|
|
203
|
-
"lp-sys-padding-section-800": ISize["lp-pri-size-100"],
|
|
204
|
-
"lp-sys-padding-section-900": ISize["lp-pri-size-120"]
|
|
205
|
-
};
|
|
206
|
-
|
|
207
|
-
// src/design/gap/index.ts
|
|
208
|
-
var gap = {
|
|
209
|
-
"lp-sys-gap-positive-50": ISize["lp-pri-size-2"],
|
|
210
|
-
"lp-sys-gap-positive-100": ISize["lp-pri-size-4"],
|
|
211
|
-
"lp-sys-gap-positive-150": ISize["lp-pri-size-6"],
|
|
212
|
-
"lp-sys-gap-positive-200": ISize["lp-pri-size-8"],
|
|
213
|
-
"lp-sys-gap-positive-300": ISize["lp-pri-size-12"],
|
|
214
|
-
"lp-sys-gap-positive-400": ISize["lp-pri-size-16"],
|
|
215
|
-
"lp-sys-gap-positive-500": ISize["lp-pri-size-20"],
|
|
216
|
-
"lp-sys-gap-positive-600": ISize["lp-pri-size-24"],
|
|
217
|
-
"lp-sys-gap-positive-700": ISize["lp-pri-size-32"],
|
|
218
|
-
"lp-sys-gap-positive-800": ISize["lp-pri-size-40"],
|
|
219
|
-
"lp-sys-gap-positive-900": ISize["lp-pri-size-48"],
|
|
220
|
-
"lp-sys-gap-negative-700": ISize["lp-pri-size-minus2"],
|
|
221
|
-
"lp-sys-gap-negative-800": ISize["lp-pri-size-minus4"],
|
|
222
|
-
"lp-sys-gap-negative-900": ISize["lp-pri-size-minus6"]
|
|
223
|
-
};
|
|
224
|
-
|
|
225
41
|
// src/hooks/useDarkTheme.ts
|
|
226
42
|
var import_react = require("react");
|
|
227
43
|
var useDarkTheme = /* @__PURE__ */ __name(() => {
|
|
@@ -268,7 +84,7 @@ var DesignSystemHead = /* @__PURE__ */ __name(() => {
|
|
|
268
84
|
));
|
|
269
85
|
}, "DesignSystemHead");
|
|
270
86
|
|
|
271
|
-
// src/
|
|
272
|
-
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-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-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-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-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-label-primary": "var(--brand-label-primary)", "brand-label-secondary": "var(--brand-label-secondary)", "brand-border-opaque-normal": "var(--brand-border-opaque-normal)", "brand-border-overlay-normal": "var(--brand-border-overlay-normal)", "accent-container-yellow": "var(--accent-container-yellow)", "accent-mint": "var(--accent-mint)", "accent-cyan": "var(--accent-cyan)", "accent-purple": "var(--accent-purple)", "accent-pink": "var(--accent-pink)", "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-label-positive": "var(--function-label-positive)", "function-label-negative": "var(--function-label-negative)", "function-label-caution": "var(--function-label-caution)" } };
|
|
87
|
+
// src/generated/vars.ts
|
|
88
|
+
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-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-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-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-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-label-primary": "var(--brand-label-primary)", "brand-label-secondary": "var(--brand-label-secondary)", "brand-border-opaque-normal": "var(--brand-border-opaque-normal)", "brand-border-overlay-normal": "var(--brand-border-overlay-normal)", "accent-container-yellow": "var(--accent-container-yellow)", "accent-mint": "var(--accent-mint)", "accent-cyan": "var(--accent-cyan)", "accent-purple": "var(--accent-purple)", "accent-pink": "var(--accent-pink)", "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-label-positive": "var(--function-label-positive)", "function-label-negative": "var(--function-label-negative)", "function-label-caution": "var(--function-label-caution)", "cover-dim-page": "var(--cover-dim-page)" }, "radius": { "lp-sys-radius-xxs": "var(--lp-sys-radius-xxs)", "lp-sys-radius-xs": "var(--lp-sys-radius-xs)", "lp-sys-radius-s": "var(--lp-sys-radius-s)", "lp-sys-radius-m": "var(--lp-sys-radius-m)", "lp-sys-radius-l": "var(--lp-sys-radius-l)", "lp-sys-radius-xl": "var(--lp-sys-radius-xl)", "lp-sys-radius-xxl": "var(--lp-sys-radius-xxl)" }, "opacity": { "lp-pri-color-opacity-80": "var(--lp-pri-color-opacity-80)", "lp-pri-color-opacity-72": "var(--lp-pri-color-opacity-72)", "lp-pri-color-opacity-64": "var(--lp-pri-color-opacity-64)", "lp-pri-color-opacity-56": "var(--lp-pri-color-opacity-56)", "lp-pri-color-opacity-50": "var(--lp-pri-color-opacity-50)", "lp-pri-color-opacity-48": "var(--lp-pri-color-opacity-48)", "lp-pri-color-opacity-44": "var(--lp-pri-color-opacity-44)", "lp-pri-color-opacity-40": "var(--lp-pri-color-opacity-40)", "lp-pri-color-opacity-36": "var(--lp-pri-color-opacity-36)", "lp-pri-color-opacity-32": "var(--lp-pri-color-opacity-32)", "lp-pri-color-opacity-28": "var(--lp-pri-color-opacity-28)", "lp-pri-color-opacity-24": "var(--lp-pri-color-opacity-24)", "lp-pri-color-opacity-20": "var(--lp-pri-color-opacity-20)", "lp-pri-color-opacity-16": "var(--lp-pri-color-opacity-16)", "lp-pri-color-opacity-12": "var(--lp-pri-color-opacity-12)", "lp-pri-color-opacity-8": "var(--lp-pri-color-opacity-8)", "lp-pri-color-opacity-4": "var(--lp-pri-color-opacity-4)", "lp-pri-color-opacity-1": "var(--lp-pri-color-opacity-1)", "lp-pri-color-opacity-0": "var(--lp-pri-color-opacity-0)" }, "padding": { "lp-sys-padding-component-100": "var(--lp-sys-padding-component-100)", "lp-sys-padding-component-200": "var(--lp-sys-padding-component-200)", "lp-sys-padding-component-300": "var(--lp-sys-padding-component-300)", "lp-sys-padding-component-400": "var(--lp-sys-padding-component-400)", "lp-sys-padding-component-500": "var(--lp-sys-padding-component-500)", "lp-sys-padding-component-600": "var(--lp-sys-padding-component-600)", "lp-sys-padding-component-700": "var(--lp-sys-padding-component-700)", "lp-sys-padding-component-800": "var(--lp-sys-padding-component-800)", "lp-sys-padding-component-900": "var(--lp-sys-padding-component-900)", "lp-sys-padding-section-100": "var(--lp-sys-padding-section-100)", "lp-sys-padding-section-200": "var(--lp-sys-padding-section-200)", "lp-sys-padding-section-300": "var(--lp-sys-padding-section-300)", "lp-sys-padding-section-400": "var(--lp-sys-padding-section-400)", "lp-sys-padding-section-500": "var(--lp-sys-padding-section-500)", "lp-sys-padding-section-600": "var(--lp-sys-padding-section-600)", "lp-sys-padding-section-700": "var(--lp-sys-padding-section-700)", "lp-sys-padding-section-800": "var(--lp-sys-padding-section-800)", "lp-sys-padding-section-900": "var(--lp-sys-padding-section-900)" }, "size": { "lp-pri-size-minus6": "var(--lp-pri-size-minus6)", "lp-pri-size-minus4": "var(--lp-pri-size-minus4)", "lp-pri-size-minus2": "var(--lp-pri-size-minus2)", "lp-pri-size-0": "var(--lp-pri-size-0)", "lp-pri-size-1": "var(--lp-pri-size-1)", "lp-pri-size-2": "var(--lp-pri-size-2)", "lp-pri-size-3": "var(--lp-pri-size-3)", "lp-pri-size-4": "var(--lp-pri-size-4)", "lp-pri-size-6": "var(--lp-pri-size-6)", "lp-pri-size-8": "var(--lp-pri-size-8)", "lp-pri-size-10": "var(--lp-pri-size-10)", "lp-pri-size-12": "var(--lp-pri-size-12)", "lp-pri-size-14": "var(--lp-pri-size-14)", "lp-pri-size-16": "var(--lp-pri-size-16)", "lp-pri-size-18": "var(--lp-pri-size-18)", "lp-pri-size-20": "var(--lp-pri-size-20)", "lp-pri-size-24": "var(--lp-pri-size-24)", "lp-pri-size-32": "var(--lp-pri-size-32)", "lp-pri-size-40": "var(--lp-pri-size-40)", "lp-pri-size-48": "var(--lp-pri-size-48)", "lp-pri-size-56": "var(--lp-pri-size-56)", "lp-pri-size-64": "var(--lp-pri-size-64)", "lp-pri-size-80": "var(--lp-pri-size-80)", "lp-pri-size-100": "var(--lp-pri-size-100)", "lp-pri-size-120": "var(--lp-pri-size-120)", "lp-pri-size-140": "var(--lp-pri-size-140)", "lp-pri-size-160": "var(--lp-pri-size-160)", "lp-pri-size-180": "var(--lp-pri-size-180)", "lp-pri-size-200": "var(--lp-pri-size-200)" }, "gap": { "lp-sys-gap-positive-50": "var(--lp-sys-gap-positive-50)", "lp-sys-gap-positive-100": "var(--lp-sys-gap-positive-100)", "lp-sys-gap-positive-150": "var(--lp-sys-gap-positive-150)", "lp-sys-gap-positive-200": "var(--lp-sys-gap-positive-200)", "lp-sys-gap-positive-300": "var(--lp-sys-gap-positive-300)", "lp-sys-gap-positive-400": "var(--lp-sys-gap-positive-400)", "lp-sys-gap-positive-500": "var(--lp-sys-gap-positive-500)", "lp-sys-gap-positive-600": "var(--lp-sys-gap-positive-600)", "lp-sys-gap-positive-700": "var(--lp-sys-gap-positive-700)", "lp-sys-gap-positive-800": "var(--lp-sys-gap-positive-800)", "lp-sys-gap-positive-900": "var(--lp-sys-gap-positive-900)", "lp-sys-gap-negative-700": "var(--lp-sys-gap-negative-700)", "lp-sys-gap-negative-800": "var(--lp-sys-gap-negative-800)", "lp-sys-gap-negative-900": "var(--lp-sys-gap-negative-900)" } };
|
|
273
89
|
/*! For license information please see index.cjs.LEGAL.txt */
|
|
274
90
|
//# sourceMappingURL=index.cjs.map
|
package/lib/index.cjs.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../src/index.ts", "../src/
|
|
4
|
-
"sourcesContent": ["export * from './design/radius';\nexport * from './design/opacity';\nexport * from './design/size';\nexport * from './design/typography';\nexport * from './design/padding';\nexport * from './design/gap';\n\nexport * from './hooks/useDarkTheme';\nexport * from './hooks/useLanguage';\nexport * from './components/Head';\nexport * from './design/vars';\n", "export const ISize = {\n 'lp-pri-size-minus6': '-6px',\n 'lp-pri-size-minus4': '-4px',\n 'lp-pri-size-minus2': '-2px',\n 'lp-pri-size-0': ' 0px',\n 'lp-pri-size-1': ' 1px',\n 'lp-pri-size-2': ' 2px',\n 'lp-pri-size-3': ' 3px',\n 'lp-pri-size-4': ' 4px',\n 'lp-pri-size-6': ' 6px',\n 'lp-pri-size-8': ' 8px',\n 'lp-pri-size-10': ' 10px',\n 'lp-pri-size-12': ' 12px',\n 'lp-pri-size-14': ' 14px',\n 'lp-pri-size-16': ' 16px',\n 'lp-pri-size-18': ' 18px',\n 'lp-pri-size-20': ' 20px',\n 'lp-pri-size-24': ' 24px',\n 'lp-pri-size-32': ' 32px',\n 'lp-pri-size-40': ' 40px',\n 'lp-pri-size-48': ' 48px',\n 'lp-pri-size-56': ' 56px',\n 'lp-pri-size-64': ' 64px',\n 'lp-pri-size-80': ' 80px',\n 'lp-pri-size-100': ' 100px',\n 'lp-pri-size-120': ' 120px',\n 'lp-pri-size-140': ' 140px',\n 'lp-pri-size-160': ' 160px',\n 'lp-pri-size-180': ' 180px',\n 'lp-pri-size-200': ' 200px',\n} as const;\n", "import { ISize } from '../size/type';\nimport { IRadius } from './type';\n\nexport const radius: IRadius = {\n 'lp-sys-radius-xxs': ISize['lp-pri-size-2'],\n 'lp-sys-radius-xs': ISize['lp-pri-size-4'],\n 'lp-sys-radius-s': ISize['lp-pri-size-6'],\n 'lp-sys-radius-m': ISize['lp-pri-size-8'],\n 'lp-sys-radius-l': ISize['lp-pri-size-10'],\n 'lp-sys-radius-xl': ISize['lp-pri-size-12'],\n 'lp-sys-radius-xxl': ISize['lp-pri-size-200'],\n} as const;\n", "export const opacity = {\n 'lp-pri-color-opacity-80': '80%',\n 'lp-pri-color-opacity-72': '72%',\n 'lp-pri-color-opacity-64': '64%',\n 'lp-pri-color-opacity-56': '56%',\n 'lp-pri-color-opacity-50': '50%',\n 'lp-pri-color-opacity-48': '48%',\n 'lp-pri-color-opacity-44': '44%',\n 'lp-pri-color-opacity-40': '40%',\n 'lp-pri-color-opacity-36': '36%',\n 'lp-pri-color-opacity-32': '32%',\n 'lp-pri-color-opacity-28': '28%',\n 'lp-pri-color-opacity-24': '24%',\n 'lp-pri-color-opacity-20': '20%',\n 'lp-pri-color-opacity-16': '16%',\n 'lp-pri-color-opacity-12': '12%',\n 'lp-pri-color-opacity-8': '8%',\n 'lp-pri-color-opacity-4': '4%',\n 'lp-pri-color-opacity-1': '1%',\n 'lp-pri-color-opacity-0': '0%',\n} as const;\n", "import { ISize } from './type';\n\nexport const size: Record<keyof typeof ISize, (typeof ISize)[keyof typeof ISize]> = {\n ['lp-pri-size-minus6']: ISize['lp-pri-size-minus6'],\n ['lp-pri-size-minus4']: ISize['lp-pri-size-minus4'],\n ['lp-pri-size-minus2']: ISize['lp-pri-size-minus2'],\n ['lp-pri-size-0']: ISize['lp-pri-size-0'],\n ['lp-pri-size-1']: ISize['lp-pri-size-1'],\n ['lp-pri-size-2']: ISize['lp-pri-size-2'],\n ['lp-pri-size-3']: ISize['lp-pri-size-3'],\n ['lp-pri-size-4']: ISize['lp-pri-size-4'],\n ['lp-pri-size-6']: ISize['lp-pri-size-6'],\n ['lp-pri-size-8']: ISize['lp-pri-size-8'],\n ['lp-pri-size-10']: ISize['lp-pri-size-10'],\n ['lp-pri-size-12']: ISize['lp-pri-size-12'],\n ['lp-pri-size-14']: ISize['lp-pri-size-14'],\n ['lp-pri-size-16']: ISize['lp-pri-size-16'],\n ['lp-pri-size-18']: ISize['lp-pri-size-18'],\n ['lp-pri-size-20']: ISize['lp-pri-size-20'],\n ['lp-pri-size-24']: ISize['lp-pri-size-24'],\n ['lp-pri-size-32']: ISize['lp-pri-size-32'],\n ['lp-pri-size-40']: ISize['lp-pri-size-40'],\n ['lp-pri-size-48']: ISize['lp-pri-size-48'],\n ['lp-pri-size-56']: ISize['lp-pri-size-56'],\n ['lp-pri-size-64']: ISize['lp-pri-size-64'],\n ['lp-pri-size-80']: ISize['lp-pri-size-80'],\n ['lp-pri-size-100']: ISize['lp-pri-size-100'],\n ['lp-pri-size-120']: ISize['lp-pri-size-120'],\n ['lp-pri-size-140']: ISize['lp-pri-size-140'],\n ['lp-pri-size-160']: ISize['lp-pri-size-160'],\n ['lp-pri-size-180']: ISize['lp-pri-size-180'],\n ['lp-pri-size-200']: ISize['lp-pri-size-200'],\n};\n", "const lineHeight = {\n 'lp-pri-font-lineheight-120': '120%',\n 'lp-pri-font-lineheight-130': '130%',\n 'lp-pri-font-lineheight-150': '150%',\n 'lp-pri-font-lineheight-180': '180%',\n} as const;\n\nconst size = {\n 'lp-pri-font-size-8': 8,\n 'lp-pri-font-size-11': 11,\n 'lp-pri-font-size-12': 12,\n 'lp-pri-font-size-13': 13,\n 'lp-pri-font-size-14': 14,\n 'lp-pri-font-size-15': 15,\n 'lp-pri-font-size-16': 16,\n 'lp-pri-font-size-17': 17,\n 'lp-pri-font-size-20': 20,\n 'lp-pri-font-size-24': 24,\n 'lp-pri-font-size-28': 28,\n 'lp-pri-font-size-32': 32,\n 'lp-pri-font-size-40': 40,\n 'lp-pri-font-size-64': 64,\n 'lp-pri-font-size-72': 72,\n} as const;\n\nconst weight = {\n 'lp-pri-font-weight-300': 300,\n 'lp-pri-font-weight-350': 350,\n 'lp-pri-font-weight-400': 400,\n 'lp-pri-font-weight-420': 420,\n 'lp-pri-font-weight-450': 450,\n 'lp-pri-font-weight-500': 500,\n 'lp-pri-font-weight-600': 600,\n 'lp-pri-font-weight-650': 650,\n 'lp-pri-font-weight-700': 700,\n 'lp-pri-font-weight-800': 800,\n} as const;\n\nexport const font = { weight, lineHeight, size };\n", "import { ISize } from '../size/type';\n\nexport const padding = {\n 'lp-sys-padding-component-100': ISize['lp-pri-size-4'],\n 'lp-sys-padding-component-200': ISize['lp-pri-size-8'],\n 'lp-sys-padding-component-300': ISize['lp-pri-size-12'],\n 'lp-sys-padding-component-400': ISize['lp-pri-size-16'],\n 'lp-sys-padding-component-500': ISize['lp-pri-size-20'],\n 'lp-sys-padding-component-600': ISize['lp-pri-size-24'],\n 'lp-sys-padding-component-700': ISize['lp-pri-size-32'],\n 'lp-sys-padding-component-800': ISize['lp-pri-size-40'],\n 'lp-sys-padding-component-900': ISize['lp-pri-size-48'],\n\n 'lp-sys-padding-section-100': ISize['lp-pri-size-24'],\n 'lp-sys-padding-section-200': ISize['lp-pri-size-32'],\n 'lp-sys-padding-section-300': ISize['lp-pri-size-40'],\n 'lp-sys-padding-section-400': ISize['lp-pri-size-48'],\n 'lp-sys-padding-section-500': ISize['lp-pri-size-56'],\n 'lp-sys-padding-section-600': ISize['lp-pri-size-64'],\n 'lp-sys-padding-section-700': ISize['lp-pri-size-80'],\n 'lp-sys-padding-section-800': ISize['lp-pri-size-100'],\n 'lp-sys-padding-section-900': ISize['lp-pri-size-120'],\n} as const;\n", "import { ISize } from '../size/type';\n\nexport const gap = {\n 'lp-sys-gap-positive-50': ISize['lp-pri-size-2'],\n 'lp-sys-gap-positive-100': ISize['lp-pri-size-4'],\n 'lp-sys-gap-positive-150': ISize['lp-pri-size-6'],\n 'lp-sys-gap-positive-200': ISize['lp-pri-size-8'],\n 'lp-sys-gap-positive-300': ISize['lp-pri-size-12'],\n 'lp-sys-gap-positive-400': ISize['lp-pri-size-16'],\n 'lp-sys-gap-positive-500': ISize['lp-pri-size-20'],\n 'lp-sys-gap-positive-600': ISize['lp-pri-size-24'],\n 'lp-sys-gap-positive-700': ISize['lp-pri-size-32'],\n 'lp-sys-gap-positive-800': ISize['lp-pri-size-40'],\n 'lp-sys-gap-positive-900': ISize['lp-pri-size-48'],\n\n 'lp-sys-gap-negative-700': ISize['lp-pri-size-minus2'],\n 'lp-sys-gap-negative-800': ISize['lp-pri-size-minus4'],\n 'lp-sys-gap-negative-900': ISize['lp-pri-size-minus6'],\n} as const;\n", "import { useLayoutEffect, useState } from 'react';\n\nconst LOCAL_STORAGE_KEY = 'theme';\n\nexport const useDarkTheme = () => {\n const [isDarkMode, setIsDarkMode] = useState(false);\n\n // const isUserColorTheme = localStorage.getItem('color-theme');\n\n // const setDarkTheme = () => {\n // document.documentElement.setAttribute('color-theme', 'dark');\n // setIsDarkMode(true);\n // };\n\n // const setLightTheme = () => {\n // document.documentElement.setAttribute('color-theme', 'light');\n // };\n\n // const toggleTheme = () => {\n // const willChangeTheme = document.documentElement.getAttribute('color-theme') === 'light' ? 'dark' : 'light';\n\n // document.documentElement.setAttribute('color-theme', willChangeTheme);\n // localStorage.setItem(LOCAL_STORAGE_KEY, willChangeTheme);\n // };\n\n useLayoutEffect(() => {\n // const prevTheme = localStorage.getItem(LOCAL_STORAGE_KEY);\n // if (prevTheme) {\n // if (prevTheme === 'dark') {\n // setDarkTheme();\n // } else {\n // setLightTheme();\n // }\n // } else {\n // const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n // document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n // }\n\n setIsDarkMode(document.documentElement.getAttribute('color-theme') === 'dark');\n }, []);\n\n return {\n // setDarkTheme,\n // toggleTheme,\n isDarkMode,\n };\n};\n", "export const useLanguage = () => {};\n", "import React from 'react';\n\nexport const DesignSystemHead = () => {\n return (\n <>\n {/* Pretendard JP Variable */}\n <link\n rel=\"stylesheet\"\n as=\"style\"\n crossOrigin={'anonymous'}\n href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-jp.min.css\"\n />\n {/* Pretendard Variable */}\n <link\n rel=\"stylesheet\"\n as=\"style\"\n crossOrigin={'anonymous'}\n href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css\"\n />\n {/* \"Poppins\", sans-serif; */}\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n rel=\"stylesheet\"\n />\n </>\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-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-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-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-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-label-primary\":\"var(--brand-label-primary)\",\"brand-label-secondary\":\"var(--brand-label-secondary)\",\"brand-border-opaque-normal\":\"var(--brand-border-opaque-normal)\",\"brand-border-overlay-normal\":\"var(--brand-border-overlay-normal)\",\"accent-container-yellow\":\"var(--accent-container-yellow)\",\"accent-mint\":\"var(--accent-mint)\",\"accent-cyan\":\"var(--accent-cyan)\",\"accent-purple\":\"var(--accent-purple)\",\"accent-pink\":\"var(--accent-pink)\",\"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-label-positive\":\"var(--function-label-positive)\",\"function-label-negative\":\"var(--function-label-negative)\",\"function-label-caution\":\"var(--function-label-caution)\"}}"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA
|
|
6
|
-
"names": ["
|
|
3
|
+
"sources": ["../src/index.ts", "../src/hooks/useDarkTheme.ts", "../src/hooks/useLanguage.ts", "../src/components/Head.tsx", "../src/generated/vars.ts"],
|
|
4
|
+
"sourcesContent": ["export * from './hooks/useDarkTheme';\nexport * from './hooks/useLanguage';\nexport * from './components/Head';\nexport * from './generated/vars';\n", "import { useLayoutEffect, useState } from 'react';\n\nconst LOCAL_STORAGE_KEY = 'theme';\n\nexport const useDarkTheme = () => {\n const [isDarkMode, setIsDarkMode] = useState(false);\n\n // const isUserColorTheme = localStorage.getItem('color-theme');\n\n // const setDarkTheme = () => {\n // document.documentElement.setAttribute('color-theme', 'dark');\n // setIsDarkMode(true);\n // };\n\n // const setLightTheme = () => {\n // document.documentElement.setAttribute('color-theme', 'light');\n // };\n\n // const toggleTheme = () => {\n // const willChangeTheme = document.documentElement.getAttribute('color-theme') === 'light' ? 'dark' : 'light';\n\n // document.documentElement.setAttribute('color-theme', willChangeTheme);\n // localStorage.setItem(LOCAL_STORAGE_KEY, willChangeTheme);\n // };\n\n useLayoutEffect(() => {\n // const prevTheme = localStorage.getItem(LOCAL_STORAGE_KEY);\n // if (prevTheme) {\n // if (prevTheme === 'dark') {\n // setDarkTheme();\n // } else {\n // setLightTheme();\n // }\n // } else {\n // const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n // document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n // }\n\n setIsDarkMode(document.documentElement.getAttribute('color-theme') === 'dark');\n }, []);\n\n return {\n // setDarkTheme,\n // toggleTheme,\n isDarkMode,\n };\n};\n", "export const useLanguage = () => {};\n", "import React from 'react';\n\nexport const DesignSystemHead = () => {\n return (\n <>\n {/* Pretendard JP Variable */}\n <link\n rel=\"stylesheet\"\n as=\"style\"\n crossOrigin={'anonymous'}\n href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-jp.min.css\"\n />\n {/* Pretendard Variable */}\n <link\n rel=\"stylesheet\"\n as=\"style\"\n crossOrigin={'anonymous'}\n href=\"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css\"\n />\n {/* \"Poppins\", sans-serif; */}\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\" />\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossOrigin={'anonymous'} />\n <link\n href=\"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap\"\n rel=\"stylesheet\"\n />\n </>\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-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-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-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-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-label-primary\":\"var(--brand-label-primary)\",\"brand-label-secondary\":\"var(--brand-label-secondary)\",\"brand-border-opaque-normal\":\"var(--brand-border-opaque-normal)\",\"brand-border-overlay-normal\":\"var(--brand-border-overlay-normal)\",\"accent-container-yellow\":\"var(--accent-container-yellow)\",\"accent-mint\":\"var(--accent-mint)\",\"accent-cyan\":\"var(--accent-cyan)\",\"accent-purple\":\"var(--accent-purple)\",\"accent-pink\":\"var(--accent-pink)\",\"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-label-positive\":\"var(--function-label-positive)\",\"function-label-negative\":\"var(--function-label-negative)\",\"function-label-caution\":\"var(--function-label-caution)\",\"cover-dim-page\":\"var(--cover-dim-page)\"},\"radius\":{\"lp-sys-radius-xxs\":\"var(--lp-sys-radius-xxs)\",\"lp-sys-radius-xs\":\"var(--lp-sys-radius-xs)\",\"lp-sys-radius-s\":\"var(--lp-sys-radius-s)\",\"lp-sys-radius-m\":\"var(--lp-sys-radius-m)\",\"lp-sys-radius-l\":\"var(--lp-sys-radius-l)\",\"lp-sys-radius-xl\":\"var(--lp-sys-radius-xl)\",\"lp-sys-radius-xxl\":\"var(--lp-sys-radius-xxl)\"},\"opacity\":{\"lp-pri-color-opacity-80\":\"var(--lp-pri-color-opacity-80)\",\"lp-pri-color-opacity-72\":\"var(--lp-pri-color-opacity-72)\",\"lp-pri-color-opacity-64\":\"var(--lp-pri-color-opacity-64)\",\"lp-pri-color-opacity-56\":\"var(--lp-pri-color-opacity-56)\",\"lp-pri-color-opacity-50\":\"var(--lp-pri-color-opacity-50)\",\"lp-pri-color-opacity-48\":\"var(--lp-pri-color-opacity-48)\",\"lp-pri-color-opacity-44\":\"var(--lp-pri-color-opacity-44)\",\"lp-pri-color-opacity-40\":\"var(--lp-pri-color-opacity-40)\",\"lp-pri-color-opacity-36\":\"var(--lp-pri-color-opacity-36)\",\"lp-pri-color-opacity-32\":\"var(--lp-pri-color-opacity-32)\",\"lp-pri-color-opacity-28\":\"var(--lp-pri-color-opacity-28)\",\"lp-pri-color-opacity-24\":\"var(--lp-pri-color-opacity-24)\",\"lp-pri-color-opacity-20\":\"var(--lp-pri-color-opacity-20)\",\"lp-pri-color-opacity-16\":\"var(--lp-pri-color-opacity-16)\",\"lp-pri-color-opacity-12\":\"var(--lp-pri-color-opacity-12)\",\"lp-pri-color-opacity-8\":\"var(--lp-pri-color-opacity-8)\",\"lp-pri-color-opacity-4\":\"var(--lp-pri-color-opacity-4)\",\"lp-pri-color-opacity-1\":\"var(--lp-pri-color-opacity-1)\",\"lp-pri-color-opacity-0\":\"var(--lp-pri-color-opacity-0)\"},\"padding\":{\"lp-sys-padding-component-100\":\"var(--lp-sys-padding-component-100)\",\"lp-sys-padding-component-200\":\"var(--lp-sys-padding-component-200)\",\"lp-sys-padding-component-300\":\"var(--lp-sys-padding-component-300)\",\"lp-sys-padding-component-400\":\"var(--lp-sys-padding-component-400)\",\"lp-sys-padding-component-500\":\"var(--lp-sys-padding-component-500)\",\"lp-sys-padding-component-600\":\"var(--lp-sys-padding-component-600)\",\"lp-sys-padding-component-700\":\"var(--lp-sys-padding-component-700)\",\"lp-sys-padding-component-800\":\"var(--lp-sys-padding-component-800)\",\"lp-sys-padding-component-900\":\"var(--lp-sys-padding-component-900)\",\"lp-sys-padding-section-100\":\"var(--lp-sys-padding-section-100)\",\"lp-sys-padding-section-200\":\"var(--lp-sys-padding-section-200)\",\"lp-sys-padding-section-300\":\"var(--lp-sys-padding-section-300)\",\"lp-sys-padding-section-400\":\"var(--lp-sys-padding-section-400)\",\"lp-sys-padding-section-500\":\"var(--lp-sys-padding-section-500)\",\"lp-sys-padding-section-600\":\"var(--lp-sys-padding-section-600)\",\"lp-sys-padding-section-700\":\"var(--lp-sys-padding-section-700)\",\"lp-sys-padding-section-800\":\"var(--lp-sys-padding-section-800)\",\"lp-sys-padding-section-900\":\"var(--lp-sys-padding-section-900)\"},\"size\":{\"lp-pri-size-minus6\":\"var(--lp-pri-size-minus6)\",\"lp-pri-size-minus4\":\"var(--lp-pri-size-minus4)\",\"lp-pri-size-minus2\":\"var(--lp-pri-size-minus2)\",\"lp-pri-size-0\":\"var(--lp-pri-size-0)\",\"lp-pri-size-1\":\"var(--lp-pri-size-1)\",\"lp-pri-size-2\":\"var(--lp-pri-size-2)\",\"lp-pri-size-3\":\"var(--lp-pri-size-3)\",\"lp-pri-size-4\":\"var(--lp-pri-size-4)\",\"lp-pri-size-6\":\"var(--lp-pri-size-6)\",\"lp-pri-size-8\":\"var(--lp-pri-size-8)\",\"lp-pri-size-10\":\"var(--lp-pri-size-10)\",\"lp-pri-size-12\":\"var(--lp-pri-size-12)\",\"lp-pri-size-14\":\"var(--lp-pri-size-14)\",\"lp-pri-size-16\":\"var(--lp-pri-size-16)\",\"lp-pri-size-18\":\"var(--lp-pri-size-18)\",\"lp-pri-size-20\":\"var(--lp-pri-size-20)\",\"lp-pri-size-24\":\"var(--lp-pri-size-24)\",\"lp-pri-size-32\":\"var(--lp-pri-size-32)\",\"lp-pri-size-40\":\"var(--lp-pri-size-40)\",\"lp-pri-size-48\":\"var(--lp-pri-size-48)\",\"lp-pri-size-56\":\"var(--lp-pri-size-56)\",\"lp-pri-size-64\":\"var(--lp-pri-size-64)\",\"lp-pri-size-80\":\"var(--lp-pri-size-80)\",\"lp-pri-size-100\":\"var(--lp-pri-size-100)\",\"lp-pri-size-120\":\"var(--lp-pri-size-120)\",\"lp-pri-size-140\":\"var(--lp-pri-size-140)\",\"lp-pri-size-160\":\"var(--lp-pri-size-160)\",\"lp-pri-size-180\":\"var(--lp-pri-size-180)\",\"lp-pri-size-200\":\"var(--lp-pri-size-200)\"},\"gap\":{\"lp-sys-gap-positive-50\":\"var(--lp-sys-gap-positive-50)\",\"lp-sys-gap-positive-100\":\"var(--lp-sys-gap-positive-100)\",\"lp-sys-gap-positive-150\":\"var(--lp-sys-gap-positive-150)\",\"lp-sys-gap-positive-200\":\"var(--lp-sys-gap-positive-200)\",\"lp-sys-gap-positive-300\":\"var(--lp-sys-gap-positive-300)\",\"lp-sys-gap-positive-400\":\"var(--lp-sys-gap-positive-400)\",\"lp-sys-gap-positive-500\":\"var(--lp-sys-gap-positive-500)\",\"lp-sys-gap-positive-600\":\"var(--lp-sys-gap-positive-600)\",\"lp-sys-gap-positive-700\":\"var(--lp-sys-gap-positive-700)\",\"lp-sys-gap-positive-800\":\"var(--lp-sys-gap-positive-800)\",\"lp-sys-gap-positive-900\":\"var(--lp-sys-gap-positive-900)\",\"lp-sys-gap-negative-700\":\"var(--lp-sys-gap-negative-700)\",\"lp-sys-gap-negative-800\":\"var(--lp-sys-gap-negative-800)\",\"lp-sys-gap-negative-900\":\"var(--lp-sys-gap-negative-900)\"}}"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["import_react", "React"]
|
|
7
7
|
}
|
package/lib/index.d.ts
CHANGED
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
export * from './design/radius';
|
|
2
|
-
export * from './design/opacity';
|
|
3
|
-
export * from './design/size';
|
|
4
|
-
export * from './design/typography';
|
|
5
|
-
export * from './design/padding';
|
|
6
|
-
export * from './design/gap';
|
|
7
1
|
export * from './hooks/useDarkTheme';
|
|
8
2
|
export * from './hooks/useLanguage';
|
|
9
3
|
export * from './components/Head';
|
|
10
|
-
export * from './
|
|
4
|
+
export * from './generated/vars';
|