@liner-fe/design-token 2.2.1 → 2.3.1
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/README.md +9 -1
- package/global.css +19 -19
- package/lib/generated/vars.d.ts +98 -98
- package/lib/index.cjs +1 -1
- package/lib/index.cjs.map +2 -2
- package/lib/index.mjs +1 -1
- package/lib/index.mjs.map +2 -2
- package/package.json +2 -3
- package/src/generated/vars.ts +1 -1
- package/src/scripts/create-css/constants/index.ts +9 -0
- package/src/scripts/create-css/constants/opacity/index.ts +19 -19
- package/src/scripts/create-css/constants/radius/type.ts +2 -1
- package/src/scripts/create-css/constants/size/type.ts +26 -26
- package/src/scripts/create-css/index.ts +4 -16
- package/src/scripts/create-css/utils/generateTokenMap.ts +14 -0
- package/src/scripts/create-css/utils/removeTokenPrefix.ts +16 -0
package/README.md
CHANGED
|
@@ -1,3 +1,11 @@
|
|
|
1
|
-
# @liner-fe/design-token
|
|
1
|
+
# @liner-fe/design-token [](https://www.npmjs.com/package/@liner-fe/design-token)
|
|
2
|
+
|
|
3
|
+
## Installation
|
|
2
4
|
|
|
3
5
|
`yarn add @liner-fe/design-token`
|
|
6
|
+
|
|
7
|
+
## Documentation
|
|
8
|
+
|
|
9
|
+
**Prism**을 구성하는 원자단위의 토큰입니다.
|
|
10
|
+
|
|
11
|
+
문서는 Slack `dev_client_storybook` 채널을 확인해주세요.
|
package/global.css
CHANGED
|
@@ -252,25 +252,25 @@
|
|
|
252
252
|
--lp-pri-size-160: 160px;
|
|
253
253
|
--lp-pri-size-180: 180px;
|
|
254
254
|
--lp-pri-size-200: 200px;
|
|
255
|
-
--lp-pri-
|
|
256
|
-
--lp-pri-
|
|
257
|
-
--lp-pri-
|
|
258
|
-
--lp-pri-
|
|
259
|
-
--lp-pri-
|
|
260
|
-
--lp-pri-
|
|
261
|
-
--lp-pri-
|
|
262
|
-
--lp-pri-
|
|
263
|
-
--lp-pri-
|
|
264
|
-
--lp-pri-
|
|
265
|
-
--lp-pri-
|
|
266
|
-
--lp-pri-
|
|
267
|
-
--lp-pri-
|
|
268
|
-
--lp-pri-
|
|
269
|
-
--lp-pri-
|
|
270
|
-
--lp-pri-
|
|
271
|
-
--lp-pri-
|
|
272
|
-
--lp-pri-
|
|
273
|
-
--lp-pri-
|
|
255
|
+
--lp-pri-opacity-80: 80%;
|
|
256
|
+
--lp-pri-opacity-72: 72%;
|
|
257
|
+
--lp-pri-opacity-64: 64%;
|
|
258
|
+
--lp-pri-opacity-56: 56%;
|
|
259
|
+
--lp-pri-opacity-50: 50%;
|
|
260
|
+
--lp-pri-opacity-48: 48%;
|
|
261
|
+
--lp-pri-opacity-44: 44%;
|
|
262
|
+
--lp-pri-opacity-40: 40%;
|
|
263
|
+
--lp-pri-opacity-36: 36%;
|
|
264
|
+
--lp-pri-opacity-32: 32%;
|
|
265
|
+
--lp-pri-opacity-28: 28%;
|
|
266
|
+
--lp-pri-opacity-24: 24%;
|
|
267
|
+
--lp-pri-opacity-20: 20%;
|
|
268
|
+
--lp-pri-opacity-16: 16%;
|
|
269
|
+
--lp-pri-opacity-12: 12%;
|
|
270
|
+
--lp-pri-opacity-8: 8%;
|
|
271
|
+
--lp-pri-opacity-4: 4%;
|
|
272
|
+
--lp-pri-opacity-1: 1%;
|
|
273
|
+
--lp-pri-opacity-0: 0%;
|
|
274
274
|
--lp-sys-padding-component-50: 2px;
|
|
275
275
|
--lp-sys-padding-component-100: 4px;
|
|
276
276
|
--lp-sys-padding-component-150: 6px;
|
package/lib/generated/vars.d.ts
CHANGED
|
@@ -79,115 +79,115 @@ export declare const vars: {
|
|
|
79
79
|
"cover-dim-page": string;
|
|
80
80
|
};
|
|
81
81
|
radius: {
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
82
|
+
xxs: string;
|
|
83
|
+
xs: string;
|
|
84
|
+
s: string;
|
|
85
|
+
m: string;
|
|
86
|
+
l: string;
|
|
87
|
+
xl: string;
|
|
88
|
+
xxl: string;
|
|
89
89
|
};
|
|
90
90
|
opacity: {
|
|
91
|
-
"
|
|
92
|
-
"
|
|
93
|
-
"
|
|
94
|
-
"
|
|
95
|
-
"
|
|
96
|
-
"
|
|
97
|
-
"
|
|
98
|
-
"
|
|
99
|
-
"
|
|
100
|
-
"
|
|
101
|
-
"
|
|
102
|
-
"
|
|
103
|
-
"
|
|
104
|
-
"
|
|
105
|
-
"
|
|
106
|
-
"
|
|
107
|
-
"
|
|
108
|
-
"
|
|
109
|
-
"
|
|
91
|
+
"0": string;
|
|
92
|
+
"1": string;
|
|
93
|
+
"4": string;
|
|
94
|
+
"8": string;
|
|
95
|
+
"12": string;
|
|
96
|
+
"16": string;
|
|
97
|
+
"20": string;
|
|
98
|
+
"24": string;
|
|
99
|
+
"28": string;
|
|
100
|
+
"32": string;
|
|
101
|
+
"36": string;
|
|
102
|
+
"40": string;
|
|
103
|
+
"44": string;
|
|
104
|
+
"48": string;
|
|
105
|
+
"50": string;
|
|
106
|
+
"56": string;
|
|
107
|
+
"64": string;
|
|
108
|
+
"72": string;
|
|
109
|
+
"80": string;
|
|
110
110
|
};
|
|
111
111
|
padding: {
|
|
112
|
-
"
|
|
113
|
-
"
|
|
114
|
-
"
|
|
115
|
-
"
|
|
116
|
-
"
|
|
117
|
-
"
|
|
118
|
-
"
|
|
119
|
-
"
|
|
120
|
-
"
|
|
121
|
-
"
|
|
122
|
-
"
|
|
123
|
-
"
|
|
124
|
-
"
|
|
125
|
-
"
|
|
126
|
-
"
|
|
127
|
-
"
|
|
128
|
-
"
|
|
129
|
-
"
|
|
130
|
-
"
|
|
131
|
-
"
|
|
132
|
-
"
|
|
112
|
+
"component-50": string;
|
|
113
|
+
"component-100": string;
|
|
114
|
+
"component-150": string;
|
|
115
|
+
"component-200": string;
|
|
116
|
+
"component-300": string;
|
|
117
|
+
"component-400": string;
|
|
118
|
+
"component-500": string;
|
|
119
|
+
"component-600": string;
|
|
120
|
+
"component-700": string;
|
|
121
|
+
"component-800": string;
|
|
122
|
+
"component-900": string;
|
|
123
|
+
"section-50": string;
|
|
124
|
+
"section-100": string;
|
|
125
|
+
"section-200": string;
|
|
126
|
+
"section-300": string;
|
|
127
|
+
"section-400": string;
|
|
128
|
+
"section-500": string;
|
|
129
|
+
"section-600": string;
|
|
130
|
+
"section-700": string;
|
|
131
|
+
"section-800": string;
|
|
132
|
+
"section-900": string;
|
|
133
133
|
};
|
|
134
134
|
size: {
|
|
135
|
-
"
|
|
136
|
-
"
|
|
137
|
-
"
|
|
138
|
-
"
|
|
139
|
-
"
|
|
140
|
-
"
|
|
141
|
-
"
|
|
142
|
-
"
|
|
143
|
-
"
|
|
144
|
-
"
|
|
145
|
-
"
|
|
146
|
-
"
|
|
147
|
-
"
|
|
148
|
-
"
|
|
149
|
-
"
|
|
150
|
-
"
|
|
151
|
-
"
|
|
152
|
-
"
|
|
153
|
-
"
|
|
154
|
-
"
|
|
155
|
-
"
|
|
156
|
-
"
|
|
157
|
-
"
|
|
158
|
-
"
|
|
159
|
-
"
|
|
160
|
-
"
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
135
|
+
"0": string;
|
|
136
|
+
"1": string;
|
|
137
|
+
"2": string;
|
|
138
|
+
"3": string;
|
|
139
|
+
"4": string;
|
|
140
|
+
"6": string;
|
|
141
|
+
"8": string;
|
|
142
|
+
"10": string;
|
|
143
|
+
"12": string;
|
|
144
|
+
"14": string;
|
|
145
|
+
"16": string;
|
|
146
|
+
"18": string;
|
|
147
|
+
"20": string;
|
|
148
|
+
"24": string;
|
|
149
|
+
"32": string;
|
|
150
|
+
"40": string;
|
|
151
|
+
"48": string;
|
|
152
|
+
"56": string;
|
|
153
|
+
"64": string;
|
|
154
|
+
"80": string;
|
|
155
|
+
"100": string;
|
|
156
|
+
"120": string;
|
|
157
|
+
"140": string;
|
|
158
|
+
"160": string;
|
|
159
|
+
"180": string;
|
|
160
|
+
"200": string;
|
|
161
|
+
minus6: string;
|
|
162
|
+
minus4: string;
|
|
163
|
+
minus2: string;
|
|
164
164
|
};
|
|
165
165
|
gap: {
|
|
166
|
-
"
|
|
167
|
-
"
|
|
168
|
-
"
|
|
169
|
-
"
|
|
170
|
-
"
|
|
171
|
-
"
|
|
172
|
-
"
|
|
173
|
-
"
|
|
174
|
-
"
|
|
175
|
-
"
|
|
176
|
-
"
|
|
177
|
-
"
|
|
178
|
-
"
|
|
179
|
-
"
|
|
166
|
+
"positive-50": string;
|
|
167
|
+
"positive-100": string;
|
|
168
|
+
"positive-150": string;
|
|
169
|
+
"positive-200": string;
|
|
170
|
+
"positive-300": string;
|
|
171
|
+
"positive-400": string;
|
|
172
|
+
"positive-500": string;
|
|
173
|
+
"positive-600": string;
|
|
174
|
+
"positive-700": string;
|
|
175
|
+
"positive-800": string;
|
|
176
|
+
"positive-900": string;
|
|
177
|
+
"negative-700": string;
|
|
178
|
+
"negative-800": string;
|
|
179
|
+
"negative-900": string;
|
|
180
180
|
};
|
|
181
181
|
shadow: {
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
182
|
+
normal: string;
|
|
183
|
+
strong: string;
|
|
184
|
+
heavy: string;
|
|
185
185
|
};
|
|
186
186
|
iconSize: {
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
187
|
+
xs: string;
|
|
188
|
+
s: string;
|
|
189
|
+
m: string;
|
|
190
|
+
l: string;
|
|
191
|
+
xl: string;
|
|
192
192
|
};
|
|
193
193
|
};
|
package/lib/index.cjs
CHANGED
|
@@ -114,7 +114,7 @@ var DesignSystemHead = /* @__PURE__ */ __name(() => {
|
|
|
114
114
|
}, "DesignSystemHead");
|
|
115
115
|
|
|
116
116
|
// src/generated/vars.ts
|
|
117
|
-
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-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-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-yellow": "var(--accent-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-50": "var(--lp-sys-padding-component-50)", "lp-sys-padding-component-100": "var(--lp-sys-padding-component-100)", "lp-sys-padding-component-150": "var(--lp-sys-padding-component-150)", "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-50": "var(--lp-sys-padding-section-50)", "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)" }, "shadow": { "lp-sys-shadow-normal": "var(--lp-sys-shadow-normal)", "lp-sys-shadow-strong": "var(--lp-sys-shadow-strong)", "lp-sys-shadow-heavy": "var(--lp-sys-shadow-heavy)" }, "iconSize": { "lp-sys-icon-size-xs": "var(--lp-sys-icon-size-xs)", "lp-sys-icon-size-s": "var(--lp-sys-icon-size-s)", "lp-sys-icon-size-m": "var(--lp-sys-icon-size-m)", "lp-sys-icon-size-l": "var(--lp-sys-icon-size-l)", "lp-sys-icon-size-xl": "var(--lp-sys-icon-size-xl)" } };
|
|
117
|
+
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-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-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-yellow": "var(--accent-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": { "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)", "negative-700": "var(--lp-sys-gap-negative-700)", "negative-800": "var(--lp-sys-gap-negative-800)", "negative-900": "var(--lp-sys-gap-negative-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)" } };
|
|
118
118
|
|
|
119
119
|
// src/generated/classNames.ts
|
|
120
120
|
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-display2-normal-black": "lp-sys-typo-display2-normal-black", "lp-sys-typo-display3-normal-black": "lp-sys-typo-display3-normal-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-title1-accent-medium": "lp-sys-typo-title1-accent-medium", "lp-sys-typo-title2-accent-medium": "lp-sys-typo-title2-accent-medium", "lp-sys-typo-title3-accent-medium": "lp-sys-typo-title3-accent-medium", "lp-sys-typo-title4-accent-medium": "lp-sys-typo-title4-accent-medium", "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-title1-normal-medium": "lp-sys-typo-title1-normal-medium", "lp-sys-typo-title2-normal-medium": "lp-sys-typo-title2-normal-medium", "lp-sys-typo-title3-normal-medium": "lp-sys-typo-title3-normal-medium", "lp-sys-typo-title4-normal-medium": "lp-sys-typo-title4-normal-medium", "lp-sys-typo-paragraph1-accent-bold": "lp-sys-typo-paragraph1-accent-bold", "lp-sys-typo-paragraph2-accent-bold": "lp-sys-typo-paragraph2-accent-bold", "lp-sys-typo-paragraph3-accent-bold": "lp-sys-typo-paragraph3-accent-bold", "lp-sys-typo-paragraph1-accent-medium": "lp-sys-typo-paragraph1-accent-medium", "lp-sys-typo-paragraph2-accent-medium": "lp-sys-typo-paragraph2-accent-medium", "lp-sys-typo-paragraph3-accent-medium": "lp-sys-typo-paragraph3-accent-medium", "lp-sys-typo-paragraph1-accent-regular": "lp-sys-typo-paragraph1-accent-regular", "lp-sys-typo-paragraph2-accent-regular": "lp-sys-typo-paragraph2-accent-regular", "lp-sys-typo-paragraph3-accent-regular": "lp-sys-typo-paragraph3-accent-regular", "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-bold": "lp-sys-typo-paragraph1-answer-bold", "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" } };
|