@k8slens/lds-tokens 0.18.0 → 0.19.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 +62 -21
- package/lib/docs/token-map.light.d.ts +1 -1
- package/lib/docs/token-map.light.js +62 -21
- 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.core.css +7 -4
- package/lib/electron/tokens.dark.css +3 -3
- package/lib/electron/tokens.dark.js +9 -6
- package/lib/electron/tokens.dark.scoped.css +1 -1
- package/lib/electron/tokens.dark.ts +9 -6
- package/lib/electron/tokens.form.css +1 -1
- package/lib/electron/tokens.light.css +3 -3
- package/lib/electron/tokens.light.js +9 -6
- package/lib/electron/tokens.light.scoped.css +1 -1
- package/lib/electron/tokens.light.ts +9 -6
- package/lib/electron/tokens.tips.css +1 -1
- package/lib/web/colors/dark.js +1 -1
- package/lib/web/colors/light.js +1 -1
- 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.core.css +7 -4
- package/lib/web/tokens.dark.css +3 -3
- package/lib/web/tokens.dark.js +9 -6
- package/lib/web/tokens.dark.scoped.css +1 -1
- package/lib/web/tokens.dark.ts +9 -6
- package/lib/web/tokens.form.css +1 -1
- package/lib/web/tokens.light.css +3 -3
- package/lib/web/tokens.light.js +9 -6
- package/lib/web/tokens.light.scoped.css +1 -1
- package/lib/web/tokens.light.ts +9 -6
- package/lib/web/tokens.tips.css +1 -1
- package/package.json +2 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 14:33:08 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
const tokenMap = {
|
|
@@ -1697,14 +1697,14 @@ const tokenMap = {
|
|
|
1697
1697
|
"name": "ColorBackgroundBlockHeader",
|
|
1698
1698
|
"code": "$color-background-block-header",
|
|
1699
1699
|
"variable": "color-background-block-header",
|
|
1700
|
-
"value": "hsl(
|
|
1700
|
+
"value": "hsl(217, 7%, 23%)",
|
|
1701
1701
|
"attributes": {
|
|
1702
1702
|
"tailwind": [
|
|
1703
1703
|
"backgroundColor.block-header"
|
|
1704
1704
|
]
|
|
1705
1705
|
},
|
|
1706
1706
|
"inherits": [
|
|
1707
|
-
"alias.color.background.
|
|
1707
|
+
"alias.color.background.tertiary"
|
|
1708
1708
|
]
|
|
1709
1709
|
},
|
|
1710
1710
|
"content": {
|
|
@@ -1712,14 +1712,14 @@ const tokenMap = {
|
|
|
1712
1712
|
"name": "ColorBackgroundBlockContent",
|
|
1713
1713
|
"code": "$color-background-block-content",
|
|
1714
1714
|
"variable": "color-background-block-content",
|
|
1715
|
-
"value": "hsl(
|
|
1715
|
+
"value": "hsl(206deg, 9%, 20%)",
|
|
1716
1716
|
"attributes": {
|
|
1717
1717
|
"tailwind": [
|
|
1718
1718
|
"backgroundColor.block-content"
|
|
1719
1719
|
]
|
|
1720
1720
|
},
|
|
1721
1721
|
"inherits": [
|
|
1722
|
-
"alias.color.background.
|
|
1722
|
+
"alias.color.background.quarternary"
|
|
1723
1723
|
]
|
|
1724
1724
|
},
|
|
1725
1725
|
"footer": {
|
|
@@ -1836,10 +1836,10 @@ const tokenMap = {
|
|
|
1836
1836
|
"name": "ColorBackgroundSide-nav-itemActiveDefault",
|
|
1837
1837
|
"code": "$color-background-side-nav-item-active-default",
|
|
1838
1838
|
"variable": "color-background-side-nav-item-active-default",
|
|
1839
|
-
"value": "hsl(
|
|
1839
|
+
"value": "hsl(217, 7%, 23%)",
|
|
1840
1840
|
"attributes": {},
|
|
1841
1841
|
"inherits": [
|
|
1842
|
-
"alias.color.background.
|
|
1842
|
+
"alias.color.background.tertiary"
|
|
1843
1843
|
]
|
|
1844
1844
|
},
|
|
1845
1845
|
"danger": {
|
|
@@ -3417,7 +3417,8 @@ const tokenMap = {
|
|
|
3417
3417
|
},
|
|
3418
3418
|
"inherits": [],
|
|
3419
3419
|
"inheritedBy": [
|
|
3420
|
-
"spacing.button-xs.padding.x"
|
|
3420
|
+
"spacing.button-xs.padding.x",
|
|
3421
|
+
"spacing.button-bar.padding.block"
|
|
3421
3422
|
]
|
|
3422
3423
|
},
|
|
3423
3424
|
"1-75": {
|
|
@@ -3596,6 +3597,7 @@ const tokenMap = {
|
|
|
3596
3597
|
"spacing.base.0-5"
|
|
3597
3598
|
],
|
|
3598
3599
|
"inheritedBy": [
|
|
3600
|
+
"spacing.side-nav-compact.gap",
|
|
3599
3601
|
"spacing.side-nav-item.margin.block.end",
|
|
3600
3602
|
"spacing.form-field.label.padding-inline-start"
|
|
3601
3603
|
]
|
|
@@ -3638,7 +3640,6 @@ const tokenMap = {
|
|
|
3638
3640
|
"inheritedBy": [
|
|
3639
3641
|
"spacing.button.padding.y",
|
|
3640
3642
|
"spacing.button-xs-icon.margin.inline.end",
|
|
3641
|
-
"spacing.button-bar.padding.block",
|
|
3642
3643
|
"spacing.side-nav.gap",
|
|
3643
3644
|
"spacing.form-field.label.margin-block-end",
|
|
3644
3645
|
"spacing.form-field.error.margin-block-end"
|
|
@@ -3680,7 +3681,9 @@ const tokenMap = {
|
|
|
3680
3681
|
],
|
|
3681
3682
|
"inheritedBy": [
|
|
3682
3683
|
"spacing.button.padding.x",
|
|
3683
|
-
"spacing.button-bar.padding.inline"
|
|
3684
|
+
"spacing.button-bar.padding.inline",
|
|
3685
|
+
"spacing.button-bar.gap",
|
|
3686
|
+
"spacing.side-nav-compact-item.padding.inline"
|
|
3684
3687
|
]
|
|
3685
3688
|
},
|
|
3686
3689
|
"xl": {
|
|
@@ -4088,13 +4091,10 @@ const tokenMap = {
|
|
|
4088
4091
|
"name": "SpacingButton-barPaddingBlock",
|
|
4089
4092
|
"code": "$spacing-button-bar-padding-block",
|
|
4090
4093
|
"variable": "spacing-button-bar-padding-block",
|
|
4091
|
-
"value": "0.
|
|
4094
|
+
"value": "0.375rem",
|
|
4092
4095
|
"attributes": {},
|
|
4093
4096
|
"inherits": [
|
|
4094
|
-
"spacing.base.
|
|
4095
|
-
],
|
|
4096
|
-
"inheritedBy": [
|
|
4097
|
-
"spacing.button-bar.gap"
|
|
4097
|
+
"spacing.base.1-5"
|
|
4098
4098
|
]
|
|
4099
4099
|
}
|
|
4100
4100
|
},
|
|
@@ -4103,10 +4103,10 @@ const tokenMap = {
|
|
|
4103
4103
|
"name": "SpacingButton-barGap",
|
|
4104
4104
|
"code": "$spacing-button-bar-gap",
|
|
4105
4105
|
"variable": "spacing-button-bar-gap",
|
|
4106
|
-
"value": "
|
|
4106
|
+
"value": "1rem",
|
|
4107
4107
|
"attributes": {},
|
|
4108
4108
|
"inherits": [
|
|
4109
|
-
"spacing.
|
|
4109
|
+
"spacing.base.lg"
|
|
4110
4110
|
]
|
|
4111
4111
|
}
|
|
4112
4112
|
},
|
|
@@ -4179,6 +4179,19 @@ const tokenMap = {
|
|
|
4179
4179
|
]
|
|
4180
4180
|
}
|
|
4181
4181
|
},
|
|
4182
|
+
"side-nav-compact": {
|
|
4183
|
+
"gap": {
|
|
4184
|
+
"path": "spacing.side-nav-compact.gap",
|
|
4185
|
+
"name": "SpacingSide-nav-compactGap",
|
|
4186
|
+
"code": "$spacing-side-nav-compact-gap",
|
|
4187
|
+
"variable": "spacing-side-nav-compact-gap",
|
|
4188
|
+
"value": "0.125rem",
|
|
4189
|
+
"attributes": {},
|
|
4190
|
+
"inherits": [
|
|
4191
|
+
"spacing.base.xxs"
|
|
4192
|
+
]
|
|
4193
|
+
}
|
|
4194
|
+
},
|
|
4182
4195
|
"side-nav-item": {
|
|
4183
4196
|
"padding": {
|
|
4184
4197
|
"inline": {
|
|
@@ -4220,6 +4233,34 @@ const tokenMap = {
|
|
|
4220
4233
|
}
|
|
4221
4234
|
}
|
|
4222
4235
|
},
|
|
4236
|
+
"side-nav-compact-item": {
|
|
4237
|
+
"padding": {
|
|
4238
|
+
"inline": {
|
|
4239
|
+
"path": "spacing.side-nav-compact-item.padding.inline",
|
|
4240
|
+
"name": "SpacingSide-nav-compact-itemPaddingInline",
|
|
4241
|
+
"code": "$spacing-side-nav-compact-item-padding-inline",
|
|
4242
|
+
"variable": "spacing-side-nav-compact-item-padding-inline",
|
|
4243
|
+
"value": "1rem",
|
|
4244
|
+
"attributes": {},
|
|
4245
|
+
"inherits": [
|
|
4246
|
+
"spacing.base.lg"
|
|
4247
|
+
]
|
|
4248
|
+
}
|
|
4249
|
+
},
|
|
4250
|
+
"margin": {
|
|
4251
|
+
"block": {
|
|
4252
|
+
"end": {
|
|
4253
|
+
"path": "spacing.side-nav-compact-item.margin.block.end",
|
|
4254
|
+
"name": "SpacingSide-nav-compact-itemMarginBlockEnd",
|
|
4255
|
+
"code": "$spacing-side-nav-compact-item-margin-block-end",
|
|
4256
|
+
"variable": "spacing-side-nav-compact-item-margin-block-end",
|
|
4257
|
+
"value": "0",
|
|
4258
|
+
"attributes": {},
|
|
4259
|
+
"inherits": []
|
|
4260
|
+
}
|
|
4261
|
+
}
|
|
4262
|
+
}
|
|
4263
|
+
},
|
|
4223
4264
|
"switch": {
|
|
4224
4265
|
"thumb": {
|
|
4225
4266
|
"size": {
|
|
@@ -5244,8 +5285,7 @@ const tokenMap = {
|
|
|
5244
5285
|
"color.base.blue-gray.150"
|
|
5245
5286
|
],
|
|
5246
5287
|
"inheritedBy": [
|
|
5247
|
-
"color.background.block.footer"
|
|
5248
|
-
"color.background.side-nav-item.active.default"
|
|
5288
|
+
"color.background.block.footer"
|
|
5249
5289
|
]
|
|
5250
5290
|
},
|
|
5251
5291
|
"tertiary": {
|
|
@@ -5263,7 +5303,8 @@ const tokenMap = {
|
|
|
5263
5303
|
"color.base.blue-gray.230"
|
|
5264
5304
|
],
|
|
5265
5305
|
"inheritedBy": [
|
|
5266
|
-
"color.background.block.
|
|
5306
|
+
"color.background.block.header",
|
|
5307
|
+
"color.background.side-nav-item.active.default",
|
|
5267
5308
|
"color.background.switch.track.inactive"
|
|
5268
5309
|
]
|
|
5269
5310
|
},
|
|
@@ -5282,7 +5323,7 @@ const tokenMap = {
|
|
|
5282
5323
|
"color.base.blue-gray.200"
|
|
5283
5324
|
],
|
|
5284
5325
|
"inheritedBy": [
|
|
5285
|
-
"color.background.block.
|
|
5326
|
+
"color.background.block.content",
|
|
5286
5327
|
"color.background.button.secondary.base",
|
|
5287
5328
|
"color.background.input.focus"
|
|
5288
5329
|
]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 14:33:08 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
const tokenMap = {
|
|
@@ -1687,14 +1687,14 @@ const tokenMap = {
|
|
|
1687
1687
|
"name": "ColorBackgroundBlockHeader",
|
|
1688
1688
|
"code": "$color-background-block-header",
|
|
1689
1689
|
"variable": "color-background-block-header",
|
|
1690
|
-
"value": "hsl(206deg, 15%,
|
|
1690
|
+
"value": "hsl(206deg, 15%, 90%)",
|
|
1691
1691
|
"attributes": {
|
|
1692
1692
|
"tailwind": [
|
|
1693
1693
|
"backgroundColor.block-header"
|
|
1694
1694
|
]
|
|
1695
1695
|
},
|
|
1696
1696
|
"inherits": [
|
|
1697
|
-
"alias.color.background.
|
|
1697
|
+
"alias.color.background.tertiary"
|
|
1698
1698
|
]
|
|
1699
1699
|
},
|
|
1700
1700
|
"content": {
|
|
@@ -1702,14 +1702,14 @@ const tokenMap = {
|
|
|
1702
1702
|
"name": "ColorBackgroundBlockContent",
|
|
1703
1703
|
"code": "$color-background-block-content",
|
|
1704
1704
|
"variable": "color-background-block-content",
|
|
1705
|
-
"value": "hsl(206deg, 15%,
|
|
1705
|
+
"value": "hsl(206deg, 15%, 85%)",
|
|
1706
1706
|
"attributes": {
|
|
1707
1707
|
"tailwind": [
|
|
1708
1708
|
"backgroundColor.block-content"
|
|
1709
1709
|
]
|
|
1710
1710
|
},
|
|
1711
1711
|
"inherits": [
|
|
1712
|
-
"alias.color.background.
|
|
1712
|
+
"alias.color.background.quarternary"
|
|
1713
1713
|
]
|
|
1714
1714
|
},
|
|
1715
1715
|
"footer": {
|
|
@@ -1826,10 +1826,10 @@ const tokenMap = {
|
|
|
1826
1826
|
"name": "ColorBackgroundSide-nav-itemActiveDefault",
|
|
1827
1827
|
"code": "$color-background-side-nav-item-active-default",
|
|
1828
1828
|
"variable": "color-background-side-nav-item-active-default",
|
|
1829
|
-
"value": "hsl(206deg, 15%,
|
|
1829
|
+
"value": "hsl(206deg, 15%, 90%)",
|
|
1830
1830
|
"attributes": {},
|
|
1831
1831
|
"inherits": [
|
|
1832
|
-
"alias.color.background.
|
|
1832
|
+
"alias.color.background.tertiary"
|
|
1833
1833
|
]
|
|
1834
1834
|
},
|
|
1835
1835
|
"danger": {
|
|
@@ -3407,7 +3407,8 @@ const tokenMap = {
|
|
|
3407
3407
|
},
|
|
3408
3408
|
"inherits": [],
|
|
3409
3409
|
"inheritedBy": [
|
|
3410
|
-
"spacing.button-xs.padding.x"
|
|
3410
|
+
"spacing.button-xs.padding.x",
|
|
3411
|
+
"spacing.button-bar.padding.block"
|
|
3411
3412
|
]
|
|
3412
3413
|
},
|
|
3413
3414
|
"1-75": {
|
|
@@ -3586,6 +3587,7 @@ const tokenMap = {
|
|
|
3586
3587
|
"spacing.base.0-5"
|
|
3587
3588
|
],
|
|
3588
3589
|
"inheritedBy": [
|
|
3590
|
+
"spacing.side-nav-compact.gap",
|
|
3589
3591
|
"spacing.side-nav-item.margin.block.end",
|
|
3590
3592
|
"spacing.form-field.label.padding-inline-start"
|
|
3591
3593
|
]
|
|
@@ -3628,7 +3630,6 @@ const tokenMap = {
|
|
|
3628
3630
|
"inheritedBy": [
|
|
3629
3631
|
"spacing.button.padding.y",
|
|
3630
3632
|
"spacing.button-xs-icon.margin.inline.end",
|
|
3631
|
-
"spacing.button-bar.padding.block",
|
|
3632
3633
|
"spacing.side-nav.gap",
|
|
3633
3634
|
"spacing.form-field.label.margin-block-end",
|
|
3634
3635
|
"spacing.form-field.error.margin-block-end"
|
|
@@ -3670,7 +3671,9 @@ const tokenMap = {
|
|
|
3670
3671
|
],
|
|
3671
3672
|
"inheritedBy": [
|
|
3672
3673
|
"spacing.button.padding.x",
|
|
3673
|
-
"spacing.button-bar.padding.inline"
|
|
3674
|
+
"spacing.button-bar.padding.inline",
|
|
3675
|
+
"spacing.button-bar.gap",
|
|
3676
|
+
"spacing.side-nav-compact-item.padding.inline"
|
|
3674
3677
|
]
|
|
3675
3678
|
},
|
|
3676
3679
|
"xl": {
|
|
@@ -4078,13 +4081,10 @@ const tokenMap = {
|
|
|
4078
4081
|
"name": "SpacingButton-barPaddingBlock",
|
|
4079
4082
|
"code": "$spacing-button-bar-padding-block",
|
|
4080
4083
|
"variable": "spacing-button-bar-padding-block",
|
|
4081
|
-
"value": "0.
|
|
4084
|
+
"value": "0.375rem",
|
|
4082
4085
|
"attributes": {},
|
|
4083
4086
|
"inherits": [
|
|
4084
|
-
"spacing.base.
|
|
4085
|
-
],
|
|
4086
|
-
"inheritedBy": [
|
|
4087
|
-
"spacing.button-bar.gap"
|
|
4087
|
+
"spacing.base.1-5"
|
|
4088
4088
|
]
|
|
4089
4089
|
}
|
|
4090
4090
|
},
|
|
@@ -4093,10 +4093,10 @@ const tokenMap = {
|
|
|
4093
4093
|
"name": "SpacingButton-barGap",
|
|
4094
4094
|
"code": "$spacing-button-bar-gap",
|
|
4095
4095
|
"variable": "spacing-button-bar-gap",
|
|
4096
|
-
"value": "
|
|
4096
|
+
"value": "1rem",
|
|
4097
4097
|
"attributes": {},
|
|
4098
4098
|
"inherits": [
|
|
4099
|
-
"spacing.
|
|
4099
|
+
"spacing.base.lg"
|
|
4100
4100
|
]
|
|
4101
4101
|
}
|
|
4102
4102
|
},
|
|
@@ -4169,6 +4169,19 @@ const tokenMap = {
|
|
|
4169
4169
|
]
|
|
4170
4170
|
}
|
|
4171
4171
|
},
|
|
4172
|
+
"side-nav-compact": {
|
|
4173
|
+
"gap": {
|
|
4174
|
+
"path": "spacing.side-nav-compact.gap",
|
|
4175
|
+
"name": "SpacingSide-nav-compactGap",
|
|
4176
|
+
"code": "$spacing-side-nav-compact-gap",
|
|
4177
|
+
"variable": "spacing-side-nav-compact-gap",
|
|
4178
|
+
"value": "0.125rem",
|
|
4179
|
+
"attributes": {},
|
|
4180
|
+
"inherits": [
|
|
4181
|
+
"spacing.base.xxs"
|
|
4182
|
+
]
|
|
4183
|
+
}
|
|
4184
|
+
},
|
|
4172
4185
|
"side-nav-item": {
|
|
4173
4186
|
"padding": {
|
|
4174
4187
|
"inline": {
|
|
@@ -4210,6 +4223,34 @@ const tokenMap = {
|
|
|
4210
4223
|
}
|
|
4211
4224
|
}
|
|
4212
4225
|
},
|
|
4226
|
+
"side-nav-compact-item": {
|
|
4227
|
+
"padding": {
|
|
4228
|
+
"inline": {
|
|
4229
|
+
"path": "spacing.side-nav-compact-item.padding.inline",
|
|
4230
|
+
"name": "SpacingSide-nav-compact-itemPaddingInline",
|
|
4231
|
+
"code": "$spacing-side-nav-compact-item-padding-inline",
|
|
4232
|
+
"variable": "spacing-side-nav-compact-item-padding-inline",
|
|
4233
|
+
"value": "1rem",
|
|
4234
|
+
"attributes": {},
|
|
4235
|
+
"inherits": [
|
|
4236
|
+
"spacing.base.lg"
|
|
4237
|
+
]
|
|
4238
|
+
}
|
|
4239
|
+
},
|
|
4240
|
+
"margin": {
|
|
4241
|
+
"block": {
|
|
4242
|
+
"end": {
|
|
4243
|
+
"path": "spacing.side-nav-compact-item.margin.block.end",
|
|
4244
|
+
"name": "SpacingSide-nav-compact-itemMarginBlockEnd",
|
|
4245
|
+
"code": "$spacing-side-nav-compact-item-margin-block-end",
|
|
4246
|
+
"variable": "spacing-side-nav-compact-item-margin-block-end",
|
|
4247
|
+
"value": "0",
|
|
4248
|
+
"attributes": {},
|
|
4249
|
+
"inherits": []
|
|
4250
|
+
}
|
|
4251
|
+
}
|
|
4252
|
+
}
|
|
4253
|
+
},
|
|
4213
4254
|
"switch": {
|
|
4214
4255
|
"thumb": {
|
|
4215
4256
|
"size": {
|
|
@@ -5234,8 +5275,7 @@ const tokenMap = {
|
|
|
5234
5275
|
"color.base.blue-gray.980"
|
|
5235
5276
|
],
|
|
5236
5277
|
"inheritedBy": [
|
|
5237
|
-
"color.background.block.footer"
|
|
5238
|
-
"color.background.side-nav-item.active.default"
|
|
5278
|
+
"color.background.block.footer"
|
|
5239
5279
|
]
|
|
5240
5280
|
},
|
|
5241
5281
|
"tertiary": {
|
|
@@ -5253,7 +5293,8 @@ const tokenMap = {
|
|
|
5253
5293
|
"color.base.blue-gray.900"
|
|
5254
5294
|
],
|
|
5255
5295
|
"inheritedBy": [
|
|
5256
|
-
"color.background.block.
|
|
5296
|
+
"color.background.block.header",
|
|
5297
|
+
"color.background.side-nav-item.active.default",
|
|
5257
5298
|
"color.background.switch.track.inactive"
|
|
5258
5299
|
]
|
|
5259
5300
|
},
|
|
@@ -5272,7 +5313,7 @@ const tokenMap = {
|
|
|
5272
5313
|
"color.base.blue-gray.850"
|
|
5273
5314
|
],
|
|
5274
5315
|
"inheritedBy": [
|
|
5275
|
-
"color.background.block.
|
|
5316
|
+
"color.background.block.content",
|
|
5276
5317
|
"color.background.button.secondary.base",
|
|
5277
5318
|
"color.background.input.focus"
|
|
5278
5319
|
]
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 14:33:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
7
7
|
--shadow-switch-thumb-focused: 0 0 0 2px var(--alias-color-brand-primary);
|
|
8
8
|
--spacing-switch-thumb-size: 20px;
|
|
9
|
+
--spacing-side-nav-compact-item-margin-block-end: 0;
|
|
9
10
|
--size-input-block-size: var(--spacing-base-10);
|
|
10
11
|
--size-button-sm-height: var(--spacing-base-8);
|
|
11
12
|
--size-button-xs-height: var(--spacing-base-6-5);
|
|
@@ -13,6 +14,7 @@
|
|
|
13
14
|
--spacing-input-icon-inset-block: var(--spacing-base-2-5);
|
|
14
15
|
--spacing-input-icon-inset-inline: var(--spacing-base-2-5);
|
|
15
16
|
--spacing-input-with-icon-inline-end: var(--spacing-base-10);
|
|
17
|
+
--spacing-button-bar-padding-block: var(--spacing-base-1-5);
|
|
16
18
|
--spacing-button-sm-icon-size: var(--spacing-base-4);
|
|
17
19
|
--spacing-button-xs-icon-size: var(--spacing-base-3-5);
|
|
18
20
|
--spacing-button-icon-size: var(--spacing-base-5);
|
|
@@ -22,12 +24,14 @@
|
|
|
22
24
|
--color-font-side-nav-item-active-danger: var(--color-base-white);
|
|
23
25
|
--color-background-switch-thumb: var(--color-base-white);
|
|
24
26
|
--shadow-switch-thumb-disabled: inset 0 0 0 2px var(--alias-color-background-overlay-blocked);
|
|
27
|
+
--spacing-side-nav-compact-item-padding-inline: var(--spacing-base-lg);
|
|
25
28
|
--spacing-side-nav-item-margin-block-end: var(--spacing-base-xxs);
|
|
26
29
|
--spacing-side-nav-item-padding-block: var(--spacing-base-xs);
|
|
27
30
|
--spacing-side-nav-item-padding-inline: var(--spacing-base-md);
|
|
31
|
+
--spacing-side-nav-compact-gap: var(--spacing-base-xxs);
|
|
28
32
|
--spacing-side-nav-gap: var(--spacing-base-sm);
|
|
29
33
|
--spacing-input-padding-inline: var(--spacing-base-md);
|
|
30
|
-
--spacing-button-bar-
|
|
34
|
+
--spacing-button-bar-gap: var(--spacing-base-lg);
|
|
31
35
|
--spacing-button-bar-padding-inline-large: var(--spacing-base-xl);
|
|
32
36
|
--spacing-button-bar-padding-inline: var(--spacing-base-lg);
|
|
33
37
|
--spacing-button-xs-icon-margin-inline-end: var(--spacing-base-sm);
|
|
@@ -38,7 +42,6 @@
|
|
|
38
42
|
--color-font-side-nav-item-active-default: var(--alias-color-text-accent);
|
|
39
43
|
--color-font-input-focus: var(--alias-color-text-accent);
|
|
40
44
|
--color-background-switch-thumb-highlight: var(--alias-color-background-highlight-25);
|
|
41
|
-
--spacing-button-bar-gap: var(--spacing-button-bar-padding-block);
|
|
42
45
|
--color-font-button-danger-base: var(--color-base-blue-gray-900);
|
|
43
46
|
--color-font-button-caution-base: var(--color-base-blue-gray-900);
|
|
44
47
|
--color-font-button-ok-base: var(--color-base-blue-gray-900);
|
|
@@ -66,7 +69,7 @@
|
|
|
66
69
|
--color-font-button-primary-discreet: var(--alias-color-brand-primary);
|
|
67
70
|
--color-background-switch-track-inactive: var(--alias-color-background-tertiary);
|
|
68
71
|
--color-background-side-nav-item-active-danger: var(--alias-color-danger);
|
|
69
|
-
--color-background-side-nav-item-active-default: var(--alias-color-background-
|
|
72
|
+
--color-background-side-nav-item-active-default: var(--alias-color-background-tertiary);
|
|
70
73
|
--color-background-input-focus: var(--alias-color-background-quarternary);
|
|
71
74
|
--color-background-input-default: var(--alias-color-background-base);
|
|
72
75
|
--color-background-button-danger-base: var(--alias-color-danger);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 14:33:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -197,7 +197,7 @@
|
|
|
197
197
|
--typography-heading-size-h1: var(--typography-base-size-3xl);
|
|
198
198
|
--color-font-table-header-base: var(--alias-color-text-accent);
|
|
199
199
|
--color-background-block-footer: var(--alias-color-background-secondary);
|
|
200
|
-
--color-background-block-
|
|
200
|
+
--color-background-block-header: var(--alias-color-background-tertiary);
|
|
201
201
|
--color-base-blue-green-default: var(--color-base-blue-green-600);
|
|
202
202
|
--color-base-bright-green-default: var(--color-base-bright-green-600);
|
|
203
203
|
--color-base-green-default: var(--color-base-green-400);
|
|
@@ -237,5 +237,5 @@
|
|
|
237
237
|
--color-font-table-cell-secondary: var(--alias-color-text-secondary);
|
|
238
238
|
--color-font-table-cell-primary: var(--alias-color-text-primary);
|
|
239
239
|
--color-font-link: var(--alias-color-brand-primary);
|
|
240
|
-
--color-background-block-
|
|
240
|
+
--color-background-block-content: var(--alias-color-background-quarternary);
|
|
241
241
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 14:33:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
|
|
@@ -18,6 +18,7 @@ export const TypographyBaseLineHeight6xl = 1;
|
|
|
18
18
|
export const TypographyBaseFontLegacy = "'Roboto', 'Helvetica', 'Arial', sans-serif"; // Legacy Lens font, will be replaced with Open Sans
|
|
19
19
|
export const TypographyBaseFontPrimary = "'Open Sans', sans-serif";
|
|
20
20
|
export const SpacingSwitchThumbSize = "20px";
|
|
21
|
+
export const SpacingSideNavCompactItemMarginBlockEnd = "0";
|
|
21
22
|
export const SpacingH4BasekickBaseline = "0em";
|
|
22
23
|
export const SpacingH4BasekickCap = "0em";
|
|
23
24
|
export const SpacingH4BlockEnd = "0rem";
|
|
@@ -175,6 +176,7 @@ export const TypographyBaseSizeXxs = SpacingBase2;
|
|
|
175
176
|
export const SpacingInputIconInsetBlock = SpacingBase25;
|
|
176
177
|
export const SpacingInputIconInsetInline = SpacingBase25;
|
|
177
178
|
export const SpacingInputWithIconInlineEnd = SpacingBase10;
|
|
179
|
+
export const SpacingButtonBarPaddingBlock = SpacingBase15;
|
|
178
180
|
export const SpacingButtonSmIconSize = SpacingBase4;
|
|
179
181
|
export const SpacingButtonXsIconSize = SpacingBase35;
|
|
180
182
|
export const SpacingButtonIconSize = SpacingBase5;
|
|
@@ -227,12 +229,14 @@ export const SpacingFormFieldErrorMarginBlockEnd = SpacingBaseSm;
|
|
|
227
229
|
export const SpacingFormFieldErrorMarginBlockStart = SpacingBaseXs;
|
|
228
230
|
export const SpacingFormFieldLabelPaddingInlineStart = SpacingBaseXxs;
|
|
229
231
|
export const SpacingFormFieldLabelMarginBlockEnd = SpacingBaseSm;
|
|
232
|
+
export const SpacingSideNavCompactItemPaddingInline = SpacingBaseLg;
|
|
230
233
|
export const SpacingSideNavItemMarginBlockEnd = SpacingBaseXxs;
|
|
231
234
|
export const SpacingSideNavItemPaddingBlock = SpacingBaseXs;
|
|
232
235
|
export const SpacingSideNavItemPaddingInline = SpacingBaseMd;
|
|
236
|
+
export const SpacingSideNavCompactGap = SpacingBaseXxs;
|
|
233
237
|
export const SpacingSideNavGap = SpacingBaseSm;
|
|
234
238
|
export const SpacingInputPaddingInline = SpacingBaseMd;
|
|
235
|
-
export const
|
|
239
|
+
export const SpacingButtonBarGap = SpacingBaseLg;
|
|
236
240
|
export const SpacingButtonBarPaddingInlineLarge = SpacingBaseXl;
|
|
237
241
|
export const SpacingButtonBarPaddingInline = SpacingBaseLg;
|
|
238
242
|
export const SpacingButtonXsIconMarginInlineEnd = SpacingBaseSm;
|
|
@@ -248,10 +252,10 @@ export const ColorFontTableHeaderBase = AliasColorTextAccent;
|
|
|
248
252
|
export const ColorBackgroundTipDefault = AliasColorBackgroundBase;
|
|
249
253
|
export const ColorBackgroundSwitchTrackInactive = AliasColorBackgroundTertiary;
|
|
250
254
|
export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight25;
|
|
251
|
-
export const ColorBackgroundSideNavItemActiveDefault =
|
|
255
|
+
export const ColorBackgroundSideNavItemActiveDefault = AliasColorBackgroundTertiary;
|
|
252
256
|
export const ColorBackgroundInputDefault = AliasColorBackgroundBase;
|
|
253
257
|
export const ColorBackgroundBlockFooter = AliasColorBackgroundSecondary;
|
|
254
|
-
export const
|
|
258
|
+
export const ColorBackgroundBlockHeader = AliasColorBackgroundTertiary;
|
|
255
259
|
export const ColorBaseBlueGreenDefault = ColorBaseBlueGreen600;
|
|
256
260
|
export const ColorBaseBrightGreenDefault = ColorBaseBrightGreen600;
|
|
257
261
|
export const ColorBaseGreenDefault = ColorBaseGreen400;
|
|
@@ -283,7 +287,6 @@ export const AliasColorTextTertiary = ColorBaseBlueGray650;
|
|
|
283
287
|
export const AliasColorTextSecondary = ColorBaseBlueGray350;
|
|
284
288
|
export const AliasColorTextPrimary = ColorBaseBlueGray600;
|
|
285
289
|
export const AliasColorBrandPrimary = `${ColorBaseBlueDefault}`;
|
|
286
|
-
export const SpacingButtonBarGap = SpacingButtonBarPaddingBlock;
|
|
287
290
|
export const ColorFontTipWhite = ColorBaseBlueGray550;
|
|
288
291
|
export const ColorFontButtonDangerBase = ColorBaseBlueGray900;
|
|
289
292
|
export const ColorFontButtonCautionBase = ColorBaseBlueGray900;
|
|
@@ -329,4 +332,4 @@ export const ColorBackgroundButtonDangerBase = AliasColorDanger;
|
|
|
329
332
|
export const ColorBackgroundButtonOkBase = AliasColorOk;
|
|
330
333
|
export const ColorBackgroundButtonSecondaryBase = AliasColorBackgroundQuarternary;
|
|
331
334
|
export const ColorBackgroundButtonPrimaryBase = AliasColorBrandPrimary;
|
|
332
|
-
export const
|
|
335
|
+
export const ColorBackgroundBlockContent = AliasColorBackgroundQuarternary;
|