@liner-fe/design-token 2.0.48 → 2.0.50
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 +166 -157
- package/lib/index.cjs +1 -9
- package/lib/index.cjs.map +3 -3
- package/lib/index.d.ts +0 -2
- package/lib/index.mjs +1 -9
- package/lib/index.mjs.map +3 -3
- package/package.json +1 -1
- package/src/design/vars.ts +1 -1
- package/src/index.ts +0 -2
- package/lib/design/color/index.d.ts +0 -287
- package/lib/design/vars.d.ts +0 -54
- package/src/design/color/index.ts +0 -1
package/global.css
CHANGED
|
@@ -16,48 +16,46 @@
|
|
|
16
16
|
--lp-pri-gray-cool-250: #3B3B3D;
|
|
17
17
|
--lp-pri-gray-cool-200: #313133;
|
|
18
18
|
--lp-pri-gray-cool-100: #1E1E1F;
|
|
19
|
-
--lp-pri-brand-original-950: #
|
|
20
|
-
--lp-pri-brand-original-900: #
|
|
21
|
-
--lp-pri-brand-original-800: #
|
|
22
|
-
--lp-pri-brand-original-700: #
|
|
23
|
-
--lp-pri-brand-original-600: #
|
|
24
|
-
--lp-pri-brand-original-500: #
|
|
25
|
-
--lp-pri-brand-original-400: #
|
|
26
|
-
--lp-pri-brand-original-
|
|
27
|
-
--lp-pri-brand-original-
|
|
28
|
-
--lp-pri-brand-original-
|
|
29
|
-
--lp-pri-brand-
|
|
30
|
-
--lp-pri-brand-variation-
|
|
31
|
-
--lp-pri-brand-variation-
|
|
32
|
-
--lp-pri-brand-variation-
|
|
33
|
-
--lp-pri-brand-variation-
|
|
34
|
-
--lp-pri-brand-variation-
|
|
35
|
-
--lp-pri-brand-variation-
|
|
36
|
-
--lp-pri-brand-variation-
|
|
37
|
-
--lp-pri-brand-variation-
|
|
38
|
-
--lp-pri-brand-variation-
|
|
39
|
-
--lp-pri-
|
|
40
|
-
--lp-pri-
|
|
41
|
-
--lp-pri-red-
|
|
42
|
-
--lp-pri-red-
|
|
43
|
-
--lp-pri-red-
|
|
44
|
-
--lp-pri-red-
|
|
45
|
-
--lp-pri-red-
|
|
46
|
-
--lp-pri-red-
|
|
47
|
-
--lp-pri-red-
|
|
48
|
-
--lp-pri-red-
|
|
49
|
-
--lp-pri-
|
|
50
|
-
--lp-pri-
|
|
51
|
-
--lp-pri-orange-
|
|
52
|
-
--lp-pri-orange-
|
|
53
|
-
--lp-pri-orange-
|
|
54
|
-
--lp-pri-orange-
|
|
55
|
-
--lp-pri-orange-
|
|
56
|
-
--lp-pri-orange-
|
|
57
|
-
--lp-pri-orange-
|
|
58
|
-
--lp-pri-orange-
|
|
59
|
-
--lp-pri-orange-100: #61170E;
|
|
60
|
-
--lp-pri-orange-50: #45110E;
|
|
19
|
+
--lp-pri-brand-original-950: #FAFBFF;
|
|
20
|
+
--lp-pri-brand-original-900: #F4F5FF;
|
|
21
|
+
--lp-pri-brand-original-800: #D9DEFF;
|
|
22
|
+
--lp-pri-brand-original-700: #B7C1FF;
|
|
23
|
+
--lp-pri-brand-original-600: #6B7FFF;
|
|
24
|
+
--lp-pri-brand-original-500: #4058FF;
|
|
25
|
+
--lp-pri-brand-original-400: #273FD9;
|
|
26
|
+
--lp-pri-brand-original-200: #152AB3;
|
|
27
|
+
--lp-pri-brand-original-100: #071780;
|
|
28
|
+
--lp-pri-brand-original-50: #041166;
|
|
29
|
+
--lp-pri-brand-variation-950: #FAFBFF;
|
|
30
|
+
--lp-pri-brand-variation-900: #F4F7FF;
|
|
31
|
+
--lp-pri-brand-variation-800: #D9E4FF;
|
|
32
|
+
--lp-pri-brand-variation-700: #B7CDFF;
|
|
33
|
+
--lp-pri-brand-variation-600: #759EFF;
|
|
34
|
+
--lp-pri-brand-variation-500: #5487FF;
|
|
35
|
+
--lp-pri-brand-variation-400: #4E70BF;
|
|
36
|
+
--lp-pri-brand-variation-200: #4A6299;
|
|
37
|
+
--lp-pri-brand-variation-100: #384666;
|
|
38
|
+
--lp-pri-brand-variation-50: #2C364D;
|
|
39
|
+
--lp-pri-rainbow-red-950: #FFF5F5;
|
|
40
|
+
--lp-pri-rainbow-red-900: #FFE7E7;
|
|
41
|
+
--lp-pri-rainbow-red-800: #FFC3C3;
|
|
42
|
+
--lp-pri-rainbow-red-700: #FF9090;
|
|
43
|
+
--lp-pri-rainbow-red-600: #FF6060;
|
|
44
|
+
--lp-pri-rainbow-red-500: #FF3333;
|
|
45
|
+
--lp-pri-rainbow-red-400: #DB2323;
|
|
46
|
+
--lp-pri-rainbow-red-300: #B81616;
|
|
47
|
+
--lp-pri-rainbow-red-200: #710808;
|
|
48
|
+
--lp-pri-rainbow-red-100: #410404;
|
|
49
|
+
--lp-pri-rainbow-orange-950: #FFFBF4;
|
|
50
|
+
--lp-pri-rainbow-orange-900: #FFF4E3;
|
|
51
|
+
--lp-pri-rainbow-orange-800: #FFE1B4;
|
|
52
|
+
--lp-pri-rainbow-orange-700: #FFC875;
|
|
53
|
+
--lp-pri-rainbow-orange-600: #FFB039;
|
|
54
|
+
--lp-pri-rainbow-orange-500: #FF9900;
|
|
55
|
+
--lp-pri-rainbow-orange-400: #DB8503;
|
|
56
|
+
--lp-pri-rainbow-orange-300: #B87005;
|
|
57
|
+
--lp-pri-rainbow-orange-200: #714605;
|
|
58
|
+
--lp-pri-rainbow-orange-100: #412803;
|
|
61
59
|
--lp-pri-rainbow-yellow-950: #FFFDF4;
|
|
62
60
|
--lp-pri-rainbow-yellow-900: #FFF9E3;
|
|
63
61
|
--lp-pri-rainbow-yellow-800: #FFF0B4;
|
|
@@ -68,16 +66,16 @@
|
|
|
68
66
|
--lp-pri-rainbow-yellow-300: #B89405;
|
|
69
67
|
--lp-pri-rainbow-yellow-200: #715B05;
|
|
70
68
|
--lp-pri-rainbow-yellow-100: #413503;
|
|
71
|
-
--lp-pri-green-
|
|
72
|
-
--lp-pri-green-
|
|
73
|
-
--lp-pri-green-
|
|
74
|
-
--lp-pri-green-
|
|
75
|
-
--lp-pri-green-
|
|
76
|
-
--lp-pri-green-
|
|
77
|
-
--lp-pri-green-
|
|
78
|
-
--lp-pri-green-
|
|
79
|
-
--lp-pri-green-
|
|
80
|
-
--lp-pri-green-
|
|
69
|
+
--lp-pri-rainbow-green-950: #F5FEF7;
|
|
70
|
+
--lp-pri-rainbow-green-900: #E6FCEA;
|
|
71
|
+
--lp-pri-rainbow-green-800: #BFF5C8;
|
|
72
|
+
--lp-pri-rainbow-green-700: #8CEC9C;
|
|
73
|
+
--lp-pri-rainbow-green-600: #5DDF73;
|
|
74
|
+
--lp-pri-rainbow-green-500: #30BF48;
|
|
75
|
+
--lp-pri-rainbow-green-400: #20A536;
|
|
76
|
+
--lp-pri-rainbow-green-300: #148B28;
|
|
77
|
+
--lp-pri-rainbow-green-200: #075714;
|
|
78
|
+
--lp-pri-rainbow-green-100: #03350B;
|
|
81
79
|
--lp-pri-rainbow-mint-950: #F3FEFE;
|
|
82
80
|
--lp-pri-rainbow-mint-900: #AFF7F7;
|
|
83
81
|
--lp-pri-rainbow-mint-800: #6EF0F0;
|
|
@@ -118,63 +116,26 @@
|
|
|
118
116
|
--lp-pri-rainbow-pink-300: #B8164C;
|
|
119
117
|
--lp-pri-rainbow-pink-200: #71082B;
|
|
120
118
|
--lp-pri-rainbow-pink-100: #120107;
|
|
121
|
-
--lp-pri-
|
|
122
|
-
--lp-pri-
|
|
123
|
-
--lp-pri-
|
|
124
|
-
--lp-pri-
|
|
125
|
-
--lp-pri-
|
|
126
|
-
--lp-pri-
|
|
127
|
-
--lp-pri-
|
|
128
|
-
--lp-pri-
|
|
129
|
-
--lp-pri-
|
|
130
|
-
--lp-pri-
|
|
131
|
-
--lp-pri-
|
|
132
|
-
--lp-pri-
|
|
133
|
-
--lp-pri-
|
|
134
|
-
--lp-pri-
|
|
135
|
-
--lp-pri-
|
|
136
|
-
--lp-pri-
|
|
137
|
-
--lp-pri-
|
|
138
|
-
--lp-pri-
|
|
139
|
-
--lp-pri-
|
|
140
|
-
--lp-pri-
|
|
141
|
-
--lp-pri-gray-cool-450-alpha-72: rgba(109, 109, 112, 0.72);
|
|
142
|
-
--lp-pri-gray-cool-450-alpha-64: rgba(109, 109, 112, 0.64);
|
|
143
|
-
--lp-pri-gray-cool-450-alpha-56: rgba(109, 109, 112, 0.56);
|
|
144
|
-
--lp-pri-gray-cool-450-alpha-50: rgba(109, 109, 112, 0.5);
|
|
145
|
-
--lp-pri-gray-cool-450-alpha-48: rgba(109, 109, 112, 0.48);
|
|
146
|
-
--lp-pri-gray-cool-450-alpha-44: rgba(109, 109, 112, 0.44);
|
|
147
|
-
--lp-pri-gray-cool-450-alpha-40: rgba(109, 109, 112, 0.4);
|
|
148
|
-
--lp-pri-gray-cool-450-alpha-36: rgba(109, 109, 112, 0.36);
|
|
149
|
-
--lp-pri-gray-cool-450-alpha-32: rgba(109, 109, 112, 0.32);
|
|
150
|
-
--lp-pri-gray-cool-450-alpha-28: rgba(109, 109, 112, 0.28);
|
|
151
|
-
--lp-pri-gray-cool-450-alpha-24: rgba(109, 109, 112, 0.24);
|
|
152
|
-
--lp-pri-gray-cool-450-alpha-20: rgba(109, 109, 112, 0.2);
|
|
153
|
-
--lp-pri-gray-cool-450-alpha-16: rgba(109, 109, 112, 0.16);
|
|
154
|
-
--lp-pri-gray-cool-450-alpha-12: rgba(109, 109, 112, 0.12);
|
|
155
|
-
--lp-pri-gray-cool-450-alpha-8: rgba(109, 109, 112, 0.08);
|
|
156
|
-
--lp-pri-gray-cool-450-alpha-4: rgba(109, 109, 112, 0.04);
|
|
157
|
-
--lp-pri-gray-cool-450-alpha-1: rgba(109, 109, 112, 0.01);
|
|
158
|
-
--lp-pri-gray-cool-450-alpha-0: rgba(109, 109, 112, 0);
|
|
159
|
-
--lp-pri-brand-original-50-alpha-80: rgba(21, 26, 77, 0.8);
|
|
160
|
-
--lp-pri-brand-original-50-alpha-72: rgba(21, 26, 77, 0.72);
|
|
161
|
-
--lp-pri-brand-original-50-alpha-64: rgba(21, 26, 77, 0.64);
|
|
162
|
-
--lp-pri-brand-original-50-alpha-56: rgba(21, 26, 77, 0.56);
|
|
163
|
-
--lp-pri-brand-original-50-alpha-50: rgba(21, 26, 77, 0.5);
|
|
164
|
-
--lp-pri-brand-original-50-alpha-48: rgba(21, 26, 77, 0.48);
|
|
165
|
-
--lp-pri-brand-original-50-alpha-44: rgba(21, 26, 77, 0.44);
|
|
166
|
-
--lp-pri-brand-original-50-alpha-40: rgba(21, 26, 77, 0.4);
|
|
167
|
-
--lp-pri-brand-original-50-alpha-36: rgba(21, 26, 77, 0.36);
|
|
168
|
-
--lp-pri-brand-original-50-alpha-32: rgba(21, 26, 77, 0.32);
|
|
169
|
-
--lp-pri-brand-original-50-alpha-28: rgba(21, 26, 77, 0.28);
|
|
170
|
-
--lp-pri-brand-original-50-alpha-24: rgba(21, 26, 77, 0.24);
|
|
171
|
-
--lp-pri-brand-original-50-alpha-20: rgba(21, 26, 77, 0.2);
|
|
172
|
-
--lp-pri-brand-original-50-alpha-16: rgba(21, 26, 77, 0.16);
|
|
173
|
-
--lp-pri-brand-original-50-alpha-12: rgba(21, 26, 77, 0.12);
|
|
174
|
-
--lp-pri-brand-original-50-alpha-8: rgba(21, 26, 77, 0.08);
|
|
175
|
-
--lp-pri-brand-original-50-alpha-4: rgba(21, 26, 77, 0.04);
|
|
176
|
-
--lp-pri-brand-original-50-alpha-1: rgba(21, 26, 77, 0.01);
|
|
177
|
-
--lp-pri-brand-original-50-alpha-0: rgba(21, 26, 77, 0);
|
|
119
|
+
--lp-pri-achromatic-white-alpha-80: rgba(255, 255, 255, 0.8);
|
|
120
|
+
--lp-pri-achromatic-white-alpha-72: rgba(255, 255, 255, 0.72);
|
|
121
|
+
--lp-pri-achromatic-white-alpha-64: rgba(255, 255, 255, 0.64);
|
|
122
|
+
--lp-pri-achromatic-white-alpha-56: rgba(255, 255, 255, 0.56);
|
|
123
|
+
--lp-pri-achromatic-white-alpha-50: rgba(255, 255, 255, 0.5);
|
|
124
|
+
--lp-pri-achromatic-white-alpha-48: rgba(255, 255, 255, 0.48);
|
|
125
|
+
--lp-pri-achromatic-white-alpha-44: rgba(255, 255, 255, 0.44);
|
|
126
|
+
--lp-pri-achromatic-white-alpha-40: rgba(255, 255, 255, 0.4);
|
|
127
|
+
--lp-pri-achromatic-white-alpha-36: rgba(255, 255, 255, 0.36);
|
|
128
|
+
--lp-pri-achromatic-white-alpha-32: rgba(255, 255, 255, 0.32);
|
|
129
|
+
--lp-pri-achromatic-white-alpha-28: rgba(255, 255, 255, 0.28);
|
|
130
|
+
--lp-pri-achromatic-white-alpha-24: rgba(255, 255, 255, 0.24);
|
|
131
|
+
--lp-pri-achromatic-white-alpha-20: rgba(255, 255, 255, 0.2);
|
|
132
|
+
--lp-pri-achromatic-white-alpha-16: rgba(255, 255, 255, 0.16);
|
|
133
|
+
--lp-pri-achromatic-white-alpha-12: rgba(255, 255, 255, 0.12);
|
|
134
|
+
--lp-pri-achromatic-white-alpha-8: rgba(255, 255, 255, 0.08);
|
|
135
|
+
--lp-pri-achromatic-white-alpha-6: rgba(255, 255, 255, 0.06);
|
|
136
|
+
--lp-pri-achromatic-white-alpha-4: rgba(255, 255, 255, 0.04);
|
|
137
|
+
--lp-pri-achromatic-white-alpha-1: rgba(255, 255, 255, 0.01);
|
|
138
|
+
--lp-pri-achromatic-white-alpha-0: rgba(255, 255, 255, 0);
|
|
178
139
|
--lp-pri-font-size-8: 8px;
|
|
179
140
|
--lp-pri-font-size-11: 11px;
|
|
180
141
|
--lp-pri-font-size-12: 12px;
|
|
@@ -549,107 +510,155 @@
|
|
|
549
510
|
}
|
|
550
511
|
:root[color-theme=dark] {
|
|
551
512
|
--neutral-container-lowest: var(--lp-pri-gray-cool-100);
|
|
513
|
+
--neutral-container-lowest-hover: var(--lp-pri-gray-cool-200);
|
|
552
514
|
--neutral-container-low: var(--lp-pri-gray-cool-200);
|
|
515
|
+
--neutral-container-low-hover: var(--lp-pri-gray-cool-250);
|
|
553
516
|
--neutral-container-mid: var(--lp-pri-gray-cool-200);
|
|
517
|
+
--neutral-container-mid-hover: var(--lp-pri-gray-cool-300);
|
|
554
518
|
--neutral-container-high: var(--lp-pri-gray-cool-250);
|
|
519
|
+
--neutral-container-high-hover: var(--lp-pri-gray-cool-300);
|
|
555
520
|
--neutral-container-highest: var(--lp-pri-gray-cool-300);
|
|
556
|
-
--neutral-
|
|
557
|
-
--neutral-
|
|
558
|
-
--neutral-fill-
|
|
559
|
-
--neutral-fill-
|
|
521
|
+
--neutral-container-static-lowest: var(--lp-pri-achromatic-white);
|
|
522
|
+
--neutral-container-static-lowest-hover: var(--lp-pri-gray-cool-900);
|
|
523
|
+
--neutral-fill-lowest: var(--lp-pri-gray-cool-dark-alpha-0);
|
|
524
|
+
--neutral-fill-lowest-hover: var(--lp-pri-gray-cool-dark-alpha-12);
|
|
525
|
+
--neutral-fill-low: var(--lp-pri-gray-cool-dark-alpha-20);
|
|
526
|
+
--neutral-fill-low-hover: var(--lp-pri-gray-cool-dark-alpha-8);
|
|
527
|
+
--neutral-fill-mid: var(--lp-pri-gray-cool-dark-alpha-16);
|
|
528
|
+
--neutral-fill-mid-hover: var(--lp-pri-gray-cool-dark-alpha-32);
|
|
529
|
+
--neutral-fill-high: var(--lp-pri-gray-cool-dark-alpha-32);
|
|
530
|
+
--neutral-fill-high-hover: var(--lp-pri-gray-cool-dark-alpha-44);
|
|
560
531
|
--neutral-label-primary: var(--lp-pri-achromatic-white);
|
|
561
|
-
--neutral-label-secondary: var(--lp-pri-gray-cool-
|
|
562
|
-
--neutral-label-tertiary: var(--lp-pri-gray-cool-
|
|
563
|
-
--neutral-label-quaternary: var(--lp-pri-
|
|
564
|
-
--neutral-
|
|
565
|
-
--neutral-
|
|
532
|
+
--neutral-label-secondary: var(--lp-pri-gray-cool-light-alpha-64);
|
|
533
|
+
--neutral-label-tertiary: var(--lp-pri-gray-cool-light-alpha-32);
|
|
534
|
+
--neutral-label-quaternary: var(--lp-pri-gray-cool-light-alpha-20);
|
|
535
|
+
--neutral-label-static-primary: var(--lp-pri-gray-cool-100);
|
|
536
|
+
--neutral-label-static-secondary: var(--lp-pri-gray-cool-dark-alpha-80);
|
|
537
|
+
--neutral-border-overlay-strong: var(--lp-pri-gray-cool-light-alpha-64);
|
|
538
|
+
--neutral-border-overlay-normal: var(--lp-pri-gray-cool-light-alpha-28);
|
|
539
|
+
--neutral-border-overlay-subtle: var(--lp-pri-gray-cool-light-alpha-20);
|
|
566
540
|
--neutral-border-opaque-strong: var(--lp-pri-achromatic-white);
|
|
567
541
|
--neutral-border-opaque-normal: var(--lp-pri-gray-cool-350);
|
|
568
542
|
--neutral-border-opaque-subtle: var(--lp-pri-gray-cool-250);
|
|
569
543
|
--inverse-container-lowest: var(--lp-pri-achromatic-white);
|
|
544
|
+
--inverse-container-lowest-hover: var(--lp-pri-gray-cool-970);
|
|
570
545
|
--inverse-container-low: var(--lp-pri-gray-cool-980);
|
|
546
|
+
--inverse-container-low-hover: var(--lp-pri-gray-cool-970);
|
|
571
547
|
--inverse-container-mid: var(--lp-pri-gray-cool-970);
|
|
548
|
+
--inverse-container-mid-hover: var(--lp-pri-gray-cool-940);
|
|
572
549
|
--inverse-container-high: var(--lp-pri-gray-cool-940);
|
|
573
|
-
--inverse-container-
|
|
574
|
-
--inverse-
|
|
575
|
-
--inverse-
|
|
576
|
-
--inverse-fill-mid: var(--lp-pri-gray-cool-
|
|
550
|
+
--inverse-container-high-hover: var(--lp-pri-gray-cool-900);
|
|
551
|
+
--inverse-container-static-lowest: var(--lp-pri-gray-cool-250);
|
|
552
|
+
--inverse-container-static-lowest-hover: var(--lp-pri-gray-cool-350);
|
|
553
|
+
--inverse-fill-mid: var(--lp-pri-gray-cool-light-alpha-24);
|
|
554
|
+
--inverse-fill-mid-hover: var(--lp-pri-gray-cool-light-alpha-0);
|
|
577
555
|
--inverse-label-primary: var(--lp-pri-gray-cool-100);
|
|
556
|
+
--inverse-label-secondary: var(--lp-pri-gray-cool-dark-alpha-80);
|
|
557
|
+
--inverse-label-tertiary: var(--lp-pri-gray-cool-dark-alpha-48);
|
|
558
|
+
--inverse-label-quaternary: var(--lp-pri-gray-cool-dark-alpha-24);
|
|
578
559
|
--inverse-label-static-primary: var(--lp-pri-achromatic-white);
|
|
579
|
-
--inverse-label-secondary: var(--lp-pri-gray-cool-
|
|
580
|
-
--inverse-
|
|
581
|
-
--inverse-
|
|
582
|
-
--inverse-border-overlay-
|
|
583
|
-
--inverse-border-overlay-subtle: var(--lp-pri-gray-cool-450-alpha-16);
|
|
560
|
+
--inverse-label-static-secondary: var(--lp-pri-gray-cool-light-alpha-64);
|
|
561
|
+
--inverse-border-overlay-strong: var(--lp-pri-gray-cool-dark-alpha-64);
|
|
562
|
+
--inverse-border-overlay-normal: var(--lp-pri-gray-cool-dark-alpha-24);
|
|
563
|
+
--inverse-border-overlay-subtle: var(--lp-pri-gray-cool-dark-alpha-16);
|
|
584
564
|
--inverse-border-opaque-strong: var(--lp-pri-gray-cool-100);
|
|
585
565
|
--inverse-border-opaque-normal: var(--lp-pri-gray-cool-850);
|
|
586
566
|
--inverse-border-opaque-subtle: var(--lp-pri-gray-cool-920);
|
|
587
567
|
--brand-container-mid: var(--lp-pri-brand-original-500);
|
|
568
|
+
--brand-container-mid-hover: var(--lp-pri-brand-original-600);
|
|
588
569
|
--brand-container-high: var(--lp-pri-brand-original-400);
|
|
589
570
|
--brand-label-primary: var(--lp-pri-brand-variation-500);
|
|
590
|
-
--brand-label-secondary: var(--lp-pri-brand-original-
|
|
571
|
+
--brand-label-secondary: var(--lp-pri-brand-original-alpha-80);
|
|
591
572
|
--brand-border-overlay-normal: var(--lp-pri-brand-original-500);
|
|
592
|
-
--brand-border-opaque-normal: var(--lp-pri-brand-original-
|
|
593
|
-
--accent-yellow: var(--lp-pri-rainbow-yellow-600);
|
|
573
|
+
--brand-border-opaque-normal: var(--lp-pri-brand-original-alpha-20);
|
|
574
|
+
--accent-container-yellow: var(--lp-pri-rainbow-yellow-600);
|
|
594
575
|
--accent-mint: var(--lp-pri-rainbow-mint-600);
|
|
595
576
|
--accent-cyan: var(--lp-pri-rainbow-cyan-600);
|
|
596
577
|
--accent-purple: var(--lp-pri-rainbow-purple-600);
|
|
597
578
|
--accent-pink: var(--lp-pri-rainbow-pink-600);
|
|
598
|
-
--function-positive: var(--lp-pri-green-600);
|
|
599
|
-
--function-negative: var(--lp-pri-red-
|
|
600
|
-
--function-
|
|
579
|
+
--function-container-positive: var(--lp-pri-rainbow-green-600);
|
|
580
|
+
--function-container-negative: var(--lp-pri-rainbow-red-500);
|
|
581
|
+
--function-container-negative-hover: var(--lp-pri-rainbow-red-600);
|
|
582
|
+
--function-container-caution: var(--lp-pri-rainbow-orange-500);
|
|
583
|
+
--function-label-positive: var(--lp-pri-rainbow-green-600);
|
|
584
|
+
--function-label-negative: var(--lp-pri-rainbow-red-500);
|
|
585
|
+
--function-label-caution: var(--lp-pri-rainbow-orange-500);
|
|
601
586
|
}
|
|
602
587
|
:root[color-theme=light] {
|
|
603
588
|
--neutral-container-lowest: var(--lp-pri-achromatic-white);
|
|
589
|
+
--neutral-container-lowest-hover: var(--lp-pri-gray-cool-970);
|
|
604
590
|
--neutral-container-low: var(--lp-pri-gray-cool-980);
|
|
591
|
+
--neutral-container-low-hover: var(--lp-pri-gray-cool-970);
|
|
605
592
|
--neutral-container-mid: var(--lp-pri-gray-cool-970);
|
|
593
|
+
--neutral-container-mid-hover: var(--lp-pri-gray-cool-940);
|
|
606
594
|
--neutral-container-high: var(--lp-pri-gray-cool-940);
|
|
595
|
+
--neutral-container-high-hover: var(--lp-pri-gray-cool-900);
|
|
607
596
|
--neutral-container-highest: var(--lp-pri-gray-cool-920);
|
|
608
|
-
--neutral-
|
|
609
|
-
--neutral-
|
|
610
|
-
--neutral-fill-
|
|
611
|
-
--neutral-fill-
|
|
597
|
+
--neutral-container-static-lowest: var(--lp-pri-achromatic-white);
|
|
598
|
+
--neutral-container-static-lowest-hover: var(--lp-pri-gray-cool-970);
|
|
599
|
+
--neutral-fill-lowest: var(--lp-pri-gray-cool-dark-alpha-0);
|
|
600
|
+
--neutral-fill-lowest-hover: var(--lp-pri-gray-cool-dark-alpha-6);
|
|
601
|
+
--neutral-fill-low: var(--lp-pri-gray-cool-dark-alpha-8);
|
|
602
|
+
--neutral-fill-low-hover: var(--lp-pri-gray-cool-dark-alpha-4);
|
|
603
|
+
--neutral-fill-mid: var(--lp-pri-gray-cool-dark-alpha-8);
|
|
604
|
+
--neutral-fill-mid-hover: var(--lp-pri-gray-cool-dark-alpha-16);
|
|
605
|
+
--neutral-fill-high: var(--lp-pri-gray-cool-dark-alpha-20);
|
|
606
|
+
--neutral-fill-high-hover: var(--lp-pri-gray-cool-dark-alpha-28);
|
|
612
607
|
--neutral-label-primary: var(--lp-pri-gray-cool-100);
|
|
613
|
-
--neutral-label-secondary: var(--lp-pri-gray-cool-
|
|
614
|
-
--neutral-label-tertiary: var(--lp-pri-gray-cool-
|
|
615
|
-
--neutral-label-quaternary: var(--lp-pri-gray-cool-
|
|
616
|
-
--neutral-
|
|
617
|
-
--neutral-
|
|
608
|
+
--neutral-label-secondary: var(--lp-pri-gray-cool-dark-alpha-80);
|
|
609
|
+
--neutral-label-tertiary: var(--lp-pri-gray-cool-dark-alpha-48);
|
|
610
|
+
--neutral-label-quaternary: var(--lp-pri-gray-cool-dark-alpha-24);
|
|
611
|
+
--neutral-label-static-primary: var(--lp-pri-gray-cool-100);
|
|
612
|
+
--neutral-label-static-secondary: var(--lp-pri-gray-cool-dark-alpha-80);
|
|
613
|
+
--neutral-border-overlay-strong: var(--lp-pri-gray-cool-dark-alpha-64);
|
|
614
|
+
--neutral-border-overlay-normal: var(--lp-pri-gray-cool-dark-alpha-24);
|
|
615
|
+
--neutral-border-overlay-subtle: var(--lp-pri-gray-cool-dark-alpha-16);
|
|
618
616
|
--neutral-border-opaque-strong: var(--lp-pri-gray-cool-100);
|
|
619
617
|
--neutral-border-opaque-normal: var(--lp-pri-gray-cool-850);
|
|
620
618
|
--neutral-border-opaque-subtle: var(--lp-pri-gray-cool-920);
|
|
621
619
|
--inverse-container-lowest: var(--lp-pri-gray-cool-100);
|
|
620
|
+
--inverse-container-lowest-hover: var(--lp-pri-gray-cool-200);
|
|
622
621
|
--inverse-container-low: var(--lp-pri-gray-cool-200);
|
|
622
|
+
--inverse-container-low-hover: var(--lp-pri-gray-cool-250);
|
|
623
623
|
--inverse-container-mid: var(--lp-pri-gray-cool-200);
|
|
624
|
+
--inverse-container-mid-hover: var(--lp-pri-gray-cool-300);
|
|
624
625
|
--inverse-container-high: var(--lp-pri-gray-cool-250);
|
|
625
|
-
--inverse-container-
|
|
626
|
-
--inverse-
|
|
627
|
-
--inverse-
|
|
628
|
-
--inverse-fill-mid: var(--lp-pri-
|
|
626
|
+
--inverse-container-high-hover: var(--lp-pri-gray-cool-300);
|
|
627
|
+
--inverse-container-static-lowest: var(--lp-pri-gray-cool-250);
|
|
628
|
+
--inverse-container-static-lowest-hover: var(--lp-pri-gray-cool-350);
|
|
629
|
+
--inverse-fill-mid: var(--lp-pri-achromatic-white);
|
|
630
|
+
--inverse-fill-mid-hover: var(--lp-pri-gray-cool-970);
|
|
629
631
|
--inverse-label-primary: var(--lp-pri-achromatic-white);
|
|
632
|
+
--inverse-label-secondary: var(--lp-pri-gray-cool-light-alpha-64);
|
|
633
|
+
--inverse-label-tertiary: var(--lp-pri-gray-cool-light-alpha-32);
|
|
634
|
+
--inverse-label-quaternary: var(--lp-pri-gray-cool-light-alpha-20);
|
|
630
635
|
--inverse-label-static-primary: var(--lp-pri-achromatic-white);
|
|
631
|
-
--inverse-label-secondary: var(--lp-pri-gray-cool-
|
|
632
|
-
--inverse-
|
|
633
|
-
--inverse-
|
|
634
|
-
--inverse-border-overlay-
|
|
635
|
-
--inverse-border-overlay-subtle: var(--lp-pri-gray-cool-920-alpha-20);
|
|
636
|
+
--inverse-label-static-secondary: var(--lp-pri-gray-cool-light-alpha-64);
|
|
637
|
+
--inverse-border-overlay-strong: var(--lp-pri-gray-cool-light-alpha-64);
|
|
638
|
+
--inverse-border-overlay-normal: var(--lp-pri-gray-cool-light-alpha-28);
|
|
639
|
+
--inverse-border-overlay-subtle: var(--lp-pri-gray-cool-light-alpha-20);
|
|
636
640
|
--inverse-border-opaque-strong: var(--lp-pri-achromatic-white);
|
|
637
641
|
--inverse-border-opaque-normal: var(--lp-pri-gray-cool-350);
|
|
638
642
|
--inverse-border-opaque-subtle: var(--lp-pri-gray-cool-250);
|
|
639
643
|
--brand-container-mid: var(--lp-pri-brand-original-500);
|
|
644
|
+
--brand-container-mid-hover: var(--lp-pri-brand-original-400);
|
|
640
645
|
--brand-container-high: var(--lp-pri-brand-original-400);
|
|
641
646
|
--brand-label-primary: var(--lp-pri-brand-original-500);
|
|
642
|
-
--brand-label-secondary: var(--lp-pri-brand-original-
|
|
647
|
+
--brand-label-secondary: var(--lp-pri-brand-original-alpha-80);
|
|
643
648
|
--brand-border-overlay-normal: var(--lp-pri-brand-original-500);
|
|
644
|
-
--brand-border-opaque-normal: var(--lp-pri-brand-original-
|
|
645
|
-
--accent-yellow: var(--lp-pri-rainbow-yellow-500);
|
|
649
|
+
--brand-border-opaque-normal: var(--lp-pri-brand-original-alpha-20);
|
|
650
|
+
--accent-container-yellow: var(--lp-pri-rainbow-yellow-500);
|
|
646
651
|
--accent-mint: var(--lp-pri-rainbow-mint-500);
|
|
647
652
|
--accent-cyan: var(--lp-pri-rainbow-cyan-500);
|
|
648
653
|
--accent-purple: var(--lp-pri-rainbow-purple-500);
|
|
649
654
|
--accent-pink: var(--lp-pri-rainbow-pink-500);
|
|
650
|
-
--function-positive: var(--lp-pri-green-500);
|
|
651
|
-
--function-negative: var(--lp-pri-red-500);
|
|
652
|
-
--function-
|
|
655
|
+
--function-container-positive: var(--lp-pri-rainbow-green-500);
|
|
656
|
+
--function-container-negative: var(--lp-pri-rainbow-red-500);
|
|
657
|
+
--function-container-negative-hover: var(--lp-pri-rainbow-red-400);
|
|
658
|
+
--function-container-caution: var(--lp-pri-rainbow-orange-500);
|
|
659
|
+
--function-label-positive: var(--lp-pri-rainbow-green-500);
|
|
660
|
+
--function-label-negative: var(--lp-pri-rainbow-red-500);
|
|
661
|
+
--function-label-caution: var(--lp-pri-rainbow-orange-500);
|
|
653
662
|
}
|
|
654
663
|
:root[lang=en] .lp-sys-typo-paragraph1-accent-bold {
|
|
655
664
|
font-family: lp-pri-font-family-poppins;
|
package/lib/index.cjs
CHANGED
|
@@ -35,23 +35,15 @@ __export(src_exports, {
|
|
|
35
35
|
Display1: () => Display1,
|
|
36
36
|
Heading1: () => Heading1,
|
|
37
37
|
Heading2: () => Heading2,
|
|
38
|
-
color: () => color,
|
|
39
38
|
font: () => font,
|
|
40
39
|
opacity: () => opacity,
|
|
41
40
|
radius: () => radius,
|
|
42
41
|
size: () => size,
|
|
43
42
|
useDarkTheme: () => useDarkTheme,
|
|
44
|
-
useLanguage: () => useLanguage
|
|
45
|
-
vars: () => vars
|
|
43
|
+
useLanguage: () => useLanguage
|
|
46
44
|
});
|
|
47
45
|
module.exports = __toCommonJS(src_exports);
|
|
48
46
|
|
|
49
|
-
// src/design/color/index.ts
|
|
50
|
-
var color = { "color": { "primitive": { "lp-pri-achromatic-white": "#ffffff", "lp-pri-achromatic-black": "#000000", "lp-pri-gray-cool-980": "#F9F9FA", "lp-pri-gray-cool-970": "#F6F6F7", "lp-pri-gray-cool-940": "#EDEEF0", "lp-pri-gray-cool-920": "#E9E9EB", "lp-pri-gray-cool-900": "#E3E3E6", "lp-pri-gray-cool-850": "#D7D7D9", "lp-pri-gray-cool-750": "#BEBFC2", "lp-pri-gray-cool-600": "#939499", "lp-pri-gray-cool-450": "#6D6D70", "lp-pri-gray-cool-350": "#58595C", "lp-pri-gray-cool-300": "#4A4A4D", "lp-pri-gray-cool-250": "#3B3B3D", "lp-pri-gray-cool-200": "#313133", "lp-pri-gray-cool-100": "#1E1E1F", "lp-pri-brand-original-950": "#F5F6FF", "lp-pri-brand-original-900": "#E9EBFF", "lp-pri-brand-original-800": "#D4D7FF", "lp-pri-brand-original-700": "#ADB3FF", "lp-pri-brand-original-600": "#8690FF", "lp-pri-brand-original-500": "#5F6CFF", "lp-pri-brand-original-400": "#3B49E3", "lp-pri-brand-original-300": "#303CB5", "lp-pri-brand-original-200": "#242F86", "lp-pri-brand-original-100": "#1B2366", "lp-pri-brand-original-50": "#151A4D", "lp-pri-brand-variation-950": "#F6F4FE", "lp-pri-brand-variation-900": "#EDE9FE", "lp-pri-brand-variation-800": "#DBD3FE", "lp-pri-brand-variation-700": "#B8A7FE", "lp-pri-brand-variation-600": "#947BFE", "lp-pri-brand-variation-500": "#704FFD", "lp-pri-brand-variation-400": "#593AFF", "lp-pri-brand-variation-300": "#422BCE", "lp-pri-brand-variation-200": "#321F9B", "lp-pri-brand-variation-100": "#24156E", "lp-pri-brand-variation-50": "#1A1052", "lp-pri-red-900": "#FFE9EB", "lp-pri-red-800": "#FFCDD1", "lp-pri-red-700": "#FF9AA2", "lp-pri-red-600": "#FF6773", "lp-pri-red-500": "#FF3445", "lp-pri-red-400": "#FA1D2F", "lp-pri-red-300": "#C2172C", "lp-pri-red-200": "#910B1D", "lp-pri-red-100": "#68081A", "lp-pri-red-50": "#4A0616", "lp-pri-orange-900": "#FFEEE6", "lp-pri-orange-800": "#FFD2B8", "lp-pri-orange-700": "#FFA970", "lp-pri-orange-600": "#FF8842", "lp-pri-orange-500": "#FF6215", "lp-pri-orange-400": "#F84B10", "lp-pri-orange-300": "#BD3512", "lp-pri-orange-200": "#8A220D", "lp-pri-orange-100": "#61170E", "lp-pri-orange-50": "#45110E", "lp-pri-rainbow-yellow-950": "#FFFDF4", "lp-pri-rainbow-yellow-900": "#FFF9E3", "lp-pri-rainbow-yellow-800": "#FFF0B4", "lp-pri-rainbow-yellow-700": "#FFE375", "lp-pri-rainbow-yellow-600": "#FFD739", "lp-pri-rainbow-yellow-500": "#FFCC00", "lp-pri-rainbow-yellow-400": "#DBB003", "lp-pri-rainbow-yellow-300": "#B89405", "lp-pri-rainbow-yellow-200": "#715B05", "lp-pri-rainbow-yellow-100": "#413503", "lp-pri-green-900": "#E2F6E5", "lp-pri-green-800": "#BDEAC4", "lp-pri-green-700": "#83D88E", "lp-pri-green-600": "#51C760", "lp-pri-green-500": "#26AF3E", "lp-pri-green-400": "#1B9632", "lp-pri-green-300": "#137728", "lp-pri-green-200": "#0C5B1F", "lp-pri-green-100": "#074218", "lp-pri-green-50": "#053014", "lp-pri-rainbow-mint-950": "#F3FEFE", "lp-pri-rainbow-mint-900": "#AFF7F7", "lp-pri-rainbow-mint-800": "#6EF0F0", "lp-pri-rainbow-mint-700": "#33E6E6", "lp-pri-rainbow-mint-600": "#00CCCC", "lp-pri-rainbow-mint-500": "#02B0B0", "lp-pri-rainbow-mint-400": "#02B0B0", "lp-pri-rainbow-mint-300": "#049494", "lp-pri-rainbow-mint-200": "#045C5C", "lp-pri-rainbow-mint-100": "#033737", "lp-pri-rainbow-cyan-950": "#F6FBFF", "lp-pri-rainbow-cyan-900": "#E8F6FF", "lp-pri-rainbow-cyan-800": "#C6E8FF", "lp-pri-rainbow-cyan-700": "#97D5FF", "lp-pri-rainbow-cyan-600": "#6AC4FF", "lp-pri-rainbow-cyan-500": "#40B3FF", "lp-pri-rainbow-cyan-400": "#2B95DB", "lp-pri-rainbow-cyan-300": "#1A79B8", "lp-pri-rainbow-cyan-200": "#094771", "lp-pri-rainbow-cyan-100": "#042941", "lp-pri-rainbow-purple-950": "#FCF6FF", "lp-pri-rainbow-purple-900": "#F7EAFE", "lp-pri-rainbow-purple-800": "#EBCAFB", "lp-pri-rainbow-purple-700": "#DAA0F7", "lp-pri-rainbow-purple-600": "#C978F2", "lp-pri-rainbow-purple-500": "#B450E6", "lp-pri-rainbow-purple-400": "#9535C6", "lp-pri-rainbow-purple-300": "#7920A6", "lp-pri-rainbow-purple-200": "#480A67", "lp-pri-rainbow-purple-100": "#29043C", "lp-pri-rainbow-pink-950": "#FFF5F8", "lp-pri-rainbow-pink-900": "#FFE7EF", "lp-pri-rainbow-pink-800": "#FFC3D7", "lp-pri-rainbow-pink-700": "#FF90B5", "lp-pri-rainbow-pink-600": "#FF6095", "lp-pri-rainbow-pink-500": "#FF3377", "lp-pri-rainbow-pink-400": "#DB2360", "lp-pri-rainbow-pink-300": "#B8164C", "lp-pri-rainbow-pink-200": "#71082B", "lp-pri-rainbow-pink-100": "#120107", "lp-pri-gray-cool-920-alpha-80": "rgba(233, 233, 235, 0.8)", "lp-pri-gray-cool-920-alpha-72": "rgba(233, 233, 235, 0.72)", "lp-pri-gray-cool-920-alpha-64": "rgba(233, 233, 235, 0.64)", "lp-pri-gray-cool-920-alpha-56": "rgba(233, 233, 235, 0.56)", "lp-pri-gray-cool-920-alpha-50": "rgba(233, 233, 235, 0.5)", "lp-pri-gray-cool-920-alpha-48": "rgba(233, 233, 235, 0.48)", "lp-pri-gray-cool-920-alpha-44": "rgba(233, 233, 235, 0.44)", "lp-pri-gray-cool-920-alpha-40": "rgba(233, 233, 235, 0.4)", "lp-pri-gray-cool-920-alpha-36": "rgba(233, 233, 235, 0.36)", "lp-pri-gray-cool-920-alpha-32": "rgba(233, 233, 235, 0.32)", "lp-pri-gray-cool-920-alpha-28": "rgba(233, 233, 235, 0.28)", "lp-pri-gray-cool-920-alpha-24": "rgba(233, 233, 235, 0.24)", "lp-pri-gray-cool-920-alpha-20": "rgba(233, 233, 235, 0.2)", "lp-pri-gray-cool-920-alpha-16": "rgba(233, 233, 235, 0.16)", "lp-pri-gray-cool-920-alpha-12": "rgba(233, 233, 235, 0.12)", "lp-pri-gray-cool-920-alpha-8": "rgba(233, 233, 235, 0.08)", "lp-pri-gray-cool-920-alpha-4": "rgba(233, 233, 235, 0.04)", "lp-pri-gray-cool-920-alpha-1": "rgba(233, 233, 235, 0.01)", "lp-pri-gray-cool-920-alpha-0": "rgba(233, 233, 235, 0)", "lp-pri-gray-cool-450-alpha-80": "rgba(109, 109, 112, 0.8)", "lp-pri-gray-cool-450-alpha-72": "rgba(109, 109, 112, 0.72)", "lp-pri-gray-cool-450-alpha-64": "rgba(109, 109, 112, 0.64)", "lp-pri-gray-cool-450-alpha-56": "rgba(109, 109, 112, 0.56)", "lp-pri-gray-cool-450-alpha-50": "rgba(109, 109, 112, 0.5)", "lp-pri-gray-cool-450-alpha-48": "rgba(109, 109, 112, 0.48)", "lp-pri-gray-cool-450-alpha-44": "rgba(109, 109, 112, 0.44)", "lp-pri-gray-cool-450-alpha-40": "rgba(109, 109, 112, 0.4)", "lp-pri-gray-cool-450-alpha-36": "rgba(109, 109, 112, 0.36)", "lp-pri-gray-cool-450-alpha-32": "rgba(109, 109, 112, 0.32)", "lp-pri-gray-cool-450-alpha-28": "rgba(109, 109, 112, 0.28)", "lp-pri-gray-cool-450-alpha-24": "rgba(109, 109, 112, 0.24)", "lp-pri-gray-cool-450-alpha-20": "rgba(109, 109, 112, 0.2)", "lp-pri-gray-cool-450-alpha-16": "rgba(109, 109, 112, 0.16)", "lp-pri-gray-cool-450-alpha-12": "rgba(109, 109, 112, 0.12)", "lp-pri-gray-cool-450-alpha-8": "rgba(109, 109, 112, 0.08)", "lp-pri-gray-cool-450-alpha-4": "rgba(109, 109, 112, 0.04)", "lp-pri-gray-cool-450-alpha-1": "rgba(109, 109, 112, 0.01)", "lp-pri-gray-cool-450-alpha-0": "rgba(109, 109, 112, 0)", "lp-pri-brand-original-50-alpha-80": "rgba(21, 26, 77, 0.8)", "lp-pri-brand-original-50-alpha-72": "rgba(21, 26, 77, 0.72)", "lp-pri-brand-original-50-alpha-64": "rgba(21, 26, 77, 0.64)", "lp-pri-brand-original-50-alpha-56": "rgba(21, 26, 77, 0.56)", "lp-pri-brand-original-50-alpha-50": "rgba(21, 26, 77, 0.5)", "lp-pri-brand-original-50-alpha-48": "rgba(21, 26, 77, 0.48)", "lp-pri-brand-original-50-alpha-44": "rgba(21, 26, 77, 0.44)", "lp-pri-brand-original-50-alpha-40": "rgba(21, 26, 77, 0.4)", "lp-pri-brand-original-50-alpha-36": "rgba(21, 26, 77, 0.36)", "lp-pri-brand-original-50-alpha-32": "rgba(21, 26, 77, 0.32)", "lp-pri-brand-original-50-alpha-28": "rgba(21, 26, 77, 0.28)", "lp-pri-brand-original-50-alpha-24": "rgba(21, 26, 77, 0.24)", "lp-pri-brand-original-50-alpha-20": "rgba(21, 26, 77, 0.2)", "lp-pri-brand-original-50-alpha-16": "rgba(21, 26, 77, 0.16)", "lp-pri-brand-original-50-alpha-12": "rgba(21, 26, 77, 0.12)", "lp-pri-brand-original-50-alpha-8": "rgba(21, 26, 77, 0.08)", "lp-pri-brand-original-50-alpha-4": "rgba(21, 26, 77, 0.04)", "lp-pri-brand-original-50-alpha-1": "rgba(21, 26, 77, 0.01)", "lp-pri-brand-original-50-alpha-0": "rgba(21, 26, 77, 0)" }, "system": { "dark": { "neutral-container-lowest": "lp-pri-gray-cool-100", "neutral-container-low": "lp-pri-gray-cool-200", "neutral-container-mid": "lp-pri-gray-cool-200", "neutral-container-high": "lp-pri-gray-cool-250", "neutral-container-highest": "lp-pri-gray-cool-300", "neutral-fill-lowest": "lp-pri-gray-cool-450-alpha-12", "neutral-fill-low": "lp-pri-gray-cool-450-alpha-24", "neutral-fill-mid": "lp-pri-gray-cool-450-alpha-32", "neutral-fill-on-mid": "lp-pri-gray-cool-920-alpha-24", "neutral-label-primary": "lp-pri-achromatic-white", "neutral-label-secondary": "lp-pri-gray-cool-920", "neutral-label-tertiary": "lp-pri-gray-cool-920-alpha-32", "neutral-label-quaternary": "lp-pri-red-200-alpha-20", "neutral-border-overlay-normal": "lp-pri-gray-cool-920-alpha-28", "neutral-border-overlay-subtle": "lp-pri-gray-cool-920-alpha-20", "neutral-border-opaque-strong": "lp-pri-achromatic-white", "neutral-border-opaque-normal": "lp-pri-gray-cool-350", "neutral-border-opaque-subtle": "lp-pri-gray-cool-250", "inverse-container-lowest": "lp-pri-achromatic-white", "inverse-container-low": "lp-pri-gray-cool-980", "inverse-container-mid": "lp-pri-gray-cool-970", "inverse-container-high": "lp-pri-gray-cool-940", "inverse-container-highest": "lp-pri-gray-cool-920", "inverse-fill-lowest": "lp-pri-gray-cool-450-alpha-4", "inverse-fill-low": "lp-pri-gray-cool-450-alpha-12", "inverse-fill-mid": "lp-pri-gray-cool-450-alpha-20", "inverse-label-primary": "lp-pri-gray-cool-100", "inverse-label-static-primary": "lp-pri-achromatic-white", "inverse-label-secondary": "lp-pri-gray-cool-450-alpha-80", "inverse-label-tertiary": "lp-pri-gray-cool-450-alpha-44", "inverse-label-quaternary": "lp-pri-gray-cool-450-alpha-24", "inverse-border-overlay-normal": "lp-pri-gray-cool-450-alpha-24", "inverse-border-overlay-subtle": "lp-pri-gray-cool-450-alpha-16", "inverse-border-opaque-strong": "lp-pri-gray-cool-100", "inverse-border-opaque-normal": "lp-pri-gray-cool-850", "inverse-border-opaque-subtle": "lp-pri-gray-cool-920", "brand-container-mid": "lp-pri-brand-original-500", "brand-container-high": "lp-pri-brand-original-400", "brand-label-primary": "lp-pri-brand-variation-500", "brand-label-secondary": "lp-pri-brand-original-50-alpha-80", "brand-border-overlay-normal": "lp-pri-brand-original-500", "brand-border-opaque-normal": "lp-pri-brand-original-50-alpha-20", "accent-yellow": "lp-pri-rainbow-yellow-600", "accent-mint": "lp-pri-rainbow-mint-600", "accent-cyan": "lp-pri-rainbow-cyan-600", "accent-purple": "lp-pri-rainbow-purple-600", "accent-pink": "lp-pri-rainbow-pink-600", "function-positive": "lp-pri-green-600", "function-negative": "lp-pri-red-600", "function-caution": "lp-pri-orange-500" }, "light": { "neutral-container-lowest": "lp-pri-achromatic-white", "neutral-container-low": "lp-pri-gray-cool-980", "neutral-container-mid": "lp-pri-gray-cool-970", "neutral-container-high": "lp-pri-gray-cool-940", "neutral-container-highest": "lp-pri-gray-cool-920", "neutral-fill-lowest": "lp-pri-gray-cool-450-alpha-4", "neutral-fill-low": "lp-pri-gray-cool-450-alpha-12", "neutral-fill-mid": "lp-pri-gray-cool-450-alpha-20", "neutral-fill-on-mid": "lp-pri-achromatic-white", "neutral-label-primary": "lp-pri-gray-cool-100", "neutral-label-secondary": "lp-pri-gray-cool-450-alpha-80", "neutral-label-tertiary": "lp-pri-gray-cool-450-alpha-44", "neutral-label-quaternary": "lp-pri-gray-cool-450-alpha-24", "neutral-border-overlay-normal": "lp-pri-gray-cool-450-alpha-24", "neutral-border-overlay-subtle": "lp-pri-gray-cool-450-alpha-16", "neutral-border-opaque-strong": "lp-pri-gray-cool-100", "neutral-border-opaque-normal": "lp-pri-gray-cool-850", "neutral-border-opaque-subtle": "lp-pri-gray-cool-920", "inverse-container-lowest": "lp-pri-gray-cool-100", "inverse-container-low": "lp-pri-gray-cool-200", "inverse-container-mid": "lp-pri-gray-cool-200", "inverse-container-high": "lp-pri-gray-cool-250", "inverse-container-highest": "lp-pri-gray-cool-300", "inverse-fill-lowest": "lp-pri-gray-cool-450-alpha-12", "inverse-fill-low": "lp-pri-gray-cool-450-alpha-24", "inverse-fill-mid": "lp-pri-gray-cool-450-alpha-32", "inverse-label-primary": "lp-pri-achromatic-white", "inverse-label-static-primary": "lp-pri-achromatic-white", "inverse-label-secondary": "lp-pri-gray-cool-920-alpha-56", "inverse-label-tertiary": "lp-pri-gray-cool-920-alpha-32", "inverse-label-quaternary": "lp-pri-gray-cool-920-alpha-20", "inverse-border-overlay-normal": "lp-pri-gray-cool-920-alpha-28", "inverse-border-overlay-subtle": "lp-pri-gray-cool-920-alpha-20", "inverse-border-opaque-strong": "lp-pri-achromatic-white", "inverse-border-opaque-normal": "lp-pri-gray-cool-350", "inverse-border-opaque-subtle": "lp-pri-gray-cool-250", "brand-container-mid": "lp-pri-brand-original-500", "brand-container-high": "lp-pri-brand-original-400", "brand-label-primary": "lp-pri-brand-original-500", "brand-label-secondary": "lp-pri-brand-original-50-alpha-80", "brand-border-overlay-normal": "lp-pri-brand-original-500", "brand-border-opaque-normal": "lp-pri-brand-original-50-alpha-20", "accent-yellow": "lp-pri-rainbow-yellow-500", "accent-mint": "lp-pri-rainbow-mint-500", "accent-cyan": "lp-pri-rainbow-cyan-500", "accent-purple": "lp-pri-rainbow-purple-500", "accent-pink": "lp-pri-rainbow-pink-500", "function-positive": "lp-pri-green-500", "function-negative": "lp-pri-red-500", "function-caution": "lp-pri-orange-500" } } } };
|
|
51
|
-
|
|
52
|
-
// src/design/vars.ts
|
|
53
|
-
var vars = { "color": { "neutral-container-lowest": "var(--neutral-container-lowest)", "neutral-container-low": "var(--neutral-container-low)", "neutral-container-mid": "var(--neutral-container-mid)", "neutral-container-high": "var(--neutral-container-high)", "neutral-container-highest": "var(--neutral-container-highest)", "neutral-fill-lowest": "var(--neutral-fill-lowest)", "neutral-fill-low": "var(--neutral-fill-low)", "neutral-fill-mid": "var(--neutral-fill-mid)", "neutral-fill-on-mid": "var(--neutral-fill-on-mid)", "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-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-low": "var(--inverse-container-low)", "inverse-container-mid": "var(--inverse-container-mid)", "inverse-container-high": "var(--inverse-container-high)", "inverse-container-highest": "var(--inverse-container-highest)", "inverse-fill-lowest": "var(--inverse-fill-lowest)", "inverse-fill-low": "var(--inverse-fill-low)", "inverse-fill-mid": "var(--inverse-fill-mid)", "inverse-label-primary": "var(--inverse-label-primary)", "inverse-label-static-primary": "var(--inverse-label-static-primary)", "inverse-label-secondary": "var(--inverse-label-secondary)", "inverse-label-tertiary": "var(--inverse-label-tertiary)", "inverse-label-quaternary": "var(--inverse-label-quaternary)", "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-high": "var(--brand-container-high)", "brand-label-primary": "var(--brand-label-primary)", "brand-label-secondary": "var(--brand-label-secondary)", "brand-border-overlay-normal": "var(--brand-border-overlay-normal)", "brand-border-opaque-normal": "var(--brand-border-opaque-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-positive": "var(--function-positive)", "function-negative": "var(--function-negative)", "function-caution": "var(--function-caution)" } };
|
|
54
|
-
|
|
55
47
|
// src/design/radius/index.ts
|
|
56
48
|
var radius = {
|
|
57
49
|
"lp-sys-xxs": 2 /* lp_pri_2 */,
|
package/lib/index.cjs.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../src/index.ts", "../src/design/
|
|
4
|
-
"sourcesContent": ["export * from './design/color';\nexport * from './design/vars';\nexport * from './design/radius';\nexport * from './design/opacity';\nexport * from './design/size';\nexport * from './design/typography';\n\nexport * from './hooks/useDarkTheme';\nexport * from './hooks/useLanguage';\nexport * from './components/Head';\n", "export const color = {\"color\":{\"primitive\":{\"lp-pri-achromatic-white\":\"#ffffff\",\"lp-pri-achromatic-black\":\"#000000\",\"lp-pri-gray-cool-980\":\"#F9F9FA\",\"lp-pri-gray-cool-970\":\"#F6F6F7\",\"lp-pri-gray-cool-940\":\"#EDEEF0\",\"lp-pri-gray-cool-920\":\"#E9E9EB\",\"lp-pri-gray-cool-900\":\"#E3E3E6\",\"lp-pri-gray-cool-850\":\"#D7D7D9\",\"lp-pri-gray-cool-750\":\"#BEBFC2\",\"lp-pri-gray-cool-600\":\"#939499\",\"lp-pri-gray-cool-450\":\"#6D6D70\",\"lp-pri-gray-cool-350\":\"#58595C\",\"lp-pri-gray-cool-300\":\"#4A4A4D\",\"lp-pri-gray-cool-250\":\"#3B3B3D\",\"lp-pri-gray-cool-200\":\"#313133\",\"lp-pri-gray-cool-100\":\"#1E1E1F\",\"lp-pri-brand-original-950\":\"#F5F6FF\",\"lp-pri-brand-original-900\":\"#E9EBFF\",\"lp-pri-brand-original-800\":\"#D4D7FF\",\"lp-pri-brand-original-700\":\"#ADB3FF\",\"lp-pri-brand-original-600\":\"#8690FF\",\"lp-pri-brand-original-500\":\"#5F6CFF\",\"lp-pri-brand-original-400\":\"#3B49E3\",\"lp-pri-brand-original-300\":\"#303CB5\",\"lp-pri-brand-original-200\":\"#242F86\",\"lp-pri-brand-original-100\":\"#1B2366\",\"lp-pri-brand-original-50\":\"#151A4D\",\"lp-pri-brand-variation-950\":\"#F6F4FE\",\"lp-pri-brand-variation-900\":\"#EDE9FE\",\"lp-pri-brand-variation-800\":\"#DBD3FE\",\"lp-pri-brand-variation-700\":\"#B8A7FE\",\"lp-pri-brand-variation-600\":\"#947BFE\",\"lp-pri-brand-variation-500\":\"#704FFD\",\"lp-pri-brand-variation-400\":\"#593AFF\",\"lp-pri-brand-variation-300\":\"#422BCE\",\"lp-pri-brand-variation-200\":\"#321F9B\",\"lp-pri-brand-variation-100\":\"#24156E\",\"lp-pri-brand-variation-50\":\"#1A1052\",\"lp-pri-red-900\":\"#FFE9EB\",\"lp-pri-red-800\":\"#FFCDD1\",\"lp-pri-red-700\":\"#FF9AA2\",\"lp-pri-red-600\":\"#FF6773\",\"lp-pri-red-500\":\"#FF3445\",\"lp-pri-red-400\":\"#FA1D2F\",\"lp-pri-red-300\":\"#C2172C\",\"lp-pri-red-200\":\"#910B1D\",\"lp-pri-red-100\":\"#68081A\",\"lp-pri-red-50\":\"#4A0616\",\"lp-pri-orange-900\":\"#FFEEE6\",\"lp-pri-orange-800\":\"#FFD2B8\",\"lp-pri-orange-700\":\"#FFA970\",\"lp-pri-orange-600\":\"#FF8842\",\"lp-pri-orange-500\":\"#FF6215\",\"lp-pri-orange-400\":\"#F84B10\",\"lp-pri-orange-300\":\"#BD3512\",\"lp-pri-orange-200\":\"#8A220D\",\"lp-pri-orange-100\":\"#61170E\",\"lp-pri-orange-50\":\"#45110E\",\"lp-pri-rainbow-yellow-950\":\"#FFFDF4\",\"lp-pri-rainbow-yellow-900\":\"#FFF9E3\",\"lp-pri-rainbow-yellow-800\":\"#FFF0B4\",\"lp-pri-rainbow-yellow-700\":\"#FFE375\",\"lp-pri-rainbow-yellow-600\":\"#FFD739\",\"lp-pri-rainbow-yellow-500\":\"#FFCC00\",\"lp-pri-rainbow-yellow-400\":\"#DBB003\",\"lp-pri-rainbow-yellow-300\":\"#B89405\",\"lp-pri-rainbow-yellow-200\":\"#715B05\",\"lp-pri-rainbow-yellow-100\":\"#413503\",\"lp-pri-green-900\":\"#E2F6E5\",\"lp-pri-green-800\":\"#BDEAC4\",\"lp-pri-green-700\":\"#83D88E\",\"lp-pri-green-600\":\"#51C760\",\"lp-pri-green-500\":\"#26AF3E\",\"lp-pri-green-400\":\"#1B9632\",\"lp-pri-green-300\":\"#137728\",\"lp-pri-green-200\":\"#0C5B1F\",\"lp-pri-green-100\":\"#074218\",\"lp-pri-green-50\":\"#053014\",\"lp-pri-rainbow-mint-950\":\"#F3FEFE\",\"lp-pri-rainbow-mint-900\":\"#AFF7F7\",\"lp-pri-rainbow-mint-800\":\"#6EF0F0\",\"lp-pri-rainbow-mint-700\":\"#33E6E6\",\"lp-pri-rainbow-mint-600\":\"#00CCCC\",\"lp-pri-rainbow-mint-500\":\"#02B0B0\",\"lp-pri-rainbow-mint-400\":\"#02B0B0\",\"lp-pri-rainbow-mint-300\":\"#049494\",\"lp-pri-rainbow-mint-200\":\"#045C5C\",\"lp-pri-rainbow-mint-100\":\"#033737\",\"lp-pri-rainbow-cyan-950\":\"#F6FBFF\",\"lp-pri-rainbow-cyan-900\":\"#E8F6FF\",\"lp-pri-rainbow-cyan-800\":\"#C6E8FF\",\"lp-pri-rainbow-cyan-700\":\"#97D5FF\",\"lp-pri-rainbow-cyan-600\":\"#6AC4FF\",\"lp-pri-rainbow-cyan-500\":\"#40B3FF\",\"lp-pri-rainbow-cyan-400\":\"#2B95DB\",\"lp-pri-rainbow-cyan-300\":\"#1A79B8\",\"lp-pri-rainbow-cyan-200\":\"#094771\",\"lp-pri-rainbow-cyan-100\":\"#042941\",\"lp-pri-rainbow-purple-950\":\"#FCF6FF\",\"lp-pri-rainbow-purple-900\":\"#F7EAFE\",\"lp-pri-rainbow-purple-800\":\"#EBCAFB\",\"lp-pri-rainbow-purple-700\":\"#DAA0F7\",\"lp-pri-rainbow-purple-600\":\"#C978F2\",\"lp-pri-rainbow-purple-500\":\"#B450E6\",\"lp-pri-rainbow-purple-400\":\"#9535C6\",\"lp-pri-rainbow-purple-300\":\"#7920A6\",\"lp-pri-rainbow-purple-200\":\"#480A67\",\"lp-pri-rainbow-purple-100\":\"#29043C\",\"lp-pri-rainbow-pink-950\":\"#FFF5F8\",\"lp-pri-rainbow-pink-900\":\"#FFE7EF\",\"lp-pri-rainbow-pink-800\":\"#FFC3D7\",\"lp-pri-rainbow-pink-700\":\"#FF90B5\",\"lp-pri-rainbow-pink-600\":\"#FF6095\",\"lp-pri-rainbow-pink-500\":\"#FF3377\",\"lp-pri-rainbow-pink-400\":\"#DB2360\",\"lp-pri-rainbow-pink-300\":\"#B8164C\",\"lp-pri-rainbow-pink-200\":\"#71082B\",\"lp-pri-rainbow-pink-100\":\"#120107\",\"lp-pri-gray-cool-920-alpha-80\":\"rgba(233, 233, 235, 0.8)\",\"lp-pri-gray-cool-920-alpha-72\":\"rgba(233, 233, 235, 0.72)\",\"lp-pri-gray-cool-920-alpha-64\":\"rgba(233, 233, 235, 0.64)\",\"lp-pri-gray-cool-920-alpha-56\":\"rgba(233, 233, 235, 0.56)\",\"lp-pri-gray-cool-920-alpha-50\":\"rgba(233, 233, 235, 0.5)\",\"lp-pri-gray-cool-920-alpha-48\":\"rgba(233, 233, 235, 0.48)\",\"lp-pri-gray-cool-920-alpha-44\":\"rgba(233, 233, 235, 0.44)\",\"lp-pri-gray-cool-920-alpha-40\":\"rgba(233, 233, 235, 0.4)\",\"lp-pri-gray-cool-920-alpha-36\":\"rgba(233, 233, 235, 0.36)\",\"lp-pri-gray-cool-920-alpha-32\":\"rgba(233, 233, 235, 0.32)\",\"lp-pri-gray-cool-920-alpha-28\":\"rgba(233, 233, 235, 0.28)\",\"lp-pri-gray-cool-920-alpha-24\":\"rgba(233, 233, 235, 0.24)\",\"lp-pri-gray-cool-920-alpha-20\":\"rgba(233, 233, 235, 0.2)\",\"lp-pri-gray-cool-920-alpha-16\":\"rgba(233, 233, 235, 0.16)\",\"lp-pri-gray-cool-920-alpha-12\":\"rgba(233, 233, 235, 0.12)\",\"lp-pri-gray-cool-920-alpha-8\":\"rgba(233, 233, 235, 0.08)\",\"lp-pri-gray-cool-920-alpha-4\":\"rgba(233, 233, 235, 0.04)\",\"lp-pri-gray-cool-920-alpha-1\":\"rgba(233, 233, 235, 0.01)\",\"lp-pri-gray-cool-920-alpha-0\":\"rgba(233, 233, 235, 0)\",\"lp-pri-gray-cool-450-alpha-80\":\"rgba(109, 109, 112, 0.8)\",\"lp-pri-gray-cool-450-alpha-72\":\"rgba(109, 109, 112, 0.72)\",\"lp-pri-gray-cool-450-alpha-64\":\"rgba(109, 109, 112, 0.64)\",\"lp-pri-gray-cool-450-alpha-56\":\"rgba(109, 109, 112, 0.56)\",\"lp-pri-gray-cool-450-alpha-50\":\"rgba(109, 109, 112, 0.5)\",\"lp-pri-gray-cool-450-alpha-48\":\"rgba(109, 109, 112, 0.48)\",\"lp-pri-gray-cool-450-alpha-44\":\"rgba(109, 109, 112, 0.44)\",\"lp-pri-gray-cool-450-alpha-40\":\"rgba(109, 109, 112, 0.4)\",\"lp-pri-gray-cool-450-alpha-36\":\"rgba(109, 109, 112, 0.36)\",\"lp-pri-gray-cool-450-alpha-32\":\"rgba(109, 109, 112, 0.32)\",\"lp-pri-gray-cool-450-alpha-28\":\"rgba(109, 109, 112, 0.28)\",\"lp-pri-gray-cool-450-alpha-24\":\"rgba(109, 109, 112, 0.24)\",\"lp-pri-gray-cool-450-alpha-20\":\"rgba(109, 109, 112, 0.2)\",\"lp-pri-gray-cool-450-alpha-16\":\"rgba(109, 109, 112, 0.16)\",\"lp-pri-gray-cool-450-alpha-12\":\"rgba(109, 109, 112, 0.12)\",\"lp-pri-gray-cool-450-alpha-8\":\"rgba(109, 109, 112, 0.08)\",\"lp-pri-gray-cool-450-alpha-4\":\"rgba(109, 109, 112, 0.04)\",\"lp-pri-gray-cool-450-alpha-1\":\"rgba(109, 109, 112, 0.01)\",\"lp-pri-gray-cool-450-alpha-0\":\"rgba(109, 109, 112, 0)\",\"lp-pri-brand-original-50-alpha-80\":\"rgba(21, 26, 77, 0.8)\",\"lp-pri-brand-original-50-alpha-72\":\"rgba(21, 26, 77, 0.72)\",\"lp-pri-brand-original-50-alpha-64\":\"rgba(21, 26, 77, 0.64)\",\"lp-pri-brand-original-50-alpha-56\":\"rgba(21, 26, 77, 0.56)\",\"lp-pri-brand-original-50-alpha-50\":\"rgba(21, 26, 77, 0.5)\",\"lp-pri-brand-original-50-alpha-48\":\"rgba(21, 26, 77, 0.48)\",\"lp-pri-brand-original-50-alpha-44\":\"rgba(21, 26, 77, 0.44)\",\"lp-pri-brand-original-50-alpha-40\":\"rgba(21, 26, 77, 0.4)\",\"lp-pri-brand-original-50-alpha-36\":\"rgba(21, 26, 77, 0.36)\",\"lp-pri-brand-original-50-alpha-32\":\"rgba(21, 26, 77, 0.32)\",\"lp-pri-brand-original-50-alpha-28\":\"rgba(21, 26, 77, 0.28)\",\"lp-pri-brand-original-50-alpha-24\":\"rgba(21, 26, 77, 0.24)\",\"lp-pri-brand-original-50-alpha-20\":\"rgba(21, 26, 77, 0.2)\",\"lp-pri-brand-original-50-alpha-16\":\"rgba(21, 26, 77, 0.16)\",\"lp-pri-brand-original-50-alpha-12\":\"rgba(21, 26, 77, 0.12)\",\"lp-pri-brand-original-50-alpha-8\":\"rgba(21, 26, 77, 0.08)\",\"lp-pri-brand-original-50-alpha-4\":\"rgba(21, 26, 77, 0.04)\",\"lp-pri-brand-original-50-alpha-1\":\"rgba(21, 26, 77, 0.01)\",\"lp-pri-brand-original-50-alpha-0\":\"rgba(21, 26, 77, 0)\"},\"system\":{\"dark\":{\"neutral-container-lowest\":\"lp-pri-gray-cool-100\",\"neutral-container-low\":\"lp-pri-gray-cool-200\",\"neutral-container-mid\":\"lp-pri-gray-cool-200\",\"neutral-container-high\":\"lp-pri-gray-cool-250\",\"neutral-container-highest\":\"lp-pri-gray-cool-300\",\"neutral-fill-lowest\":\"lp-pri-gray-cool-450-alpha-12\",\"neutral-fill-low\":\"lp-pri-gray-cool-450-alpha-24\",\"neutral-fill-mid\":\"lp-pri-gray-cool-450-alpha-32\",\"neutral-fill-on-mid\":\"lp-pri-gray-cool-920-alpha-24\",\"neutral-label-primary\":\"lp-pri-achromatic-white\",\"neutral-label-secondary\":\"lp-pri-gray-cool-920\",\"neutral-label-tertiary\":\"lp-pri-gray-cool-920-alpha-32\",\"neutral-label-quaternary\":\"lp-pri-red-200-alpha-20\",\"neutral-border-overlay-normal\":\"lp-pri-gray-cool-920-alpha-28\",\"neutral-border-overlay-subtle\":\"lp-pri-gray-cool-920-alpha-20\",\"neutral-border-opaque-strong\":\"lp-pri-achromatic-white\",\"neutral-border-opaque-normal\":\"lp-pri-gray-cool-350\",\"neutral-border-opaque-subtle\":\"lp-pri-gray-cool-250\",\"inverse-container-lowest\":\"lp-pri-achromatic-white\",\"inverse-container-low\":\"lp-pri-gray-cool-980\",\"inverse-container-mid\":\"lp-pri-gray-cool-970\",\"inverse-container-high\":\"lp-pri-gray-cool-940\",\"inverse-container-highest\":\"lp-pri-gray-cool-920\",\"inverse-fill-lowest\":\"lp-pri-gray-cool-450-alpha-4\",\"inverse-fill-low\":\"lp-pri-gray-cool-450-alpha-12\",\"inverse-fill-mid\":\"lp-pri-gray-cool-450-alpha-20\",\"inverse-label-primary\":\"lp-pri-gray-cool-100\",\"inverse-label-static-primary\":\"lp-pri-achromatic-white\",\"inverse-label-secondary\":\"lp-pri-gray-cool-450-alpha-80\",\"inverse-label-tertiary\":\"lp-pri-gray-cool-450-alpha-44\",\"inverse-label-quaternary\":\"lp-pri-gray-cool-450-alpha-24\",\"inverse-border-overlay-normal\":\"lp-pri-gray-cool-450-alpha-24\",\"inverse-border-overlay-subtle\":\"lp-pri-gray-cool-450-alpha-16\",\"inverse-border-opaque-strong\":\"lp-pri-gray-cool-100\",\"inverse-border-opaque-normal\":\"lp-pri-gray-cool-850\",\"inverse-border-opaque-subtle\":\"lp-pri-gray-cool-920\",\"brand-container-mid\":\"lp-pri-brand-original-500\",\"brand-container-high\":\"lp-pri-brand-original-400\",\"brand-label-primary\":\"lp-pri-brand-variation-500\",\"brand-label-secondary\":\"lp-pri-brand-original-50-alpha-80\",\"brand-border-overlay-normal\":\"lp-pri-brand-original-500\",\"brand-border-opaque-normal\":\"lp-pri-brand-original-50-alpha-20\",\"accent-yellow\":\"lp-pri-rainbow-yellow-600\",\"accent-mint\":\"lp-pri-rainbow-mint-600\",\"accent-cyan\":\"lp-pri-rainbow-cyan-600\",\"accent-purple\":\"lp-pri-rainbow-purple-600\",\"accent-pink\":\"lp-pri-rainbow-pink-600\",\"function-positive\":\"lp-pri-green-600\",\"function-negative\":\"lp-pri-red-600\",\"function-caution\":\"lp-pri-orange-500\"},\"light\":{\"neutral-container-lowest\":\"lp-pri-achromatic-white\",\"neutral-container-low\":\"lp-pri-gray-cool-980\",\"neutral-container-mid\":\"lp-pri-gray-cool-970\",\"neutral-container-high\":\"lp-pri-gray-cool-940\",\"neutral-container-highest\":\"lp-pri-gray-cool-920\",\"neutral-fill-lowest\":\"lp-pri-gray-cool-450-alpha-4\",\"neutral-fill-low\":\"lp-pri-gray-cool-450-alpha-12\",\"neutral-fill-mid\":\"lp-pri-gray-cool-450-alpha-20\",\"neutral-fill-on-mid\":\"lp-pri-achromatic-white\",\"neutral-label-primary\":\"lp-pri-gray-cool-100\",\"neutral-label-secondary\":\"lp-pri-gray-cool-450-alpha-80\",\"neutral-label-tertiary\":\"lp-pri-gray-cool-450-alpha-44\",\"neutral-label-quaternary\":\"lp-pri-gray-cool-450-alpha-24\",\"neutral-border-overlay-normal\":\"lp-pri-gray-cool-450-alpha-24\",\"neutral-border-overlay-subtle\":\"lp-pri-gray-cool-450-alpha-16\",\"neutral-border-opaque-strong\":\"lp-pri-gray-cool-100\",\"neutral-border-opaque-normal\":\"lp-pri-gray-cool-850\",\"neutral-border-opaque-subtle\":\"lp-pri-gray-cool-920\",\"inverse-container-lowest\":\"lp-pri-gray-cool-100\",\"inverse-container-low\":\"lp-pri-gray-cool-200\",\"inverse-container-mid\":\"lp-pri-gray-cool-200\",\"inverse-container-high\":\"lp-pri-gray-cool-250\",\"inverse-container-highest\":\"lp-pri-gray-cool-300\",\"inverse-fill-lowest\":\"lp-pri-gray-cool-450-alpha-12\",\"inverse-fill-low\":\"lp-pri-gray-cool-450-alpha-24\",\"inverse-fill-mid\":\"lp-pri-gray-cool-450-alpha-32\",\"inverse-label-primary\":\"lp-pri-achromatic-white\",\"inverse-label-static-primary\":\"lp-pri-achromatic-white\",\"inverse-label-secondary\":\"lp-pri-gray-cool-920-alpha-56\",\"inverse-label-tertiary\":\"lp-pri-gray-cool-920-alpha-32\",\"inverse-label-quaternary\":\"lp-pri-gray-cool-920-alpha-20\",\"inverse-border-overlay-normal\":\"lp-pri-gray-cool-920-alpha-28\",\"inverse-border-overlay-subtle\":\"lp-pri-gray-cool-920-alpha-20\",\"inverse-border-opaque-strong\":\"lp-pri-achromatic-white\",\"inverse-border-opaque-normal\":\"lp-pri-gray-cool-350\",\"inverse-border-opaque-subtle\":\"lp-pri-gray-cool-250\",\"brand-container-mid\":\"lp-pri-brand-original-500\",\"brand-container-high\":\"lp-pri-brand-original-400\",\"brand-label-primary\":\"lp-pri-brand-original-500\",\"brand-label-secondary\":\"lp-pri-brand-original-50-alpha-80\",\"brand-border-overlay-normal\":\"lp-pri-brand-original-500\",\"brand-border-opaque-normal\":\"lp-pri-brand-original-50-alpha-20\",\"accent-yellow\":\"lp-pri-rainbow-yellow-500\",\"accent-mint\":\"lp-pri-rainbow-mint-500\",\"accent-cyan\":\"lp-pri-rainbow-cyan-500\",\"accent-purple\":\"lp-pri-rainbow-purple-500\",\"accent-pink\":\"lp-pri-rainbow-pink-500\",\"function-positive\":\"lp-pri-green-500\",\"function-negative\":\"lp-pri-red-500\",\"function-caution\":\"lp-pri-orange-500\"}}}}", "export const vars = {\"color\":{\"neutral-container-lowest\":\"var(--neutral-container-lowest)\",\"neutral-container-low\":\"var(--neutral-container-low)\",\"neutral-container-mid\":\"var(--neutral-container-mid)\",\"neutral-container-high\":\"var(--neutral-container-high)\",\"neutral-container-highest\":\"var(--neutral-container-highest)\",\"neutral-fill-lowest\":\"var(--neutral-fill-lowest)\",\"neutral-fill-low\":\"var(--neutral-fill-low)\",\"neutral-fill-mid\":\"var(--neutral-fill-mid)\",\"neutral-fill-on-mid\":\"var(--neutral-fill-on-mid)\",\"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-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-low\":\"var(--inverse-container-low)\",\"inverse-container-mid\":\"var(--inverse-container-mid)\",\"inverse-container-high\":\"var(--inverse-container-high)\",\"inverse-container-highest\":\"var(--inverse-container-highest)\",\"inverse-fill-lowest\":\"var(--inverse-fill-lowest)\",\"inverse-fill-low\":\"var(--inverse-fill-low)\",\"inverse-fill-mid\":\"var(--inverse-fill-mid)\",\"inverse-label-primary\":\"var(--inverse-label-primary)\",\"inverse-label-static-primary\":\"var(--inverse-label-static-primary)\",\"inverse-label-secondary\":\"var(--inverse-label-secondary)\",\"inverse-label-tertiary\":\"var(--inverse-label-tertiary)\",\"inverse-label-quaternary\":\"var(--inverse-label-quaternary)\",\"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-high\":\"var(--brand-container-high)\",\"brand-label-primary\":\"var(--brand-label-primary)\",\"brand-label-secondary\":\"var(--brand-label-secondary)\",\"brand-border-overlay-normal\":\"var(--brand-border-overlay-normal)\",\"brand-border-opaque-normal\":\"var(--brand-border-opaque-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-positive\":\"var(--function-positive)\",\"function-negative\":\"var(--function-negative)\",\"function-caution\":\"var(--function-caution)\"}}", "import { ISize } from '../size/type';\nimport { IRadius } from './type';\n\nexport const radius: IRadius = {\n 'lp-sys-xxs': ISize.lp_pri_2,\n 'lp-sys-xs': ISize.lp_pri_4,\n 'lp-sys-s': ISize.lp_pri_6,\n 'lp-sys-m': ISize.lp_pri_8,\n 'lp-sys-l': ISize.lp_pri_10,\n 'lp-sys-xl': ISize.lp_pri_12,\n 'lp-sys-xxl': ISize.lp_pri_200,\n} as const;\n", "export const opacity = {\n 'lp-pri-90': '90%',\n 'lp-pri-80': '80%',\n 'lp-pri-70': '70%',\n 'lp-pri-60': '60%',\n 'lp-pri-50': '50%',\n 'lp-pri-40': '40%',\n 'lp-pri-30': '30%',\n 'lp-pri-20': '20%',\n 'lp-pri-12': '12%',\n 'lp-pri-8': '8%',\n 'lp-pri-5': '5%',\n 'lp-pri-0': '0%',\n};\n", "import { ISize } from './type';\n\nexport const size: Record<keyof typeof ISize, ISize> = {\n lp_pri_0: ISize.lp_pri_0,\n lp_pri_1: ISize.lp_pri_1,\n lp_pri_2: ISize.lp_pri_2,\n lp_pri_3: ISize.lp_pri_3,\n lp_pri_4: ISize.lp_pri_4,\n lp_pri_6: ISize.lp_pri_6,\n lp_pri_8: ISize.lp_pri_8,\n lp_pri_10: ISize.lp_pri_10,\n lp_pri_12: ISize.lp_pri_12,\n lp_pri_14: ISize.lp_pri_14,\n lp_pri_16: ISize.lp_pri_16,\n lp_pri_18: ISize.lp_pri_18,\n lp_pri_20: ISize.lp_pri_20,\n lp_pri_24: ISize.lp_pri_24,\n lp_pri_32: ISize.lp_pri_32,\n lp_pri_40: ISize.lp_pri_40,\n lp_pri_48: ISize.lp_pri_48,\n lp_pri_56: ISize.lp_pri_56,\n lp_pri_64: ISize.lp_pri_64,\n lp_pri_80: ISize.lp_pri_80,\n lp_pri_100: ISize.lp_pri_100,\n lp_pri_120: ISize.lp_pri_120,\n lp_pri_140: ISize.lp_pri_140,\n lp_pri_160: ISize.lp_pri_160,\n lp_pri_180: ISize.lp_pri_180,\n lp_pri_200: ISize.lp_pri_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 React from 'react';\nimport { HTMLAttributes } from 'react';\nimport { IDisplayProps, IHeadingProps } from './types';\n\nexport const Heading1 = (props: IHeadingProps) => {\n return (\n <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>\n {props.children}\n </div>\n );\n};\n\nexport const Heading2 = (props: IHeadingProps) => {\n return (\n <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>\n {props.children}\n </div>\n );\n};\n", "import React from 'react';\nimport { HTMLAttributes } from 'react';\n\ninterface IProps extends HTMLAttributes<HTMLDivElement> {\n type: 'accent';\n weight: 'black';\n}\n\nexport const Display1 = (props: IProps) => {\n return (\n <div\n {...props}\n className={`lp-sys-typo-display1-${props.type}-${props.weight}${props.className ? ` ${props.className}` : ''}`}\n >\n {props.children}\n </div>\n );\n};\n", "import { useLayoutEffect } from 'react';\n\nconst LOCAL_STORAGE_KEY = 'theme';\n\nexport const useDarkTheme = () => {\n const isUserColorTheme = localStorage.getItem('color-theme');\n\n const setDarkTheme = () => {\n document.documentElement.setAttribute('color-theme', 'dark');\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\n return {\n setDarkTheme,\n toggleTheme,\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"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA
|
|
3
|
+
"sources": ["../src/index.ts", "../src/design/radius/index.ts", "../src/design/opacity/index.ts", "../src/design/size/index.ts", "../src/design/typography/primitive.ts", "../src/design/typography/usage/Heading.tsx", "../src/design/typography/usage/Display.tsx", "../src/hooks/useDarkTheme.ts", "../src/hooks/useLanguage.ts", "../src/components/Head.tsx"],
|
|
4
|
+
"sourcesContent": ["export * from './design/radius';\nexport * from './design/opacity';\nexport * from './design/size';\nexport * from './design/typography';\n\nexport * from './hooks/useDarkTheme';\nexport * from './hooks/useLanguage';\nexport * from './components/Head';\n", "import { ISize } from '../size/type';\nimport { IRadius } from './type';\n\nexport const radius: IRadius = {\n 'lp-sys-xxs': ISize.lp_pri_2,\n 'lp-sys-xs': ISize.lp_pri_4,\n 'lp-sys-s': ISize.lp_pri_6,\n 'lp-sys-m': ISize.lp_pri_8,\n 'lp-sys-l': ISize.lp_pri_10,\n 'lp-sys-xl': ISize.lp_pri_12,\n 'lp-sys-xxl': ISize.lp_pri_200,\n} as const;\n", "export const opacity = {\n 'lp-pri-90': '90%',\n 'lp-pri-80': '80%',\n 'lp-pri-70': '70%',\n 'lp-pri-60': '60%',\n 'lp-pri-50': '50%',\n 'lp-pri-40': '40%',\n 'lp-pri-30': '30%',\n 'lp-pri-20': '20%',\n 'lp-pri-12': '12%',\n 'lp-pri-8': '8%',\n 'lp-pri-5': '5%',\n 'lp-pri-0': '0%',\n};\n", "import { ISize } from './type';\n\nexport const size: Record<keyof typeof ISize, ISize> = {\n lp_pri_0: ISize.lp_pri_0,\n lp_pri_1: ISize.lp_pri_1,\n lp_pri_2: ISize.lp_pri_2,\n lp_pri_3: ISize.lp_pri_3,\n lp_pri_4: ISize.lp_pri_4,\n lp_pri_6: ISize.lp_pri_6,\n lp_pri_8: ISize.lp_pri_8,\n lp_pri_10: ISize.lp_pri_10,\n lp_pri_12: ISize.lp_pri_12,\n lp_pri_14: ISize.lp_pri_14,\n lp_pri_16: ISize.lp_pri_16,\n lp_pri_18: ISize.lp_pri_18,\n lp_pri_20: ISize.lp_pri_20,\n lp_pri_24: ISize.lp_pri_24,\n lp_pri_32: ISize.lp_pri_32,\n lp_pri_40: ISize.lp_pri_40,\n lp_pri_48: ISize.lp_pri_48,\n lp_pri_56: ISize.lp_pri_56,\n lp_pri_64: ISize.lp_pri_64,\n lp_pri_80: ISize.lp_pri_80,\n lp_pri_100: ISize.lp_pri_100,\n lp_pri_120: ISize.lp_pri_120,\n lp_pri_140: ISize.lp_pri_140,\n lp_pri_160: ISize.lp_pri_160,\n lp_pri_180: ISize.lp_pri_180,\n lp_pri_200: ISize.lp_pri_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 React from 'react';\nimport { HTMLAttributes } from 'react';\nimport { IDisplayProps, IHeadingProps } from './types';\n\nexport const Heading1 = (props: IHeadingProps) => {\n return (\n <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>\n {props.children}\n </div>\n );\n};\n\nexport const Heading2 = (props: IHeadingProps) => {\n return (\n <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>\n {props.children}\n </div>\n );\n};\n", "import React from 'react';\nimport { HTMLAttributes } from 'react';\n\ninterface IProps extends HTMLAttributes<HTMLDivElement> {\n type: 'accent';\n weight: 'black';\n}\n\nexport const Display1 = (props: IProps) => {\n return (\n <div\n {...props}\n className={`lp-sys-typo-display1-${props.type}-${props.weight}${props.className ? ` ${props.className}` : ''}`}\n >\n {props.children}\n </div>\n );\n};\n", "import { useLayoutEffect } from 'react';\n\nconst LOCAL_STORAGE_KEY = 'theme';\n\nexport const useDarkTheme = () => {\n const isUserColorTheme = localStorage.getItem('color-theme');\n\n const setDarkTheme = () => {\n document.documentElement.setAttribute('color-theme', 'dark');\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\n return {\n setDarkTheme,\n toggleTheme,\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"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["size", "React", "import_react", "React", "import_react", "import_react", "React"]
|
|
7
7
|
}
|