@lumx/core 3.1.4 → 3.2.0
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 +532 -538
- package/js/constants/design-tokens.js +28 -17
- 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 +22 -17
- package/lumx.css +1 -1
- package/lumx.min.css +1 -1
- package/package.json +1 -1
- package/scss/_components.scss +1 -0
- package/scss/_design-tokens.scss +1079 -1107
- package/scss/components/navigation/_index.scss +234 -0
- package/scss/components/navigation/_mixins.scss +23 -0
- package/scss/lumx.scss +1 -0
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 22 Mar 2023 12:12:53 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const DESIGN_TOKENS = {
|
|
@@ -1116,7 +1116,7 @@ export const DESIGN_TOKENS = {
|
|
|
1116
1116
|
input: {
|
|
1117
1117
|
'background-color': {
|
|
1118
1118
|
value: 'var(--lumx-color-dark-L6)',
|
|
1119
|
-
attributes: { hex: '000000', rgb: { r: 0, g: 0, b: 0, a: 0.
|
|
1119
|
+
attributes: { hex: '000000', rgb: { r: 0, g: 0, b: 0, a: 0.03 } },
|
|
1120
1120
|
$aliasedFrom: 'color.dark.L6',
|
|
1121
1121
|
},
|
|
1122
1122
|
'border-color': {
|
|
@@ -1134,7 +1134,7 @@ export const DESIGN_TOKENS = {
|
|
|
1134
1134
|
placeholder: {
|
|
1135
1135
|
color: {
|
|
1136
1136
|
value: 'var(--lumx-color-dark-L2)',
|
|
1137
|
-
attributes: { hex: '000000', rgb: { r: 0, g: 0, b: 0, a: 0.
|
|
1137
|
+
attributes: { hex: '000000', rgb: { r: 0, g: 0, b: 0, a: 0.6 } },
|
|
1138
1138
|
$aliasedFrom: 'color.dark.L2',
|
|
1139
1139
|
},
|
|
1140
1140
|
},
|
|
@@ -1218,7 +1218,7 @@ export const DESIGN_TOKENS = {
|
|
|
1218
1218
|
placeholder: {
|
|
1219
1219
|
color: {
|
|
1220
1220
|
value: 'var(--lumx-color-dark-L2)',
|
|
1221
|
-
attributes: { hex: '000000', rgb: { r: 0, g: 0, b: 0, a: 0.
|
|
1221
|
+
attributes: { hex: '000000', rgb: { r: 0, g: 0, b: 0, a: 0.6 } },
|
|
1222
1222
|
$aliasedFrom: 'color.dark.L2',
|
|
1223
1223
|
},
|
|
1224
1224
|
},
|
|
@@ -1302,7 +1302,7 @@ export const DESIGN_TOKENS = {
|
|
|
1302
1302
|
placeholder: {
|
|
1303
1303
|
color: {
|
|
1304
1304
|
value: 'var(--lumx-color-dark-L2)',
|
|
1305
|
-
attributes: { hex: '000000', rgb: { r: 0, g: 0, b: 0, a: 0.
|
|
1305
|
+
attributes: { hex: '000000', rgb: { r: 0, g: 0, b: 0, a: 0.6 } },
|
|
1306
1306
|
$aliasedFrom: 'color.dark.L2',
|
|
1307
1307
|
},
|
|
1308
1308
|
},
|
|
@@ -1360,9 +1360,9 @@ export const DESIGN_TOKENS = {
|
|
|
1360
1360
|
},
|
|
1361
1361
|
L2: {
|
|
1362
1362
|
version: '0.22',
|
|
1363
|
-
comment: 'Base dark color with
|
|
1364
|
-
value: 'rgba(0, 0, 0, 0.
|
|
1365
|
-
attributes: { hex: '000000', rgb: { r: 0, g: 0, b: 0, a: 0.
|
|
1363
|
+
comment: 'Base dark color with 60% opacity',
|
|
1364
|
+
value: 'rgba(0, 0, 0, 0.6)',
|
|
1365
|
+
attributes: { hex: '000000', rgb: { r: 0, g: 0, b: 0, a: 0.6 } },
|
|
1366
1366
|
},
|
|
1367
1367
|
L3: {
|
|
1368
1368
|
version: '0.22',
|
|
@@ -1384,9 +1384,9 @@ export const DESIGN_TOKENS = {
|
|
|
1384
1384
|
},
|
|
1385
1385
|
L6: {
|
|
1386
1386
|
version: '0.22',
|
|
1387
|
-
comment: 'Base dark color with
|
|
1388
|
-
value: 'rgba(0, 0, 0, 0.
|
|
1389
|
-
attributes: { hex: '000000', rgb: { r: 0, g: 0, b: 0, a: 0.
|
|
1387
|
+
comment: 'Base dark color with 3% opacity',
|
|
1388
|
+
value: 'rgba(0, 0, 0, 0.03)',
|
|
1389
|
+
attributes: { hex: '000000', rgb: { r: 0, g: 0, b: 0, a: 0.03 } },
|
|
1390
1390
|
},
|
|
1391
1391
|
},
|
|
1392
1392
|
light: {
|
|
@@ -1884,9 +1884,9 @@ export const DESIGN_TOKENS = {
|
|
|
1884
1884
|
},
|
|
1885
1885
|
L2: {
|
|
1886
1886
|
version: '0.22',
|
|
1887
|
-
comment: 'Base dark color with
|
|
1888
|
-
value: 'rgba(0, 0, 0, 0.
|
|
1889
|
-
attributes: { hex: '000000', rgb: { r: 0, g: 0, b: 0, a: 0.
|
|
1887
|
+
comment: 'Base dark color with 60% opacity',
|
|
1888
|
+
value: 'rgba(0, 0, 0, 0.6)',
|
|
1889
|
+
attributes: { hex: '000000', rgb: { r: 0, g: 0, b: 0, a: 0.6 } },
|
|
1890
1890
|
},
|
|
1891
1891
|
L3: {
|
|
1892
1892
|
version: '0.22',
|
|
@@ -1908,9 +1908,9 @@ export const DESIGN_TOKENS = {
|
|
|
1908
1908
|
},
|
|
1909
1909
|
L6: {
|
|
1910
1910
|
version: '0.22',
|
|
1911
|
-
comment: 'Base dark color with
|
|
1912
|
-
value: 'rgba(0, 0, 0, 0.
|
|
1913
|
-
attributes: { hex: '000000', rgb: { r: 0, g: 0, b: 0, a: 0.
|
|
1911
|
+
comment: 'Base dark color with 3% opacity',
|
|
1912
|
+
value: 'rgba(0, 0, 0, 0.03)',
|
|
1913
|
+
attributes: { hex: '000000', rgb: { r: 0, g: 0, b: 0, a: 0.03 } },
|
|
1914
1914
|
},
|
|
1915
1915
|
},
|
|
1916
1916
|
white: {
|
|
@@ -2152,6 +2152,11 @@ export const DESIGN_TOKENS = {
|
|
|
2152
2152
|
'font-weight': { value: 'var(--lumx-typography-font-weight-bold)' },
|
|
2153
2153
|
},
|
|
2154
2154
|
},
|
|
2155
|
+
'navigation-item': {
|
|
2156
|
+
'font-size': { value: '14px' },
|
|
2157
|
+
'font-weight': { value: 'var(--lumx-typography-font-weight-bold)' },
|
|
2158
|
+
'line-height': { value: '20px' },
|
|
2159
|
+
},
|
|
2155
2160
|
},
|
|
2156
2161
|
},
|
|
2157
2162
|
};
|