@k8slens/lds-tokens 0.18.0 → 0.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/docs/token-map.dark.d.ts +1 -1
- package/lib/docs/token-map.dark.js +49 -6
- package/lib/docs/token-map.light.d.ts +1 -1
- package/lib/docs/token-map.light.js +49 -6
- 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 +5 -2
- package/lib/electron/tokens.dark.css +1 -1
- package/lib/electron/tokens.dark.js +5 -2
- package/lib/electron/tokens.dark.scoped.css +1 -1
- package/lib/electron/tokens.dark.ts +5 -2
- package/lib/electron/tokens.form.css +1 -1
- package/lib/electron/tokens.light.css +1 -1
- package/lib/electron/tokens.light.js +5 -2
- package/lib/electron/tokens.light.scoped.css +1 -1
- package/lib/electron/tokens.light.ts +5 -2
- 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 +5 -2
- package/lib/web/tokens.dark.css +1 -1
- package/lib/web/tokens.dark.js +5 -2
- package/lib/web/tokens.dark.scoped.css +1 -1
- package/lib/web/tokens.dark.ts +5 -2
- package/lib/web/tokens.form.css +1 -1
- package/lib/web/tokens.light.css +1 -1
- package/lib/web/tokens.light.js +5 -2
- package/lib/web/tokens.light.scoped.css +1 -1
- package/lib/web/tokens.light.ts +5 -2
- 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 13:45:03 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
const tokenMap = {
|
|
@@ -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": {
|
|
@@ -3596,6 +3596,7 @@ const tokenMap = {
|
|
|
3596
3596
|
"spacing.base.0-5"
|
|
3597
3597
|
],
|
|
3598
3598
|
"inheritedBy": [
|
|
3599
|
+
"spacing.side-nav-compact.gap",
|
|
3599
3600
|
"spacing.side-nav-item.margin.block.end",
|
|
3600
3601
|
"spacing.form-field.label.padding-inline-start"
|
|
3601
3602
|
]
|
|
@@ -3680,7 +3681,8 @@ 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.side-nav-compact-item.padding.inline"
|
|
3684
3686
|
]
|
|
3685
3687
|
},
|
|
3686
3688
|
"xl": {
|
|
@@ -4179,6 +4181,19 @@ const tokenMap = {
|
|
|
4179
4181
|
]
|
|
4180
4182
|
}
|
|
4181
4183
|
},
|
|
4184
|
+
"side-nav-compact": {
|
|
4185
|
+
"gap": {
|
|
4186
|
+
"path": "spacing.side-nav-compact.gap",
|
|
4187
|
+
"name": "SpacingSide-nav-compactGap",
|
|
4188
|
+
"code": "$spacing-side-nav-compact-gap",
|
|
4189
|
+
"variable": "spacing-side-nav-compact-gap",
|
|
4190
|
+
"value": "0.125rem",
|
|
4191
|
+
"attributes": {},
|
|
4192
|
+
"inherits": [
|
|
4193
|
+
"spacing.base.xxs"
|
|
4194
|
+
]
|
|
4195
|
+
}
|
|
4196
|
+
},
|
|
4182
4197
|
"side-nav-item": {
|
|
4183
4198
|
"padding": {
|
|
4184
4199
|
"inline": {
|
|
@@ -4220,6 +4235,34 @@ const tokenMap = {
|
|
|
4220
4235
|
}
|
|
4221
4236
|
}
|
|
4222
4237
|
},
|
|
4238
|
+
"side-nav-compact-item": {
|
|
4239
|
+
"padding": {
|
|
4240
|
+
"inline": {
|
|
4241
|
+
"path": "spacing.side-nav-compact-item.padding.inline",
|
|
4242
|
+
"name": "SpacingSide-nav-compact-itemPaddingInline",
|
|
4243
|
+
"code": "$spacing-side-nav-compact-item-padding-inline",
|
|
4244
|
+
"variable": "spacing-side-nav-compact-item-padding-inline",
|
|
4245
|
+
"value": "1rem",
|
|
4246
|
+
"attributes": {},
|
|
4247
|
+
"inherits": [
|
|
4248
|
+
"spacing.base.lg"
|
|
4249
|
+
]
|
|
4250
|
+
}
|
|
4251
|
+
},
|
|
4252
|
+
"margin": {
|
|
4253
|
+
"block": {
|
|
4254
|
+
"end": {
|
|
4255
|
+
"path": "spacing.side-nav-compact-item.margin.block.end",
|
|
4256
|
+
"name": "SpacingSide-nav-compact-itemMarginBlockEnd",
|
|
4257
|
+
"code": "$spacing-side-nav-compact-item-margin-block-end",
|
|
4258
|
+
"variable": "spacing-side-nav-compact-item-margin-block-end",
|
|
4259
|
+
"value": "0",
|
|
4260
|
+
"attributes": {},
|
|
4261
|
+
"inherits": []
|
|
4262
|
+
}
|
|
4263
|
+
}
|
|
4264
|
+
}
|
|
4265
|
+
},
|
|
4223
4266
|
"switch": {
|
|
4224
4267
|
"thumb": {
|
|
4225
4268
|
"size": {
|
|
@@ -5244,8 +5287,7 @@ const tokenMap = {
|
|
|
5244
5287
|
"color.base.blue-gray.150"
|
|
5245
5288
|
],
|
|
5246
5289
|
"inheritedBy": [
|
|
5247
|
-
"color.background.block.footer"
|
|
5248
|
-
"color.background.side-nav-item.active.default"
|
|
5290
|
+
"color.background.block.footer"
|
|
5249
5291
|
]
|
|
5250
5292
|
},
|
|
5251
5293
|
"tertiary": {
|
|
@@ -5264,6 +5306,7 @@ const tokenMap = {
|
|
|
5264
5306
|
],
|
|
5265
5307
|
"inheritedBy": [
|
|
5266
5308
|
"color.background.block.content",
|
|
5309
|
+
"color.background.side-nav-item.active.default",
|
|
5267
5310
|
"color.background.switch.track.inactive"
|
|
5268
5311
|
]
|
|
5269
5312
|
},
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 13:45:03 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
const tokenMap = {
|
|
@@ -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": {
|
|
@@ -3586,6 +3586,7 @@ const tokenMap = {
|
|
|
3586
3586
|
"spacing.base.0-5"
|
|
3587
3587
|
],
|
|
3588
3588
|
"inheritedBy": [
|
|
3589
|
+
"spacing.side-nav-compact.gap",
|
|
3589
3590
|
"spacing.side-nav-item.margin.block.end",
|
|
3590
3591
|
"spacing.form-field.label.padding-inline-start"
|
|
3591
3592
|
]
|
|
@@ -3670,7 +3671,8 @@ 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.side-nav-compact-item.padding.inline"
|
|
3674
3676
|
]
|
|
3675
3677
|
},
|
|
3676
3678
|
"xl": {
|
|
@@ -4169,6 +4171,19 @@ const tokenMap = {
|
|
|
4169
4171
|
]
|
|
4170
4172
|
}
|
|
4171
4173
|
},
|
|
4174
|
+
"side-nav-compact": {
|
|
4175
|
+
"gap": {
|
|
4176
|
+
"path": "spacing.side-nav-compact.gap",
|
|
4177
|
+
"name": "SpacingSide-nav-compactGap",
|
|
4178
|
+
"code": "$spacing-side-nav-compact-gap",
|
|
4179
|
+
"variable": "spacing-side-nav-compact-gap",
|
|
4180
|
+
"value": "0.125rem",
|
|
4181
|
+
"attributes": {},
|
|
4182
|
+
"inherits": [
|
|
4183
|
+
"spacing.base.xxs"
|
|
4184
|
+
]
|
|
4185
|
+
}
|
|
4186
|
+
},
|
|
4172
4187
|
"side-nav-item": {
|
|
4173
4188
|
"padding": {
|
|
4174
4189
|
"inline": {
|
|
@@ -4210,6 +4225,34 @@ const tokenMap = {
|
|
|
4210
4225
|
}
|
|
4211
4226
|
}
|
|
4212
4227
|
},
|
|
4228
|
+
"side-nav-compact-item": {
|
|
4229
|
+
"padding": {
|
|
4230
|
+
"inline": {
|
|
4231
|
+
"path": "spacing.side-nav-compact-item.padding.inline",
|
|
4232
|
+
"name": "SpacingSide-nav-compact-itemPaddingInline",
|
|
4233
|
+
"code": "$spacing-side-nav-compact-item-padding-inline",
|
|
4234
|
+
"variable": "spacing-side-nav-compact-item-padding-inline",
|
|
4235
|
+
"value": "1rem",
|
|
4236
|
+
"attributes": {},
|
|
4237
|
+
"inherits": [
|
|
4238
|
+
"spacing.base.lg"
|
|
4239
|
+
]
|
|
4240
|
+
}
|
|
4241
|
+
},
|
|
4242
|
+
"margin": {
|
|
4243
|
+
"block": {
|
|
4244
|
+
"end": {
|
|
4245
|
+
"path": "spacing.side-nav-compact-item.margin.block.end",
|
|
4246
|
+
"name": "SpacingSide-nav-compact-itemMarginBlockEnd",
|
|
4247
|
+
"code": "$spacing-side-nav-compact-item-margin-block-end",
|
|
4248
|
+
"variable": "spacing-side-nav-compact-item-margin-block-end",
|
|
4249
|
+
"value": "0",
|
|
4250
|
+
"attributes": {},
|
|
4251
|
+
"inherits": []
|
|
4252
|
+
}
|
|
4253
|
+
}
|
|
4254
|
+
}
|
|
4255
|
+
},
|
|
4213
4256
|
"switch": {
|
|
4214
4257
|
"thumb": {
|
|
4215
4258
|
"size": {
|
|
@@ -5234,8 +5277,7 @@ const tokenMap = {
|
|
|
5234
5277
|
"color.base.blue-gray.980"
|
|
5235
5278
|
],
|
|
5236
5279
|
"inheritedBy": [
|
|
5237
|
-
"color.background.block.footer"
|
|
5238
|
-
"color.background.side-nav-item.active.default"
|
|
5280
|
+
"color.background.block.footer"
|
|
5239
5281
|
]
|
|
5240
5282
|
},
|
|
5241
5283
|
"tertiary": {
|
|
@@ -5254,6 +5296,7 @@ const tokenMap = {
|
|
|
5254
5296
|
],
|
|
5255
5297
|
"inheritedBy": [
|
|
5256
5298
|
"color.background.block.content",
|
|
5299
|
+
"color.background.side-nav-item.active.default",
|
|
5257
5300
|
"color.background.switch.track.inactive"
|
|
5258
5301
|
]
|
|
5259
5302
|
},
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 13:45:02 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);
|
|
@@ -22,9 +23,11 @@
|
|
|
22
23
|
--color-font-side-nav-item-active-danger: var(--color-base-white);
|
|
23
24
|
--color-background-switch-thumb: var(--color-base-white);
|
|
24
25
|
--shadow-switch-thumb-disabled: inset 0 0 0 2px var(--alias-color-background-overlay-blocked);
|
|
26
|
+
--spacing-side-nav-compact-item-padding-inline: var(--spacing-base-lg);
|
|
25
27
|
--spacing-side-nav-item-margin-block-end: var(--spacing-base-xxs);
|
|
26
28
|
--spacing-side-nav-item-padding-block: var(--spacing-base-xs);
|
|
27
29
|
--spacing-side-nav-item-padding-inline: var(--spacing-base-md);
|
|
30
|
+
--spacing-side-nav-compact-gap: var(--spacing-base-xxs);
|
|
28
31
|
--spacing-side-nav-gap: var(--spacing-base-sm);
|
|
29
32
|
--spacing-input-padding-inline: var(--spacing-base-md);
|
|
30
33
|
--spacing-button-bar-padding-block: var(--spacing-base-sm);
|
|
@@ -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 13:45:01 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";
|
|
@@ -227,9 +228,11 @@ export const SpacingFormFieldErrorMarginBlockEnd = SpacingBaseSm;
|
|
|
227
228
|
export const SpacingFormFieldErrorMarginBlockStart = SpacingBaseXs;
|
|
228
229
|
export const SpacingFormFieldLabelPaddingInlineStart = SpacingBaseXxs;
|
|
229
230
|
export const SpacingFormFieldLabelMarginBlockEnd = SpacingBaseSm;
|
|
231
|
+
export const SpacingSideNavCompactItemPaddingInline = SpacingBaseLg;
|
|
230
232
|
export const SpacingSideNavItemMarginBlockEnd = SpacingBaseXxs;
|
|
231
233
|
export const SpacingSideNavItemPaddingBlock = SpacingBaseXs;
|
|
232
234
|
export const SpacingSideNavItemPaddingInline = SpacingBaseMd;
|
|
235
|
+
export const SpacingSideNavCompactGap = SpacingBaseXxs;
|
|
233
236
|
export const SpacingSideNavGap = SpacingBaseSm;
|
|
234
237
|
export const SpacingInputPaddingInline = SpacingBaseMd;
|
|
235
238
|
export const SpacingButtonBarPaddingBlock = SpacingBaseSm;
|
|
@@ -248,7 +251,7 @@ export const ColorFontTableHeaderBase = AliasColorTextAccent;
|
|
|
248
251
|
export const ColorBackgroundTipDefault = AliasColorBackgroundBase;
|
|
249
252
|
export const ColorBackgroundSwitchTrackInactive = AliasColorBackgroundTertiary;
|
|
250
253
|
export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight25;
|
|
251
|
-
export const ColorBackgroundSideNavItemActiveDefault =
|
|
254
|
+
export const ColorBackgroundSideNavItemActiveDefault = AliasColorBackgroundTertiary;
|
|
252
255
|
export const ColorBackgroundInputDefault = AliasColorBackgroundBase;
|
|
253
256
|
export const ColorBackgroundBlockFooter = AliasColorBackgroundSecondary;
|
|
254
257
|
export const ColorBackgroundBlockContent = AliasColorBackgroundTertiary;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 13:45:02 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";
|
|
@@ -227,9 +228,11 @@ export const SpacingFormFieldErrorMarginBlockEnd = SpacingBaseSm;
|
|
|
227
228
|
export const SpacingFormFieldErrorMarginBlockStart = SpacingBaseXs;
|
|
228
229
|
export const SpacingFormFieldLabelPaddingInlineStart = SpacingBaseXxs;
|
|
229
230
|
export const SpacingFormFieldLabelMarginBlockEnd = SpacingBaseSm;
|
|
231
|
+
export const SpacingSideNavCompactItemPaddingInline = SpacingBaseLg;
|
|
230
232
|
export const SpacingSideNavItemMarginBlockEnd = SpacingBaseXxs;
|
|
231
233
|
export const SpacingSideNavItemPaddingBlock = SpacingBaseXs;
|
|
232
234
|
export const SpacingSideNavItemPaddingInline = SpacingBaseMd;
|
|
235
|
+
export const SpacingSideNavCompactGap = SpacingBaseXxs;
|
|
233
236
|
export const SpacingSideNavGap = SpacingBaseSm;
|
|
234
237
|
export const SpacingInputPaddingInline = SpacingBaseMd;
|
|
235
238
|
export const SpacingButtonBarPaddingBlock = SpacingBaseSm;
|
|
@@ -248,7 +251,7 @@ export const ColorFontTableHeaderBase = AliasColorTextAccent;
|
|
|
248
251
|
export const ColorBackgroundTipDefault = AliasColorBackgroundBase;
|
|
249
252
|
export const ColorBackgroundSwitchTrackInactive = AliasColorBackgroundTertiary;
|
|
250
253
|
export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight25;
|
|
251
|
-
export const ColorBackgroundSideNavItemActiveDefault =
|
|
254
|
+
export const ColorBackgroundSideNavItemActiveDefault = AliasColorBackgroundTertiary;
|
|
252
255
|
export const ColorBackgroundInputDefault = AliasColorBackgroundBase;
|
|
253
256
|
export const ColorBackgroundBlockFooter = AliasColorBackgroundSecondary;
|
|
254
257
|
export const ColorBackgroundBlockContent = AliasColorBackgroundTertiary;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 13:45:02 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";
|
|
@@ -222,9 +223,11 @@ export const SpacingFormFieldErrorMarginBlockEnd = SpacingBaseSm;
|
|
|
222
223
|
export const SpacingFormFieldErrorMarginBlockStart = SpacingBaseXs;
|
|
223
224
|
export const SpacingFormFieldLabelPaddingInlineStart = SpacingBaseXxs;
|
|
224
225
|
export const SpacingFormFieldLabelMarginBlockEnd = SpacingBaseSm;
|
|
226
|
+
export const SpacingSideNavCompactItemPaddingInline = SpacingBaseLg;
|
|
225
227
|
export const SpacingSideNavItemMarginBlockEnd = SpacingBaseXxs;
|
|
226
228
|
export const SpacingSideNavItemPaddingBlock = SpacingBaseXs;
|
|
227
229
|
export const SpacingSideNavItemPaddingInline = SpacingBaseMd;
|
|
230
|
+
export const SpacingSideNavCompactGap = SpacingBaseXxs;
|
|
228
231
|
export const SpacingSideNavGap = SpacingBaseSm;
|
|
229
232
|
export const SpacingInputPaddingInline = SpacingBaseMd;
|
|
230
233
|
export const SpacingButtonBarPaddingBlock = SpacingBaseSm;
|
|
@@ -320,7 +323,7 @@ export const ColorBackgroundTipImportant = AliasColorBrandPrimary;
|
|
|
320
323
|
export const ColorBackgroundTipDefault = AliasColorBackgroundBase;
|
|
321
324
|
export const ColorBackgroundSwitchTrackInactive = AliasColorBackgroundTertiary;
|
|
322
325
|
export const ColorBackgroundSideNavItemActiveDanger = AliasColorDanger;
|
|
323
|
-
export const ColorBackgroundSideNavItemActiveDefault =
|
|
326
|
+
export const ColorBackgroundSideNavItemActiveDefault = AliasColorBackgroundTertiary;
|
|
324
327
|
export const ColorBackgroundInputFocus = AliasColorBackgroundQuarternary;
|
|
325
328
|
export const ColorBackgroundInputDefault = AliasColorBackgroundBase;
|
|
326
329
|
export const ColorBackgroundButtonDangerBase = AliasColorDanger;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 13:45:02 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";
|
|
@@ -222,9 +223,11 @@ export const SpacingFormFieldErrorMarginBlockEnd = SpacingBaseSm;
|
|
|
222
223
|
export const SpacingFormFieldErrorMarginBlockStart = SpacingBaseXs;
|
|
223
224
|
export const SpacingFormFieldLabelPaddingInlineStart = SpacingBaseXxs;
|
|
224
225
|
export const SpacingFormFieldLabelMarginBlockEnd = SpacingBaseSm;
|
|
226
|
+
export const SpacingSideNavCompactItemPaddingInline = SpacingBaseLg;
|
|
225
227
|
export const SpacingSideNavItemMarginBlockEnd = SpacingBaseXxs;
|
|
226
228
|
export const SpacingSideNavItemPaddingBlock = SpacingBaseXs;
|
|
227
229
|
export const SpacingSideNavItemPaddingInline = SpacingBaseMd;
|
|
230
|
+
export const SpacingSideNavCompactGap = SpacingBaseXxs;
|
|
228
231
|
export const SpacingSideNavGap = SpacingBaseSm;
|
|
229
232
|
export const SpacingInputPaddingInline = SpacingBaseMd;
|
|
230
233
|
export const SpacingButtonBarPaddingBlock = SpacingBaseSm;
|
|
@@ -320,7 +323,7 @@ export const ColorBackgroundTipImportant = AliasColorBrandPrimary;
|
|
|
320
323
|
export const ColorBackgroundTipDefault = AliasColorBackgroundBase;
|
|
321
324
|
export const ColorBackgroundSwitchTrackInactive = AliasColorBackgroundTertiary;
|
|
322
325
|
export const ColorBackgroundSideNavItemActiveDanger = AliasColorDanger;
|
|
323
|
-
export const ColorBackgroundSideNavItemActiveDefault =
|
|
326
|
+
export const ColorBackgroundSideNavItemActiveDefault = AliasColorBackgroundTertiary;
|
|
324
327
|
export const ColorBackgroundInputFocus = AliasColorBackgroundQuarternary;
|
|
325
328
|
export const ColorBackgroundInputDefault = AliasColorBackgroundBase;
|
|
326
329
|
export const ColorBackgroundButtonDangerBase = AliasColorDanger;
|
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,11 +1,12 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 13:45:03 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);
|
|
@@ -22,9 +23,11 @@
|
|
|
22
23
|
--color-font-side-nav-item-active-danger: var(--color-base-white);
|
|
23
24
|
--color-background-switch-thumb: var(--color-base-white);
|
|
24
25
|
--shadow-switch-thumb-disabled: inset 0 0 0 2px var(--alias-color-background-overlay-blocked);
|
|
26
|
+
--spacing-side-nav-compact-item-padding-inline: var(--spacing-base-lg);
|
|
25
27
|
--spacing-side-nav-item-margin-block-end: var(--spacing-base-xxs);
|
|
26
28
|
--spacing-side-nav-item-padding-block: var(--spacing-base-xs);
|
|
27
29
|
--spacing-side-nav-item-padding-inline: var(--spacing-base-md);
|
|
30
|
+
--spacing-side-nav-compact-gap: var(--spacing-base-xxs);
|
|
28
31
|
--spacing-side-nav-gap: var(--spacing-base-sm);
|
|
29
32
|
--spacing-input-padding-inline: var(--spacing-base-md);
|
|
30
33
|
--spacing-button-bar-padding-block: var(--spacing-base-sm);
|
|
@@ -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);
|
package/lib/web/tokens.dark.css
CHANGED
package/lib/web/tokens.dark.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 13:45:02 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
|
|
@@ -19,6 +19,7 @@ export const TypographyBaseLineHeight6xl = 1;
|
|
|
19
19
|
export const TypographyBaseFontLegacy = "'Roboto', 'Helvetica', 'Arial', sans-serif"; // Legacy Lens font, will be replaced with Open Sans
|
|
20
20
|
export const TypographyBaseFontPrimary = "'Open Sans', sans-serif";
|
|
21
21
|
export const SpacingSwitchThumbSize = "20px";
|
|
22
|
+
export const SpacingSideNavCompactItemMarginBlockEnd = "0";
|
|
22
23
|
export const SpacingH4BasekickBaseline = "0em";
|
|
23
24
|
export const SpacingH4BasekickCap = "0em";
|
|
24
25
|
export const SpacingH4BlockEnd = "0rem";
|
|
@@ -230,9 +231,11 @@ export const SpacingFormFieldErrorMarginBlockEnd = SpacingBaseSm;
|
|
|
230
231
|
export const SpacingFormFieldErrorMarginBlockStart = SpacingBaseXs;
|
|
231
232
|
export const SpacingFormFieldLabelPaddingInlineStart = SpacingBaseXxs;
|
|
232
233
|
export const SpacingFormFieldLabelMarginBlockEnd = SpacingBaseSm;
|
|
234
|
+
export const SpacingSideNavCompactItemPaddingInline = SpacingBaseLg;
|
|
233
235
|
export const SpacingSideNavItemMarginBlockEnd = SpacingBaseXxs;
|
|
234
236
|
export const SpacingSideNavItemPaddingBlock = SpacingBaseXs;
|
|
235
237
|
export const SpacingSideNavItemPaddingInline = SpacingBaseMd;
|
|
238
|
+
export const SpacingSideNavCompactGap = SpacingBaseXxs;
|
|
236
239
|
export const SpacingSideNavGap = SpacingBaseSm;
|
|
237
240
|
export const SpacingInputPaddingInline = SpacingBaseMd;
|
|
238
241
|
export const SpacingButtonBarPaddingBlock = SpacingBaseSm;
|
|
@@ -251,7 +254,7 @@ export const ColorFontTableHeaderBase = AliasColorTextAccent;
|
|
|
251
254
|
export const ColorBackgroundTipDefault = AliasColorBackgroundBase;
|
|
252
255
|
export const ColorBackgroundSwitchTrackInactive = AliasColorBackgroundTertiary;
|
|
253
256
|
export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight25;
|
|
254
|
-
export const ColorBackgroundSideNavItemActiveDefault =
|
|
257
|
+
export const ColorBackgroundSideNavItemActiveDefault = AliasColorBackgroundTertiary;
|
|
255
258
|
export const ColorBackgroundInputDefault = AliasColorBackgroundBase;
|
|
256
259
|
export const ColorBackgroundBlockFooter = AliasColorBackgroundSecondary;
|
|
257
260
|
export const ColorBackgroundBlockContent = AliasColorBackgroundTertiary;
|
package/lib/web/tokens.dark.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 13:45:02 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
|
|
@@ -19,6 +19,7 @@ export const TypographyBaseLineHeight6xl = 1;
|
|
|
19
19
|
export const TypographyBaseFontLegacy = "'Roboto', 'Helvetica', 'Arial', sans-serif"; // Legacy Lens font, will be replaced with Open Sans
|
|
20
20
|
export const TypographyBaseFontPrimary = "'Open Sans', sans-serif";
|
|
21
21
|
export const SpacingSwitchThumbSize = "20px";
|
|
22
|
+
export const SpacingSideNavCompactItemMarginBlockEnd = "0";
|
|
22
23
|
export const SpacingH4BasekickBaseline = "0em";
|
|
23
24
|
export const SpacingH4BasekickCap = "0em";
|
|
24
25
|
export const SpacingH4BlockEnd = "0rem";
|
|
@@ -230,9 +231,11 @@ export const SpacingFormFieldErrorMarginBlockEnd = SpacingBaseSm;
|
|
|
230
231
|
export const SpacingFormFieldErrorMarginBlockStart = SpacingBaseXs;
|
|
231
232
|
export const SpacingFormFieldLabelPaddingInlineStart = SpacingBaseXxs;
|
|
232
233
|
export const SpacingFormFieldLabelMarginBlockEnd = SpacingBaseSm;
|
|
234
|
+
export const SpacingSideNavCompactItemPaddingInline = SpacingBaseLg;
|
|
233
235
|
export const SpacingSideNavItemMarginBlockEnd = SpacingBaseXxs;
|
|
234
236
|
export const SpacingSideNavItemPaddingBlock = SpacingBaseXs;
|
|
235
237
|
export const SpacingSideNavItemPaddingInline = SpacingBaseMd;
|
|
238
|
+
export const SpacingSideNavCompactGap = SpacingBaseXxs;
|
|
236
239
|
export const SpacingSideNavGap = SpacingBaseSm;
|
|
237
240
|
export const SpacingInputPaddingInline = SpacingBaseMd;
|
|
238
241
|
export const SpacingButtonBarPaddingBlock = SpacingBaseSm;
|
|
@@ -251,7 +254,7 @@ export const ColorFontTableHeaderBase = AliasColorTextAccent;
|
|
|
251
254
|
export const ColorBackgroundTipDefault = AliasColorBackgroundBase;
|
|
252
255
|
export const ColorBackgroundSwitchTrackInactive = AliasColorBackgroundTertiary;
|
|
253
256
|
export const ColorBackgroundSwitchThumbHighlight = AliasColorBackgroundHighlight25;
|
|
254
|
-
export const ColorBackgroundSideNavItemActiveDefault =
|
|
257
|
+
export const ColorBackgroundSideNavItemActiveDefault = AliasColorBackgroundTertiary;
|
|
255
258
|
export const ColorBackgroundInputDefault = AliasColorBackgroundBase;
|
|
256
259
|
export const ColorBackgroundBlockFooter = AliasColorBackgroundSecondary;
|
|
257
260
|
export const ColorBackgroundBlockContent = AliasColorBackgroundTertiary;
|
package/lib/web/tokens.form.css
CHANGED
package/lib/web/tokens.light.css
CHANGED
package/lib/web/tokens.light.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 13:45:03 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
|
|
@@ -19,6 +19,7 @@ export const TypographyBaseLineHeight6xl = 1;
|
|
|
19
19
|
export const TypographyBaseFontLegacy = "'Roboto', 'Helvetica', 'Arial', sans-serif"; // Legacy Lens font, will be replaced with Open Sans
|
|
20
20
|
export const TypographyBaseFontPrimary = "'Open Sans', sans-serif";
|
|
21
21
|
export const SpacingSwitchThumbSize = "20px";
|
|
22
|
+
export const SpacingSideNavCompactItemMarginBlockEnd = "0";
|
|
22
23
|
export const SpacingH4BasekickBaseline = "0em";
|
|
23
24
|
export const SpacingH4BasekickCap = "0em";
|
|
24
25
|
export const SpacingH4BlockEnd = "0rem";
|
|
@@ -225,9 +226,11 @@ export const SpacingFormFieldErrorMarginBlockEnd = SpacingBaseSm;
|
|
|
225
226
|
export const SpacingFormFieldErrorMarginBlockStart = SpacingBaseXs;
|
|
226
227
|
export const SpacingFormFieldLabelPaddingInlineStart = SpacingBaseXxs;
|
|
227
228
|
export const SpacingFormFieldLabelMarginBlockEnd = SpacingBaseSm;
|
|
229
|
+
export const SpacingSideNavCompactItemPaddingInline = SpacingBaseLg;
|
|
228
230
|
export const SpacingSideNavItemMarginBlockEnd = SpacingBaseXxs;
|
|
229
231
|
export const SpacingSideNavItemPaddingBlock = SpacingBaseXs;
|
|
230
232
|
export const SpacingSideNavItemPaddingInline = SpacingBaseMd;
|
|
233
|
+
export const SpacingSideNavCompactGap = SpacingBaseXxs;
|
|
231
234
|
export const SpacingSideNavGap = SpacingBaseSm;
|
|
232
235
|
export const SpacingInputPaddingInline = SpacingBaseMd;
|
|
233
236
|
export const SpacingButtonBarPaddingBlock = SpacingBaseSm;
|
|
@@ -323,7 +326,7 @@ export const ColorBackgroundTipImportant = AliasColorBrandPrimary;
|
|
|
323
326
|
export const ColorBackgroundTipDefault = AliasColorBackgroundBase;
|
|
324
327
|
export const ColorBackgroundSwitchTrackInactive = AliasColorBackgroundTertiary;
|
|
325
328
|
export const ColorBackgroundSideNavItemActiveDanger = AliasColorDanger;
|
|
326
|
-
export const ColorBackgroundSideNavItemActiveDefault =
|
|
329
|
+
export const ColorBackgroundSideNavItemActiveDefault = AliasColorBackgroundTertiary;
|
|
327
330
|
export const ColorBackgroundInputFocus = AliasColorBackgroundQuarternary;
|
|
328
331
|
export const ColorBackgroundInputDefault = AliasColorBackgroundBase;
|
|
329
332
|
export const ColorBackgroundButtonDangerBase = AliasColorDanger;
|
package/lib/web/tokens.light.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed,
|
|
3
|
+
* Generated on Wed, 06 Sep 2023 13:45:03 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
|
|
@@ -19,6 +19,7 @@ export const TypographyBaseLineHeight6xl = 1;
|
|
|
19
19
|
export const TypographyBaseFontLegacy = "'Roboto', 'Helvetica', 'Arial', sans-serif"; // Legacy Lens font, will be replaced with Open Sans
|
|
20
20
|
export const TypographyBaseFontPrimary = "'Open Sans', sans-serif";
|
|
21
21
|
export const SpacingSwitchThumbSize = "20px";
|
|
22
|
+
export const SpacingSideNavCompactItemMarginBlockEnd = "0";
|
|
22
23
|
export const SpacingH4BasekickBaseline = "0em";
|
|
23
24
|
export const SpacingH4BasekickCap = "0em";
|
|
24
25
|
export const SpacingH4BlockEnd = "0rem";
|
|
@@ -225,9 +226,11 @@ export const SpacingFormFieldErrorMarginBlockEnd = SpacingBaseSm;
|
|
|
225
226
|
export const SpacingFormFieldErrorMarginBlockStart = SpacingBaseXs;
|
|
226
227
|
export const SpacingFormFieldLabelPaddingInlineStart = SpacingBaseXxs;
|
|
227
228
|
export const SpacingFormFieldLabelMarginBlockEnd = SpacingBaseSm;
|
|
229
|
+
export const SpacingSideNavCompactItemPaddingInline = SpacingBaseLg;
|
|
228
230
|
export const SpacingSideNavItemMarginBlockEnd = SpacingBaseXxs;
|
|
229
231
|
export const SpacingSideNavItemPaddingBlock = SpacingBaseXs;
|
|
230
232
|
export const SpacingSideNavItemPaddingInline = SpacingBaseMd;
|
|
233
|
+
export const SpacingSideNavCompactGap = SpacingBaseXxs;
|
|
231
234
|
export const SpacingSideNavGap = SpacingBaseSm;
|
|
232
235
|
export const SpacingInputPaddingInline = SpacingBaseMd;
|
|
233
236
|
export const SpacingButtonBarPaddingBlock = SpacingBaseSm;
|
|
@@ -323,7 +326,7 @@ export const ColorBackgroundTipImportant = AliasColorBrandPrimary;
|
|
|
323
326
|
export const ColorBackgroundTipDefault = AliasColorBackgroundBase;
|
|
324
327
|
export const ColorBackgroundSwitchTrackInactive = AliasColorBackgroundTertiary;
|
|
325
328
|
export const ColorBackgroundSideNavItemActiveDanger = AliasColorDanger;
|
|
326
|
-
export const ColorBackgroundSideNavItemActiveDefault =
|
|
329
|
+
export const ColorBackgroundSideNavItemActiveDefault = AliasColorBackgroundTertiary;
|
|
327
330
|
export const ColorBackgroundInputFocus = AliasColorBackgroundQuarternary;
|
|
328
331
|
export const ColorBackgroundInputDefault = AliasColorBackgroundBase;
|
|
329
332
|
export const ColorBackgroundButtonDangerBase = AliasColorDanger;
|
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.
|
|
3
|
+
"version": "0.19.0",
|
|
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": "c7e6a79464f3e0779fd70312d273f6b359015e7b"
|
|
48
48
|
}
|