@lumx/core 2.2.4 → 2.2.7
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/css/design-tokens.css +73 -73
- package/js/constants/design-tokens.js +485 -485
- package/js/constants/design-tokens.min.js +1 -1
- package/js/constants/design-tokens.min.js.map +1 -1
- package/js/constants/design-tokens.ts +178 -178
- package/js/constants/index.js +20 -0
- package/js/constants/index.min.js +1 -1
- package/js/constants/index.min.js.map +1 -1
- package/js/constants/index.ts +18 -0
- package/js/custom-colors.min.js.map +1 -1
- package/js/date-picker.min.js.map +1 -1
- package/js/date-picker.ts +1 -1
- package/js/utils.min.js.map +1 -1
- package/lumx.css +1 -1
- package/lumx.min.css +1 -1
- package/package.json +2 -2
- package/scss/_design-tokens.scss +73 -73
- package/scss/components/badge/_index.scss +5 -1
- package/scss/components/flag/_index.scss +3 -3
- package/scss/components/icon/_index.scss +22 -0
- package/scss/components/icon/_mixins.scss +7 -2
- package/scss/components/message/_index.scss +1 -5
- package/scss/components/notification/_index.scss +6 -1
- package/scss/components/skeleton/_mixins.scss +0 -1
- package/scss/components/tooltip/_index.scss +7 -0
- package/scss/core/state/_mixins.scss +12 -2
|
@@ -94,7 +94,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
94
94
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DESIGN_TOKENS", function() { return DESIGN_TOKENS; });
|
|
95
95
|
/**
|
|
96
96
|
* Do not edit directly
|
|
97
|
-
* Generated on Wed,
|
|
97
|
+
* Generated on Wed, 02 Mar 2022 10:51:14 GMT
|
|
98
98
|
*/
|
|
99
99
|
var DESIGN_TOKENS = {
|
|
100
100
|
button: {
|
|
@@ -121,11 +121,11 @@ var DESIGN_TOKENS = {
|
|
|
121
121
|
'background-color': {
|
|
122
122
|
value: 'var(--lumx-color-primary-N)',
|
|
123
123
|
attributes: {
|
|
124
|
-
hex: '
|
|
124
|
+
hex: '245be7',
|
|
125
125
|
rgb: {
|
|
126
|
-
r:
|
|
127
|
-
g:
|
|
128
|
-
b:
|
|
126
|
+
r: 36,
|
|
127
|
+
g: 91,
|
|
128
|
+
b: 231,
|
|
129
129
|
a: 1
|
|
130
130
|
}
|
|
131
131
|
},
|
|
@@ -165,11 +165,11 @@ var DESIGN_TOKENS = {
|
|
|
165
165
|
color: {
|
|
166
166
|
value: 'var(--lumx-color-primary-N)',
|
|
167
167
|
attributes: {
|
|
168
|
-
hex: '
|
|
168
|
+
hex: '245be7',
|
|
169
169
|
rgb: {
|
|
170
|
-
r:
|
|
171
|
-
g:
|
|
172
|
-
b:
|
|
170
|
+
r: 36,
|
|
171
|
+
g: 91,
|
|
172
|
+
b: 231,
|
|
173
173
|
a: 1
|
|
174
174
|
}
|
|
175
175
|
},
|
|
@@ -194,11 +194,11 @@ var DESIGN_TOKENS = {
|
|
|
194
194
|
'background-color': {
|
|
195
195
|
value: 'var(--lumx-color-primary-D1)',
|
|
196
196
|
attributes: {
|
|
197
|
-
hex: '
|
|
197
|
+
hex: '184ed8',
|
|
198
198
|
rgb: {
|
|
199
|
-
r:
|
|
200
|
-
g:
|
|
201
|
-
b:
|
|
199
|
+
r: 24,
|
|
200
|
+
g: 78,
|
|
201
|
+
b: 216,
|
|
202
202
|
a: 1
|
|
203
203
|
}
|
|
204
204
|
},
|
|
@@ -238,11 +238,11 @@ var DESIGN_TOKENS = {
|
|
|
238
238
|
color: {
|
|
239
239
|
value: 'var(--lumx-color-primary-N)',
|
|
240
240
|
attributes: {
|
|
241
|
-
hex: '
|
|
241
|
+
hex: '245be7',
|
|
242
242
|
rgb: {
|
|
243
|
-
r:
|
|
244
|
-
g:
|
|
245
|
-
b:
|
|
243
|
+
r: 36,
|
|
244
|
+
g: 91,
|
|
245
|
+
b: 231,
|
|
246
246
|
a: 1
|
|
247
247
|
}
|
|
248
248
|
},
|
|
@@ -267,11 +267,11 @@ var DESIGN_TOKENS = {
|
|
|
267
267
|
'background-color': {
|
|
268
268
|
value: 'var(--lumx-color-primary-D2)',
|
|
269
269
|
attributes: {
|
|
270
|
-
hex: '
|
|
270
|
+
hex: '1546c1',
|
|
271
271
|
rgb: {
|
|
272
|
-
r:
|
|
273
|
-
g:
|
|
274
|
-
b:
|
|
272
|
+
r: 21,
|
|
273
|
+
g: 70,
|
|
274
|
+
b: 193,
|
|
275
275
|
a: 1
|
|
276
276
|
}
|
|
277
277
|
},
|
|
@@ -311,11 +311,11 @@ var DESIGN_TOKENS = {
|
|
|
311
311
|
color: {
|
|
312
312
|
value: 'var(--lumx-color-primary-N)',
|
|
313
313
|
attributes: {
|
|
314
|
-
hex: '
|
|
314
|
+
hex: '245be7',
|
|
315
315
|
rgb: {
|
|
316
|
-
r:
|
|
317
|
-
g:
|
|
318
|
-
b:
|
|
316
|
+
r: 36,
|
|
317
|
+
g: 91,
|
|
318
|
+
b: 231,
|
|
319
319
|
a: 1
|
|
320
320
|
}
|
|
321
321
|
},
|
|
@@ -764,11 +764,11 @@ var DESIGN_TOKENS = {
|
|
|
764
764
|
'background-color': {
|
|
765
765
|
value: 'var(--lumx-color-primary-L5)',
|
|
766
766
|
attributes: {
|
|
767
|
-
hex: '
|
|
767
|
+
hex: '245be7',
|
|
768
768
|
rgb: {
|
|
769
|
-
r:
|
|
770
|
-
g:
|
|
771
|
-
b:
|
|
769
|
+
r: 36,
|
|
770
|
+
g: 91,
|
|
771
|
+
b: 231,
|
|
772
772
|
a: 0.1
|
|
773
773
|
}
|
|
774
774
|
},
|
|
@@ -777,11 +777,11 @@ var DESIGN_TOKENS = {
|
|
|
777
777
|
color: {
|
|
778
778
|
value: 'var(--lumx-color-primary-D2)',
|
|
779
779
|
attributes: {
|
|
780
|
-
hex: '
|
|
780
|
+
hex: '1546c1',
|
|
781
781
|
rgb: {
|
|
782
|
-
r:
|
|
783
|
-
g:
|
|
784
|
-
b:
|
|
782
|
+
r: 21,
|
|
783
|
+
g: 70,
|
|
784
|
+
b: 193,
|
|
785
785
|
a: 1
|
|
786
786
|
}
|
|
787
787
|
},
|
|
@@ -837,11 +837,11 @@ var DESIGN_TOKENS = {
|
|
|
837
837
|
'background-color': {
|
|
838
838
|
value: 'var(--lumx-color-primary-L4)',
|
|
839
839
|
attributes: {
|
|
840
|
-
hex: '
|
|
840
|
+
hex: '245be7',
|
|
841
841
|
rgb: {
|
|
842
|
-
r:
|
|
843
|
-
g:
|
|
844
|
-
b:
|
|
842
|
+
r: 36,
|
|
843
|
+
g: 91,
|
|
844
|
+
b: 231,
|
|
845
845
|
a: 0.2
|
|
846
846
|
}
|
|
847
847
|
},
|
|
@@ -850,11 +850,11 @@ var DESIGN_TOKENS = {
|
|
|
850
850
|
color: {
|
|
851
851
|
value: 'var(--lumx-color-primary-D2)',
|
|
852
852
|
attributes: {
|
|
853
|
-
hex: '
|
|
853
|
+
hex: '1546c1',
|
|
854
854
|
rgb: {
|
|
855
|
-
r:
|
|
856
|
-
g:
|
|
857
|
-
b:
|
|
855
|
+
r: 21,
|
|
856
|
+
g: 70,
|
|
857
|
+
b: 193,
|
|
858
858
|
a: 1
|
|
859
859
|
}
|
|
860
860
|
},
|
|
@@ -910,11 +910,11 @@ var DESIGN_TOKENS = {
|
|
|
910
910
|
'background-color': {
|
|
911
911
|
value: 'var(--lumx-color-primary-L3)',
|
|
912
912
|
attributes: {
|
|
913
|
-
hex: '
|
|
913
|
+
hex: '245be7',
|
|
914
914
|
rgb: {
|
|
915
|
-
r:
|
|
916
|
-
g:
|
|
917
|
-
b:
|
|
915
|
+
r: 36,
|
|
916
|
+
g: 91,
|
|
917
|
+
b: 231,
|
|
918
918
|
a: 0.4
|
|
919
919
|
}
|
|
920
920
|
},
|
|
@@ -923,11 +923,11 @@ var DESIGN_TOKENS = {
|
|
|
923
923
|
color: {
|
|
924
924
|
value: 'var(--lumx-color-primary-D2)',
|
|
925
925
|
attributes: {
|
|
926
|
-
hex: '
|
|
926
|
+
hex: '1546c1',
|
|
927
927
|
rgb: {
|
|
928
|
-
r:
|
|
929
|
-
g:
|
|
930
|
-
b:
|
|
928
|
+
r: 21,
|
|
929
|
+
g: 70,
|
|
930
|
+
b: 193,
|
|
931
931
|
a: 1
|
|
932
932
|
}
|
|
933
933
|
},
|
|
@@ -1676,11 +1676,11 @@ var DESIGN_TOKENS = {
|
|
|
1676
1676
|
'background-color': {
|
|
1677
1677
|
value: 'var(--lumx-color-primary-L5)',
|
|
1678
1678
|
attributes: {
|
|
1679
|
-
hex: '
|
|
1679
|
+
hex: '245be7',
|
|
1680
1680
|
rgb: {
|
|
1681
|
-
r:
|
|
1682
|
-
g:
|
|
1683
|
-
b:
|
|
1681
|
+
r: 36,
|
|
1682
|
+
g: 91,
|
|
1683
|
+
b: 231,
|
|
1684
1684
|
a: 0.1
|
|
1685
1685
|
}
|
|
1686
1686
|
},
|
|
@@ -1689,11 +1689,11 @@ var DESIGN_TOKENS = {
|
|
|
1689
1689
|
'border-color': {
|
|
1690
1690
|
value: 'var(--lumx-color-primary-N)',
|
|
1691
1691
|
attributes: {
|
|
1692
|
-
hex: '
|
|
1692
|
+
hex: '245be7',
|
|
1693
1693
|
rgb: {
|
|
1694
|
-
r:
|
|
1695
|
-
g:
|
|
1696
|
-
b:
|
|
1694
|
+
r: 36,
|
|
1695
|
+
g: 91,
|
|
1696
|
+
b: 231,
|
|
1697
1697
|
a: 1
|
|
1698
1698
|
}
|
|
1699
1699
|
},
|
|
@@ -1702,11 +1702,11 @@ var DESIGN_TOKENS = {
|
|
|
1702
1702
|
'icon-color': {
|
|
1703
1703
|
value: 'var(--lumx-color-primary-D2)',
|
|
1704
1704
|
attributes: {
|
|
1705
|
-
hex: '
|
|
1705
|
+
hex: '1546c1',
|
|
1706
1706
|
rgb: {
|
|
1707
|
-
r:
|
|
1708
|
-
g:
|
|
1709
|
-
b:
|
|
1707
|
+
r: 21,
|
|
1708
|
+
g: 70,
|
|
1709
|
+
b: 193,
|
|
1710
1710
|
a: 1
|
|
1711
1711
|
}
|
|
1712
1712
|
},
|
|
@@ -1715,11 +1715,11 @@ var DESIGN_TOKENS = {
|
|
|
1715
1715
|
'label-color': {
|
|
1716
1716
|
value: 'var(--lumx-color-primary-D2)',
|
|
1717
1717
|
attributes: {
|
|
1718
|
-
hex: '
|
|
1718
|
+
hex: '1546c1',
|
|
1719
1719
|
rgb: {
|
|
1720
|
-
r:
|
|
1721
|
-
g:
|
|
1722
|
-
b:
|
|
1720
|
+
r: 21,
|
|
1721
|
+
g: 70,
|
|
1722
|
+
b: 193,
|
|
1723
1723
|
a: 1
|
|
1724
1724
|
}
|
|
1725
1725
|
},
|
|
@@ -1731,11 +1731,11 @@ var DESIGN_TOKENS = {
|
|
|
1731
1731
|
'chevron-color': {
|
|
1732
1732
|
value: 'var(--lumx-color-primary-D2)',
|
|
1733
1733
|
attributes: {
|
|
1734
|
-
hex: '
|
|
1734
|
+
hex: '1546c1',
|
|
1735
1735
|
rgb: {
|
|
1736
|
-
r:
|
|
1737
|
-
g:
|
|
1738
|
-
b:
|
|
1736
|
+
r: 21,
|
|
1737
|
+
g: 70,
|
|
1738
|
+
b: 193,
|
|
1739
1739
|
a: 1
|
|
1740
1740
|
}
|
|
1741
1741
|
},
|
|
@@ -1840,11 +1840,11 @@ var DESIGN_TOKENS = {
|
|
|
1840
1840
|
'background-color': {
|
|
1841
1841
|
value: 'var(--lumx-color-primary-L4)',
|
|
1842
1842
|
attributes: {
|
|
1843
|
-
hex: '
|
|
1843
|
+
hex: '245be7',
|
|
1844
1844
|
rgb: {
|
|
1845
|
-
r:
|
|
1846
|
-
g:
|
|
1847
|
-
b:
|
|
1845
|
+
r: 36,
|
|
1846
|
+
g: 91,
|
|
1847
|
+
b: 231,
|
|
1848
1848
|
a: 0.2
|
|
1849
1849
|
}
|
|
1850
1850
|
},
|
|
@@ -1853,11 +1853,11 @@ var DESIGN_TOKENS = {
|
|
|
1853
1853
|
'border-color': {
|
|
1854
1854
|
value: 'var(--lumx-color-primary-N)',
|
|
1855
1855
|
attributes: {
|
|
1856
|
-
hex: '
|
|
1856
|
+
hex: '245be7',
|
|
1857
1857
|
rgb: {
|
|
1858
|
-
r:
|
|
1859
|
-
g:
|
|
1860
|
-
b:
|
|
1858
|
+
r: 36,
|
|
1859
|
+
g: 91,
|
|
1860
|
+
b: 231,
|
|
1861
1861
|
a: 1
|
|
1862
1862
|
}
|
|
1863
1863
|
},
|
|
@@ -1866,11 +1866,11 @@ var DESIGN_TOKENS = {
|
|
|
1866
1866
|
'icon-color': {
|
|
1867
1867
|
value: 'var(--lumx-color-primary-D2)',
|
|
1868
1868
|
attributes: {
|
|
1869
|
-
hex: '
|
|
1869
|
+
hex: '1546c1',
|
|
1870
1870
|
rgb: {
|
|
1871
|
-
r:
|
|
1872
|
-
g:
|
|
1873
|
-
b:
|
|
1871
|
+
r: 21,
|
|
1872
|
+
g: 70,
|
|
1873
|
+
b: 193,
|
|
1874
1874
|
a: 1
|
|
1875
1875
|
}
|
|
1876
1876
|
},
|
|
@@ -1879,11 +1879,11 @@ var DESIGN_TOKENS = {
|
|
|
1879
1879
|
'label-color': {
|
|
1880
1880
|
value: 'var(--lumx-color-primary-D2)',
|
|
1881
1881
|
attributes: {
|
|
1882
|
-
hex: '
|
|
1882
|
+
hex: '1546c1',
|
|
1883
1883
|
rgb: {
|
|
1884
|
-
r:
|
|
1885
|
-
g:
|
|
1886
|
-
b:
|
|
1884
|
+
r: 21,
|
|
1885
|
+
g: 70,
|
|
1886
|
+
b: 193,
|
|
1887
1887
|
a: 1
|
|
1888
1888
|
}
|
|
1889
1889
|
},
|
|
@@ -1892,11 +1892,11 @@ var DESIGN_TOKENS = {
|
|
|
1892
1892
|
'chevron-background-color': {
|
|
1893
1893
|
value: 'var(--lumx-color-primary-L4)',
|
|
1894
1894
|
attributes: {
|
|
1895
|
-
hex: '
|
|
1895
|
+
hex: '245be7',
|
|
1896
1896
|
rgb: {
|
|
1897
|
-
r:
|
|
1898
|
-
g:
|
|
1899
|
-
b:
|
|
1897
|
+
r: 36,
|
|
1898
|
+
g: 91,
|
|
1899
|
+
b: 231,
|
|
1900
1900
|
a: 0.2
|
|
1901
1901
|
}
|
|
1902
1902
|
},
|
|
@@ -1905,11 +1905,11 @@ var DESIGN_TOKENS = {
|
|
|
1905
1905
|
'chevron-color': {
|
|
1906
1906
|
value: 'var(--lumx-color-primary-D2)',
|
|
1907
1907
|
attributes: {
|
|
1908
|
-
hex: '
|
|
1908
|
+
hex: '1546c1',
|
|
1909
1909
|
rgb: {
|
|
1910
|
-
r:
|
|
1911
|
-
g:
|
|
1912
|
-
b:
|
|
1910
|
+
r: 21,
|
|
1911
|
+
g: 70,
|
|
1912
|
+
b: 193,
|
|
1913
1913
|
a: 1
|
|
1914
1914
|
}
|
|
1915
1915
|
},
|
|
@@ -2024,11 +2024,11 @@ var DESIGN_TOKENS = {
|
|
|
2024
2024
|
'background-color': {
|
|
2025
2025
|
value: 'var(--lumx-color-primary-L3)',
|
|
2026
2026
|
attributes: {
|
|
2027
|
-
hex: '
|
|
2027
|
+
hex: '245be7',
|
|
2028
2028
|
rgb: {
|
|
2029
|
-
r:
|
|
2030
|
-
g:
|
|
2031
|
-
b:
|
|
2029
|
+
r: 36,
|
|
2030
|
+
g: 91,
|
|
2031
|
+
b: 231,
|
|
2032
2032
|
a: 0.4
|
|
2033
2033
|
}
|
|
2034
2034
|
},
|
|
@@ -2037,11 +2037,11 @@ var DESIGN_TOKENS = {
|
|
|
2037
2037
|
'border-color': {
|
|
2038
2038
|
value: 'var(--lumx-color-primary-N)',
|
|
2039
2039
|
attributes: {
|
|
2040
|
-
hex: '
|
|
2040
|
+
hex: '245be7',
|
|
2041
2041
|
rgb: {
|
|
2042
|
-
r:
|
|
2043
|
-
g:
|
|
2044
|
-
b:
|
|
2042
|
+
r: 36,
|
|
2043
|
+
g: 91,
|
|
2044
|
+
b: 231,
|
|
2045
2045
|
a: 1
|
|
2046
2046
|
}
|
|
2047
2047
|
},
|
|
@@ -2050,11 +2050,11 @@ var DESIGN_TOKENS = {
|
|
|
2050
2050
|
'icon-color': {
|
|
2051
2051
|
value: 'var(--lumx-color-primary-D2)',
|
|
2052
2052
|
attributes: {
|
|
2053
|
-
hex: '
|
|
2053
|
+
hex: '1546c1',
|
|
2054
2054
|
rgb: {
|
|
2055
|
-
r:
|
|
2056
|
-
g:
|
|
2057
|
-
b:
|
|
2055
|
+
r: 21,
|
|
2056
|
+
g: 70,
|
|
2057
|
+
b: 193,
|
|
2058
2058
|
a: 1
|
|
2059
2059
|
}
|
|
2060
2060
|
},
|
|
@@ -2063,11 +2063,11 @@ var DESIGN_TOKENS = {
|
|
|
2063
2063
|
'label-color': {
|
|
2064
2064
|
value: 'var(--lumx-color-primary-D2)',
|
|
2065
2065
|
attributes: {
|
|
2066
|
-
hex: '
|
|
2066
|
+
hex: '1546c1',
|
|
2067
2067
|
rgb: {
|
|
2068
|
-
r:
|
|
2069
|
-
g:
|
|
2070
|
-
b:
|
|
2068
|
+
r: 21,
|
|
2069
|
+
g: 70,
|
|
2070
|
+
b: 193,
|
|
2071
2071
|
a: 1
|
|
2072
2072
|
}
|
|
2073
2073
|
},
|
|
@@ -2076,11 +2076,11 @@ var DESIGN_TOKENS = {
|
|
|
2076
2076
|
'chevron-background-color': {
|
|
2077
2077
|
value: 'var(--lumx-color-primary-L3)',
|
|
2078
2078
|
attributes: {
|
|
2079
|
-
hex: '
|
|
2079
|
+
hex: '245be7',
|
|
2080
2080
|
rgb: {
|
|
2081
|
-
r:
|
|
2082
|
-
g:
|
|
2083
|
-
b:
|
|
2081
|
+
r: 36,
|
|
2082
|
+
g: 91,
|
|
2083
|
+
b: 231,
|
|
2084
2084
|
a: 0.4
|
|
2085
2085
|
}
|
|
2086
2086
|
},
|
|
@@ -2089,11 +2089,11 @@ var DESIGN_TOKENS = {
|
|
|
2089
2089
|
'chevron-color': {
|
|
2090
2090
|
value: 'var(--lumx-color-primary-D2)',
|
|
2091
2091
|
attributes: {
|
|
2092
|
-
hex: '
|
|
2092
|
+
hex: '1546c1',
|
|
2093
2093
|
rgb: {
|
|
2094
|
-
r:
|
|
2095
|
-
g:
|
|
2096
|
-
b:
|
|
2094
|
+
r: 21,
|
|
2095
|
+
g: 70,
|
|
2096
|
+
b: 193,
|
|
2097
2097
|
a: 1
|
|
2098
2098
|
}
|
|
2099
2099
|
},
|
|
@@ -2536,11 +2536,11 @@ var DESIGN_TOKENS = {
|
|
|
2536
2536
|
'border-color': {
|
|
2537
2537
|
value: 'var(--lumx-color-primary-N)',
|
|
2538
2538
|
attributes: {
|
|
2539
|
-
hex: '
|
|
2539
|
+
hex: '245be7',
|
|
2540
2540
|
rgb: {
|
|
2541
|
-
r:
|
|
2542
|
-
g:
|
|
2543
|
-
b:
|
|
2541
|
+
r: 36,
|
|
2542
|
+
g: 91,
|
|
2543
|
+
b: 231,
|
|
2544
2544
|
a: 1
|
|
2545
2545
|
}
|
|
2546
2546
|
},
|
|
@@ -2632,11 +2632,11 @@ var DESIGN_TOKENS = {
|
|
|
2632
2632
|
'border-color': {
|
|
2633
2633
|
value: 'var(--lumx-color-primary-N)',
|
|
2634
2634
|
attributes: {
|
|
2635
|
-
hex: '
|
|
2635
|
+
hex: '245be7',
|
|
2636
2636
|
rgb: {
|
|
2637
|
-
r:
|
|
2638
|
-
g:
|
|
2639
|
-
b:
|
|
2637
|
+
r: 36,
|
|
2638
|
+
g: 91,
|
|
2639
|
+
b: 231,
|
|
2640
2640
|
a: 1
|
|
2641
2641
|
}
|
|
2642
2642
|
},
|
|
@@ -2738,11 +2738,11 @@ var DESIGN_TOKENS = {
|
|
|
2738
2738
|
'border-color': {
|
|
2739
2739
|
value: 'var(--lumx-color-primary-N)',
|
|
2740
2740
|
attributes: {
|
|
2741
|
-
hex: '
|
|
2741
|
+
hex: '245be7',
|
|
2742
2742
|
rgb: {
|
|
2743
|
-
r:
|
|
2744
|
-
g:
|
|
2745
|
-
b:
|
|
2743
|
+
r: 36,
|
|
2744
|
+
g: 91,
|
|
2745
|
+
b: 231,
|
|
2746
2746
|
a: 1
|
|
2747
2747
|
}
|
|
2748
2748
|
},
|
|
@@ -3231,11 +3231,11 @@ var DESIGN_TOKENS = {
|
|
|
3231
3231
|
'border-color': {
|
|
3232
3232
|
value: 'var(--lumx-color-primary-L2)',
|
|
3233
3233
|
attributes: {
|
|
3234
|
-
hex: '
|
|
3234
|
+
hex: '245be7',
|
|
3235
3235
|
rgb: {
|
|
3236
|
-
r:
|
|
3237
|
-
g:
|
|
3238
|
-
b:
|
|
3236
|
+
r: 36,
|
|
3237
|
+
g: 91,
|
|
3238
|
+
b: 231,
|
|
3239
3239
|
a: 0.6
|
|
3240
3240
|
}
|
|
3241
3241
|
},
|
|
@@ -3550,13 +3550,13 @@ var DESIGN_TOKENS = {
|
|
|
3550
3550
|
D2: {
|
|
3551
3551
|
version: '0.22',
|
|
3552
3552
|
comment: 'Darkest blue color',
|
|
3553
|
-
value: 'rgb(
|
|
3553
|
+
value: 'rgb(21, 70, 193)',
|
|
3554
3554
|
attributes: {
|
|
3555
|
-
hex: '
|
|
3555
|
+
hex: '1546c1',
|
|
3556
3556
|
rgb: {
|
|
3557
|
-
r:
|
|
3558
|
-
g:
|
|
3559
|
-
b:
|
|
3557
|
+
r: 21,
|
|
3558
|
+
g: 70,
|
|
3559
|
+
b: 193,
|
|
3560
3560
|
a: 1
|
|
3561
3561
|
}
|
|
3562
3562
|
}
|
|
@@ -3564,13 +3564,13 @@ var DESIGN_TOKENS = {
|
|
|
3564
3564
|
D1: {
|
|
3565
3565
|
version: '0.22',
|
|
3566
3566
|
comment: 'Dark blue color',
|
|
3567
|
-
value: 'rgb(
|
|
3567
|
+
value: 'rgb(24, 78, 216)',
|
|
3568
3568
|
attributes: {
|
|
3569
|
-
hex: '
|
|
3569
|
+
hex: '184ed8',
|
|
3570
3570
|
rgb: {
|
|
3571
|
-
r:
|
|
3572
|
-
g:
|
|
3573
|
-
b:
|
|
3571
|
+
r: 24,
|
|
3572
|
+
g: 78,
|
|
3573
|
+
b: 216,
|
|
3574
3574
|
a: 1
|
|
3575
3575
|
}
|
|
3576
3576
|
}
|
|
@@ -3578,13 +3578,13 @@ var DESIGN_TOKENS = {
|
|
|
3578
3578
|
N: {
|
|
3579
3579
|
version: '0.22',
|
|
3580
3580
|
comment: 'Neutral blue color',
|
|
3581
|
-
value: 'rgb(
|
|
3581
|
+
value: 'rgb(36, 91, 231)',
|
|
3582
3582
|
attributes: {
|
|
3583
|
-
hex: '
|
|
3583
|
+
hex: '245be7',
|
|
3584
3584
|
rgb: {
|
|
3585
|
-
r:
|
|
3586
|
-
g:
|
|
3587
|
-
b:
|
|
3585
|
+
r: 36,
|
|
3586
|
+
g: 91,
|
|
3587
|
+
b: 231,
|
|
3588
3588
|
a: 1
|
|
3589
3589
|
}
|
|
3590
3590
|
}
|
|
@@ -3592,13 +3592,13 @@ var DESIGN_TOKENS = {
|
|
|
3592
3592
|
L1: {
|
|
3593
3593
|
version: '0.22',
|
|
3594
3594
|
comment: 'Base blue color with 80% opacity',
|
|
3595
|
-
value: 'rgba(
|
|
3595
|
+
value: 'rgba(36, 91, 231, 0.8)',
|
|
3596
3596
|
attributes: {
|
|
3597
|
-
hex: '
|
|
3597
|
+
hex: '245be7',
|
|
3598
3598
|
rgb: {
|
|
3599
|
-
r:
|
|
3600
|
-
g:
|
|
3601
|
-
b:
|
|
3599
|
+
r: 36,
|
|
3600
|
+
g: 91,
|
|
3601
|
+
b: 231,
|
|
3602
3602
|
a: 0.8
|
|
3603
3603
|
}
|
|
3604
3604
|
}
|
|
@@ -3606,13 +3606,13 @@ var DESIGN_TOKENS = {
|
|
|
3606
3606
|
L2: {
|
|
3607
3607
|
version: '0.22',
|
|
3608
3608
|
comment: 'Base blue color with 60% opacity',
|
|
3609
|
-
value: 'rgba(
|
|
3609
|
+
value: 'rgba(36, 91, 231, 0.6)',
|
|
3610
3610
|
attributes: {
|
|
3611
|
-
hex: '
|
|
3611
|
+
hex: '245be7',
|
|
3612
3612
|
rgb: {
|
|
3613
|
-
r:
|
|
3614
|
-
g:
|
|
3615
|
-
b:
|
|
3613
|
+
r: 36,
|
|
3614
|
+
g: 91,
|
|
3615
|
+
b: 231,
|
|
3616
3616
|
a: 0.6
|
|
3617
3617
|
}
|
|
3618
3618
|
}
|
|
@@ -3620,13 +3620,13 @@ var DESIGN_TOKENS = {
|
|
|
3620
3620
|
L3: {
|
|
3621
3621
|
version: '0.22',
|
|
3622
3622
|
comment: 'Base blue color with 40% opacity',
|
|
3623
|
-
value: 'rgba(
|
|
3623
|
+
value: 'rgba(36, 91, 231, 0.4)',
|
|
3624
3624
|
attributes: {
|
|
3625
|
-
hex: '
|
|
3625
|
+
hex: '245be7',
|
|
3626
3626
|
rgb: {
|
|
3627
|
-
r:
|
|
3628
|
-
g:
|
|
3629
|
-
b:
|
|
3627
|
+
r: 36,
|
|
3628
|
+
g: 91,
|
|
3629
|
+
b: 231,
|
|
3630
3630
|
a: 0.4
|
|
3631
3631
|
}
|
|
3632
3632
|
}
|
|
@@ -3634,13 +3634,13 @@ var DESIGN_TOKENS = {
|
|
|
3634
3634
|
L4: {
|
|
3635
3635
|
version: '0.22',
|
|
3636
3636
|
comment: 'Base blue color with 20% opacity',
|
|
3637
|
-
value: 'rgba(
|
|
3637
|
+
value: 'rgba(36, 91, 231, 0.2)',
|
|
3638
3638
|
attributes: {
|
|
3639
|
-
hex: '
|
|
3639
|
+
hex: '245be7',
|
|
3640
3640
|
rgb: {
|
|
3641
|
-
r:
|
|
3642
|
-
g:
|
|
3643
|
-
b:
|
|
3641
|
+
r: 36,
|
|
3642
|
+
g: 91,
|
|
3643
|
+
b: 231,
|
|
3644
3644
|
a: 0.2
|
|
3645
3645
|
}
|
|
3646
3646
|
}
|
|
@@ -3648,13 +3648,13 @@ var DESIGN_TOKENS = {
|
|
|
3648
3648
|
L5: {
|
|
3649
3649
|
version: '0.22',
|
|
3650
3650
|
comment: 'Base blue color with 10% opacity',
|
|
3651
|
-
value: 'rgba(
|
|
3651
|
+
value: 'rgba(36, 91, 231, 0.1)',
|
|
3652
3652
|
attributes: {
|
|
3653
|
-
hex: '
|
|
3653
|
+
hex: '245be7',
|
|
3654
3654
|
rgb: {
|
|
3655
|
-
r:
|
|
3656
|
-
g:
|
|
3657
|
-
b:
|
|
3655
|
+
r: 36,
|
|
3656
|
+
g: 91,
|
|
3657
|
+
b: 231,
|
|
3658
3658
|
a: 0.1
|
|
3659
3659
|
}
|
|
3660
3660
|
}
|
|
@@ -3662,13 +3662,13 @@ var DESIGN_TOKENS = {
|
|
|
3662
3662
|
L6: {
|
|
3663
3663
|
version: '0.22',
|
|
3664
3664
|
comment: 'Base blue color with 5% opacity',
|
|
3665
|
-
value: 'rgba(
|
|
3665
|
+
value: 'rgba(36, 91, 231, 0.05)',
|
|
3666
3666
|
attributes: {
|
|
3667
|
-
hex: '
|
|
3667
|
+
hex: '245be7',
|
|
3668
3668
|
rgb: {
|
|
3669
|
-
r:
|
|
3670
|
-
g:
|
|
3671
|
-
b:
|
|
3669
|
+
r: 36,
|
|
3670
|
+
g: 91,
|
|
3671
|
+
b: 231,
|
|
3672
3672
|
a: 0.05
|
|
3673
3673
|
}
|
|
3674
3674
|
}
|
|
@@ -3678,13 +3678,13 @@ var DESIGN_TOKENS = {
|
|
|
3678
3678
|
D2: {
|
|
3679
3679
|
version: '0.22',
|
|
3680
3680
|
comment: 'Darkest green color',
|
|
3681
|
-
value: 'rgb(
|
|
3681
|
+
value: 'rgb(26, 110, 89)',
|
|
3682
3682
|
attributes: {
|
|
3683
|
-
hex: '
|
|
3683
|
+
hex: '1a6e59',
|
|
3684
3684
|
rgb: {
|
|
3685
|
-
r:
|
|
3686
|
-
g:
|
|
3687
|
-
b:
|
|
3685
|
+
r: 26,
|
|
3686
|
+
g: 110,
|
|
3687
|
+
b: 89,
|
|
3688
3688
|
a: 1
|
|
3689
3689
|
}
|
|
3690
3690
|
}
|
|
@@ -3692,13 +3692,13 @@ var DESIGN_TOKENS = {
|
|
|
3692
3692
|
D1: {
|
|
3693
3693
|
version: '0.22',
|
|
3694
3694
|
comment: 'Dark green color',
|
|
3695
|
-
value: 'rgb(
|
|
3695
|
+
value: 'rgb(23, 122, 97)',
|
|
3696
3696
|
attributes: {
|
|
3697
|
-
hex: '
|
|
3697
|
+
hex: '177a61',
|
|
3698
3698
|
rgb: {
|
|
3699
|
-
r:
|
|
3700
|
-
g:
|
|
3701
|
-
b:
|
|
3699
|
+
r: 23,
|
|
3700
|
+
g: 122,
|
|
3701
|
+
b: 97,
|
|
3702
3702
|
a: 1
|
|
3703
3703
|
}
|
|
3704
3704
|
}
|
|
@@ -3706,13 +3706,13 @@ var DESIGN_TOKENS = {
|
|
|
3706
3706
|
N: {
|
|
3707
3707
|
version: '0.22',
|
|
3708
3708
|
comment: 'Neutral green color',
|
|
3709
|
-
value: 'rgb(
|
|
3709
|
+
value: 'rgb(19, 134, 105)',
|
|
3710
3710
|
attributes: {
|
|
3711
|
-
hex: '
|
|
3711
|
+
hex: '138669',
|
|
3712
3712
|
rgb: {
|
|
3713
|
-
r:
|
|
3714
|
-
g:
|
|
3715
|
-
b:
|
|
3713
|
+
r: 19,
|
|
3714
|
+
g: 134,
|
|
3715
|
+
b: 105,
|
|
3716
3716
|
a: 1
|
|
3717
3717
|
}
|
|
3718
3718
|
}
|
|
@@ -3720,13 +3720,13 @@ var DESIGN_TOKENS = {
|
|
|
3720
3720
|
L1: {
|
|
3721
3721
|
version: '0.22',
|
|
3722
3722
|
comment: 'Base green color with 80% opacity',
|
|
3723
|
-
value: 'rgba(
|
|
3723
|
+
value: 'rgba(19, 134, 105, 0.8)',
|
|
3724
3724
|
attributes: {
|
|
3725
|
-
hex: '
|
|
3725
|
+
hex: '138669',
|
|
3726
3726
|
rgb: {
|
|
3727
|
-
r:
|
|
3728
|
-
g:
|
|
3729
|
-
b:
|
|
3727
|
+
r: 19,
|
|
3728
|
+
g: 134,
|
|
3729
|
+
b: 105,
|
|
3730
3730
|
a: 0.8
|
|
3731
3731
|
}
|
|
3732
3732
|
}
|
|
@@ -3734,13 +3734,13 @@ var DESIGN_TOKENS = {
|
|
|
3734
3734
|
L2: {
|
|
3735
3735
|
version: '0.22',
|
|
3736
3736
|
comment: 'Base green color with 60% opacity',
|
|
3737
|
-
value: 'rgba(
|
|
3737
|
+
value: 'rgba(19, 134, 105, 0.6)',
|
|
3738
3738
|
attributes: {
|
|
3739
|
-
hex: '
|
|
3739
|
+
hex: '138669',
|
|
3740
3740
|
rgb: {
|
|
3741
|
-
r:
|
|
3742
|
-
g:
|
|
3743
|
-
b:
|
|
3741
|
+
r: 19,
|
|
3742
|
+
g: 134,
|
|
3743
|
+
b: 105,
|
|
3744
3744
|
a: 0.6
|
|
3745
3745
|
}
|
|
3746
3746
|
}
|
|
@@ -3748,13 +3748,13 @@ var DESIGN_TOKENS = {
|
|
|
3748
3748
|
L3: {
|
|
3749
3749
|
version: '0.22',
|
|
3750
3750
|
comment: 'Base green color with 40% opacity',
|
|
3751
|
-
value: 'rgba(
|
|
3751
|
+
value: 'rgba(19, 134, 105, 0.4)',
|
|
3752
3752
|
attributes: {
|
|
3753
|
-
hex: '
|
|
3753
|
+
hex: '138669',
|
|
3754
3754
|
rgb: {
|
|
3755
|
-
r:
|
|
3756
|
-
g:
|
|
3757
|
-
b:
|
|
3755
|
+
r: 19,
|
|
3756
|
+
g: 134,
|
|
3757
|
+
b: 105,
|
|
3758
3758
|
a: 0.4
|
|
3759
3759
|
}
|
|
3760
3760
|
}
|
|
@@ -3762,13 +3762,13 @@ var DESIGN_TOKENS = {
|
|
|
3762
3762
|
L4: {
|
|
3763
3763
|
version: '0.22',
|
|
3764
3764
|
comment: 'Base green color with 20% opacity',
|
|
3765
|
-
value: 'rgba(
|
|
3765
|
+
value: 'rgba(19, 134, 105, 0.2)',
|
|
3766
3766
|
attributes: {
|
|
3767
|
-
hex: '
|
|
3767
|
+
hex: '138669',
|
|
3768
3768
|
rgb: {
|
|
3769
|
-
r:
|
|
3770
|
-
g:
|
|
3771
|
-
b:
|
|
3769
|
+
r: 19,
|
|
3770
|
+
g: 134,
|
|
3771
|
+
b: 105,
|
|
3772
3772
|
a: 0.2
|
|
3773
3773
|
}
|
|
3774
3774
|
}
|
|
@@ -3776,13 +3776,13 @@ var DESIGN_TOKENS = {
|
|
|
3776
3776
|
L5: {
|
|
3777
3777
|
version: '0.22',
|
|
3778
3778
|
comment: 'Base green color with 10% opacity',
|
|
3779
|
-
value: 'rgba(
|
|
3779
|
+
value: 'rgba(19, 134, 105, 0.1)',
|
|
3780
3780
|
attributes: {
|
|
3781
|
-
hex: '
|
|
3781
|
+
hex: '138669',
|
|
3782
3782
|
rgb: {
|
|
3783
|
-
r:
|
|
3784
|
-
g:
|
|
3785
|
-
b:
|
|
3783
|
+
r: 19,
|
|
3784
|
+
g: 134,
|
|
3785
|
+
b: 105,
|
|
3786
3786
|
a: 0.1
|
|
3787
3787
|
}
|
|
3788
3788
|
}
|
|
@@ -3790,13 +3790,13 @@ var DESIGN_TOKENS = {
|
|
|
3790
3790
|
L6: {
|
|
3791
3791
|
version: '0.22',
|
|
3792
3792
|
comment: 'Base green color with 5% opacity',
|
|
3793
|
-
value: 'rgba(
|
|
3793
|
+
value: 'rgba(19, 134, 105, 0.05)',
|
|
3794
3794
|
attributes: {
|
|
3795
|
-
hex: '
|
|
3795
|
+
hex: '138669',
|
|
3796
3796
|
rgb: {
|
|
3797
|
-
r:
|
|
3798
|
-
g:
|
|
3799
|
-
b:
|
|
3797
|
+
r: 19,
|
|
3798
|
+
g: 134,
|
|
3799
|
+
b: 105,
|
|
3800
3800
|
a: 0.05
|
|
3801
3801
|
}
|
|
3802
3802
|
}
|
|
@@ -3806,13 +3806,13 @@ var DESIGN_TOKENS = {
|
|
|
3806
3806
|
D2: {
|
|
3807
3807
|
version: '0.22',
|
|
3808
3808
|
comment: 'Darkest yellow color',
|
|
3809
|
-
value: 'rgb(255,
|
|
3809
|
+
value: 'rgb(255, 161, 37)',
|
|
3810
3810
|
attributes: {
|
|
3811
|
-
hex: '
|
|
3811
|
+
hex: 'ffa125',
|
|
3812
3812
|
rgb: {
|
|
3813
3813
|
r: 255,
|
|
3814
|
-
g:
|
|
3815
|
-
b:
|
|
3814
|
+
g: 161,
|
|
3815
|
+
b: 37,
|
|
3816
3816
|
a: 1
|
|
3817
3817
|
}
|
|
3818
3818
|
}
|
|
@@ -3820,13 +3820,13 @@ var DESIGN_TOKENS = {
|
|
|
3820
3820
|
D1: {
|
|
3821
3821
|
version: '0.22',
|
|
3822
3822
|
comment: 'Dark yellow color',
|
|
3823
|
-
value: 'rgb(255,
|
|
3823
|
+
value: 'rgb(255, 179, 37)',
|
|
3824
3824
|
attributes: {
|
|
3825
|
-
hex: '
|
|
3825
|
+
hex: 'ffb325',
|
|
3826
3826
|
rgb: {
|
|
3827
3827
|
r: 255,
|
|
3828
|
-
g:
|
|
3829
|
-
b:
|
|
3828
|
+
g: 179,
|
|
3829
|
+
b: 37,
|
|
3830
3830
|
a: 1
|
|
3831
3831
|
}
|
|
3832
3832
|
}
|
|
@@ -3834,13 +3834,13 @@ var DESIGN_TOKENS = {
|
|
|
3834
3834
|
N: {
|
|
3835
3835
|
version: '0.22',
|
|
3836
3836
|
comment: 'Neutral yellow color',
|
|
3837
|
-
value: 'rgb(255,
|
|
3837
|
+
value: 'rgb(255, 196, 37)',
|
|
3838
3838
|
attributes: {
|
|
3839
|
-
hex: '
|
|
3839
|
+
hex: 'ffc425',
|
|
3840
3840
|
rgb: {
|
|
3841
3841
|
r: 255,
|
|
3842
|
-
g:
|
|
3843
|
-
b:
|
|
3842
|
+
g: 196,
|
|
3843
|
+
b: 37,
|
|
3844
3844
|
a: 1
|
|
3845
3845
|
}
|
|
3846
3846
|
}
|
|
@@ -3848,41 +3848,41 @@ var DESIGN_TOKENS = {
|
|
|
3848
3848
|
L1: {
|
|
3849
3849
|
version: '0.22',
|
|
3850
3850
|
comment: 'Base yellow color with 80% opacity',
|
|
3851
|
-
value: 'rgba(255,
|
|
3851
|
+
value: 'rgba(255, 196, 37, 0.9)',
|
|
3852
3852
|
attributes: {
|
|
3853
|
-
hex: '
|
|
3853
|
+
hex: 'ffc425',
|
|
3854
3854
|
rgb: {
|
|
3855
3855
|
r: 255,
|
|
3856
|
-
g:
|
|
3857
|
-
b:
|
|
3858
|
-
a: 0.
|
|
3856
|
+
g: 196,
|
|
3857
|
+
b: 37,
|
|
3858
|
+
a: 0.9
|
|
3859
3859
|
}
|
|
3860
3860
|
}
|
|
3861
3861
|
},
|
|
3862
3862
|
L2: {
|
|
3863
3863
|
version: '0.22',
|
|
3864
3864
|
comment: 'Base yellow color with 70% opacity',
|
|
3865
|
-
value: 'rgba(255,
|
|
3865
|
+
value: 'rgba(255, 196, 37, 0.8)',
|
|
3866
3866
|
attributes: {
|
|
3867
|
-
hex: '
|
|
3867
|
+
hex: 'ffc425',
|
|
3868
3868
|
rgb: {
|
|
3869
3869
|
r: 255,
|
|
3870
|
-
g:
|
|
3871
|
-
b:
|
|
3872
|
-
a: 0.
|
|
3870
|
+
g: 196,
|
|
3871
|
+
b: 37,
|
|
3872
|
+
a: 0.8
|
|
3873
3873
|
}
|
|
3874
3874
|
}
|
|
3875
3875
|
},
|
|
3876
3876
|
L3: {
|
|
3877
3877
|
version: '0.22',
|
|
3878
3878
|
comment: 'Base yellow color with 60% opacity',
|
|
3879
|
-
value: 'rgba(255,
|
|
3879
|
+
value: 'rgba(255, 196, 37, 0.6)',
|
|
3880
3880
|
attributes: {
|
|
3881
|
-
hex: '
|
|
3881
|
+
hex: 'ffc425',
|
|
3882
3882
|
rgb: {
|
|
3883
3883
|
r: 255,
|
|
3884
|
-
g:
|
|
3885
|
-
b:
|
|
3884
|
+
g: 196,
|
|
3885
|
+
b: 37,
|
|
3886
3886
|
a: 0.6
|
|
3887
3887
|
}
|
|
3888
3888
|
}
|
|
@@ -3890,42 +3890,42 @@ var DESIGN_TOKENS = {
|
|
|
3890
3890
|
L4: {
|
|
3891
3891
|
version: '0.22',
|
|
3892
3892
|
comment: 'Base yellow color with 40% opacity',
|
|
3893
|
-
value: 'rgba(255,
|
|
3893
|
+
value: 'rgba(255, 196, 37, 0.48)',
|
|
3894
3894
|
attributes: {
|
|
3895
|
-
hex: '
|
|
3895
|
+
hex: 'ffc425',
|
|
3896
3896
|
rgb: {
|
|
3897
3897
|
r: 255,
|
|
3898
|
-
g:
|
|
3899
|
-
b:
|
|
3900
|
-
a: 0.
|
|
3898
|
+
g: 196,
|
|
3899
|
+
b: 37,
|
|
3900
|
+
a: 0.48
|
|
3901
3901
|
}
|
|
3902
3902
|
}
|
|
3903
3903
|
},
|
|
3904
3904
|
L5: {
|
|
3905
3905
|
version: '0.22',
|
|
3906
3906
|
comment: 'Base yellow color with 20% opacity',
|
|
3907
|
-
value: 'rgba(255,
|
|
3907
|
+
value: 'rgba(255, 196, 37, 0.24)',
|
|
3908
3908
|
attributes: {
|
|
3909
|
-
hex: '
|
|
3909
|
+
hex: 'ffc425',
|
|
3910
3910
|
rgb: {
|
|
3911
3911
|
r: 255,
|
|
3912
|
-
g:
|
|
3913
|
-
b:
|
|
3914
|
-
a: 0.
|
|
3912
|
+
g: 196,
|
|
3913
|
+
b: 37,
|
|
3914
|
+
a: 0.24
|
|
3915
3915
|
}
|
|
3916
3916
|
}
|
|
3917
3917
|
},
|
|
3918
3918
|
L6: {
|
|
3919
3919
|
version: '0.22',
|
|
3920
3920
|
comment: 'Base yellow color with 10% opacity',
|
|
3921
|
-
value: 'rgba(255,
|
|
3921
|
+
value: 'rgba(255, 196, 37, 0.12)',
|
|
3922
3922
|
attributes: {
|
|
3923
|
-
hex: '
|
|
3923
|
+
hex: 'ffc425',
|
|
3924
3924
|
rgb: {
|
|
3925
3925
|
r: 255,
|
|
3926
|
-
g:
|
|
3927
|
-
b:
|
|
3928
|
-
a: 0.
|
|
3926
|
+
g: 196,
|
|
3927
|
+
b: 37,
|
|
3928
|
+
a: 0.12
|
|
3929
3929
|
}
|
|
3930
3930
|
}
|
|
3931
3931
|
}
|
|
@@ -3934,13 +3934,13 @@ var DESIGN_TOKENS = {
|
|
|
3934
3934
|
D2: {
|
|
3935
3935
|
version: '0.22',
|
|
3936
3936
|
comment: 'Darkest red color',
|
|
3937
|
-
value: 'rgb(
|
|
3937
|
+
value: 'rgb(190, 30, 70)',
|
|
3938
3938
|
attributes: {
|
|
3939
|
-
hex: '
|
|
3939
|
+
hex: 'be1e46',
|
|
3940
3940
|
rgb: {
|
|
3941
|
-
r:
|
|
3942
|
-
g:
|
|
3943
|
-
b:
|
|
3941
|
+
r: 190,
|
|
3942
|
+
g: 30,
|
|
3943
|
+
b: 70,
|
|
3944
3944
|
a: 1
|
|
3945
3945
|
}
|
|
3946
3946
|
}
|
|
@@ -3948,13 +3948,13 @@ var DESIGN_TOKENS = {
|
|
|
3948
3948
|
D1: {
|
|
3949
3949
|
version: '0.22',
|
|
3950
3950
|
comment: 'Dark red color',
|
|
3951
|
-
value: 'rgb(
|
|
3951
|
+
value: 'rgb(212, 33, 72)',
|
|
3952
3952
|
attributes: {
|
|
3953
|
-
hex: '
|
|
3953
|
+
hex: 'd42148',
|
|
3954
3954
|
rgb: {
|
|
3955
|
-
r:
|
|
3956
|
-
g:
|
|
3957
|
-
b:
|
|
3955
|
+
r: 212,
|
|
3956
|
+
g: 33,
|
|
3957
|
+
b: 72,
|
|
3958
3958
|
a: 1
|
|
3959
3959
|
}
|
|
3960
3960
|
}
|
|
@@ -3962,13 +3962,13 @@ var DESIGN_TOKENS = {
|
|
|
3962
3962
|
N: {
|
|
3963
3963
|
version: '0.22',
|
|
3964
3964
|
comment: 'Neutral red color',
|
|
3965
|
-
value: 'rgb(
|
|
3965
|
+
value: 'rgb(223, 48, 80)',
|
|
3966
3966
|
attributes: {
|
|
3967
|
-
hex: '
|
|
3967
|
+
hex: 'df3050',
|
|
3968
3968
|
rgb: {
|
|
3969
|
-
r:
|
|
3970
|
-
g:
|
|
3971
|
-
b:
|
|
3969
|
+
r: 223,
|
|
3970
|
+
g: 48,
|
|
3971
|
+
b: 80,
|
|
3972
3972
|
a: 1
|
|
3973
3973
|
}
|
|
3974
3974
|
}
|
|
@@ -3976,13 +3976,13 @@ var DESIGN_TOKENS = {
|
|
|
3976
3976
|
L1: {
|
|
3977
3977
|
version: '0.22',
|
|
3978
3978
|
comment: 'Base red color with 80% opacity',
|
|
3979
|
-
value: 'rgba(
|
|
3979
|
+
value: 'rgba(223, 48, 80, 0.8)',
|
|
3980
3980
|
attributes: {
|
|
3981
|
-
hex: '
|
|
3981
|
+
hex: 'df3050',
|
|
3982
3982
|
rgb: {
|
|
3983
|
-
r:
|
|
3984
|
-
g:
|
|
3985
|
-
b:
|
|
3983
|
+
r: 223,
|
|
3984
|
+
g: 48,
|
|
3985
|
+
b: 80,
|
|
3986
3986
|
a: 0.8
|
|
3987
3987
|
}
|
|
3988
3988
|
}
|
|
@@ -3990,13 +3990,13 @@ var DESIGN_TOKENS = {
|
|
|
3990
3990
|
L2: {
|
|
3991
3991
|
version: '0.22',
|
|
3992
3992
|
comment: 'Base red color with 60% opacity',
|
|
3993
|
-
value: 'rgba(
|
|
3993
|
+
value: 'rgba(223, 48, 80, 0.6)',
|
|
3994
3994
|
attributes: {
|
|
3995
|
-
hex: '
|
|
3995
|
+
hex: 'df3050',
|
|
3996
3996
|
rgb: {
|
|
3997
|
-
r:
|
|
3998
|
-
g:
|
|
3999
|
-
b:
|
|
3997
|
+
r: 223,
|
|
3998
|
+
g: 48,
|
|
3999
|
+
b: 80,
|
|
4000
4000
|
a: 0.6
|
|
4001
4001
|
}
|
|
4002
4002
|
}
|
|
@@ -4004,13 +4004,13 @@ var DESIGN_TOKENS = {
|
|
|
4004
4004
|
L3: {
|
|
4005
4005
|
version: '0.22',
|
|
4006
4006
|
comment: 'Base red color with 40% opacity',
|
|
4007
|
-
value: 'rgba(
|
|
4007
|
+
value: 'rgba(223, 48, 80, 0.4)',
|
|
4008
4008
|
attributes: {
|
|
4009
|
-
hex: '
|
|
4009
|
+
hex: 'df3050',
|
|
4010
4010
|
rgb: {
|
|
4011
|
-
r:
|
|
4012
|
-
g:
|
|
4013
|
-
b:
|
|
4011
|
+
r: 223,
|
|
4012
|
+
g: 48,
|
|
4013
|
+
b: 80,
|
|
4014
4014
|
a: 0.4
|
|
4015
4015
|
}
|
|
4016
4016
|
}
|
|
@@ -4018,13 +4018,13 @@ var DESIGN_TOKENS = {
|
|
|
4018
4018
|
L4: {
|
|
4019
4019
|
version: '0.22',
|
|
4020
4020
|
comment: 'Base red color with 20% opacity',
|
|
4021
|
-
value: 'rgba(
|
|
4021
|
+
value: 'rgba(223, 48, 80, 0.2)',
|
|
4022
4022
|
attributes: {
|
|
4023
|
-
hex: '
|
|
4023
|
+
hex: 'df3050',
|
|
4024
4024
|
rgb: {
|
|
4025
|
-
r:
|
|
4026
|
-
g:
|
|
4027
|
-
b:
|
|
4025
|
+
r: 223,
|
|
4026
|
+
g: 48,
|
|
4027
|
+
b: 80,
|
|
4028
4028
|
a: 0.2
|
|
4029
4029
|
}
|
|
4030
4030
|
}
|
|
@@ -4032,13 +4032,13 @@ var DESIGN_TOKENS = {
|
|
|
4032
4032
|
L5: {
|
|
4033
4033
|
version: '0.22',
|
|
4034
4034
|
comment: 'Base red color with 10% opacity',
|
|
4035
|
-
value: 'rgba(
|
|
4035
|
+
value: 'rgba(223, 48, 80, 0.1)',
|
|
4036
4036
|
attributes: {
|
|
4037
|
-
hex: '
|
|
4037
|
+
hex: 'df3050',
|
|
4038
4038
|
rgb: {
|
|
4039
|
-
r:
|
|
4040
|
-
g:
|
|
4041
|
-
b:
|
|
4039
|
+
r: 223,
|
|
4040
|
+
g: 48,
|
|
4041
|
+
b: 80,
|
|
4042
4042
|
a: 0.1
|
|
4043
4043
|
}
|
|
4044
4044
|
}
|
|
@@ -4046,13 +4046,13 @@ var DESIGN_TOKENS = {
|
|
|
4046
4046
|
L6: {
|
|
4047
4047
|
version: '0.22',
|
|
4048
4048
|
comment: 'Base red color with 5% opacity',
|
|
4049
|
-
value: 'rgba(
|
|
4049
|
+
value: 'rgba(223, 48, 80, 0.05)',
|
|
4050
4050
|
attributes: {
|
|
4051
|
-
hex: '
|
|
4051
|
+
hex: 'df3050',
|
|
4052
4052
|
rgb: {
|
|
4053
|
-
r:
|
|
4054
|
-
g:
|
|
4055
|
-
b:
|
|
4053
|
+
r: 223,
|
|
4054
|
+
g: 48,
|
|
4055
|
+
b: 80,
|
|
4056
4056
|
a: 0.05
|
|
4057
4057
|
}
|
|
4058
4058
|
}
|
|
@@ -4162,13 +4162,13 @@ var DESIGN_TOKENS = {
|
|
|
4162
4162
|
D2: {
|
|
4163
4163
|
version: '0.22',
|
|
4164
4164
|
comment: 'Darkest blue color',
|
|
4165
|
-
value: 'rgb(
|
|
4165
|
+
value: 'rgb(21, 70, 193)',
|
|
4166
4166
|
attributes: {
|
|
4167
|
-
hex: '
|
|
4167
|
+
hex: '1546c1',
|
|
4168
4168
|
rgb: {
|
|
4169
|
-
r:
|
|
4170
|
-
g:
|
|
4171
|
-
b:
|
|
4169
|
+
r: 21,
|
|
4170
|
+
g: 70,
|
|
4171
|
+
b: 193,
|
|
4172
4172
|
a: 1
|
|
4173
4173
|
}
|
|
4174
4174
|
}
|
|
@@ -4176,13 +4176,13 @@ var DESIGN_TOKENS = {
|
|
|
4176
4176
|
D1: {
|
|
4177
4177
|
version: '0.22',
|
|
4178
4178
|
comment: 'Dark blue color',
|
|
4179
|
-
value: 'rgb(
|
|
4179
|
+
value: 'rgb(24, 78, 216)',
|
|
4180
4180
|
attributes: {
|
|
4181
|
-
hex: '
|
|
4181
|
+
hex: '184ed8',
|
|
4182
4182
|
rgb: {
|
|
4183
|
-
r:
|
|
4184
|
-
g:
|
|
4185
|
-
b:
|
|
4183
|
+
r: 24,
|
|
4184
|
+
g: 78,
|
|
4185
|
+
b: 216,
|
|
4186
4186
|
a: 1
|
|
4187
4187
|
}
|
|
4188
4188
|
}
|
|
@@ -4190,13 +4190,13 @@ var DESIGN_TOKENS = {
|
|
|
4190
4190
|
N: {
|
|
4191
4191
|
version: '0.22',
|
|
4192
4192
|
comment: 'Neutral blue color',
|
|
4193
|
-
value: 'rgb(
|
|
4193
|
+
value: 'rgb(36, 91, 231)',
|
|
4194
4194
|
attributes: {
|
|
4195
|
-
hex: '
|
|
4195
|
+
hex: '245be7',
|
|
4196
4196
|
rgb: {
|
|
4197
|
-
r:
|
|
4198
|
-
g:
|
|
4199
|
-
b:
|
|
4197
|
+
r: 36,
|
|
4198
|
+
g: 91,
|
|
4199
|
+
b: 231,
|
|
4200
4200
|
a: 1
|
|
4201
4201
|
}
|
|
4202
4202
|
}
|
|
@@ -4204,13 +4204,13 @@ var DESIGN_TOKENS = {
|
|
|
4204
4204
|
L1: {
|
|
4205
4205
|
version: '0.22',
|
|
4206
4206
|
comment: 'Base blue color with 80% opacity',
|
|
4207
|
-
value: 'rgba(
|
|
4207
|
+
value: 'rgba(36, 91, 231, 0.8)',
|
|
4208
4208
|
attributes: {
|
|
4209
|
-
hex: '
|
|
4209
|
+
hex: '245be7',
|
|
4210
4210
|
rgb: {
|
|
4211
|
-
r:
|
|
4212
|
-
g:
|
|
4213
|
-
b:
|
|
4211
|
+
r: 36,
|
|
4212
|
+
g: 91,
|
|
4213
|
+
b: 231,
|
|
4214
4214
|
a: 0.8
|
|
4215
4215
|
}
|
|
4216
4216
|
}
|
|
@@ -4218,13 +4218,13 @@ var DESIGN_TOKENS = {
|
|
|
4218
4218
|
L2: {
|
|
4219
4219
|
version: '0.22',
|
|
4220
4220
|
comment: 'Base blue color with 60% opacity',
|
|
4221
|
-
value: 'rgba(
|
|
4221
|
+
value: 'rgba(36, 91, 231, 0.6)',
|
|
4222
4222
|
attributes: {
|
|
4223
|
-
hex: '
|
|
4223
|
+
hex: '245be7',
|
|
4224
4224
|
rgb: {
|
|
4225
|
-
r:
|
|
4226
|
-
g:
|
|
4227
|
-
b:
|
|
4225
|
+
r: 36,
|
|
4226
|
+
g: 91,
|
|
4227
|
+
b: 231,
|
|
4228
4228
|
a: 0.6
|
|
4229
4229
|
}
|
|
4230
4230
|
}
|
|
@@ -4232,13 +4232,13 @@ var DESIGN_TOKENS = {
|
|
|
4232
4232
|
L3: {
|
|
4233
4233
|
version: '0.22',
|
|
4234
4234
|
comment: 'Base blue color with 40% opacity',
|
|
4235
|
-
value: 'rgba(
|
|
4235
|
+
value: 'rgba(36, 91, 231, 0.4)',
|
|
4236
4236
|
attributes: {
|
|
4237
|
-
hex: '
|
|
4237
|
+
hex: '245be7',
|
|
4238
4238
|
rgb: {
|
|
4239
|
-
r:
|
|
4240
|
-
g:
|
|
4241
|
-
b:
|
|
4239
|
+
r: 36,
|
|
4240
|
+
g: 91,
|
|
4241
|
+
b: 231,
|
|
4242
4242
|
a: 0.4
|
|
4243
4243
|
}
|
|
4244
4244
|
}
|
|
@@ -4246,13 +4246,13 @@ var DESIGN_TOKENS = {
|
|
|
4246
4246
|
L4: {
|
|
4247
4247
|
version: '0.22',
|
|
4248
4248
|
comment: 'Base blue color with 20% opacity',
|
|
4249
|
-
value: 'rgba(
|
|
4249
|
+
value: 'rgba(36, 91, 231, 0.2)',
|
|
4250
4250
|
attributes: {
|
|
4251
|
-
hex: '
|
|
4251
|
+
hex: '245be7',
|
|
4252
4252
|
rgb: {
|
|
4253
|
-
r:
|
|
4254
|
-
g:
|
|
4255
|
-
b:
|
|
4253
|
+
r: 36,
|
|
4254
|
+
g: 91,
|
|
4255
|
+
b: 231,
|
|
4256
4256
|
a: 0.2
|
|
4257
4257
|
}
|
|
4258
4258
|
}
|
|
@@ -4260,13 +4260,13 @@ var DESIGN_TOKENS = {
|
|
|
4260
4260
|
L5: {
|
|
4261
4261
|
version: '0.22',
|
|
4262
4262
|
comment: 'Base blue color with 10% opacity',
|
|
4263
|
-
value: 'rgba(
|
|
4263
|
+
value: 'rgba(36, 91, 231, 0.1)',
|
|
4264
4264
|
attributes: {
|
|
4265
|
-
hex: '
|
|
4265
|
+
hex: '245be7',
|
|
4266
4266
|
rgb: {
|
|
4267
|
-
r:
|
|
4268
|
-
g:
|
|
4269
|
-
b:
|
|
4267
|
+
r: 36,
|
|
4268
|
+
g: 91,
|
|
4269
|
+
b: 231,
|
|
4270
4270
|
a: 0.1
|
|
4271
4271
|
}
|
|
4272
4272
|
}
|
|
@@ -4274,13 +4274,13 @@ var DESIGN_TOKENS = {
|
|
|
4274
4274
|
L6: {
|
|
4275
4275
|
version: '0.22',
|
|
4276
4276
|
comment: 'Base blue color with 5% opacity',
|
|
4277
|
-
value: 'rgba(
|
|
4277
|
+
value: 'rgba(36, 91, 231, 0.05)',
|
|
4278
4278
|
attributes: {
|
|
4279
|
-
hex: '
|
|
4279
|
+
hex: '245be7',
|
|
4280
4280
|
rgb: {
|
|
4281
|
-
r:
|
|
4282
|
-
g:
|
|
4283
|
-
b:
|
|
4281
|
+
r: 36,
|
|
4282
|
+
g: 91,
|
|
4283
|
+
b: 231,
|
|
4284
4284
|
a: 0.05
|
|
4285
4285
|
}
|
|
4286
4286
|
}
|
|
@@ -4290,13 +4290,13 @@ var DESIGN_TOKENS = {
|
|
|
4290
4290
|
D2: {
|
|
4291
4291
|
version: '0.22',
|
|
4292
4292
|
comment: 'Darkest green color',
|
|
4293
|
-
value: 'rgb(
|
|
4293
|
+
value: 'rgb(26, 110, 89)',
|
|
4294
4294
|
attributes: {
|
|
4295
|
-
hex: '
|
|
4295
|
+
hex: '1a6e59',
|
|
4296
4296
|
rgb: {
|
|
4297
|
-
r:
|
|
4298
|
-
g:
|
|
4299
|
-
b:
|
|
4297
|
+
r: 26,
|
|
4298
|
+
g: 110,
|
|
4299
|
+
b: 89,
|
|
4300
4300
|
a: 1
|
|
4301
4301
|
}
|
|
4302
4302
|
}
|
|
@@ -4304,13 +4304,13 @@ var DESIGN_TOKENS = {
|
|
|
4304
4304
|
D1: {
|
|
4305
4305
|
version: '0.22',
|
|
4306
4306
|
comment: 'Dark green color',
|
|
4307
|
-
value: 'rgb(
|
|
4307
|
+
value: 'rgb(23, 122, 97)',
|
|
4308
4308
|
attributes: {
|
|
4309
|
-
hex: '
|
|
4309
|
+
hex: '177a61',
|
|
4310
4310
|
rgb: {
|
|
4311
|
-
r:
|
|
4312
|
-
g:
|
|
4313
|
-
b:
|
|
4311
|
+
r: 23,
|
|
4312
|
+
g: 122,
|
|
4313
|
+
b: 97,
|
|
4314
4314
|
a: 1
|
|
4315
4315
|
}
|
|
4316
4316
|
}
|
|
@@ -4318,13 +4318,13 @@ var DESIGN_TOKENS = {
|
|
|
4318
4318
|
N: {
|
|
4319
4319
|
version: '0.22',
|
|
4320
4320
|
comment: 'Neutral green color',
|
|
4321
|
-
value: 'rgb(
|
|
4321
|
+
value: 'rgb(19, 134, 105)',
|
|
4322
4322
|
attributes: {
|
|
4323
|
-
hex: '
|
|
4323
|
+
hex: '138669',
|
|
4324
4324
|
rgb: {
|
|
4325
|
-
r:
|
|
4326
|
-
g:
|
|
4327
|
-
b:
|
|
4325
|
+
r: 19,
|
|
4326
|
+
g: 134,
|
|
4327
|
+
b: 105,
|
|
4328
4328
|
a: 1
|
|
4329
4329
|
}
|
|
4330
4330
|
}
|
|
@@ -4332,13 +4332,13 @@ var DESIGN_TOKENS = {
|
|
|
4332
4332
|
L1: {
|
|
4333
4333
|
version: '0.22',
|
|
4334
4334
|
comment: 'Base green color with 80% opacity',
|
|
4335
|
-
value: 'rgba(
|
|
4335
|
+
value: 'rgba(19, 134, 105, 0.8)',
|
|
4336
4336
|
attributes: {
|
|
4337
|
-
hex: '
|
|
4337
|
+
hex: '138669',
|
|
4338
4338
|
rgb: {
|
|
4339
|
-
r:
|
|
4340
|
-
g:
|
|
4341
|
-
b:
|
|
4339
|
+
r: 19,
|
|
4340
|
+
g: 134,
|
|
4341
|
+
b: 105,
|
|
4342
4342
|
a: 0.8
|
|
4343
4343
|
}
|
|
4344
4344
|
}
|
|
@@ -4346,13 +4346,13 @@ var DESIGN_TOKENS = {
|
|
|
4346
4346
|
L2: {
|
|
4347
4347
|
version: '0.22',
|
|
4348
4348
|
comment: 'Base green color with 60% opacity',
|
|
4349
|
-
value: 'rgba(
|
|
4349
|
+
value: 'rgba(19, 134, 105, 0.6)',
|
|
4350
4350
|
attributes: {
|
|
4351
|
-
hex: '
|
|
4351
|
+
hex: '138669',
|
|
4352
4352
|
rgb: {
|
|
4353
|
-
r:
|
|
4354
|
-
g:
|
|
4355
|
-
b:
|
|
4353
|
+
r: 19,
|
|
4354
|
+
g: 134,
|
|
4355
|
+
b: 105,
|
|
4356
4356
|
a: 0.6
|
|
4357
4357
|
}
|
|
4358
4358
|
}
|
|
@@ -4360,13 +4360,13 @@ var DESIGN_TOKENS = {
|
|
|
4360
4360
|
L3: {
|
|
4361
4361
|
version: '0.22',
|
|
4362
4362
|
comment: 'Base green color with 40% opacity',
|
|
4363
|
-
value: 'rgba(
|
|
4363
|
+
value: 'rgba(19, 134, 105, 0.4)',
|
|
4364
4364
|
attributes: {
|
|
4365
|
-
hex: '
|
|
4365
|
+
hex: '138669',
|
|
4366
4366
|
rgb: {
|
|
4367
|
-
r:
|
|
4368
|
-
g:
|
|
4369
|
-
b:
|
|
4367
|
+
r: 19,
|
|
4368
|
+
g: 134,
|
|
4369
|
+
b: 105,
|
|
4370
4370
|
a: 0.4
|
|
4371
4371
|
}
|
|
4372
4372
|
}
|
|
@@ -4374,13 +4374,13 @@ var DESIGN_TOKENS = {
|
|
|
4374
4374
|
L4: {
|
|
4375
4375
|
version: '0.22',
|
|
4376
4376
|
comment: 'Base green color with 20% opacity',
|
|
4377
|
-
value: 'rgba(
|
|
4377
|
+
value: 'rgba(19, 134, 105, 0.2)',
|
|
4378
4378
|
attributes: {
|
|
4379
|
-
hex: '
|
|
4379
|
+
hex: '138669',
|
|
4380
4380
|
rgb: {
|
|
4381
|
-
r:
|
|
4382
|
-
g:
|
|
4383
|
-
b:
|
|
4381
|
+
r: 19,
|
|
4382
|
+
g: 134,
|
|
4383
|
+
b: 105,
|
|
4384
4384
|
a: 0.2
|
|
4385
4385
|
}
|
|
4386
4386
|
}
|
|
@@ -4388,13 +4388,13 @@ var DESIGN_TOKENS = {
|
|
|
4388
4388
|
L5: {
|
|
4389
4389
|
version: '0.22',
|
|
4390
4390
|
comment: 'Base green color with 10% opacity',
|
|
4391
|
-
value: 'rgba(
|
|
4391
|
+
value: 'rgba(19, 134, 105, 0.1)',
|
|
4392
4392
|
attributes: {
|
|
4393
|
-
hex: '
|
|
4393
|
+
hex: '138669',
|
|
4394
4394
|
rgb: {
|
|
4395
|
-
r:
|
|
4396
|
-
g:
|
|
4397
|
-
b:
|
|
4395
|
+
r: 19,
|
|
4396
|
+
g: 134,
|
|
4397
|
+
b: 105,
|
|
4398
4398
|
a: 0.1
|
|
4399
4399
|
}
|
|
4400
4400
|
}
|
|
@@ -4402,13 +4402,13 @@ var DESIGN_TOKENS = {
|
|
|
4402
4402
|
L6: {
|
|
4403
4403
|
version: '0.22',
|
|
4404
4404
|
comment: 'Base green color with 5% opacity',
|
|
4405
|
-
value: 'rgba(
|
|
4405
|
+
value: 'rgba(19, 134, 105, 0.05)',
|
|
4406
4406
|
attributes: {
|
|
4407
|
-
hex: '
|
|
4407
|
+
hex: '138669',
|
|
4408
4408
|
rgb: {
|
|
4409
|
-
r:
|
|
4410
|
-
g:
|
|
4411
|
-
b:
|
|
4409
|
+
r: 19,
|
|
4410
|
+
g: 134,
|
|
4411
|
+
b: 105,
|
|
4412
4412
|
a: 0.05
|
|
4413
4413
|
}
|
|
4414
4414
|
}
|
|
@@ -4418,13 +4418,13 @@ var DESIGN_TOKENS = {
|
|
|
4418
4418
|
D2: {
|
|
4419
4419
|
version: '0.22',
|
|
4420
4420
|
comment: 'Darkest green color',
|
|
4421
|
-
value: 'rgb(
|
|
4421
|
+
value: 'rgb(26, 110, 89)',
|
|
4422
4422
|
attributes: {
|
|
4423
|
-
hex: '
|
|
4423
|
+
hex: '1a6e59',
|
|
4424
4424
|
rgb: {
|
|
4425
|
-
r:
|
|
4426
|
-
g:
|
|
4427
|
-
b:
|
|
4425
|
+
r: 26,
|
|
4426
|
+
g: 110,
|
|
4427
|
+
b: 89,
|
|
4428
4428
|
a: 1
|
|
4429
4429
|
}
|
|
4430
4430
|
}
|
|
@@ -4432,13 +4432,13 @@ var DESIGN_TOKENS = {
|
|
|
4432
4432
|
D1: {
|
|
4433
4433
|
version: '0.22',
|
|
4434
4434
|
comment: 'Dark green color',
|
|
4435
|
-
value: 'rgb(
|
|
4435
|
+
value: 'rgb(23, 122, 97)',
|
|
4436
4436
|
attributes: {
|
|
4437
|
-
hex: '
|
|
4437
|
+
hex: '177a61',
|
|
4438
4438
|
rgb: {
|
|
4439
|
-
r:
|
|
4440
|
-
g:
|
|
4441
|
-
b:
|
|
4439
|
+
r: 23,
|
|
4440
|
+
g: 122,
|
|
4441
|
+
b: 97,
|
|
4442
4442
|
a: 1
|
|
4443
4443
|
}
|
|
4444
4444
|
}
|
|
@@ -4446,13 +4446,13 @@ var DESIGN_TOKENS = {
|
|
|
4446
4446
|
N: {
|
|
4447
4447
|
version: '0.22',
|
|
4448
4448
|
comment: 'Neutral green color',
|
|
4449
|
-
value: 'rgb(
|
|
4449
|
+
value: 'rgb(19, 134, 105)',
|
|
4450
4450
|
attributes: {
|
|
4451
|
-
hex: '
|
|
4451
|
+
hex: '138669',
|
|
4452
4452
|
rgb: {
|
|
4453
|
-
r:
|
|
4454
|
-
g:
|
|
4455
|
-
b:
|
|
4453
|
+
r: 19,
|
|
4454
|
+
g: 134,
|
|
4455
|
+
b: 105,
|
|
4456
4456
|
a: 1
|
|
4457
4457
|
}
|
|
4458
4458
|
}
|
|
@@ -4460,13 +4460,13 @@ var DESIGN_TOKENS = {
|
|
|
4460
4460
|
L1: {
|
|
4461
4461
|
version: '0.22',
|
|
4462
4462
|
comment: 'Base green color with 80% opacity',
|
|
4463
|
-
value: 'rgba(
|
|
4463
|
+
value: 'rgba(19, 134, 105, 0.8)',
|
|
4464
4464
|
attributes: {
|
|
4465
|
-
hex: '
|
|
4465
|
+
hex: '138669',
|
|
4466
4466
|
rgb: {
|
|
4467
|
-
r:
|
|
4468
|
-
g:
|
|
4469
|
-
b:
|
|
4467
|
+
r: 19,
|
|
4468
|
+
g: 134,
|
|
4469
|
+
b: 105,
|
|
4470
4470
|
a: 0.8
|
|
4471
4471
|
}
|
|
4472
4472
|
}
|
|
@@ -4474,13 +4474,13 @@ var DESIGN_TOKENS = {
|
|
|
4474
4474
|
L2: {
|
|
4475
4475
|
version: '0.22',
|
|
4476
4476
|
comment: 'Base green color with 60% opacity',
|
|
4477
|
-
value: 'rgba(
|
|
4477
|
+
value: 'rgba(19, 134, 105, 0.6)',
|
|
4478
4478
|
attributes: {
|
|
4479
|
-
hex: '
|
|
4479
|
+
hex: '138669',
|
|
4480
4480
|
rgb: {
|
|
4481
|
-
r:
|
|
4482
|
-
g:
|
|
4483
|
-
b:
|
|
4481
|
+
r: 19,
|
|
4482
|
+
g: 134,
|
|
4483
|
+
b: 105,
|
|
4484
4484
|
a: 0.6
|
|
4485
4485
|
}
|
|
4486
4486
|
}
|
|
@@ -4488,13 +4488,13 @@ var DESIGN_TOKENS = {
|
|
|
4488
4488
|
L3: {
|
|
4489
4489
|
version: '0.22',
|
|
4490
4490
|
comment: 'Base green color with 40% opacity',
|
|
4491
|
-
value: 'rgba(
|
|
4491
|
+
value: 'rgba(19, 134, 105, 0.4)',
|
|
4492
4492
|
attributes: {
|
|
4493
|
-
hex: '
|
|
4493
|
+
hex: '138669',
|
|
4494
4494
|
rgb: {
|
|
4495
|
-
r:
|
|
4496
|
-
g:
|
|
4497
|
-
b:
|
|
4495
|
+
r: 19,
|
|
4496
|
+
g: 134,
|
|
4497
|
+
b: 105,
|
|
4498
4498
|
a: 0.4
|
|
4499
4499
|
}
|
|
4500
4500
|
}
|
|
@@ -4502,13 +4502,13 @@ var DESIGN_TOKENS = {
|
|
|
4502
4502
|
L4: {
|
|
4503
4503
|
version: '0.22',
|
|
4504
4504
|
comment: 'Base green color with 20% opacity',
|
|
4505
|
-
value: 'rgba(
|
|
4505
|
+
value: 'rgba(19, 134, 105, 0.2)',
|
|
4506
4506
|
attributes: {
|
|
4507
|
-
hex: '
|
|
4507
|
+
hex: '138669',
|
|
4508
4508
|
rgb: {
|
|
4509
|
-
r:
|
|
4510
|
-
g:
|
|
4511
|
-
b:
|
|
4509
|
+
r: 19,
|
|
4510
|
+
g: 134,
|
|
4511
|
+
b: 105,
|
|
4512
4512
|
a: 0.2
|
|
4513
4513
|
}
|
|
4514
4514
|
}
|
|
@@ -4516,13 +4516,13 @@ var DESIGN_TOKENS = {
|
|
|
4516
4516
|
L5: {
|
|
4517
4517
|
version: '0.22',
|
|
4518
4518
|
comment: 'Base green color with 10% opacity',
|
|
4519
|
-
value: 'rgba(
|
|
4519
|
+
value: 'rgba(19, 134, 105, 0.1)',
|
|
4520
4520
|
attributes: {
|
|
4521
|
-
hex: '
|
|
4521
|
+
hex: '138669',
|
|
4522
4522
|
rgb: {
|
|
4523
|
-
r:
|
|
4524
|
-
g:
|
|
4525
|
-
b:
|
|
4523
|
+
r: 19,
|
|
4524
|
+
g: 134,
|
|
4525
|
+
b: 105,
|
|
4526
4526
|
a: 0.1
|
|
4527
4527
|
}
|
|
4528
4528
|
}
|
|
@@ -4530,13 +4530,13 @@ var DESIGN_TOKENS = {
|
|
|
4530
4530
|
L6: {
|
|
4531
4531
|
version: '0.22',
|
|
4532
4532
|
comment: 'Base green color with 5% opacity',
|
|
4533
|
-
value: 'rgba(
|
|
4533
|
+
value: 'rgba(19, 134, 105, 0.05)',
|
|
4534
4534
|
attributes: {
|
|
4535
|
-
hex: '
|
|
4535
|
+
hex: '138669',
|
|
4536
4536
|
rgb: {
|
|
4537
|
-
r:
|
|
4538
|
-
g:
|
|
4539
|
-
b:
|
|
4537
|
+
r: 19,
|
|
4538
|
+
g: 134,
|
|
4539
|
+
b: 105,
|
|
4540
4540
|
a: 0.05
|
|
4541
4541
|
}
|
|
4542
4542
|
}
|
|
@@ -4746,13 +4746,13 @@ var DESIGN_TOKENS = {
|
|
|
4746
4746
|
D2: {
|
|
4747
4747
|
version: '0.22',
|
|
4748
4748
|
comment: 'Darkest yellow color',
|
|
4749
|
-
value: 'rgb(255,
|
|
4749
|
+
value: 'rgb(255, 161, 37)',
|
|
4750
4750
|
attributes: {
|
|
4751
|
-
hex: '
|
|
4751
|
+
hex: 'ffa125',
|
|
4752
4752
|
rgb: {
|
|
4753
4753
|
r: 255,
|
|
4754
|
-
g:
|
|
4755
|
-
b:
|
|
4754
|
+
g: 161,
|
|
4755
|
+
b: 37,
|
|
4756
4756
|
a: 1
|
|
4757
4757
|
}
|
|
4758
4758
|
}
|
|
@@ -4760,13 +4760,13 @@ var DESIGN_TOKENS = {
|
|
|
4760
4760
|
D1: {
|
|
4761
4761
|
version: '0.22',
|
|
4762
4762
|
comment: 'Dark yellow color',
|
|
4763
|
-
value: 'rgb(255,
|
|
4763
|
+
value: 'rgb(255, 179, 37)',
|
|
4764
4764
|
attributes: {
|
|
4765
|
-
hex: '
|
|
4765
|
+
hex: 'ffb325',
|
|
4766
4766
|
rgb: {
|
|
4767
4767
|
r: 255,
|
|
4768
|
-
g:
|
|
4769
|
-
b:
|
|
4768
|
+
g: 179,
|
|
4769
|
+
b: 37,
|
|
4770
4770
|
a: 1
|
|
4771
4771
|
}
|
|
4772
4772
|
}
|
|
@@ -4774,13 +4774,13 @@ var DESIGN_TOKENS = {
|
|
|
4774
4774
|
N: {
|
|
4775
4775
|
version: '0.22',
|
|
4776
4776
|
comment: 'Neutral yellow color',
|
|
4777
|
-
value: 'rgb(255,
|
|
4777
|
+
value: 'rgb(255, 196, 37)',
|
|
4778
4778
|
attributes: {
|
|
4779
|
-
hex: '
|
|
4779
|
+
hex: 'ffc425',
|
|
4780
4780
|
rgb: {
|
|
4781
4781
|
r: 255,
|
|
4782
|
-
g:
|
|
4783
|
-
b:
|
|
4782
|
+
g: 196,
|
|
4783
|
+
b: 37,
|
|
4784
4784
|
a: 1
|
|
4785
4785
|
}
|
|
4786
4786
|
}
|
|
@@ -4788,41 +4788,41 @@ var DESIGN_TOKENS = {
|
|
|
4788
4788
|
L1: {
|
|
4789
4789
|
version: '0.22',
|
|
4790
4790
|
comment: 'Base yellow color with 80% opacity',
|
|
4791
|
-
value: 'rgba(255,
|
|
4791
|
+
value: 'rgba(255, 196, 37, 0.9)',
|
|
4792
4792
|
attributes: {
|
|
4793
|
-
hex: '
|
|
4793
|
+
hex: 'ffc425',
|
|
4794
4794
|
rgb: {
|
|
4795
4795
|
r: 255,
|
|
4796
|
-
g:
|
|
4797
|
-
b:
|
|
4798
|
-
a: 0.
|
|
4796
|
+
g: 196,
|
|
4797
|
+
b: 37,
|
|
4798
|
+
a: 0.9
|
|
4799
4799
|
}
|
|
4800
4800
|
}
|
|
4801
4801
|
},
|
|
4802
4802
|
L2: {
|
|
4803
4803
|
version: '0.22',
|
|
4804
4804
|
comment: 'Base yellow color with 70% opacity',
|
|
4805
|
-
value: 'rgba(255,
|
|
4805
|
+
value: 'rgba(255, 196, 37, 0.8)',
|
|
4806
4806
|
attributes: {
|
|
4807
|
-
hex: '
|
|
4807
|
+
hex: 'ffc425',
|
|
4808
4808
|
rgb: {
|
|
4809
4809
|
r: 255,
|
|
4810
|
-
g:
|
|
4811
|
-
b:
|
|
4812
|
-
a: 0.
|
|
4810
|
+
g: 196,
|
|
4811
|
+
b: 37,
|
|
4812
|
+
a: 0.8
|
|
4813
4813
|
}
|
|
4814
4814
|
}
|
|
4815
4815
|
},
|
|
4816
4816
|
L3: {
|
|
4817
4817
|
version: '0.22',
|
|
4818
4818
|
comment: 'Base yellow color with 60% opacity',
|
|
4819
|
-
value: 'rgba(255,
|
|
4819
|
+
value: 'rgba(255, 196, 37, 0.6)',
|
|
4820
4820
|
attributes: {
|
|
4821
|
-
hex: '
|
|
4821
|
+
hex: 'ffc425',
|
|
4822
4822
|
rgb: {
|
|
4823
4823
|
r: 255,
|
|
4824
|
-
g:
|
|
4825
|
-
b:
|
|
4824
|
+
g: 196,
|
|
4825
|
+
b: 37,
|
|
4826
4826
|
a: 0.6
|
|
4827
4827
|
}
|
|
4828
4828
|
}
|
|
@@ -4830,42 +4830,42 @@ var DESIGN_TOKENS = {
|
|
|
4830
4830
|
L4: {
|
|
4831
4831
|
version: '0.22',
|
|
4832
4832
|
comment: 'Base yellow color with 40% opacity',
|
|
4833
|
-
value: 'rgba(255,
|
|
4833
|
+
value: 'rgba(255, 196, 37, 0.48)',
|
|
4834
4834
|
attributes: {
|
|
4835
|
-
hex: '
|
|
4835
|
+
hex: 'ffc425',
|
|
4836
4836
|
rgb: {
|
|
4837
4837
|
r: 255,
|
|
4838
|
-
g:
|
|
4839
|
-
b:
|
|
4840
|
-
a: 0.
|
|
4838
|
+
g: 196,
|
|
4839
|
+
b: 37,
|
|
4840
|
+
a: 0.48
|
|
4841
4841
|
}
|
|
4842
4842
|
}
|
|
4843
4843
|
},
|
|
4844
4844
|
L5: {
|
|
4845
4845
|
version: '0.22',
|
|
4846
4846
|
comment: 'Base yellow color with 20% opacity',
|
|
4847
|
-
value: 'rgba(255,
|
|
4847
|
+
value: 'rgba(255, 196, 37, 0.24)',
|
|
4848
4848
|
attributes: {
|
|
4849
|
-
hex: '
|
|
4849
|
+
hex: 'ffc425',
|
|
4850
4850
|
rgb: {
|
|
4851
4851
|
r: 255,
|
|
4852
|
-
g:
|
|
4853
|
-
b:
|
|
4854
|
-
a: 0.
|
|
4852
|
+
g: 196,
|
|
4853
|
+
b: 37,
|
|
4854
|
+
a: 0.24
|
|
4855
4855
|
}
|
|
4856
4856
|
}
|
|
4857
4857
|
},
|
|
4858
4858
|
L6: {
|
|
4859
4859
|
version: '0.22',
|
|
4860
4860
|
comment: 'Base yellow color with 10% opacity',
|
|
4861
|
-
value: 'rgba(255,
|
|
4861
|
+
value: 'rgba(255, 196, 37, 0.12)',
|
|
4862
4862
|
attributes: {
|
|
4863
|
-
hex: '
|
|
4863
|
+
hex: 'ffc425',
|
|
4864
4864
|
rgb: {
|
|
4865
4865
|
r: 255,
|
|
4866
|
-
g:
|
|
4867
|
-
b:
|
|
4868
|
-
a: 0.
|
|
4866
|
+
g: 196,
|
|
4867
|
+
b: 37,
|
|
4868
|
+
a: 0.12
|
|
4869
4869
|
}
|
|
4870
4870
|
}
|
|
4871
4871
|
}
|