@liner-fe/design-token 2.0.49 → 2.0.51
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/design/vars.d.ts +33 -9
- package/lib/index.cjs +3 -7
- package/lib/index.cjs.map +3 -3
- package/lib/index.d.ts +1 -2
- package/lib/index.mjs +3 -7
- package/lib/index.mjs.map +3 -3
- package/package.json +1 -1
- package/src/design/color/index.ts +1 -1
- package/src/design/vars.ts +1 -1
- package/src/index.ts +1 -2
- package/lib/design/color/index.d.ts +0 -287
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-high: var(--lp-pri-gray-cool-250);
|
|
552
|
+
--inverse-container-static-high-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-high: var(--lp-pri-gray-cool-250);
|
|
628
|
+
--inverse-container-static-high-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/design/vars.d.ts
CHANGED
|
@@ -1,54 +1,78 @@
|
|
|
1
1
|
export declare const vars: {
|
|
2
2
|
color: {
|
|
3
3
|
"neutral-container-lowest": string;
|
|
4
|
+
"neutral-container-lowest-hover": string;
|
|
4
5
|
"neutral-container-low": string;
|
|
6
|
+
"neutral-container-low-hover": string;
|
|
5
7
|
"neutral-container-mid": string;
|
|
8
|
+
"neutral-container-mid-hover": string;
|
|
6
9
|
"neutral-container-high": string;
|
|
10
|
+
"neutral-container-high-hover": string;
|
|
7
11
|
"neutral-container-highest": string;
|
|
12
|
+
"neutral-container-static-lowest": string;
|
|
13
|
+
"neutral-container-static-lowest-hover": string;
|
|
8
14
|
"neutral-fill-lowest": string;
|
|
15
|
+
"neutral-fill-lowest-hover": string;
|
|
9
16
|
"neutral-fill-low": string;
|
|
17
|
+
"neutral-fill-low-hover": string;
|
|
10
18
|
"neutral-fill-mid": string;
|
|
11
|
-
"neutral-fill-
|
|
19
|
+
"neutral-fill-mid-hover": string;
|
|
20
|
+
"neutral-fill-high": string;
|
|
21
|
+
"neutral-fill-high-hover": string;
|
|
12
22
|
"neutral-label-primary": string;
|
|
13
23
|
"neutral-label-secondary": string;
|
|
14
24
|
"neutral-label-tertiary": string;
|
|
15
25
|
"neutral-label-quaternary": string;
|
|
26
|
+
"neutral-label-static-primary": string;
|
|
27
|
+
"neutral-label-static-secondary": string;
|
|
28
|
+
"neutral-border-overlay-strong": string;
|
|
16
29
|
"neutral-border-overlay-normal": string;
|
|
17
30
|
"neutral-border-overlay-subtle": string;
|
|
18
31
|
"neutral-border-opaque-strong": string;
|
|
19
32
|
"neutral-border-opaque-normal": string;
|
|
20
33
|
"neutral-border-opaque-subtle": string;
|
|
21
34
|
"inverse-container-lowest": string;
|
|
35
|
+
"inverse-container-lowest-hover": string;
|
|
22
36
|
"inverse-container-low": string;
|
|
37
|
+
"inverse-container-low-hover": string;
|
|
23
38
|
"inverse-container-mid": string;
|
|
39
|
+
"inverse-container-mid-hover": string;
|
|
24
40
|
"inverse-container-high": string;
|
|
25
|
-
"inverse-container-
|
|
26
|
-
"inverse-
|
|
27
|
-
"inverse-
|
|
41
|
+
"inverse-container-high-hover": string;
|
|
42
|
+
"inverse-container-static-high": string;
|
|
43
|
+
"inverse-container-static-high-hover": string;
|
|
28
44
|
"inverse-fill-mid": string;
|
|
45
|
+
"inverse-fill-mid-hover": string;
|
|
29
46
|
"inverse-label-primary": string;
|
|
30
|
-
"inverse-label-static-primary": string;
|
|
31
47
|
"inverse-label-secondary": string;
|
|
32
48
|
"inverse-label-tertiary": string;
|
|
33
49
|
"inverse-label-quaternary": string;
|
|
50
|
+
"inverse-label-static-primary": string;
|
|
51
|
+
"inverse-label-static-secondary": string;
|
|
52
|
+
"inverse-border-overlay-strong": string;
|
|
34
53
|
"inverse-border-overlay-normal": string;
|
|
35
54
|
"inverse-border-overlay-subtle": string;
|
|
36
55
|
"inverse-border-opaque-strong": string;
|
|
37
56
|
"inverse-border-opaque-normal": string;
|
|
38
57
|
"inverse-border-opaque-subtle": string;
|
|
39
58
|
"brand-container-mid": string;
|
|
59
|
+
"brand-container-mid-hover": string;
|
|
40
60
|
"brand-container-high": string;
|
|
41
61
|
"brand-label-primary": string;
|
|
42
62
|
"brand-label-secondary": string;
|
|
43
63
|
"brand-border-overlay-normal": string;
|
|
44
64
|
"brand-border-opaque-normal": string;
|
|
45
|
-
"accent-yellow": string;
|
|
65
|
+
"accent-container-yellow": string;
|
|
46
66
|
"accent-mint": string;
|
|
47
67
|
"accent-cyan": string;
|
|
48
68
|
"accent-purple": string;
|
|
49
69
|
"accent-pink": string;
|
|
50
|
-
"function-positive": string;
|
|
51
|
-
"function-negative": string;
|
|
52
|
-
"function-
|
|
70
|
+
"function-container-positive": string;
|
|
71
|
+
"function-container-negative": string;
|
|
72
|
+
"function-container-negative-hover": string;
|
|
73
|
+
"function-container-caution": string;
|
|
74
|
+
"function-label-positive": string;
|
|
75
|
+
"function-label-negative": string;
|
|
76
|
+
"function-label-caution": string;
|
|
53
77
|
};
|
|
54
78
|
};
|
package/lib/index.cjs
CHANGED
|
@@ -35,7 +35,6 @@ __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,
|
|
@@ -46,12 +45,6 @@ __export(src_exports, {
|
|
|
46
45
|
});
|
|
47
46
|
module.exports = __toCommonJS(src_exports);
|
|
48
47
|
|
|
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
48
|
// src/design/radius/index.ts
|
|
56
49
|
var radius = {
|
|
57
50
|
"lp-sys-xxs": 2 /* lp_pri_2 */,
|
|
@@ -235,5 +228,8 @@ var DesignSystemHead = /* @__PURE__ */ __name(() => {
|
|
|
235
228
|
}
|
|
236
229
|
));
|
|
237
230
|
}, "DesignSystemHead");
|
|
231
|
+
|
|
232
|
+
// src/design/vars.ts
|
|
233
|
+
var vars = { "color": { "neutral-container-lowest": "var(--neutral-container-lowest)", "neutral-container-lowest-hover": "var(--neutral-container-lowest-hover)", "neutral-container-low": "var(--neutral-container-low)", "neutral-container-low-hover": "var(--neutral-container-low-hover)", "neutral-container-mid": "var(--neutral-container-mid)", "neutral-container-mid-hover": "var(--neutral-container-mid-hover)", "neutral-container-high": "var(--neutral-container-high)", "neutral-container-high-hover": "var(--neutral-container-high-hover)", "neutral-container-highest": "var(--neutral-container-highest)", "neutral-container-static-lowest": "var(--neutral-container-static-lowest)", "neutral-container-static-lowest-hover": "var(--neutral-container-static-lowest-hover)", "neutral-fill-lowest": "var(--neutral-fill-lowest)", "neutral-fill-lowest-hover": "var(--neutral-fill-lowest-hover)", "neutral-fill-low": "var(--neutral-fill-low)", "neutral-fill-low-hover": "var(--neutral-fill-low-hover)", "neutral-fill-mid": "var(--neutral-fill-mid)", "neutral-fill-mid-hover": "var(--neutral-fill-mid-hover)", "neutral-fill-high": "var(--neutral-fill-high)", "neutral-fill-high-hover": "var(--neutral-fill-high-hover)", "neutral-label-primary": "var(--neutral-label-primary)", "neutral-label-secondary": "var(--neutral-label-secondary)", "neutral-label-tertiary": "var(--neutral-label-tertiary)", "neutral-label-quaternary": "var(--neutral-label-quaternary)", "neutral-label-static-primary": "var(--neutral-label-static-primary)", "neutral-label-static-secondary": "var(--neutral-label-static-secondary)", "neutral-border-overlay-strong": "var(--neutral-border-overlay-strong)", "neutral-border-overlay-normal": "var(--neutral-border-overlay-normal)", "neutral-border-overlay-subtle": "var(--neutral-border-overlay-subtle)", "neutral-border-opaque-strong": "var(--neutral-border-opaque-strong)", "neutral-border-opaque-normal": "var(--neutral-border-opaque-normal)", "neutral-border-opaque-subtle": "var(--neutral-border-opaque-subtle)", "inverse-container-lowest": "var(--inverse-container-lowest)", "inverse-container-lowest-hover": "var(--inverse-container-lowest-hover)", "inverse-container-low": "var(--inverse-container-low)", "inverse-container-low-hover": "var(--inverse-container-low-hover)", "inverse-container-mid": "var(--inverse-container-mid)", "inverse-container-mid-hover": "var(--inverse-container-mid-hover)", "inverse-container-high": "var(--inverse-container-high)", "inverse-container-high-hover": "var(--inverse-container-high-hover)", "inverse-container-static-high": "var(--inverse-container-static-high)", "inverse-container-static-high-hover": "var(--inverse-container-static-high-hover)", "inverse-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-overlay-normal": "var(--brand-border-overlay-normal)", "brand-border-opaque-normal": "var(--brand-border-opaque-normal)", "accent-container-yellow": "var(--accent-container-yellow)", "accent-mint": "var(--accent-mint)", "accent-cyan": "var(--accent-cyan)", "accent-purple": "var(--accent-purple)", "accent-pink": "var(--accent-pink)", "function-container-positive": "var(--function-container-positive)", "function-container-negative": "var(--function-container-negative)", "function-container-negative-hover": "var(--function-container-negative-hover)", "function-container-caution": "var(--function-container-caution)", "function-label-positive": "var(--function-label-positive)", "function-label-negative": "var(--function-label-negative)", "function-label-caution": "var(--function-label-caution)" } };
|
|
238
234
|
/*! For license information please see index.cjs.LEGAL.txt */
|
|
239
235
|
//# sourceMappingURL=index.cjs.map
|