@k8slens/lds-tokens 0.19.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 +14 -16
- package/lib/docs/token-map.light.d.ts +1 -1
- package/lib/docs/token-map.light.js +14 -16
- 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 +3 -3
- package/lib/electron/tokens.dark.css +3 -3
- package/lib/electron/tokens.dark.js +5 -5
- package/lib/electron/tokens.dark.scoped.css +1 -1
- package/lib/electron/tokens.dark.ts +5 -5
- package/lib/electron/tokens.form.css +1 -1
- package/lib/electron/tokens.light.css +3 -3
- package/lib/electron/tokens.light.js +5 -5
- package/lib/electron/tokens.light.scoped.css +1 -1
- package/lib/electron/tokens.light.ts +5 -5
- 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 +3 -3
- package/lib/web/tokens.dark.css +3 -3
- package/lib/web/tokens.dark.js +5 -5
- package/lib/web/tokens.dark.scoped.css +1 -1
- package/lib/web/tokens.dark.ts +5 -5
- package/lib/web/tokens.form.css +1 -1
- package/lib/web/tokens.light.css +3 -3
- package/lib/web/tokens.light.js +5 -5
- package/lib/web/tokens.light.scoped.css +1 -1
- package/lib/web/tokens.light.ts +5 -5
- 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, 06 Sep 2023
|
|
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": {
|
|
@@ -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": {
|
|
@@ -3639,7 +3640,6 @@ const tokenMap = {
|
|
|
3639
3640
|
"inheritedBy": [
|
|
3640
3641
|
"spacing.button.padding.y",
|
|
3641
3642
|
"spacing.button-xs-icon.margin.inline.end",
|
|
3642
|
-
"spacing.button-bar.padding.block",
|
|
3643
3643
|
"spacing.side-nav.gap",
|
|
3644
3644
|
"spacing.form-field.label.margin-block-end",
|
|
3645
3645
|
"spacing.form-field.error.margin-block-end"
|
|
@@ -3682,6 +3682,7 @@ const tokenMap = {
|
|
|
3682
3682
|
"inheritedBy": [
|
|
3683
3683
|
"spacing.button.padding.x",
|
|
3684
3684
|
"spacing.button-bar.padding.inline",
|
|
3685
|
+
"spacing.button-bar.gap",
|
|
3685
3686
|
"spacing.side-nav-compact-item.padding.inline"
|
|
3686
3687
|
]
|
|
3687
3688
|
},
|
|
@@ -4090,13 +4091,10 @@ const tokenMap = {
|
|
|
4090
4091
|
"name": "SpacingButton-barPaddingBlock",
|
|
4091
4092
|
"code": "$spacing-button-bar-padding-block",
|
|
4092
4093
|
"variable": "spacing-button-bar-padding-block",
|
|
4093
|
-
"value": "0.
|
|
4094
|
+
"value": "0.375rem",
|
|
4094
4095
|
"attributes": {},
|
|
4095
4096
|
"inherits": [
|
|
4096
|
-
"spacing.base.
|
|
4097
|
-
],
|
|
4098
|
-
"inheritedBy": [
|
|
4099
|
-
"spacing.button-bar.gap"
|
|
4097
|
+
"spacing.base.1-5"
|
|
4100
4098
|
]
|
|
4101
4099
|
}
|
|
4102
4100
|
},
|
|
@@ -4105,10 +4103,10 @@ const tokenMap = {
|
|
|
4105
4103
|
"name": "SpacingButton-barGap",
|
|
4106
4104
|
"code": "$spacing-button-bar-gap",
|
|
4107
4105
|
"variable": "spacing-button-bar-gap",
|
|
4108
|
-
"value": "
|
|
4106
|
+
"value": "1rem",
|
|
4109
4107
|
"attributes": {},
|
|
4110
4108
|
"inherits": [
|
|
4111
|
-
"spacing.
|
|
4109
|
+
"spacing.base.lg"
|
|
4112
4110
|
]
|
|
4113
4111
|
}
|
|
4114
4112
|
},
|
|
@@ -5305,7 +5303,7 @@ const tokenMap = {
|
|
|
5305
5303
|
"color.base.blue-gray.230"
|
|
5306
5304
|
],
|
|
5307
5305
|
"inheritedBy": [
|
|
5308
|
-
"color.background.block.
|
|
5306
|
+
"color.background.block.header",
|
|
5309
5307
|
"color.background.side-nav-item.active.default",
|
|
5310
5308
|
"color.background.switch.track.inactive"
|
|
5311
5309
|
]
|
|
@@ -5325,7 +5323,7 @@ const tokenMap = {
|
|
|
5325
5323
|
"color.base.blue-gray.200"
|
|
5326
5324
|
],
|
|
5327
5325
|
"inheritedBy": [
|
|
5328
|
-
"color.background.block.
|
|
5326
|
+
"color.background.block.content",
|
|
5329
5327
|
"color.background.button.secondary.base",
|
|
5330
5328
|
"color.background.input.focus"
|
|
5331
5329
|
]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 06 Sep 2023
|
|
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": {
|
|
@@ -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": {
|
|
@@ -3629,7 +3630,6 @@ const tokenMap = {
|
|
|
3629
3630
|
"inheritedBy": [
|
|
3630
3631
|
"spacing.button.padding.y",
|
|
3631
3632
|
"spacing.button-xs-icon.margin.inline.end",
|
|
3632
|
-
"spacing.button-bar.padding.block",
|
|
3633
3633
|
"spacing.side-nav.gap",
|
|
3634
3634
|
"spacing.form-field.label.margin-block-end",
|
|
3635
3635
|
"spacing.form-field.error.margin-block-end"
|
|
@@ -3672,6 +3672,7 @@ const tokenMap = {
|
|
|
3672
3672
|
"inheritedBy": [
|
|
3673
3673
|
"spacing.button.padding.x",
|
|
3674
3674
|
"spacing.button-bar.padding.inline",
|
|
3675
|
+
"spacing.button-bar.gap",
|
|
3675
3676
|
"spacing.side-nav-compact-item.padding.inline"
|
|
3676
3677
|
]
|
|
3677
3678
|
},
|
|
@@ -4080,13 +4081,10 @@ const tokenMap = {
|
|
|
4080
4081
|
"name": "SpacingButton-barPaddingBlock",
|
|
4081
4082
|
"code": "$spacing-button-bar-padding-block",
|
|
4082
4083
|
"variable": "spacing-button-bar-padding-block",
|
|
4083
|
-
"value": "0.
|
|
4084
|
+
"value": "0.375rem",
|
|
4084
4085
|
"attributes": {},
|
|
4085
4086
|
"inherits": [
|
|
4086
|
-
"spacing.base.
|
|
4087
|
-
],
|
|
4088
|
-
"inheritedBy": [
|
|
4089
|
-
"spacing.button-bar.gap"
|
|
4087
|
+
"spacing.base.1-5"
|
|
4090
4088
|
]
|
|
4091
4089
|
}
|
|
4092
4090
|
},
|
|
@@ -4095,10 +4093,10 @@ const tokenMap = {
|
|
|
4095
4093
|
"name": "SpacingButton-barGap",
|
|
4096
4094
|
"code": "$spacing-button-bar-gap",
|
|
4097
4095
|
"variable": "spacing-button-bar-gap",
|
|
4098
|
-
"value": "
|
|
4096
|
+
"value": "1rem",
|
|
4099
4097
|
"attributes": {},
|
|
4100
4098
|
"inherits": [
|
|
4101
|
-
"spacing.
|
|
4099
|
+
"spacing.base.lg"
|
|
4102
4100
|
]
|
|
4103
4101
|
}
|
|
4104
4102
|
},
|
|
@@ -5295,7 +5293,7 @@ const tokenMap = {
|
|
|
5295
5293
|
"color.base.blue-gray.900"
|
|
5296
5294
|
],
|
|
5297
5295
|
"inheritedBy": [
|
|
5298
|
-
"color.background.block.
|
|
5296
|
+
"color.background.block.header",
|
|
5299
5297
|
"color.background.side-nav-item.active.default",
|
|
5300
5298
|
"color.background.switch.track.inactive"
|
|
5301
5299
|
]
|
|
@@ -5315,7 +5313,7 @@ const tokenMap = {
|
|
|
5315
5313
|
"color.base.blue-gray.850"
|
|
5316
5314
|
],
|
|
5317
5315
|
"inheritedBy": [
|
|
5318
|
-
"color.background.block.
|
|
5316
|
+
"color.background.block.content",
|
|
5319
5317
|
"color.background.button.secondary.base",
|
|
5320
5318
|
"color.background.input.focus"
|
|
5321
5319
|
]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 06 Sep 2023
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 14:33:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
--spacing-input-icon-inset-block: var(--spacing-base-2-5);
|
|
15
15
|
--spacing-input-icon-inset-inline: var(--spacing-base-2-5);
|
|
16
16
|
--spacing-input-with-icon-inline-end: var(--spacing-base-10);
|
|
17
|
+
--spacing-button-bar-padding-block: var(--spacing-base-1-5);
|
|
17
18
|
--spacing-button-sm-icon-size: var(--spacing-base-4);
|
|
18
19
|
--spacing-button-xs-icon-size: var(--spacing-base-3-5);
|
|
19
20
|
--spacing-button-icon-size: var(--spacing-base-5);
|
|
@@ -30,7 +31,7 @@
|
|
|
30
31
|
--spacing-side-nav-compact-gap: var(--spacing-base-xxs);
|
|
31
32
|
--spacing-side-nav-gap: var(--spacing-base-sm);
|
|
32
33
|
--spacing-input-padding-inline: var(--spacing-base-md);
|
|
33
|
-
--spacing-button-bar-
|
|
34
|
+
--spacing-button-bar-gap: var(--spacing-base-lg);
|
|
34
35
|
--spacing-button-bar-padding-inline-large: var(--spacing-base-xl);
|
|
35
36
|
--spacing-button-bar-padding-inline: var(--spacing-base-lg);
|
|
36
37
|
--spacing-button-xs-icon-margin-inline-end: var(--spacing-base-sm);
|
|
@@ -41,7 +42,6 @@
|
|
|
41
42
|
--color-font-side-nav-item-active-default: var(--alias-color-text-accent);
|
|
42
43
|
--color-font-input-focus: var(--alias-color-text-accent);
|
|
43
44
|
--color-background-switch-thumb-highlight: var(--alias-color-background-highlight-25);
|
|
44
|
-
--spacing-button-bar-gap: var(--spacing-button-bar-padding-block);
|
|
45
45
|
--color-font-button-danger-base: var(--color-base-blue-gray-900);
|
|
46
46
|
--color-font-button-caution-base: var(--color-base-blue-gray-900);
|
|
47
47
|
--color-font-button-ok-base: var(--color-base-blue-gray-900);
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 06 Sep 2023
|
|
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, 06 Sep 2023
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 14:33:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
|
|
@@ -176,6 +176,7 @@ export const TypographyBaseSizeXxs = SpacingBase2;
|
|
|
176
176
|
export const SpacingInputIconInsetBlock = SpacingBase25;
|
|
177
177
|
export const SpacingInputIconInsetInline = SpacingBase25;
|
|
178
178
|
export const SpacingInputWithIconInlineEnd = SpacingBase10;
|
|
179
|
+
export const SpacingButtonBarPaddingBlock = SpacingBase15;
|
|
179
180
|
export const SpacingButtonSmIconSize = SpacingBase4;
|
|
180
181
|
export const SpacingButtonXsIconSize = SpacingBase35;
|
|
181
182
|
export const SpacingButtonIconSize = SpacingBase5;
|
|
@@ -235,7 +236,7 @@ export const SpacingSideNavItemPaddingInline = SpacingBaseMd;
|
|
|
235
236
|
export const SpacingSideNavCompactGap = SpacingBaseXxs;
|
|
236
237
|
export const SpacingSideNavGap = SpacingBaseSm;
|
|
237
238
|
export const SpacingInputPaddingInline = SpacingBaseMd;
|
|
238
|
-
export const
|
|
239
|
+
export const SpacingButtonBarGap = SpacingBaseLg;
|
|
239
240
|
export const SpacingButtonBarPaddingInlineLarge = SpacingBaseXl;
|
|
240
241
|
export const SpacingButtonBarPaddingInline = SpacingBaseLg;
|
|
241
242
|
export const SpacingButtonXsIconMarginInlineEnd = SpacingBaseSm;
|
|
@@ -254,7 +255,7 @@ export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight
|
|
|
254
255
|
export const ColorBackgroundSideNavItemActiveDefault = AliasColorBackgroundTertiary;
|
|
255
256
|
export const ColorBackgroundInputDefault = AliasColorBackgroundBase;
|
|
256
257
|
export const ColorBackgroundBlockFooter = AliasColorBackgroundSecondary;
|
|
257
|
-
export const
|
|
258
|
+
export const ColorBackgroundBlockHeader = AliasColorBackgroundTertiary;
|
|
258
259
|
export const ColorBaseBlueGreenDefault = ColorBaseBlueGreen600;
|
|
259
260
|
export const ColorBaseBrightGreenDefault = ColorBaseBrightGreen600;
|
|
260
261
|
export const ColorBaseGreenDefault = ColorBaseGreen400;
|
|
@@ -286,7 +287,6 @@ export const AliasColorTextTertiary = ColorBaseBlueGray650;
|
|
|
286
287
|
export const AliasColorTextSecondary = ColorBaseBlueGray350;
|
|
287
288
|
export const AliasColorTextPrimary = ColorBaseBlueGray600;
|
|
288
289
|
export const AliasColorBrandPrimary = `${ColorBaseBlueDefault}`;
|
|
289
|
-
export const SpacingButtonBarGap = SpacingButtonBarPaddingBlock;
|
|
290
290
|
export const ColorFontTipWhite = ColorBaseBlueGray550;
|
|
291
291
|
export const ColorFontButtonDangerBase = ColorBaseBlueGray900;
|
|
292
292
|
export const ColorFontButtonCautionBase = ColorBaseBlueGray900;
|
|
@@ -332,4 +332,4 @@ export const ColorBackgroundButtonDangerBase = AliasColorDanger;
|
|
|
332
332
|
export const ColorBackgroundButtonOkBase = AliasColorOk;
|
|
333
333
|
export const ColorBackgroundButtonSecondaryBase = AliasColorBackgroundQuarternary;
|
|
334
334
|
export const ColorBackgroundButtonPrimaryBase = AliasColorBrandPrimary;
|
|
335
|
-
export const
|
|
335
|
+
export const ColorBackgroundBlockContent = AliasColorBackgroundQuarternary;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 06 Sep 2023
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 14:33:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
|
|
@@ -176,6 +176,7 @@ export const TypographyBaseSizeXxs = SpacingBase2;
|
|
|
176
176
|
export const SpacingInputIconInsetBlock = SpacingBase25;
|
|
177
177
|
export const SpacingInputIconInsetInline = SpacingBase25;
|
|
178
178
|
export const SpacingInputWithIconInlineEnd = SpacingBase10;
|
|
179
|
+
export const SpacingButtonBarPaddingBlock = SpacingBase15;
|
|
179
180
|
export const SpacingButtonSmIconSize = SpacingBase4;
|
|
180
181
|
export const SpacingButtonXsIconSize = SpacingBase35;
|
|
181
182
|
export const SpacingButtonIconSize = SpacingBase5;
|
|
@@ -235,7 +236,7 @@ export const SpacingSideNavItemPaddingInline = SpacingBaseMd;
|
|
|
235
236
|
export const SpacingSideNavCompactGap = SpacingBaseXxs;
|
|
236
237
|
export const SpacingSideNavGap = SpacingBaseSm;
|
|
237
238
|
export const SpacingInputPaddingInline = SpacingBaseMd;
|
|
238
|
-
export const
|
|
239
|
+
export const SpacingButtonBarGap = SpacingBaseLg;
|
|
239
240
|
export const SpacingButtonBarPaddingInlineLarge = SpacingBaseXl;
|
|
240
241
|
export const SpacingButtonBarPaddingInline = SpacingBaseLg;
|
|
241
242
|
export const SpacingButtonXsIconMarginInlineEnd = SpacingBaseSm;
|
|
@@ -254,7 +255,7 @@ export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight
|
|
|
254
255
|
export const ColorBackgroundSideNavItemActiveDefault = AliasColorBackgroundTertiary;
|
|
255
256
|
export const ColorBackgroundInputDefault = AliasColorBackgroundBase;
|
|
256
257
|
export const ColorBackgroundBlockFooter = AliasColorBackgroundSecondary;
|
|
257
|
-
export const
|
|
258
|
+
export const ColorBackgroundBlockHeader = AliasColorBackgroundTertiary;
|
|
258
259
|
export const ColorBaseBlueGreenDefault = ColorBaseBlueGreen600;
|
|
259
260
|
export const ColorBaseBrightGreenDefault = ColorBaseBrightGreen600;
|
|
260
261
|
export const ColorBaseGreenDefault = ColorBaseGreen400;
|
|
@@ -286,7 +287,6 @@ export const AliasColorTextTertiary = ColorBaseBlueGray650;
|
|
|
286
287
|
export const AliasColorTextSecondary = ColorBaseBlueGray350;
|
|
287
288
|
export const AliasColorTextPrimary = ColorBaseBlueGray600;
|
|
288
289
|
export const AliasColorBrandPrimary = `${ColorBaseBlueDefault}`;
|
|
289
|
-
export const SpacingButtonBarGap = SpacingButtonBarPaddingBlock;
|
|
290
290
|
export const ColorFontTipWhite = ColorBaseBlueGray550;
|
|
291
291
|
export const ColorFontButtonDangerBase = ColorBaseBlueGray900;
|
|
292
292
|
export const ColorFontButtonCautionBase = ColorBaseBlueGray900;
|
|
@@ -332,4 +332,4 @@ export const ColorBackgroundButtonDangerBase = AliasColorDanger;
|
|
|
332
332
|
export const ColorBackgroundButtonOkBase = AliasColorOk;
|
|
333
333
|
export const ColorBackgroundButtonSecondaryBase = AliasColorBackgroundQuarternary;
|
|
334
334
|
export const ColorBackgroundButtonPrimaryBase = AliasColorBrandPrimary;
|
|
335
|
-
export const
|
|
335
|
+
export const ColorBackgroundBlockContent = AliasColorBackgroundQuarternary;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 06 Sep 2023
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 14:33:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -236,6 +236,6 @@
|
|
|
236
236
|
--color-font-table-cell-primary: var(--alias-color-text-primary);
|
|
237
237
|
--color-font-link: var(--alias-color-brand-primary);
|
|
238
238
|
--color-background-block-footer: var(--alias-color-background-secondary);
|
|
239
|
-
--color-background-block-content: var(--alias-color-background-
|
|
240
|
-
--color-background-block-header: var(--alias-color-background-
|
|
239
|
+
--color-background-block-content: var(--alias-color-background-quarternary);
|
|
240
|
+
--color-background-block-header: var(--alias-color-background-tertiary);
|
|
241
241
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 06 Sep 2023
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 14:33:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
|
|
@@ -171,6 +171,7 @@ export const TypographyBaseSizeXxs = SpacingBase2;
|
|
|
171
171
|
export const SpacingInputIconInsetBlock = SpacingBase25;
|
|
172
172
|
export const SpacingInputIconInsetInline = SpacingBase25;
|
|
173
173
|
export const SpacingInputWithIconInlineEnd = SpacingBase10;
|
|
174
|
+
export const SpacingButtonBarPaddingBlock = SpacingBase15;
|
|
174
175
|
export const SpacingButtonSmIconSize = SpacingBase4;
|
|
175
176
|
export const SpacingButtonXsIconSize = SpacingBase35;
|
|
176
177
|
export const SpacingButtonIconSize = SpacingBase5;
|
|
@@ -230,7 +231,7 @@ export const SpacingSideNavItemPaddingInline = SpacingBaseMd;
|
|
|
230
231
|
export const SpacingSideNavCompactGap = SpacingBaseXxs;
|
|
231
232
|
export const SpacingSideNavGap = SpacingBaseSm;
|
|
232
233
|
export const SpacingInputPaddingInline = SpacingBaseMd;
|
|
233
|
-
export const
|
|
234
|
+
export const SpacingButtonBarGap = SpacingBaseLg;
|
|
234
235
|
export const SpacingButtonBarPaddingInlineLarge = SpacingBaseXl;
|
|
235
236
|
export const SpacingButtonBarPaddingInline = SpacingBaseLg;
|
|
236
237
|
export const SpacingButtonXsIconMarginInlineEnd = SpacingBaseSm;
|
|
@@ -278,7 +279,6 @@ export const AliasColorTextTertiary = ColorBaseBlueGray450;
|
|
|
278
279
|
export const AliasColorTextSecondary = ColorBaseBlueGray750;
|
|
279
280
|
export const AliasColorTextPrimary = ColorBaseBlueGray550;
|
|
280
281
|
export const AliasColorBrandPrimary = `${ColorBaseBlueDefault}`;
|
|
281
|
-
export const SpacingButtonBarGap = SpacingButtonBarPaddingBlock;
|
|
282
282
|
export const ColorFontTipWhite = ColorBaseBlueGray550;
|
|
283
283
|
export const ColorFontButtonDangerBase = ColorBaseBlueGray900;
|
|
284
284
|
export const ColorFontButtonCautionBase = ColorBaseBlueGray900;
|
|
@@ -331,5 +331,5 @@ export const ColorBackgroundButtonOkBase = AliasColorOk;
|
|
|
331
331
|
export const ColorBackgroundButtonSecondaryBase = AliasColorBackgroundQuarternary;
|
|
332
332
|
export const ColorBackgroundButtonPrimaryBase = AliasColorBrandPrimary;
|
|
333
333
|
export const ColorBackgroundBlockFooter = AliasColorBackgroundSecondary;
|
|
334
|
-
export const ColorBackgroundBlockContent =
|
|
335
|
-
export const ColorBackgroundBlockHeader =
|
|
334
|
+
export const ColorBackgroundBlockContent = AliasColorBackgroundQuarternary;
|
|
335
|
+
export const ColorBackgroundBlockHeader = AliasColorBackgroundTertiary;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 06 Sep 2023
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 14:33:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
|
|
@@ -171,6 +171,7 @@ export const TypographyBaseSizeXxs = SpacingBase2;
|
|
|
171
171
|
export const SpacingInputIconInsetBlock = SpacingBase25;
|
|
172
172
|
export const SpacingInputIconInsetInline = SpacingBase25;
|
|
173
173
|
export const SpacingInputWithIconInlineEnd = SpacingBase10;
|
|
174
|
+
export const SpacingButtonBarPaddingBlock = SpacingBase15;
|
|
174
175
|
export const SpacingButtonSmIconSize = SpacingBase4;
|
|
175
176
|
export const SpacingButtonXsIconSize = SpacingBase35;
|
|
176
177
|
export const SpacingButtonIconSize = SpacingBase5;
|
|
@@ -230,7 +231,7 @@ export const SpacingSideNavItemPaddingInline = SpacingBaseMd;
|
|
|
230
231
|
export const SpacingSideNavCompactGap = SpacingBaseXxs;
|
|
231
232
|
export const SpacingSideNavGap = SpacingBaseSm;
|
|
232
233
|
export const SpacingInputPaddingInline = SpacingBaseMd;
|
|
233
|
-
export const
|
|
234
|
+
export const SpacingButtonBarGap = SpacingBaseLg;
|
|
234
235
|
export const SpacingButtonBarPaddingInlineLarge = SpacingBaseXl;
|
|
235
236
|
export const SpacingButtonBarPaddingInline = SpacingBaseLg;
|
|
236
237
|
export const SpacingButtonXsIconMarginInlineEnd = SpacingBaseSm;
|
|
@@ -278,7 +279,6 @@ export const AliasColorTextTertiary = ColorBaseBlueGray450;
|
|
|
278
279
|
export const AliasColorTextSecondary = ColorBaseBlueGray750;
|
|
279
280
|
export const AliasColorTextPrimary = ColorBaseBlueGray550;
|
|
280
281
|
export const AliasColorBrandPrimary = `${ColorBaseBlueDefault}`;
|
|
281
|
-
export const SpacingButtonBarGap = SpacingButtonBarPaddingBlock;
|
|
282
282
|
export const ColorFontTipWhite = ColorBaseBlueGray550;
|
|
283
283
|
export const ColorFontButtonDangerBase = ColorBaseBlueGray900;
|
|
284
284
|
export const ColorFontButtonCautionBase = ColorBaseBlueGray900;
|
|
@@ -331,5 +331,5 @@ export const ColorBackgroundButtonOkBase = AliasColorOk;
|
|
|
331
331
|
export const ColorBackgroundButtonSecondaryBase = AliasColorBackgroundQuarternary;
|
|
332
332
|
export const ColorBackgroundButtonPrimaryBase = AliasColorBrandPrimary;
|
|
333
333
|
export const ColorBackgroundBlockFooter = AliasColorBackgroundSecondary;
|
|
334
|
-
export const ColorBackgroundBlockContent =
|
|
335
|
-
export const ColorBackgroundBlockHeader =
|
|
334
|
+
export const ColorBackgroundBlockContent = AliasColorBackgroundQuarternary;
|
|
335
|
+
export const ColorBackgroundBlockHeader = AliasColorBackgroundTertiary;
|
package/lib/web/colors/dark.js
CHANGED
package/lib/web/colors/light.js
CHANGED
package/lib/web/font-imports.css
CHANGED
package/lib/web/icons/action.js
CHANGED
package/lib/web/icons/base.js
CHANGED
package/lib/web/icons/idp.js
CHANGED
package/lib/web/icons/misc.js
CHANGED
package/lib/web/images/index.js
CHANGED
package/lib/web/tokens.core.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 06 Sep 2023
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 14:33:08 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
--spacing-input-icon-inset-block: var(--spacing-base-2-5);
|
|
15
15
|
--spacing-input-icon-inset-inline: var(--spacing-base-2-5);
|
|
16
16
|
--spacing-input-with-icon-inline-end: var(--spacing-base-10);
|
|
17
|
+
--spacing-button-bar-padding-block: var(--spacing-base-1-5);
|
|
17
18
|
--spacing-button-sm-icon-size: var(--spacing-base-4);
|
|
18
19
|
--spacing-button-xs-icon-size: var(--spacing-base-3-5);
|
|
19
20
|
--spacing-button-icon-size: var(--spacing-base-5);
|
|
@@ -30,7 +31,7 @@
|
|
|
30
31
|
--spacing-side-nav-compact-gap: var(--spacing-base-xxs);
|
|
31
32
|
--spacing-side-nav-gap: var(--spacing-base-sm);
|
|
32
33
|
--spacing-input-padding-inline: var(--spacing-base-md);
|
|
33
|
-
--spacing-button-bar-
|
|
34
|
+
--spacing-button-bar-gap: var(--spacing-base-lg);
|
|
34
35
|
--spacing-button-bar-padding-inline-large: var(--spacing-base-xl);
|
|
35
36
|
--spacing-button-bar-padding-inline: var(--spacing-base-lg);
|
|
36
37
|
--spacing-button-xs-icon-margin-inline-end: var(--spacing-base-sm);
|
|
@@ -41,7 +42,6 @@
|
|
|
41
42
|
--color-font-side-nav-item-active-default: var(--alias-color-text-accent);
|
|
42
43
|
--color-font-input-focus: var(--alias-color-text-accent);
|
|
43
44
|
--color-background-switch-thumb-highlight: var(--alias-color-background-highlight-25);
|
|
44
|
-
--spacing-button-bar-gap: var(--spacing-button-bar-padding-block);
|
|
45
45
|
--color-font-button-danger-base: var(--color-base-blue-gray-900);
|
|
46
46
|
--color-font-button-caution-base: var(--color-base-blue-gray-900);
|
|
47
47
|
--color-font-button-ok-base: var(--color-base-blue-gray-900);
|
package/lib/web/tokens.dark.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 06 Sep 2023
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 14:33:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -200,7 +200,7 @@
|
|
|
200
200
|
--typography-heading-size-h1: var(--typography-base-size-3xl);
|
|
201
201
|
--color-font-table-header-base: var(--alias-color-text-accent);
|
|
202
202
|
--color-background-block-footer: var(--alias-color-background-secondary);
|
|
203
|
-
--color-background-block-
|
|
203
|
+
--color-background-block-header: var(--alias-color-background-tertiary);
|
|
204
204
|
--color-base-blue-green-default: var(--color-base-blue-green-600);
|
|
205
205
|
--color-base-bright-green-default: var(--color-base-bright-green-600);
|
|
206
206
|
--color-base-green-default: var(--color-base-green-400);
|
|
@@ -240,5 +240,5 @@
|
|
|
240
240
|
--color-font-table-cell-secondary: var(--alias-color-text-secondary);
|
|
241
241
|
--color-font-table-cell-primary: var(--alias-color-text-primary);
|
|
242
242
|
--color-font-link: var(--alias-color-brand-primary);
|
|
243
|
-
--color-background-block-
|
|
243
|
+
--color-background-block-content: var(--alias-color-background-quarternary);
|
|
244
244
|
}
|
package/lib/web/tokens.dark.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 06 Sep 2023
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 14:33:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
|
|
@@ -179,6 +179,7 @@ export const TypographyBaseSizeXxs = SpacingBase2;
|
|
|
179
179
|
export const SpacingInputIconInsetBlock = SpacingBase25;
|
|
180
180
|
export const SpacingInputIconInsetInline = SpacingBase25;
|
|
181
181
|
export const SpacingInputWithIconInlineEnd = SpacingBase10;
|
|
182
|
+
export const SpacingButtonBarPaddingBlock = SpacingBase15;
|
|
182
183
|
export const SpacingButtonSmIconSize = SpacingBase4;
|
|
183
184
|
export const SpacingButtonXsIconSize = SpacingBase35;
|
|
184
185
|
export const SpacingButtonIconSize = SpacingBase5;
|
|
@@ -238,7 +239,7 @@ export const SpacingSideNavItemPaddingInline = SpacingBaseMd;
|
|
|
238
239
|
export const SpacingSideNavCompactGap = SpacingBaseXxs;
|
|
239
240
|
export const SpacingSideNavGap = SpacingBaseSm;
|
|
240
241
|
export const SpacingInputPaddingInline = SpacingBaseMd;
|
|
241
|
-
export const
|
|
242
|
+
export const SpacingButtonBarGap = SpacingBaseLg;
|
|
242
243
|
export const SpacingButtonBarPaddingInlineLarge = SpacingBaseXl;
|
|
243
244
|
export const SpacingButtonBarPaddingInline = SpacingBaseLg;
|
|
244
245
|
export const SpacingButtonXsIconMarginInlineEnd = SpacingBaseSm;
|
|
@@ -257,7 +258,7 @@ export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight
|
|
|
257
258
|
export const ColorBackgroundSideNavItemActiveDefault = AliasColorBackgroundTertiary;
|
|
258
259
|
export const ColorBackgroundInputDefault = AliasColorBackgroundBase;
|
|
259
260
|
export const ColorBackgroundBlockFooter = AliasColorBackgroundSecondary;
|
|
260
|
-
export const
|
|
261
|
+
export const ColorBackgroundBlockHeader = AliasColorBackgroundTertiary;
|
|
261
262
|
export const ColorBaseBlueGreenDefault = ColorBaseBlueGreen600;
|
|
262
263
|
export const ColorBaseBrightGreenDefault = ColorBaseBrightGreen600;
|
|
263
264
|
export const ColorBaseGreenDefault = ColorBaseGreen400;
|
|
@@ -289,7 +290,6 @@ export const AliasColorTextTertiary = ColorBaseBlueGray650;
|
|
|
289
290
|
export const AliasColorTextSecondary = ColorBaseBlueGray350;
|
|
290
291
|
export const AliasColorTextPrimary = ColorBaseBlueGray600;
|
|
291
292
|
export const AliasColorBrandPrimary = `${ColorBaseBlueDefault}`;
|
|
292
|
-
export const SpacingButtonBarGap = SpacingButtonBarPaddingBlock;
|
|
293
293
|
export const ColorFontTipWhite = ColorBaseBlueGray550;
|
|
294
294
|
export const ColorFontButtonDangerBase = ColorBaseBlueGray900;
|
|
295
295
|
export const ColorFontButtonCautionBase = ColorBaseBlueGray900;
|
|
@@ -335,4 +335,4 @@ export const ColorBackgroundButtonDangerBase = AliasColorDanger;
|
|
|
335
335
|
export const ColorBackgroundButtonOkBase = AliasColorOk;
|
|
336
336
|
export const ColorBackgroundButtonSecondaryBase = AliasColorBackgroundQuarternary;
|
|
337
337
|
export const ColorBackgroundButtonPrimaryBase = AliasColorBrandPrimary;
|
|
338
|
-
export const
|
|
338
|
+
export const ColorBackgroundBlockContent = AliasColorBackgroundQuarternary;
|
package/lib/web/tokens.dark.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 06 Sep 2023
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 14:33:07 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
|
|
@@ -179,6 +179,7 @@ export const TypographyBaseSizeXxs = SpacingBase2;
|
|
|
179
179
|
export const SpacingInputIconInsetBlock = SpacingBase25;
|
|
180
180
|
export const SpacingInputIconInsetInline = SpacingBase25;
|
|
181
181
|
export const SpacingInputWithIconInlineEnd = SpacingBase10;
|
|
182
|
+
export const SpacingButtonBarPaddingBlock = SpacingBase15;
|
|
182
183
|
export const SpacingButtonSmIconSize = SpacingBase4;
|
|
183
184
|
export const SpacingButtonXsIconSize = SpacingBase35;
|
|
184
185
|
export const SpacingButtonIconSize = SpacingBase5;
|
|
@@ -238,7 +239,7 @@ export const SpacingSideNavItemPaddingInline = SpacingBaseMd;
|
|
|
238
239
|
export const SpacingSideNavCompactGap = SpacingBaseXxs;
|
|
239
240
|
export const SpacingSideNavGap = SpacingBaseSm;
|
|
240
241
|
export const SpacingInputPaddingInline = SpacingBaseMd;
|
|
241
|
-
export const
|
|
242
|
+
export const SpacingButtonBarGap = SpacingBaseLg;
|
|
242
243
|
export const SpacingButtonBarPaddingInlineLarge = SpacingBaseXl;
|
|
243
244
|
export const SpacingButtonBarPaddingInline = SpacingBaseLg;
|
|
244
245
|
export const SpacingButtonXsIconMarginInlineEnd = SpacingBaseSm;
|
|
@@ -257,7 +258,7 @@ export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight
|
|
|
257
258
|
export const ColorBackgroundSideNavItemActiveDefault = AliasColorBackgroundTertiary;
|
|
258
259
|
export const ColorBackgroundInputDefault = AliasColorBackgroundBase;
|
|
259
260
|
export const ColorBackgroundBlockFooter = AliasColorBackgroundSecondary;
|
|
260
|
-
export const
|
|
261
|
+
export const ColorBackgroundBlockHeader = AliasColorBackgroundTertiary;
|
|
261
262
|
export const ColorBaseBlueGreenDefault = ColorBaseBlueGreen600;
|
|
262
263
|
export const ColorBaseBrightGreenDefault = ColorBaseBrightGreen600;
|
|
263
264
|
export const ColorBaseGreenDefault = ColorBaseGreen400;
|
|
@@ -289,7 +290,6 @@ export const AliasColorTextTertiary = ColorBaseBlueGray650;
|
|
|
289
290
|
export const AliasColorTextSecondary = ColorBaseBlueGray350;
|
|
290
291
|
export const AliasColorTextPrimary = ColorBaseBlueGray600;
|
|
291
292
|
export const AliasColorBrandPrimary = `${ColorBaseBlueDefault}`;
|
|
292
|
-
export const SpacingButtonBarGap = SpacingButtonBarPaddingBlock;
|
|
293
293
|
export const ColorFontTipWhite = ColorBaseBlueGray550;
|
|
294
294
|
export const ColorFontButtonDangerBase = ColorBaseBlueGray900;
|
|
295
295
|
export const ColorFontButtonCautionBase = ColorBaseBlueGray900;
|
|
@@ -335,4 +335,4 @@ export const ColorBackgroundButtonDangerBase = AliasColorDanger;
|
|
|
335
335
|
export const ColorBackgroundButtonOkBase = AliasColorOk;
|
|
336
336
|
export const ColorBackgroundButtonSecondaryBase = AliasColorBackgroundQuarternary;
|
|
337
337
|
export const ColorBackgroundButtonPrimaryBase = AliasColorBrandPrimary;
|
|
338
|
-
export const
|
|
338
|
+
export const ColorBackgroundBlockContent = AliasColorBackgroundQuarternary;
|
package/lib/web/tokens.form.css
CHANGED
package/lib/web/tokens.light.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 06 Sep 2023
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 14:33:08 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -239,6 +239,6 @@
|
|
|
239
239
|
--color-font-table-cell-primary: var(--alias-color-text-primary);
|
|
240
240
|
--color-font-link: var(--alias-color-brand-primary);
|
|
241
241
|
--color-background-block-footer: var(--alias-color-background-secondary);
|
|
242
|
-
--color-background-block-content: var(--alias-color-background-
|
|
243
|
-
--color-background-block-header: var(--alias-color-background-
|
|
242
|
+
--color-background-block-content: var(--alias-color-background-quarternary);
|
|
243
|
+
--color-background-block-header: var(--alias-color-background-tertiary);
|
|
244
244
|
}
|
package/lib/web/tokens.light.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 06 Sep 2023
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 14:33:08 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
|
|
@@ -174,6 +174,7 @@ export const TypographyBaseSizeXxs = SpacingBase2;
|
|
|
174
174
|
export const SpacingInputIconInsetBlock = SpacingBase25;
|
|
175
175
|
export const SpacingInputIconInsetInline = SpacingBase25;
|
|
176
176
|
export const SpacingInputWithIconInlineEnd = SpacingBase10;
|
|
177
|
+
export const SpacingButtonBarPaddingBlock = SpacingBase15;
|
|
177
178
|
export const SpacingButtonSmIconSize = SpacingBase4;
|
|
178
179
|
export const SpacingButtonXsIconSize = SpacingBase35;
|
|
179
180
|
export const SpacingButtonIconSize = SpacingBase5;
|
|
@@ -233,7 +234,7 @@ export const SpacingSideNavItemPaddingInline = SpacingBaseMd;
|
|
|
233
234
|
export const SpacingSideNavCompactGap = SpacingBaseXxs;
|
|
234
235
|
export const SpacingSideNavGap = SpacingBaseSm;
|
|
235
236
|
export const SpacingInputPaddingInline = SpacingBaseMd;
|
|
236
|
-
export const
|
|
237
|
+
export const SpacingButtonBarGap = SpacingBaseLg;
|
|
237
238
|
export const SpacingButtonBarPaddingInlineLarge = SpacingBaseXl;
|
|
238
239
|
export const SpacingButtonBarPaddingInline = SpacingBaseLg;
|
|
239
240
|
export const SpacingButtonXsIconMarginInlineEnd = SpacingBaseSm;
|
|
@@ -281,7 +282,6 @@ export const AliasColorTextTertiary = ColorBaseBlueGray450;
|
|
|
281
282
|
export const AliasColorTextSecondary = ColorBaseBlueGray750;
|
|
282
283
|
export const AliasColorTextPrimary = ColorBaseBlueGray550;
|
|
283
284
|
export const AliasColorBrandPrimary = `${ColorBaseBlueDefault}`;
|
|
284
|
-
export const SpacingButtonBarGap = SpacingButtonBarPaddingBlock;
|
|
285
285
|
export const ColorFontTipWhite = ColorBaseBlueGray550;
|
|
286
286
|
export const ColorFontButtonDangerBase = ColorBaseBlueGray900;
|
|
287
287
|
export const ColorFontButtonCautionBase = ColorBaseBlueGray900;
|
|
@@ -334,5 +334,5 @@ export const ColorBackgroundButtonOkBase = AliasColorOk;
|
|
|
334
334
|
export const ColorBackgroundButtonSecondaryBase = AliasColorBackgroundQuarternary;
|
|
335
335
|
export const ColorBackgroundButtonPrimaryBase = AliasColorBrandPrimary;
|
|
336
336
|
export const ColorBackgroundBlockFooter = AliasColorBackgroundSecondary;
|
|
337
|
-
export const ColorBackgroundBlockContent =
|
|
338
|
-
export const ColorBackgroundBlockHeader =
|
|
337
|
+
export const ColorBackgroundBlockContent = AliasColorBackgroundQuarternary;
|
|
338
|
+
export const ColorBackgroundBlockHeader = AliasColorBackgroundTertiary;
|
package/lib/web/tokens.light.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 06 Sep 2023
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 14:33:08 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
|
|
@@ -174,6 +174,7 @@ export const TypographyBaseSizeXxs = SpacingBase2;
|
|
|
174
174
|
export const SpacingInputIconInsetBlock = SpacingBase25;
|
|
175
175
|
export const SpacingInputIconInsetInline = SpacingBase25;
|
|
176
176
|
export const SpacingInputWithIconInlineEnd = SpacingBase10;
|
|
177
|
+
export const SpacingButtonBarPaddingBlock = SpacingBase15;
|
|
177
178
|
export const SpacingButtonSmIconSize = SpacingBase4;
|
|
178
179
|
export const SpacingButtonXsIconSize = SpacingBase35;
|
|
179
180
|
export const SpacingButtonIconSize = SpacingBase5;
|
|
@@ -233,7 +234,7 @@ export const SpacingSideNavItemPaddingInline = SpacingBaseMd;
|
|
|
233
234
|
export const SpacingSideNavCompactGap = SpacingBaseXxs;
|
|
234
235
|
export const SpacingSideNavGap = SpacingBaseSm;
|
|
235
236
|
export const SpacingInputPaddingInline = SpacingBaseMd;
|
|
236
|
-
export const
|
|
237
|
+
export const SpacingButtonBarGap = SpacingBaseLg;
|
|
237
238
|
export const SpacingButtonBarPaddingInlineLarge = SpacingBaseXl;
|
|
238
239
|
export const SpacingButtonBarPaddingInline = SpacingBaseLg;
|
|
239
240
|
export const SpacingButtonXsIconMarginInlineEnd = SpacingBaseSm;
|
|
@@ -281,7 +282,6 @@ export const AliasColorTextTertiary = ColorBaseBlueGray450;
|
|
|
281
282
|
export const AliasColorTextSecondary = ColorBaseBlueGray750;
|
|
282
283
|
export const AliasColorTextPrimary = ColorBaseBlueGray550;
|
|
283
284
|
export const AliasColorBrandPrimary = `${ColorBaseBlueDefault}`;
|
|
284
|
-
export const SpacingButtonBarGap = SpacingButtonBarPaddingBlock;
|
|
285
285
|
export const ColorFontTipWhite = ColorBaseBlueGray550;
|
|
286
286
|
export const ColorFontButtonDangerBase = ColorBaseBlueGray900;
|
|
287
287
|
export const ColorFontButtonCautionBase = ColorBaseBlueGray900;
|
|
@@ -334,5 +334,5 @@ export const ColorBackgroundButtonOkBase = AliasColorOk;
|
|
|
334
334
|
export const ColorBackgroundButtonSecondaryBase = AliasColorBackgroundQuarternary;
|
|
335
335
|
export const ColorBackgroundButtonPrimaryBase = AliasColorBrandPrimary;
|
|
336
336
|
export const ColorBackgroundBlockFooter = AliasColorBackgroundSecondary;
|
|
337
|
-
export const ColorBackgroundBlockContent =
|
|
338
|
-
export const ColorBackgroundBlockHeader =
|
|
337
|
+
export const ColorBackgroundBlockContent = AliasColorBackgroundQuarternary;
|
|
338
|
+
export const ColorBackgroundBlockHeader = AliasColorBackgroundTertiary;
|
package/lib/web/tokens.tips.css
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@k8slens/lds-tokens",
|
|
3
|
-
"version": "0.19.
|
|
3
|
+
"version": "0.19.1",
|
|
4
4
|
"description": "Lens Design System – Design Tokens",
|
|
5
5
|
"author": "Mirantis Inc",
|
|
6
6
|
"license": "MIT",
|
|
@@ -44,5 +44,5 @@
|
|
|
44
44
|
"^.+\\.(ts|tsx|js|jsx)$": "ts-jest"
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
|
-
"gitHead": "
|
|
47
|
+
"gitHead": "260cf84c97b64407df72bbc4b47bf9a854d433ee"
|
|
48
48
|
}
|