@lumx/core 3.9.5-alpha.0 → 3.9.6-alpha.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 +25 -1
- package/js/constants/design-tokens.js +203 -1
- 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 +101 -1
- package/lumx.css +1 -1
- package/lumx.min.css +1 -1
- package/package.json +1 -1
- package/scss/_design-tokens.scss +89 -1
- package/scss/components/chip/_index.scss +75 -30
- package/scss/components/list/_mixins.scss +10 -6
- package/scss/components/navigation/_index.scss +43 -134
- package/scss/components/side-navigation/_index.scss +1 -1
- package/scss/core/state/_mixins.scss +35 -8
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 29 Nov 2024 10:16:26 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const DESIGN_TOKENS = {
|
|
@@ -374,6 +374,67 @@ export const DESIGN_TOKENS = {
|
|
|
374
374
|
},
|
|
375
375
|
},
|
|
376
376
|
},
|
|
377
|
+
chip: {
|
|
378
|
+
'emphasis-selected': {
|
|
379
|
+
'state-default': {
|
|
380
|
+
'border-width': { value: '0' },
|
|
381
|
+
'theme-light': {
|
|
382
|
+
'border-color': { value: 'transparent' },
|
|
383
|
+
'background-color': {
|
|
384
|
+
value: 'var(--lumx-color-primary-L5)',
|
|
385
|
+
attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.1 } },
|
|
386
|
+
$aliasedFrom: 'color.primary.L5',
|
|
387
|
+
},
|
|
388
|
+
},
|
|
389
|
+
'theme-dark': {
|
|
390
|
+
'border-color': { value: 'transparent' },
|
|
391
|
+
'background-color': {
|
|
392
|
+
value: 'var(--lumx-color-light-L3)',
|
|
393
|
+
attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.6 } },
|
|
394
|
+
$aliasedFrom: 'color.light.L3',
|
|
395
|
+
},
|
|
396
|
+
},
|
|
397
|
+
},
|
|
398
|
+
'state-hover': {
|
|
399
|
+
'border-width': { value: '0' },
|
|
400
|
+
'theme-light': {
|
|
401
|
+
'border-color': { value: 'transparent' },
|
|
402
|
+
'background-color': {
|
|
403
|
+
value: 'var(--lumx-color-primary-L4)',
|
|
404
|
+
attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.2 } },
|
|
405
|
+
$aliasedFrom: 'color.primary.L4',
|
|
406
|
+
},
|
|
407
|
+
},
|
|
408
|
+
'theme-dark': {
|
|
409
|
+
'border-color': { value: 'transparent' },
|
|
410
|
+
'background-color': {
|
|
411
|
+
value: 'var(--lumx-color-light-L4)',
|
|
412
|
+
attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.4 } },
|
|
413
|
+
$aliasedFrom: 'color.light.L4',
|
|
414
|
+
},
|
|
415
|
+
},
|
|
416
|
+
},
|
|
417
|
+
'state-active': {
|
|
418
|
+
'border-width': { value: '0' },
|
|
419
|
+
'theme-light': {
|
|
420
|
+
'border-color': { value: 'transparent' },
|
|
421
|
+
'background-color': {
|
|
422
|
+
value: 'var(--lumx-color-primary-L3)',
|
|
423
|
+
attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.4 } },
|
|
424
|
+
$aliasedFrom: 'color.primary.L3',
|
|
425
|
+
},
|
|
426
|
+
},
|
|
427
|
+
'theme-dark': {
|
|
428
|
+
'border-color': { value: 'transparent' },
|
|
429
|
+
'background-color': {
|
|
430
|
+
value: 'var(--lumx-color-light-L5)',
|
|
431
|
+
attributes: { hex: 'ffffff', rgb: { r: 255, g: 255, b: 255, a: 0.2 } },
|
|
432
|
+
$aliasedFrom: 'color.light.L5',
|
|
433
|
+
},
|
|
434
|
+
},
|
|
435
|
+
},
|
|
436
|
+
},
|
|
437
|
+
},
|
|
377
438
|
material: {
|
|
378
439
|
button: { 'text-transform': { value: 'none' } },
|
|
379
440
|
checkbox: { 'wrapper-size': { value: '20px' }, 'control-size': { value: '16px' } },
|
|
@@ -850,6 +911,45 @@ export const DESIGN_TOKENS = {
|
|
|
850
911
|
},
|
|
851
912
|
},
|
|
852
913
|
},
|
|
914
|
+
'side-navigation': {
|
|
915
|
+
item: {
|
|
916
|
+
'emphasis-selected': {
|
|
917
|
+
'state-default': {
|
|
918
|
+
'border-width': { value: '0' },
|
|
919
|
+
'theme-light': {
|
|
920
|
+
'border-color': { value: 'transparent' },
|
|
921
|
+
'background-color': {
|
|
922
|
+
value: 'var(--lumx-color-primary-L5)',
|
|
923
|
+
attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.1 } },
|
|
924
|
+
$aliasedFrom: 'color.primary.L5',
|
|
925
|
+
},
|
|
926
|
+
},
|
|
927
|
+
},
|
|
928
|
+
'state-hover': {
|
|
929
|
+
'border-width': { value: '0' },
|
|
930
|
+
'theme-light': {
|
|
931
|
+
'border-color': { value: 'transparent' },
|
|
932
|
+
'background-color': {
|
|
933
|
+
value: 'var(--lumx-color-primary-L4)',
|
|
934
|
+
attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.2 } },
|
|
935
|
+
$aliasedFrom: 'color.primary.L4',
|
|
936
|
+
},
|
|
937
|
+
},
|
|
938
|
+
},
|
|
939
|
+
'state-active': {
|
|
940
|
+
'border-width': { value: '0' },
|
|
941
|
+
'theme-light': {
|
|
942
|
+
'border-color': { value: 'transparent' },
|
|
943
|
+
'background-color': {
|
|
944
|
+
value: 'var(--lumx-color-primary-L3)',
|
|
945
|
+
attributes: { hex: '245be7', rgb: { r: 36, g: 91, b: 231, a: 0.4 } },
|
|
946
|
+
$aliasedFrom: 'color.primary.L3',
|
|
947
|
+
},
|
|
948
|
+
},
|
|
949
|
+
},
|
|
950
|
+
},
|
|
951
|
+
},
|
|
952
|
+
},
|
|
853
953
|
tabs: {
|
|
854
954
|
link: {
|
|
855
955
|
height: { value: '48px' },
|