@k8slens/lds-tokens 0.10.2 → 0.11.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.
- package/lib/docs/token-map.dark.d.ts +1 -1
- package/lib/docs/token-map.dark.js +155 -21
- package/lib/docs/token-map.light.d.ts +1 -1
- package/lib/docs/token-map.light.js +157 -25
- package/lib/electron/font-face.css +1 -1
- package/lib/electron/icons/action.js +1 -1
- package/lib/electron/icons/base.js +1 -1
- package/lib/electron/icons/idp.js +1 -1
- package/lib/electron/icons/misc.js +1 -1
- package/lib/electron/icons/navigation.js +1 -1
- package/lib/electron/images/index.js +1 -1
- package/lib/electron/tokens.dark.css +14 -4
- package/lib/electron/tokens.dark.js +14 -4
- package/lib/electron/tokens.dark.scoped.css +3 -3
- package/lib/electron/tokens.dark.ts +14 -4
- package/lib/electron/tokens.light.css +14 -4
- package/lib/electron/tokens.light.js +14 -4
- package/lib/electron/tokens.light.scoped.css +4 -4
- package/lib/electron/tokens.light.ts +14 -4
- package/lib/web/colors/dark.js +2 -2
- package/lib/web/colors/light.js +2 -2
- package/lib/web/font-imports.css +1 -1
- package/lib/web/icons/action.js +1 -1
- package/lib/web/icons/base.js +1 -1
- package/lib/web/icons/idp.js +1 -1
- package/lib/web/icons/misc.js +1 -1
- package/lib/web/icons/navigation.js +1 -1
- package/lib/web/images/index.js +1 -1
- package/lib/web/tailwind.config.cjs +1 -1
- package/lib/web/tailwind.config.js +1 -1
- package/lib/web/tokens.dark.css +14 -4
- package/lib/web/tokens.dark.js +14 -4
- package/lib/web/tokens.dark.scoped.css +3 -3
- package/lib/web/tokens.dark.ts +14 -4
- package/lib/web/tokens.light.css +14 -4
- package/lib/web/tokens.light.js +14 -4
- package/lib/web/tokens.light.scoped.css +4 -4
- package/lib/web/tokens.light.ts +14 -4
- package/package.json +2 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 24 Jan 2023 10:28:00 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
const tokenMap = {
|
|
@@ -1132,7 +1132,8 @@ const tokenMap = {
|
|
|
1132
1132
|
"hues.blue-gray.hue"
|
|
1133
1133
|
],
|
|
1134
1134
|
"inheritedBy": [
|
|
1135
|
-
"alias.color.background.base"
|
|
1135
|
+
"alias.color.background.base",
|
|
1136
|
+
"alias.color.background.quinary"
|
|
1136
1137
|
]
|
|
1137
1138
|
},
|
|
1138
1139
|
"160": {
|
|
@@ -1190,8 +1191,7 @@ const tokenMap = {
|
|
|
1190
1191
|
],
|
|
1191
1192
|
"inheritedBy": [
|
|
1192
1193
|
"alias.color.text.secondary",
|
|
1193
|
-
"alias.color.border.default"
|
|
1194
|
-
"alias.color.background.quinary"
|
|
1194
|
+
"alias.color.border.default"
|
|
1195
1195
|
]
|
|
1196
1196
|
},
|
|
1197
1197
|
"450": {
|
|
@@ -1319,7 +1319,7 @@ const tokenMap = {
|
|
|
1319
1319
|
"name": "ColorBaseBlue-gray950",
|
|
1320
1320
|
"code": "$color-base-blue-gray-950",
|
|
1321
1321
|
"variable": "color-base-blue-gray-950",
|
|
1322
|
-
"value": "hsl(206deg,
|
|
1322
|
+
"value": "hsl(206deg, 13%, 95%)",
|
|
1323
1323
|
"attributes": {},
|
|
1324
1324
|
"inherits": [
|
|
1325
1325
|
"hues.blue-gray.hue"
|
|
@@ -1501,6 +1501,7 @@ const tokenMap = {
|
|
|
1501
1501
|
"inherits": [],
|
|
1502
1502
|
"inheritedBy": [
|
|
1503
1503
|
"color.background.switch.thumb",
|
|
1504
|
+
"color.font.side-nav-item.active.danger",
|
|
1504
1505
|
"alias.color.text.accent",
|
|
1505
1506
|
"alias.color.border.vivid"
|
|
1506
1507
|
]
|
|
@@ -1750,6 +1751,32 @@ const tokenMap = {
|
|
|
1750
1751
|
]
|
|
1751
1752
|
}
|
|
1752
1753
|
},
|
|
1754
|
+
"side-nav-item": {
|
|
1755
|
+
"active": {
|
|
1756
|
+
"default": {
|
|
1757
|
+
"path": "color.background.side-nav-item.active.default",
|
|
1758
|
+
"name": "ColorBackgroundSide-nav-itemActiveDefault",
|
|
1759
|
+
"code": "$color-background-side-nav-item-active-default",
|
|
1760
|
+
"variable": "color-background-side-nav-item-active-default",
|
|
1761
|
+
"value": "hsl(206deg, 10%, 16%)",
|
|
1762
|
+
"attributes": {},
|
|
1763
|
+
"inherits": [
|
|
1764
|
+
"alias.color.background.secondary"
|
|
1765
|
+
]
|
|
1766
|
+
},
|
|
1767
|
+
"danger": {
|
|
1768
|
+
"path": "color.background.side-nav-item.active.danger",
|
|
1769
|
+
"name": "ColorBackgroundSide-nav-itemActiveDanger",
|
|
1770
|
+
"code": "$color-background-side-nav-item-active-danger",
|
|
1771
|
+
"variable": "color-background-side-nav-item-active-danger",
|
|
1772
|
+
"value": "hsl(359, 60%, 50%)",
|
|
1773
|
+
"attributes": {},
|
|
1774
|
+
"inherits": [
|
|
1775
|
+
"alias.color.danger"
|
|
1776
|
+
]
|
|
1777
|
+
}
|
|
1778
|
+
}
|
|
1779
|
+
},
|
|
1753
1780
|
"switch": {
|
|
1754
1781
|
"thumb": {
|
|
1755
1782
|
"path": "color.background.switch.thumb",
|
|
@@ -1790,10 +1817,10 @@ const tokenMap = {
|
|
|
1790
1817
|
"name": "ColorBackgroundSwitchTrackInactive",
|
|
1791
1818
|
"code": "$color-background-switch-track-inactive",
|
|
1792
1819
|
"variable": "color-background-switch-track-inactive",
|
|
1793
|
-
"value": "hsl(206deg,
|
|
1820
|
+
"value": "hsl(206deg, 9%, 20%)",
|
|
1794
1821
|
"attributes": {},
|
|
1795
1822
|
"inherits": [
|
|
1796
|
-
"alias.color.background.
|
|
1823
|
+
"alias.color.background.tertiary"
|
|
1797
1824
|
]
|
|
1798
1825
|
}
|
|
1799
1826
|
}
|
|
@@ -1901,6 +1928,17 @@ const tokenMap = {
|
|
|
1901
1928
|
"alias.color.danger"
|
|
1902
1929
|
]
|
|
1903
1930
|
}
|
|
1931
|
+
},
|
|
1932
|
+
"side-nav-group": {
|
|
1933
|
+
"path": "color.border.side-nav-group",
|
|
1934
|
+
"name": "ColorBorderSide-nav-group",
|
|
1935
|
+
"code": "$color-border-side-nav-group",
|
|
1936
|
+
"variable": "color-border-side-nav-group",
|
|
1937
|
+
"value": "hsl(206deg, 8%, 23%)",
|
|
1938
|
+
"attributes": {},
|
|
1939
|
+
"inherits": [
|
|
1940
|
+
"alias.color.border.weak"
|
|
1941
|
+
]
|
|
1904
1942
|
}
|
|
1905
1943
|
},
|
|
1906
1944
|
"font": {
|
|
@@ -2097,6 +2135,56 @@ const tokenMap = {
|
|
|
2097
2135
|
"alias.color.text.secondary"
|
|
2098
2136
|
]
|
|
2099
2137
|
}
|
|
2138
|
+
},
|
|
2139
|
+
"side-nav-item": {
|
|
2140
|
+
"base": {
|
|
2141
|
+
"default": {
|
|
2142
|
+
"path": "color.font.side-nav-item.base.default",
|
|
2143
|
+
"name": "ColorFontSide-nav-itemBaseDefault",
|
|
2144
|
+
"code": "$color-font-side-nav-item-base-default",
|
|
2145
|
+
"variable": "color-font-side-nav-item-base-default",
|
|
2146
|
+
"value": "hsl(206deg, 6%, 60%)",
|
|
2147
|
+
"attributes": {},
|
|
2148
|
+
"inherits": [
|
|
2149
|
+
"alias.color.text.primary"
|
|
2150
|
+
]
|
|
2151
|
+
},
|
|
2152
|
+
"danger": {
|
|
2153
|
+
"path": "color.font.side-nav-item.base.danger",
|
|
2154
|
+
"name": "ColorFontSide-nav-itemBaseDanger",
|
|
2155
|
+
"code": "$color-font-side-nav-item-base-danger",
|
|
2156
|
+
"variable": "color-font-side-nav-item-base-danger",
|
|
2157
|
+
"value": "hsl(359, 60%, 50%)",
|
|
2158
|
+
"attributes": {},
|
|
2159
|
+
"inherits": [
|
|
2160
|
+
"alias.color.danger"
|
|
2161
|
+
]
|
|
2162
|
+
}
|
|
2163
|
+
},
|
|
2164
|
+
"active": {
|
|
2165
|
+
"default": {
|
|
2166
|
+
"path": "color.font.side-nav-item.active.default",
|
|
2167
|
+
"name": "ColorFontSide-nav-itemActiveDefault",
|
|
2168
|
+
"code": "$color-font-side-nav-item-active-default",
|
|
2169
|
+
"variable": "color-font-side-nav-item-active-default",
|
|
2170
|
+
"value": "#ffffff",
|
|
2171
|
+
"attributes": {},
|
|
2172
|
+
"inherits": [
|
|
2173
|
+
"alias.color.text.accent"
|
|
2174
|
+
]
|
|
2175
|
+
},
|
|
2176
|
+
"danger": {
|
|
2177
|
+
"path": "color.font.side-nav-item.active.danger",
|
|
2178
|
+
"name": "ColorFontSide-nav-itemActiveDanger",
|
|
2179
|
+
"code": "$color-font-side-nav-item-active-danger",
|
|
2180
|
+
"variable": "color-font-side-nav-item-active-danger",
|
|
2181
|
+
"value": "#ffffff",
|
|
2182
|
+
"attributes": {},
|
|
2183
|
+
"inherits": [
|
|
2184
|
+
"color.base.white"
|
|
2185
|
+
]
|
|
2186
|
+
}
|
|
2187
|
+
}
|
|
2100
2188
|
}
|
|
2101
2189
|
}
|
|
2102
2190
|
},
|
|
@@ -3158,7 +3246,8 @@ const tokenMap = {
|
|
|
3158
3246
|
"inheritedBy": [
|
|
3159
3247
|
"spacing.button.padding.y",
|
|
3160
3248
|
"spacing.form.field.label.margin-block-end",
|
|
3161
|
-
"spacing.form.field.error.margin-block-end"
|
|
3249
|
+
"spacing.form.field.error.margin-block-end",
|
|
3250
|
+
"spacing.side-nav-item.padding.block"
|
|
3162
3251
|
]
|
|
3163
3252
|
},
|
|
3164
3253
|
"md": {
|
|
@@ -3177,7 +3266,8 @@ const tokenMap = {
|
|
|
3177
3266
|
],
|
|
3178
3267
|
"inheritedBy": [
|
|
3179
3268
|
"spacing.button-icon.margin.inline.end",
|
|
3180
|
-
"spacing.input.padding.inline"
|
|
3269
|
+
"spacing.input.padding.inline",
|
|
3270
|
+
"spacing.side-nav-item.padding.inline"
|
|
3181
3271
|
]
|
|
3182
3272
|
},
|
|
3183
3273
|
"lg": {
|
|
@@ -3197,7 +3287,8 @@ const tokenMap = {
|
|
|
3197
3287
|
"inheritedBy": [
|
|
3198
3288
|
"spacing.button-bar.padding.inline",
|
|
3199
3289
|
"spacing.button-bar.padding.block",
|
|
3200
|
-
"spacing.button.padding.x"
|
|
3290
|
+
"spacing.button.padding.x",
|
|
3291
|
+
"spacing.side-nav.gap"
|
|
3201
3292
|
]
|
|
3202
3293
|
},
|
|
3203
3294
|
"xl": {
|
|
@@ -3473,6 +3564,45 @@ const tokenMap = {
|
|
|
3473
3564
|
}
|
|
3474
3565
|
}
|
|
3475
3566
|
},
|
|
3567
|
+
"side-nav": {
|
|
3568
|
+
"gap": {
|
|
3569
|
+
"path": "spacing.side-nav.gap",
|
|
3570
|
+
"name": "SpacingSide-navGap",
|
|
3571
|
+
"code": "$spacing-side-nav-gap",
|
|
3572
|
+
"variable": "spacing-side-nav-gap",
|
|
3573
|
+
"value": "1rem",
|
|
3574
|
+
"attributes": {},
|
|
3575
|
+
"inherits": [
|
|
3576
|
+
"spacing.base.lg"
|
|
3577
|
+
]
|
|
3578
|
+
}
|
|
3579
|
+
},
|
|
3580
|
+
"side-nav-item": {
|
|
3581
|
+
"padding": {
|
|
3582
|
+
"inline": {
|
|
3583
|
+
"path": "spacing.side-nav-item.padding.inline",
|
|
3584
|
+
"name": "SpacingSide-nav-itemPaddingInline",
|
|
3585
|
+
"code": "$spacing-side-nav-item-padding-inline",
|
|
3586
|
+
"variable": "spacing-side-nav-item-padding-inline",
|
|
3587
|
+
"value": "0.75rem",
|
|
3588
|
+
"attributes": {},
|
|
3589
|
+
"inherits": [
|
|
3590
|
+
"spacing.base.md"
|
|
3591
|
+
]
|
|
3592
|
+
},
|
|
3593
|
+
"block": {
|
|
3594
|
+
"path": "spacing.side-nav-item.padding.block",
|
|
3595
|
+
"name": "SpacingSide-nav-itemPaddingBlock",
|
|
3596
|
+
"code": "$spacing-side-nav-item-padding-block",
|
|
3597
|
+
"variable": "spacing-side-nav-item-padding-block",
|
|
3598
|
+
"value": "0.5rem",
|
|
3599
|
+
"attributes": {},
|
|
3600
|
+
"inherits": [
|
|
3601
|
+
"spacing.base.sm"
|
|
3602
|
+
]
|
|
3603
|
+
}
|
|
3604
|
+
}
|
|
3605
|
+
},
|
|
3476
3606
|
"switch": {
|
|
3477
3607
|
"thumb": {
|
|
3478
3608
|
"size": {
|
|
@@ -4260,7 +4390,8 @@ const tokenMap = {
|
|
|
4260
4390
|
"color.base.blue-gray.600"
|
|
4261
4391
|
],
|
|
4262
4392
|
"inheritedBy": [
|
|
4263
|
-
"color.font.form.field.label"
|
|
4393
|
+
"color.font.form.field.label",
|
|
4394
|
+
"color.font.side-nav-item.base.default"
|
|
4264
4395
|
]
|
|
4265
4396
|
},
|
|
4266
4397
|
"secondary": {
|
|
@@ -4333,7 +4464,8 @@ const tokenMap = {
|
|
|
4333
4464
|
"color.base.white"
|
|
4334
4465
|
],
|
|
4335
4466
|
"inheritedBy": [
|
|
4336
|
-
"color.font.input.focus"
|
|
4467
|
+
"color.font.input.focus",
|
|
4468
|
+
"color.font.side-nav-item.active.default"
|
|
4337
4469
|
]
|
|
4338
4470
|
}
|
|
4339
4471
|
},
|
|
@@ -4353,7 +4485,8 @@ const tokenMap = {
|
|
|
4353
4485
|
"color.base.blue-gray.230"
|
|
4354
4486
|
],
|
|
4355
4487
|
"inheritedBy": [
|
|
4356
|
-
"color.border.input.default"
|
|
4488
|
+
"color.border.input.default",
|
|
4489
|
+
"color.border.side-nav-group"
|
|
4357
4490
|
]
|
|
4358
4491
|
},
|
|
4359
4492
|
"default": {
|
|
@@ -4439,10 +4572,12 @@ const tokenMap = {
|
|
|
4439
4572
|
],
|
|
4440
4573
|
"inheritedBy": [
|
|
4441
4574
|
"color.background.button.danger.base",
|
|
4575
|
+
"color.background.side-nav-item.active.danger",
|
|
4442
4576
|
"color.border.button.danger.discreet",
|
|
4443
4577
|
"color.border.input.invalid",
|
|
4444
4578
|
"color.font.button.danger.discreet",
|
|
4445
|
-
"color.font.form.field.error"
|
|
4579
|
+
"color.font.form.field.error",
|
|
4580
|
+
"color.font.side-nav-item.base.danger"
|
|
4446
4581
|
]
|
|
4447
4582
|
},
|
|
4448
4583
|
"caution": {
|
|
@@ -4547,7 +4682,8 @@ const tokenMap = {
|
|
|
4547
4682
|
"color.base.blue-gray.160"
|
|
4548
4683
|
],
|
|
4549
4684
|
"inheritedBy": [
|
|
4550
|
-
"color.background.block.footer"
|
|
4685
|
+
"color.background.block.footer",
|
|
4686
|
+
"color.background.side-nav-item.active.default"
|
|
4551
4687
|
]
|
|
4552
4688
|
},
|
|
4553
4689
|
"tertiary": {
|
|
@@ -4565,7 +4701,8 @@ const tokenMap = {
|
|
|
4565
4701
|
"color.base.blue-gray.200"
|
|
4566
4702
|
],
|
|
4567
4703
|
"inheritedBy": [
|
|
4568
|
-
"color.background.block.content"
|
|
4704
|
+
"color.background.block.content",
|
|
4705
|
+
"color.background.switch.track.inactive"
|
|
4569
4706
|
]
|
|
4570
4707
|
},
|
|
4571
4708
|
"quarternary": {
|
|
@@ -4593,17 +4730,14 @@ const tokenMap = {
|
|
|
4593
4730
|
"name": "AliasColorBackgroundQuinary",
|
|
4594
4731
|
"code": "$alias-color-background-quinary",
|
|
4595
4732
|
"variable": "alias-color-background-quinary",
|
|
4596
|
-
"value": "hsl(206deg,
|
|
4733
|
+
"value": "hsl(206deg, 7%, 13%)",
|
|
4597
4734
|
"attributes": {
|
|
4598
4735
|
"tailwind": [
|
|
4599
4736
|
"backgroundColor.quinary"
|
|
4600
4737
|
]
|
|
4601
4738
|
},
|
|
4602
4739
|
"inherits": [
|
|
4603
|
-
"color.base.blue-gray.
|
|
4604
|
-
],
|
|
4605
|
-
"inheritedBy": [
|
|
4606
|
-
"color.background.switch.track.inactive"
|
|
4740
|
+
"color.base.blue-gray.130"
|
|
4607
4741
|
]
|
|
4608
4742
|
},
|
|
4609
4743
|
"elevation": {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 24 Jan 2023 10:28:00 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
const tokenMap = {
|
|
@@ -1268,9 +1268,6 @@ const tokenMap = {
|
|
|
1268
1268
|
"attributes": {},
|
|
1269
1269
|
"inherits": [
|
|
1270
1270
|
"hues.blue-gray.hue"
|
|
1271
|
-
],
|
|
1272
|
-
"inheritedBy": [
|
|
1273
|
-
"alias.color.background.quinary"
|
|
1274
1271
|
]
|
|
1275
1272
|
},
|
|
1276
1273
|
"850": {
|
|
@@ -1311,13 +1308,14 @@ const tokenMap = {
|
|
|
1311
1308
|
"name": "ColorBaseBlue-gray950",
|
|
1312
1309
|
"code": "$color-base-blue-gray-950",
|
|
1313
1310
|
"variable": "color-base-blue-gray-950",
|
|
1314
|
-
"value": "hsl(206deg,
|
|
1311
|
+
"value": "hsl(206deg, 13%, 95%)",
|
|
1315
1312
|
"attributes": {},
|
|
1316
1313
|
"inherits": [
|
|
1317
1314
|
"hues.blue-gray.hue"
|
|
1318
1315
|
],
|
|
1319
1316
|
"inheritedBy": [
|
|
1320
|
-
"alias.color.background.secondary"
|
|
1317
|
+
"alias.color.background.secondary",
|
|
1318
|
+
"alias.color.background.quinary"
|
|
1321
1319
|
]
|
|
1322
1320
|
},
|
|
1323
1321
|
"980": {
|
|
@@ -1498,7 +1496,8 @@ const tokenMap = {
|
|
|
1498
1496
|
"attributes": {},
|
|
1499
1497
|
"inherits": [],
|
|
1500
1498
|
"inheritedBy": [
|
|
1501
|
-
"color.background.switch.thumb"
|
|
1499
|
+
"color.background.switch.thumb",
|
|
1500
|
+
"color.font.side-nav-item.active.danger"
|
|
1502
1501
|
]
|
|
1503
1502
|
},
|
|
1504
1503
|
"black": {
|
|
@@ -1646,7 +1645,7 @@ const tokenMap = {
|
|
|
1646
1645
|
"name": "ColorBackgroundBlockFooter",
|
|
1647
1646
|
"code": "$color-background-block-footer",
|
|
1648
1647
|
"variable": "color-background-block-footer",
|
|
1649
|
-
"value": "hsl(206deg,
|
|
1648
|
+
"value": "hsl(206deg, 13%, 95%)",
|
|
1650
1649
|
"attributes": {
|
|
1651
1650
|
"tailwind": [
|
|
1652
1651
|
"backgroundColor.block-footer"
|
|
@@ -1748,6 +1747,32 @@ const tokenMap = {
|
|
|
1748
1747
|
]
|
|
1749
1748
|
}
|
|
1750
1749
|
},
|
|
1750
|
+
"side-nav-item": {
|
|
1751
|
+
"active": {
|
|
1752
|
+
"default": {
|
|
1753
|
+
"path": "color.background.side-nav-item.active.default",
|
|
1754
|
+
"name": "ColorBackgroundSide-nav-itemActiveDefault",
|
|
1755
|
+
"code": "$color-background-side-nav-item-active-default",
|
|
1756
|
+
"variable": "color-background-side-nav-item-active-default",
|
|
1757
|
+
"value": "hsl(206deg, 13%, 95%)",
|
|
1758
|
+
"attributes": {},
|
|
1759
|
+
"inherits": [
|
|
1760
|
+
"alias.color.background.secondary"
|
|
1761
|
+
]
|
|
1762
|
+
},
|
|
1763
|
+
"danger": {
|
|
1764
|
+
"path": "color.background.side-nav-item.active.danger",
|
|
1765
|
+
"name": "ColorBackgroundSide-nav-itemActiveDanger",
|
|
1766
|
+
"code": "$color-background-side-nav-item-active-danger",
|
|
1767
|
+
"variable": "color-background-side-nav-item-active-danger",
|
|
1768
|
+
"value": "hsl(359, 60%, 50%)",
|
|
1769
|
+
"attributes": {},
|
|
1770
|
+
"inherits": [
|
|
1771
|
+
"alias.color.danger"
|
|
1772
|
+
]
|
|
1773
|
+
}
|
|
1774
|
+
}
|
|
1775
|
+
},
|
|
1751
1776
|
"switch": {
|
|
1752
1777
|
"thumb": {
|
|
1753
1778
|
"path": "color.background.switch.thumb",
|
|
@@ -1788,10 +1813,10 @@ const tokenMap = {
|
|
|
1788
1813
|
"name": "ColorBackgroundSwitchTrackInactive",
|
|
1789
1814
|
"code": "$color-background-switch-track-inactive",
|
|
1790
1815
|
"variable": "color-background-switch-track-inactive",
|
|
1791
|
-
"value": "hsl(206deg,
|
|
1816
|
+
"value": "hsl(206deg, 15%, 90%)",
|
|
1792
1817
|
"attributes": {},
|
|
1793
1818
|
"inherits": [
|
|
1794
|
-
"alias.color.background.
|
|
1819
|
+
"alias.color.background.tertiary"
|
|
1795
1820
|
]
|
|
1796
1821
|
}
|
|
1797
1822
|
}
|
|
@@ -1899,6 +1924,17 @@ const tokenMap = {
|
|
|
1899
1924
|
"alias.color.danger"
|
|
1900
1925
|
]
|
|
1901
1926
|
}
|
|
1927
|
+
},
|
|
1928
|
+
"side-nav-group": {
|
|
1929
|
+
"path": "color.border.side-nav-group",
|
|
1930
|
+
"name": "ColorBorderSide-nav-group",
|
|
1931
|
+
"code": "$color-border-side-nav-group",
|
|
1932
|
+
"variable": "color-border-side-nav-group",
|
|
1933
|
+
"value": "hsl(206deg, 15%, 85%)",
|
|
1934
|
+
"attributes": {},
|
|
1935
|
+
"inherits": [
|
|
1936
|
+
"alias.color.border.weak"
|
|
1937
|
+
]
|
|
1902
1938
|
}
|
|
1903
1939
|
},
|
|
1904
1940
|
"font": {
|
|
@@ -2095,6 +2131,56 @@ const tokenMap = {
|
|
|
2095
2131
|
"alias.color.text.secondary"
|
|
2096
2132
|
]
|
|
2097
2133
|
}
|
|
2134
|
+
},
|
|
2135
|
+
"side-nav-item": {
|
|
2136
|
+
"base": {
|
|
2137
|
+
"default": {
|
|
2138
|
+
"path": "color.font.side-nav-item.base.default",
|
|
2139
|
+
"name": "ColorFontSide-nav-itemBaseDefault",
|
|
2140
|
+
"code": "$color-font-side-nav-item-base-default",
|
|
2141
|
+
"variable": "color-font-side-nav-item-base-default",
|
|
2142
|
+
"value": "hsl(206deg, 6%, 55%)",
|
|
2143
|
+
"attributes": {},
|
|
2144
|
+
"inherits": [
|
|
2145
|
+
"alias.color.text.primary"
|
|
2146
|
+
]
|
|
2147
|
+
},
|
|
2148
|
+
"danger": {
|
|
2149
|
+
"path": "color.font.side-nav-item.base.danger",
|
|
2150
|
+
"name": "ColorFontSide-nav-itemBaseDanger",
|
|
2151
|
+
"code": "$color-font-side-nav-item-base-danger",
|
|
2152
|
+
"variable": "color-font-side-nav-item-base-danger",
|
|
2153
|
+
"value": "hsl(359, 60%, 50%)",
|
|
2154
|
+
"attributes": {},
|
|
2155
|
+
"inherits": [
|
|
2156
|
+
"alias.color.danger"
|
|
2157
|
+
]
|
|
2158
|
+
}
|
|
2159
|
+
},
|
|
2160
|
+
"active": {
|
|
2161
|
+
"default": {
|
|
2162
|
+
"path": "color.font.side-nav-item.active.default",
|
|
2163
|
+
"name": "ColorFontSide-nav-itemActiveDefault",
|
|
2164
|
+
"code": "$color-font-side-nav-item-active-default",
|
|
2165
|
+
"variable": "color-font-side-nav-item-active-default",
|
|
2166
|
+
"value": "#000000",
|
|
2167
|
+
"attributes": {},
|
|
2168
|
+
"inherits": [
|
|
2169
|
+
"alias.color.text.accent"
|
|
2170
|
+
]
|
|
2171
|
+
},
|
|
2172
|
+
"danger": {
|
|
2173
|
+
"path": "color.font.side-nav-item.active.danger",
|
|
2174
|
+
"name": "ColorFontSide-nav-itemActiveDanger",
|
|
2175
|
+
"code": "$color-font-side-nav-item-active-danger",
|
|
2176
|
+
"variable": "color-font-side-nav-item-active-danger",
|
|
2177
|
+
"value": "#ffffff",
|
|
2178
|
+
"attributes": {},
|
|
2179
|
+
"inherits": [
|
|
2180
|
+
"color.base.white"
|
|
2181
|
+
]
|
|
2182
|
+
}
|
|
2183
|
+
}
|
|
2098
2184
|
}
|
|
2099
2185
|
}
|
|
2100
2186
|
},
|
|
@@ -3156,7 +3242,8 @@ const tokenMap = {
|
|
|
3156
3242
|
"inheritedBy": [
|
|
3157
3243
|
"spacing.button.padding.y",
|
|
3158
3244
|
"spacing.form.field.label.margin-block-end",
|
|
3159
|
-
"spacing.form.field.error.margin-block-end"
|
|
3245
|
+
"spacing.form.field.error.margin-block-end",
|
|
3246
|
+
"spacing.side-nav-item.padding.block"
|
|
3160
3247
|
]
|
|
3161
3248
|
},
|
|
3162
3249
|
"md": {
|
|
@@ -3175,7 +3262,8 @@ const tokenMap = {
|
|
|
3175
3262
|
],
|
|
3176
3263
|
"inheritedBy": [
|
|
3177
3264
|
"spacing.button-icon.margin.inline.end",
|
|
3178
|
-
"spacing.input.padding.inline"
|
|
3265
|
+
"spacing.input.padding.inline",
|
|
3266
|
+
"spacing.side-nav-item.padding.inline"
|
|
3179
3267
|
]
|
|
3180
3268
|
},
|
|
3181
3269
|
"lg": {
|
|
@@ -3195,7 +3283,8 @@ const tokenMap = {
|
|
|
3195
3283
|
"inheritedBy": [
|
|
3196
3284
|
"spacing.button-bar.padding.inline",
|
|
3197
3285
|
"spacing.button-bar.padding.block",
|
|
3198
|
-
"spacing.button.padding.x"
|
|
3286
|
+
"spacing.button.padding.x",
|
|
3287
|
+
"spacing.side-nav.gap"
|
|
3199
3288
|
]
|
|
3200
3289
|
},
|
|
3201
3290
|
"xl": {
|
|
@@ -3471,6 +3560,45 @@ const tokenMap = {
|
|
|
3471
3560
|
}
|
|
3472
3561
|
}
|
|
3473
3562
|
},
|
|
3563
|
+
"side-nav": {
|
|
3564
|
+
"gap": {
|
|
3565
|
+
"path": "spacing.side-nav.gap",
|
|
3566
|
+
"name": "SpacingSide-navGap",
|
|
3567
|
+
"code": "$spacing-side-nav-gap",
|
|
3568
|
+
"variable": "spacing-side-nav-gap",
|
|
3569
|
+
"value": "1rem",
|
|
3570
|
+
"attributes": {},
|
|
3571
|
+
"inherits": [
|
|
3572
|
+
"spacing.base.lg"
|
|
3573
|
+
]
|
|
3574
|
+
}
|
|
3575
|
+
},
|
|
3576
|
+
"side-nav-item": {
|
|
3577
|
+
"padding": {
|
|
3578
|
+
"inline": {
|
|
3579
|
+
"path": "spacing.side-nav-item.padding.inline",
|
|
3580
|
+
"name": "SpacingSide-nav-itemPaddingInline",
|
|
3581
|
+
"code": "$spacing-side-nav-item-padding-inline",
|
|
3582
|
+
"variable": "spacing-side-nav-item-padding-inline",
|
|
3583
|
+
"value": "0.75rem",
|
|
3584
|
+
"attributes": {},
|
|
3585
|
+
"inherits": [
|
|
3586
|
+
"spacing.base.md"
|
|
3587
|
+
]
|
|
3588
|
+
},
|
|
3589
|
+
"block": {
|
|
3590
|
+
"path": "spacing.side-nav-item.padding.block",
|
|
3591
|
+
"name": "SpacingSide-nav-itemPaddingBlock",
|
|
3592
|
+
"code": "$spacing-side-nav-item-padding-block",
|
|
3593
|
+
"variable": "spacing-side-nav-item-padding-block",
|
|
3594
|
+
"value": "0.5rem",
|
|
3595
|
+
"attributes": {},
|
|
3596
|
+
"inherits": [
|
|
3597
|
+
"spacing.base.sm"
|
|
3598
|
+
]
|
|
3599
|
+
}
|
|
3600
|
+
}
|
|
3601
|
+
},
|
|
3474
3602
|
"switch": {
|
|
3475
3603
|
"thumb": {
|
|
3476
3604
|
"size": {
|
|
@@ -4258,7 +4386,8 @@ const tokenMap = {
|
|
|
4258
4386
|
"color.base.blue-gray.550"
|
|
4259
4387
|
],
|
|
4260
4388
|
"inheritedBy": [
|
|
4261
|
-
"color.font.form.field.label"
|
|
4389
|
+
"color.font.form.field.label",
|
|
4390
|
+
"color.font.side-nav-item.base.default"
|
|
4262
4391
|
]
|
|
4263
4392
|
},
|
|
4264
4393
|
"secondary": {
|
|
@@ -4331,7 +4460,8 @@ const tokenMap = {
|
|
|
4331
4460
|
"color.base.black"
|
|
4332
4461
|
],
|
|
4333
4462
|
"inheritedBy": [
|
|
4334
|
-
"color.font.input.focus"
|
|
4463
|
+
"color.font.input.focus",
|
|
4464
|
+
"color.font.side-nav-item.active.default"
|
|
4335
4465
|
]
|
|
4336
4466
|
}
|
|
4337
4467
|
},
|
|
@@ -4351,7 +4481,8 @@ const tokenMap = {
|
|
|
4351
4481
|
"color.base.blue-gray.850"
|
|
4352
4482
|
],
|
|
4353
4483
|
"inheritedBy": [
|
|
4354
|
-
"color.border.input.default"
|
|
4484
|
+
"color.border.input.default",
|
|
4485
|
+
"color.border.side-nav-group"
|
|
4355
4486
|
]
|
|
4356
4487
|
},
|
|
4357
4488
|
"default": {
|
|
@@ -4437,10 +4568,12 @@ const tokenMap = {
|
|
|
4437
4568
|
],
|
|
4438
4569
|
"inheritedBy": [
|
|
4439
4570
|
"color.background.button.danger.base",
|
|
4571
|
+
"color.background.side-nav-item.active.danger",
|
|
4440
4572
|
"color.border.button.danger.discreet",
|
|
4441
4573
|
"color.border.input.invalid",
|
|
4442
4574
|
"color.font.button.danger.discreet",
|
|
4443
|
-
"color.font.form.field.error"
|
|
4575
|
+
"color.font.form.field.error",
|
|
4576
|
+
"color.font.side-nav-item.base.danger"
|
|
4444
4577
|
]
|
|
4445
4578
|
},
|
|
4446
4579
|
"caution": {
|
|
@@ -4535,7 +4668,7 @@ const tokenMap = {
|
|
|
4535
4668
|
"name": "AliasColorBackgroundSecondary",
|
|
4536
4669
|
"code": "$alias-color-background-secondary",
|
|
4537
4670
|
"variable": "alias-color-background-secondary",
|
|
4538
|
-
"value": "hsl(206deg,
|
|
4671
|
+
"value": "hsl(206deg, 13%, 95%)",
|
|
4539
4672
|
"attributes": {
|
|
4540
4673
|
"tailwind": [
|
|
4541
4674
|
"backgroundColor.secondary"
|
|
@@ -4545,7 +4678,8 @@ const tokenMap = {
|
|
|
4545
4678
|
"color.base.blue-gray.950"
|
|
4546
4679
|
],
|
|
4547
4680
|
"inheritedBy": [
|
|
4548
|
-
"color.background.block.footer"
|
|
4681
|
+
"color.background.block.footer",
|
|
4682
|
+
"color.background.side-nav-item.active.default"
|
|
4549
4683
|
]
|
|
4550
4684
|
},
|
|
4551
4685
|
"tertiary": {
|
|
@@ -4563,7 +4697,8 @@ const tokenMap = {
|
|
|
4563
4697
|
"color.base.blue-gray.900"
|
|
4564
4698
|
],
|
|
4565
4699
|
"inheritedBy": [
|
|
4566
|
-
"color.background.block.content"
|
|
4700
|
+
"color.background.block.content",
|
|
4701
|
+
"color.background.switch.track.inactive"
|
|
4567
4702
|
]
|
|
4568
4703
|
},
|
|
4569
4704
|
"quarternary": {
|
|
@@ -4591,17 +4726,14 @@ const tokenMap = {
|
|
|
4591
4726
|
"name": "AliasColorBackgroundQuinary",
|
|
4592
4727
|
"code": "$alias-color-background-quinary",
|
|
4593
4728
|
"variable": "alias-color-background-quinary",
|
|
4594
|
-
"value": "hsl(206deg,
|
|
4729
|
+
"value": "hsl(206deg, 13%, 95%)",
|
|
4595
4730
|
"attributes": {
|
|
4596
4731
|
"tailwind": [
|
|
4597
4732
|
"backgroundColor.quinary"
|
|
4598
4733
|
]
|
|
4599
4734
|
},
|
|
4600
4735
|
"inherits": [
|
|
4601
|
-
"color.base.blue-gray.
|
|
4602
|
-
],
|
|
4603
|
-
"inheritedBy": [
|
|
4604
|
-
"color.background.switch.track.inactive"
|
|
4736
|
+
"color.base.blue-gray.950"
|
|
4605
4737
|
]
|
|
4606
4738
|
},
|
|
4607
4739
|
"elevation": {
|