@lumx/core 3.9.5 → 3.9.6-alpha.1

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.
@@ -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 Tue, 19 Mar 2024 13:36:08 GMT
97
+ * Generated on Tue, 03 Dec 2024 14:32:53 GMT
98
98
  */
99
99
 
100
100
  var DESIGN_TOKENS = {
@@ -759,21 +759,21 @@ var DESIGN_TOKENS = {
759
759
  }
760
760
  },
761
761
  'border-width': {
762
- value: '0'
762
+ value: '1px'
763
763
  },
764
764
  'theme-light': {
765
765
  'background-color': {
766
- value: 'var(--lumx-color-primary-L5)',
766
+ value: 'var(--lumx-color-primary-L6)',
767
767
  attributes: {
768
768
  hex: '245be7',
769
769
  rgb: {
770
770
  r: 36,
771
771
  g: 91,
772
772
  b: 231,
773
- a: 0.1
773
+ a: 0.05
774
774
  }
775
775
  },
776
- $aliasedFrom: 'color.primary.L5'
776
+ $aliasedFrom: 'color.primary.L6'
777
777
  },
778
778
  color: {
779
779
  value: 'var(--lumx-color-primary-D2)',
@@ -789,7 +789,17 @@ var DESIGN_TOKENS = {
789
789
  $aliasedFrom: 'color.primary.D2'
790
790
  },
791
791
  'border-color': {
792
- value: 'transparent'
792
+ value: 'var(--lumx-color-primary-N)',
793
+ attributes: {
794
+ hex: '245be7',
795
+ rgb: {
796
+ r: 36,
797
+ g: 91,
798
+ b: 231,
799
+ a: 1
800
+ }
801
+ },
802
+ $aliasedFrom: 'color.primary.N'
793
803
  }
794
804
  },
795
805
  'theme-dark': {
@@ -820,7 +830,17 @@ var DESIGN_TOKENS = {
820
830
  $aliasedFrom: 'color.light.N'
821
831
  },
822
832
  'border-color': {
823
- value: 'transparent'
833
+ value: 'var(--lumx-color-light-N)',
834
+ attributes: {
835
+ hex: 'ffffff',
836
+ rgb: {
837
+ r: 255,
838
+ g: 255,
839
+ b: 255,
840
+ a: 1
841
+ }
842
+ },
843
+ $aliasedFrom: 'color.light.N'
824
844
  }
825
845
  }
826
846
  },
@@ -832,21 +852,21 @@ var DESIGN_TOKENS = {
832
852
  }
833
853
  },
834
854
  'border-width': {
835
- value: '0'
855
+ value: '1px'
836
856
  },
837
857
  'theme-light': {
838
858
  'background-color': {
839
- value: 'var(--lumx-color-primary-L4)',
859
+ value: 'var(--lumx-color-primary-L5)',
840
860
  attributes: {
841
861
  hex: '245be7',
842
862
  rgb: {
843
863
  r: 36,
844
864
  g: 91,
845
865
  b: 231,
846
- a: 0.2
866
+ a: 0.1
847
867
  }
848
868
  },
849
- $aliasedFrom: 'color.primary.L4'
869
+ $aliasedFrom: 'color.primary.L5'
850
870
  },
851
871
  color: {
852
872
  value: 'var(--lumx-color-primary-D2)',
@@ -862,7 +882,17 @@ var DESIGN_TOKENS = {
862
882
  $aliasedFrom: 'color.primary.D2'
863
883
  },
864
884
  'border-color': {
865
- value: 'transparent'
885
+ value: 'var(--lumx-color-primary-N)',
886
+ attributes: {
887
+ hex: '245be7',
888
+ rgb: {
889
+ r: 36,
890
+ g: 91,
891
+ b: 231,
892
+ a: 1
893
+ }
894
+ },
895
+ $aliasedFrom: 'color.primary.N'
866
896
  }
867
897
  },
868
898
  'theme-dark': {
@@ -893,7 +923,17 @@ var DESIGN_TOKENS = {
893
923
  $aliasedFrom: 'color.light.N'
894
924
  },
895
925
  'border-color': {
896
- value: 'transparent'
926
+ value: 'var(--lumx-color-light-N)',
927
+ attributes: {
928
+ hex: 'ffffff',
929
+ rgb: {
930
+ r: 255,
931
+ g: 255,
932
+ b: 255,
933
+ a: 1
934
+ }
935
+ },
936
+ $aliasedFrom: 'color.light.N'
897
937
  }
898
938
  }
899
939
  },
@@ -905,21 +945,21 @@ var DESIGN_TOKENS = {
905
945
  }
906
946
  },
907
947
  'border-width': {
908
- value: '0'
948
+ value: '1px'
909
949
  },
910
950
  'theme-light': {
911
951
  'background-color': {
912
- value: 'var(--lumx-color-primary-L3)',
952
+ value: 'var(--lumx-color-primary-L4)',
913
953
  attributes: {
914
954
  hex: '245be7',
915
955
  rgb: {
916
956
  r: 36,
917
957
  g: 91,
918
958
  b: 231,
919
- a: 0.4
959
+ a: 0.2
920
960
  }
921
961
  },
922
- $aliasedFrom: 'color.primary.L3'
962
+ $aliasedFrom: 'color.primary.L4'
923
963
  },
924
964
  color: {
925
965
  value: 'var(--lumx-color-primary-D2)',
@@ -935,7 +975,17 @@ var DESIGN_TOKENS = {
935
975
  $aliasedFrom: 'color.primary.D2'
936
976
  },
937
977
  'border-color': {
938
- value: 'transparent'
978
+ value: 'var(--lumx-color-primary-N)',
979
+ attributes: {
980
+ hex: '245be7',
981
+ rgb: {
982
+ r: 36,
983
+ g: 91,
984
+ b: 231,
985
+ a: 1
986
+ }
987
+ },
988
+ $aliasedFrom: 'color.primary.N'
939
989
  }
940
990
  },
941
991
  'theme-dark': {
@@ -965,8 +1015,195 @@ var DESIGN_TOKENS = {
965
1015
  },
966
1016
  $aliasedFrom: 'color.light.N'
967
1017
  },
1018
+ 'border-color': {
1019
+ value: 'var(--lumx-color-light-N)',
1020
+ attributes: {
1021
+ hex: 'ffffff',
1022
+ rgb: {
1023
+ r: 255,
1024
+ g: 255,
1025
+ b: 255,
1026
+ a: 1
1027
+ }
1028
+ },
1029
+ $aliasedFrom: 'color.light.N'
1030
+ }
1031
+ }
1032
+ }
1033
+ }
1034
+ },
1035
+ chip: {
1036
+ 'emphasis-selected': {
1037
+ 'state-default': {
1038
+ 'border-width': {
1039
+ value: '1px'
1040
+ },
1041
+ 'theme-light': {
1042
+ 'border-color': {
1043
+ value: 'var(--lumx-color-primary-N)',
1044
+ attributes: {
1045
+ hex: '245be7',
1046
+ rgb: {
1047
+ r: 36,
1048
+ g: 91,
1049
+ b: 231,
1050
+ a: 1
1051
+ }
1052
+ },
1053
+ $aliasedFrom: 'color.primary.N'
1054
+ },
1055
+ 'background-color': {
1056
+ value: 'var(--lumx-color-primary-L6)',
1057
+ attributes: {
1058
+ hex: '245be7',
1059
+ rgb: {
1060
+ r: 36,
1061
+ g: 91,
1062
+ b: 231,
1063
+ a: 0.05
1064
+ }
1065
+ },
1066
+ $aliasedFrom: 'color.primary.L6'
1067
+ }
1068
+ },
1069
+ 'theme-dark': {
1070
+ 'border-color': {
1071
+ value: 'var(--lumx-color-light-N)',
1072
+ attributes: {
1073
+ hex: 'ffffff',
1074
+ rgb: {
1075
+ r: 255,
1076
+ g: 255,
1077
+ b: 255,
1078
+ a: 1
1079
+ }
1080
+ },
1081
+ $aliasedFrom: 'color.light.N'
1082
+ },
1083
+ 'background-color': {
1084
+ value: 'var(--lumx-color-light-L3)',
1085
+ attributes: {
1086
+ hex: 'ffffff',
1087
+ rgb: {
1088
+ r: 255,
1089
+ g: 255,
1090
+ b: 255,
1091
+ a: 0.6
1092
+ }
1093
+ },
1094
+ $aliasedFrom: 'color.light.L3'
1095
+ }
1096
+ }
1097
+ },
1098
+ 'state-hover': {
1099
+ 'border-width': {
1100
+ value: '1px'
1101
+ },
1102
+ 'theme-light': {
1103
+ 'border-color': {
1104
+ value: 'var(--lumx-color-primary-N)',
1105
+ attributes: {
1106
+ hex: '245be7',
1107
+ rgb: {
1108
+ r: 36,
1109
+ g: 91,
1110
+ b: 231,
1111
+ a: 1
1112
+ }
1113
+ },
1114
+ $aliasedFrom: 'color.primary.N'
1115
+ },
1116
+ 'background-color': {
1117
+ value: 'var(--lumx-color-primary-L5)',
1118
+ attributes: {
1119
+ hex: '245be7',
1120
+ rgb: {
1121
+ r: 36,
1122
+ g: 91,
1123
+ b: 231,
1124
+ a: 0.1
1125
+ }
1126
+ },
1127
+ $aliasedFrom: 'color.primary.L5'
1128
+ }
1129
+ },
1130
+ 'theme-dark': {
968
1131
  'border-color': {
969
1132
  value: 'transparent'
1133
+ },
1134
+ 'background-color': {
1135
+ value: 'var(--lumx-color-light-L4)',
1136
+ attributes: {
1137
+ hex: 'ffffff',
1138
+ rgb: {
1139
+ r: 255,
1140
+ g: 255,
1141
+ b: 255,
1142
+ a: 0.4
1143
+ }
1144
+ },
1145
+ $aliasedFrom: 'color.light.L4'
1146
+ }
1147
+ }
1148
+ },
1149
+ 'state-active': {
1150
+ 'border-width': {
1151
+ value: '1px'
1152
+ },
1153
+ 'theme-light': {
1154
+ 'border-color': {
1155
+ value: 'var(--lumx-color-primary-N)',
1156
+ attributes: {
1157
+ hex: '245be7',
1158
+ rgb: {
1159
+ r: 36,
1160
+ g: 91,
1161
+ b: 231,
1162
+ a: 1
1163
+ }
1164
+ },
1165
+ $aliasedFrom: 'color.primary.N'
1166
+ },
1167
+ 'background-color': {
1168
+ value: 'var(--lumx-color-primary-L4)',
1169
+ attributes: {
1170
+ hex: '245be7',
1171
+ rgb: {
1172
+ r: 36,
1173
+ g: 91,
1174
+ b: 231,
1175
+ a: 0.2
1176
+ }
1177
+ },
1178
+ $aliasedFrom: 'color.primary.L4'
1179
+ }
1180
+ },
1181
+ 'theme-dark': {
1182
+ 'border-color': {
1183
+ value: 'var(--lumx-color-light-N)',
1184
+ attributes: {
1185
+ hex: 'ffffff',
1186
+ rgb: {
1187
+ r: 255,
1188
+ g: 255,
1189
+ b: 255,
1190
+ a: 1
1191
+ }
1192
+ },
1193
+ $aliasedFrom: 'color.light.N'
1194
+ },
1195
+ 'background-color': {
1196
+ value: 'var(--lumx-color-light-L5)',
1197
+ attributes: {
1198
+ hex: 'ffffff',
1199
+ rgb: {
1200
+ r: 255,
1201
+ g: 255,
1202
+ b: 255,
1203
+ a: 0.2
1204
+ }
1205
+ },
1206
+ $aliasedFrom: 'color.light.L5'
970
1207
  }
971
1208
  }
972
1209
  }
@@ -1654,38 +1891,38 @@ var DESIGN_TOKENS = {
1654
1891
  border: {
1655
1892
  top: {
1656
1893
  width: {
1657
- value: '0'
1894
+ value: '1px'
1658
1895
  }
1659
1896
  },
1660
1897
  right: {
1661
1898
  width: {
1662
- value: '0'
1899
+ value: '1px'
1663
1900
  }
1664
1901
  },
1665
1902
  bottom: {
1666
1903
  width: {
1667
- value: '0'
1904
+ value: '1px'
1668
1905
  }
1669
1906
  },
1670
1907
  left: {
1671
1908
  width: {
1672
- value: '0'
1909
+ value: '1px'
1673
1910
  }
1674
1911
  }
1675
1912
  },
1676
1913
  'theme-light': {
1677
1914
  'background-color': {
1678
- value: 'var(--lumx-color-primary-L5)',
1915
+ value: 'var(--lumx-color-primary-L6)',
1679
1916
  attributes: {
1680
1917
  hex: '245be7',
1681
1918
  rgb: {
1682
1919
  r: 36,
1683
1920
  g: 91,
1684
1921
  b: 231,
1685
- a: 0.1
1922
+ a: 0.05
1686
1923
  }
1687
1924
  },
1688
- $aliasedFrom: 'color.primary.L5'
1925
+ $aliasedFrom: 'color.primary.L6'
1689
1926
  },
1690
1927
  'border-color': {
1691
1928
  value: 'var(--lumx-color-primary-N)',
@@ -1818,38 +2055,38 @@ var DESIGN_TOKENS = {
1818
2055
  border: {
1819
2056
  top: {
1820
2057
  width: {
1821
- value: '0'
2058
+ value: '1px'
1822
2059
  }
1823
2060
  },
1824
2061
  right: {
1825
2062
  width: {
1826
- value: '0'
2063
+ value: '1px'
1827
2064
  }
1828
2065
  },
1829
2066
  bottom: {
1830
2067
  width: {
1831
- value: '0'
2068
+ value: '1px'
1832
2069
  }
1833
2070
  },
1834
2071
  left: {
1835
2072
  width: {
1836
- value: '0'
2073
+ value: '1px'
1837
2074
  }
1838
2075
  }
1839
2076
  },
1840
2077
  'theme-light': {
1841
2078
  'background-color': {
1842
- value: 'var(--lumx-color-primary-L4)',
2079
+ value: 'var(--lumx-color-primary-L5)',
1843
2080
  attributes: {
1844
2081
  hex: '245be7',
1845
2082
  rgb: {
1846
2083
  r: 36,
1847
2084
  g: 91,
1848
2085
  b: 231,
1849
- a: 0.2
2086
+ a: 0.1
1850
2087
  }
1851
2088
  },
1852
- $aliasedFrom: 'color.primary.L4'
2089
+ $aliasedFrom: 'color.primary.L5'
1853
2090
  },
1854
2091
  'border-color': {
1855
2092
  value: 'var(--lumx-color-primary-N)',
@@ -2002,38 +2239,38 @@ var DESIGN_TOKENS = {
2002
2239
  border: {
2003
2240
  top: {
2004
2241
  width: {
2005
- value: '0'
2242
+ value: '1px'
2006
2243
  }
2007
2244
  },
2008
2245
  right: {
2009
2246
  width: {
2010
- value: '0'
2247
+ value: '1px'
2011
2248
  }
2012
2249
  },
2013
2250
  bottom: {
2014
2251
  width: {
2015
- value: '0'
2252
+ value: '1px'
2016
2253
  }
2017
2254
  },
2018
2255
  left: {
2019
2256
  width: {
2020
- value: '0'
2257
+ value: '1px'
2021
2258
  }
2022
2259
  }
2023
2260
  },
2024
2261
  'theme-light': {
2025
2262
  'background-color': {
2026
- value: 'var(--lumx-color-primary-L3)',
2263
+ value: 'var(--lumx-color-primary-L4)',
2027
2264
  attributes: {
2028
2265
  hex: '245be7',
2029
2266
  rgb: {
2030
2267
  r: 36,
2031
2268
  g: 91,
2032
2269
  b: 231,
2033
- a: 0.4
2270
+ a: 0.2
2034
2271
  }
2035
2272
  },
2036
- $aliasedFrom: 'color.primary.L3'
2273
+ $aliasedFrom: 'color.primary.L4'
2037
2274
  },
2038
2275
  'border-color': {
2039
2276
  value: 'var(--lumx-color-primary-N)',
@@ -2185,6 +2422,111 @@ var DESIGN_TOKENS = {
2185
2422
  }
2186
2423
  }
2187
2424
  },
2425
+ 'side-navigation': {
2426
+ item: {
2427
+ 'emphasis-selected': {
2428
+ 'state-default': {
2429
+ 'border-width': {
2430
+ value: '1px'
2431
+ },
2432
+ 'theme-light': {
2433
+ 'border-color': {
2434
+ value: 'var(--lumx-color-primary-N)',
2435
+ attributes: {
2436
+ hex: '245be7',
2437
+ rgb: {
2438
+ r: 36,
2439
+ g: 91,
2440
+ b: 231,
2441
+ a: 1
2442
+ }
2443
+ },
2444
+ $aliasedFrom: 'color.primary.N'
2445
+ },
2446
+ 'background-color': {
2447
+ value: 'var(--lumx-color-primary-L6)',
2448
+ attributes: {
2449
+ hex: '245be7',
2450
+ rgb: {
2451
+ r: 36,
2452
+ g: 91,
2453
+ b: 231,
2454
+ a: 0.05
2455
+ }
2456
+ },
2457
+ $aliasedFrom: 'color.primary.L6'
2458
+ }
2459
+ }
2460
+ },
2461
+ 'state-hover': {
2462
+ 'border-width': {
2463
+ value: '1px'
2464
+ },
2465
+ 'theme-light': {
2466
+ 'border-color': {
2467
+ value: 'var(--lumx-color-primary-N)',
2468
+ attributes: {
2469
+ hex: '245be7',
2470
+ rgb: {
2471
+ r: 36,
2472
+ g: 91,
2473
+ b: 231,
2474
+ a: 1
2475
+ }
2476
+ },
2477
+ $aliasedFrom: 'color.primary.N'
2478
+ },
2479
+ 'background-color': {
2480
+ value: 'var(--lumx-color-primary-L5)',
2481
+ attributes: {
2482
+ hex: '245be7',
2483
+ rgb: {
2484
+ r: 36,
2485
+ g: 91,
2486
+ b: 231,
2487
+ a: 0.1
2488
+ }
2489
+ },
2490
+ $aliasedFrom: 'color.primary.L5'
2491
+ }
2492
+ }
2493
+ },
2494
+ 'state-active': {
2495
+ 'border-width': {
2496
+ value: '1px'
2497
+ },
2498
+ 'theme-light': {
2499
+ 'border-color': {
2500
+ value: 'var(--lumx-color-primary-N)',
2501
+ attributes: {
2502
+ hex: '245be7',
2503
+ rgb: {
2504
+ r: 36,
2505
+ g: 91,
2506
+ b: 231,
2507
+ a: 1
2508
+ }
2509
+ },
2510
+ $aliasedFrom: 'color.primary.N'
2511
+ },
2512
+ 'background-color': {
2513
+ value: 'var(--lumx-color-primary-L5)',
2514
+ attributes: {
2515
+ hex: '245be7',
2516
+ rgb: {
2517
+ r: 36,
2518
+ g: 91,
2519
+ b: 231,
2520
+ a: 0.1
2521
+ }
2522
+ },
2523
+ $aliasedFrom: 'color.primary.L5'
2524
+ }
2525
+ }
2526
+ }
2527
+ }
2528
+ }
2529
+ },
2188
2530
  tabs: {
2189
2531
  link: {
2190
2532
  height: {