@cds/core 6.6.2 → 6.8.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/accordion/accordion-header.element.scss.js +1 -1
- package/global.css +16 -15
- package/global.min.css +1 -1
- package/internal/base/base.element.scss.js +1 -1
- package/internal/utils/global.js +1 -1
- package/navigation/navigation-item.element.scss.js +1 -1
- package/package.json +1 -1
- package/styles/module.tokens.css +16 -15
- package/styles/module.tokens.min.css +1 -1
- package/tokens/tokens.android.xml +16 -15
- package/tokens/tokens.d.ts +1 -0
- package/tokens/tokens.ios.swift +16 -15
- package/tokens/tokens.js +1 -0
- package/tokens/tokens.json +27 -20
- package/tokens/tokens.scss +1 -0
- package/tree-view/tree-item.element.scss.js +1 -1
package/tokens/tokens.ios.swift
CHANGED
|
@@ -48,6 +48,7 @@ let globalColorGreen800 = UIColor(red: 54, green: 106, blue: 12, alpha: 1.0);
|
|
|
48
48
|
let globalColorGreen900 = UIColor(red: 40, green: 78, blue: 9, alpha: 1.0);
|
|
49
49
|
let globalColorGreen1000 = UIColor(red: 28, green: 55, blue: 6, alpha: 1.0);
|
|
50
50
|
let globalColorBlue50 = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
|
|
51
|
+
let globalColorBlue75 = UIColor(red: 224, green: 246, blue: 255, alpha: 1.0);
|
|
51
52
|
let globalColorBlue100 = UIColor(red: 189, green: 235, blue: 255, alpha: 1.0);
|
|
52
53
|
let globalColorBlue200 = UIColor(red: 143, green: 221, blue: 255, alpha: 1.0);
|
|
53
54
|
let globalColorBlue300 = UIColor(red: 102, green: 209, blue: 255, alpha: 1.0);
|
|
@@ -309,27 +310,27 @@ let globalTypographyBodyFontWeight = "400";
|
|
|
309
310
|
let globalTypographyDisplayFontSize = CGFloat(40.00);
|
|
310
311
|
let globalTypographyDisplayLineHeight = "1.1em";
|
|
311
312
|
let globalTypographyDisplayLetterSpacing = "-0.0125em";
|
|
312
|
-
let globalTypographyDisplayFontWeight = "
|
|
313
|
+
let globalTypographyDisplayFontWeight = "500";
|
|
313
314
|
let globalTypographyHeadingFontSize = CGFloat(32.00);
|
|
314
315
|
let globalTypographyHeadingLineHeight = "1.125em";
|
|
315
316
|
let globalTypographyHeadingLetterSpacing = "-0.0125em";
|
|
316
|
-
let globalTypographyHeadingFontWeight = "
|
|
317
|
+
let globalTypographyHeadingFontWeight = "500";
|
|
317
318
|
let globalTypographyHeadlineFontSize = CGFloat(32.00);
|
|
318
319
|
let globalTypographyHeadlineLineHeight = "1.125em";
|
|
319
320
|
let globalTypographyHeadlineLetterSpacing = "-0.0125em";
|
|
320
|
-
let globalTypographyHeadlineFontWeight = "
|
|
321
|
+
let globalTypographyHeadlineFontWeight = "500";
|
|
321
322
|
let globalTypographyTitleFontSize = CGFloat(24.00);
|
|
322
323
|
let globalTypographyTitleLineHeight = "1.16667em";
|
|
323
324
|
let globalTypographyTitleLetterSpacing = "-0.008333em";
|
|
324
|
-
let globalTypographyTitleFontWeight = "
|
|
325
|
+
let globalTypographyTitleFontWeight = "500";
|
|
325
326
|
let globalTypographySectionFontSize = CGFloat(20.00);
|
|
326
327
|
let globalTypographySectionLineHeight = "1.2em";
|
|
327
328
|
let globalTypographySectionLetterSpacing = "-0.01em";
|
|
328
|
-
let globalTypographySectionFontWeight = "
|
|
329
|
+
let globalTypographySectionFontWeight = "500";
|
|
329
330
|
let globalTypographySubsectionFontSize = CGFloat(16.00);
|
|
330
331
|
let globalTypographySubsectionLineHeight = "1.25em";
|
|
331
332
|
let globalTypographySubsectionLetterSpacing = "-0.0125em";
|
|
332
|
-
let globalTypographySubsectionFontWeight = "
|
|
333
|
+
let globalTypographySubsectionFontWeight = "500";
|
|
333
334
|
let globalTypographyMessageFontSize = CGFloat(16.00);
|
|
334
335
|
let globalTypographyMessageLineHeight = "1.25em";
|
|
335
336
|
let globalTypographyMessageLetterSpacing = "-0.0125em";
|
|
@@ -351,7 +352,7 @@ let globalTypographySuccessHover = UIColor(red: 54, green: 106, blue: 12, alpha:
|
|
|
351
352
|
let globalTypographyWarningHover = UIColor(red: 138, green: 83, blue: 0, alpha: 1.0);
|
|
352
353
|
let globalTypographyDangerHover = UIColor(red: 194, green: 29, blue: 0, alpha: 1.0);
|
|
353
354
|
let globalTypographyNeutralHover = UIColor(red: 58, green: 77, blue: 85, alpha: 1.0);
|
|
354
|
-
let globalTypographyDisabled = UIColor(red:
|
|
355
|
+
let globalTypographyDisabled = UIColor(red: 106, green: 122, blue: 129, alpha: 1.0);
|
|
355
356
|
let globalTypographyDisabledButton = UIColor(red: 106, green: 122, blue: 129, alpha: 1.0);
|
|
356
357
|
let globalAnimationDurationInstant = "0s";
|
|
357
358
|
let globalAnimationDurationQuickest = "0.1s";
|
|
@@ -389,7 +390,7 @@ let aliasObjectInteractionTouchTarget = CGFloat(36.00);
|
|
|
389
390
|
let aliasObjectInteractionBorderColor = UIColor(red: 106, green: 122, blue: 129, alpha: 1.0);
|
|
390
391
|
let aliasObjectInteractionBackground = UIColor(red: 255, green: 255, blue: 255, alpha: 1.0);
|
|
391
392
|
let aliasObjectInteractionBackgroundHover = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
|
|
392
|
-
let aliasObjectInteractionBackgroundActive = UIColor(red:
|
|
393
|
+
let aliasObjectInteractionBackgroundActive = UIColor(red: 224, green: 246, blue: 255, alpha: 1.0);
|
|
393
394
|
let aliasObjectInteractionBackgroundSelected = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
|
|
394
395
|
let aliasObjectInteractionBackgroundDisabled = UIColor(red: 255, green: 255, blue: 255, alpha: 1.0);
|
|
395
396
|
let aliasObjectInteractionBackgroundHighlight = UIColor(red: 0, green: 121, blue: 173, alpha: 1.0);
|
|
@@ -516,27 +517,27 @@ let aliasTypographyBodyFontWeight = "400";
|
|
|
516
517
|
let aliasTypographyDisplayFontSize = CGFloat(40.00);
|
|
517
518
|
let aliasTypographyDisplayLineHeight = "1.1em";
|
|
518
519
|
let aliasTypographyDisplayLetterSpacing = "-0.0125em";
|
|
519
|
-
let aliasTypographyDisplayFontWeight = "
|
|
520
|
+
let aliasTypographyDisplayFontWeight = "500";
|
|
520
521
|
let aliasTypographyHeadingFontSize = CGFloat(32.00);
|
|
521
522
|
let aliasTypographyHeadingLineHeight = "1.125em";
|
|
522
523
|
let aliasTypographyHeadingLetterSpacing = "-0.0125em";
|
|
523
|
-
let aliasTypographyHeadingFontWeight = "
|
|
524
|
+
let aliasTypographyHeadingFontWeight = "500";
|
|
524
525
|
let aliasTypographyHeadlineFontSize = CGFloat(32.00);
|
|
525
526
|
let aliasTypographyHeadlineLineHeight = "1.125em";
|
|
526
527
|
let aliasTypographyHeadlineLetterSpacing = "-0.0125em";
|
|
527
|
-
let aliasTypographyHeadlineFontWeight = "
|
|
528
|
+
let aliasTypographyHeadlineFontWeight = "500";
|
|
528
529
|
let aliasTypographyTitleFontSize = CGFloat(24.00);
|
|
529
530
|
let aliasTypographyTitleLineHeight = "1.16667em";
|
|
530
531
|
let aliasTypographyTitleLetterSpacing = "-0.008333em";
|
|
531
|
-
let aliasTypographyTitleFontWeight = "
|
|
532
|
+
let aliasTypographyTitleFontWeight = "500";
|
|
532
533
|
let aliasTypographySectionFontSize = CGFloat(20.00);
|
|
533
534
|
let aliasTypographySectionLineHeight = "1.2em";
|
|
534
535
|
let aliasTypographySectionLetterSpacing = "-0.01em";
|
|
535
|
-
let aliasTypographySectionFontWeight = "
|
|
536
|
+
let aliasTypographySectionFontWeight = "500";
|
|
536
537
|
let aliasTypographySubsectionFontSize = CGFloat(16.00);
|
|
537
538
|
let aliasTypographySubsectionLineHeight = "1.25em";
|
|
538
539
|
let aliasTypographySubsectionLetterSpacing = "-0.0125em";
|
|
539
|
-
let aliasTypographySubsectionFontWeight = "
|
|
540
|
+
let aliasTypographySubsectionFontWeight = "500";
|
|
540
541
|
let aliasTypographyMessageFontSize = CGFloat(16.00);
|
|
541
542
|
let aliasTypographyMessageLineHeight = "1.25em";
|
|
542
543
|
let aliasTypographyMessageLetterSpacing = "-0.0125em";
|
|
@@ -558,7 +559,7 @@ let aliasTypographySuccessHover = UIColor(red: 54, green: 106, blue: 12, alpha:
|
|
|
558
559
|
let aliasTypographyWarningHover = UIColor(red: 138, green: 83, blue: 0, alpha: 1.0);
|
|
559
560
|
let aliasTypographyDangerHover = UIColor(red: 194, green: 29, blue: 0, alpha: 1.0);
|
|
560
561
|
let aliasTypographyNeutralHover = UIColor(red: 58, green: 77, blue: 85, alpha: 1.0);
|
|
561
|
-
let aliasTypographyDisabled = UIColor(red:
|
|
562
|
+
let aliasTypographyDisabled = UIColor(red: 106, green: 122, blue: 129, alpha: 1.0);
|
|
562
563
|
let aliasTypographyDisabledButton = UIColor(red: 106, green: 122, blue: 129, alpha: 1.0);
|
|
563
564
|
let internalScale1 = "calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space))";
|
|
564
565
|
let internalScale2 = "calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-space))";
|
package/tokens/tokens.js
CHANGED
|
@@ -48,6 +48,7 @@ export const globalColorGreen800 = 'var(--cds-global-color-green-800)';
|
|
|
48
48
|
export const globalColorGreen900 = 'var(--cds-global-color-green-900)';
|
|
49
49
|
export const globalColorGreen1000 = 'var(--cds-global-color-green-1000)';
|
|
50
50
|
export const globalColorBlue50 = 'var(--cds-global-color-blue-50)';
|
|
51
|
+
export const globalColorBlue75 = 'var(--cds-global-color-blue-75)';
|
|
51
52
|
export const globalColorBlue100 = 'var(--cds-global-color-blue-100)';
|
|
52
53
|
export const globalColorBlue200 = 'var(--cds-global-color-blue-200)';
|
|
53
54
|
export const globalColorBlue300 = 'var(--cds-global-color-blue-300)';
|
package/tokens/tokens.json
CHANGED
|
@@ -202,6 +202,13 @@
|
|
|
202
202
|
95
|
|
203
203
|
]
|
|
204
204
|
},
|
|
205
|
+
"globalColorBlue75": {
|
|
206
|
+
"value": [
|
|
207
|
+
198,
|
|
208
|
+
100,
|
|
209
|
+
94
|
|
210
|
+
]
|
|
211
|
+
},
|
|
205
212
|
"globalColorBlue100": {
|
|
206
213
|
"value": [
|
|
207
214
|
198,
|
|
@@ -1925,7 +1932,7 @@
|
|
|
1925
1932
|
"value": "-0.0125em"
|
|
1926
1933
|
},
|
|
1927
1934
|
"globalTypographyDisplayFontWeight": {
|
|
1928
|
-
"value": "
|
|
1935
|
+
"value": "500"
|
|
1929
1936
|
},
|
|
1930
1937
|
"globalTypographyHeadingFontSize": {
|
|
1931
1938
|
"value": 32
|
|
@@ -1937,7 +1944,7 @@
|
|
|
1937
1944
|
"value": "-0.0125em"
|
|
1938
1945
|
},
|
|
1939
1946
|
"globalTypographyHeadingFontWeight": {
|
|
1940
|
-
"value": "
|
|
1947
|
+
"value": "500"
|
|
1941
1948
|
},
|
|
1942
1949
|
"globalTypographyHeadlineFontSize": {
|
|
1943
1950
|
"value": 32
|
|
@@ -1949,7 +1956,7 @@
|
|
|
1949
1956
|
"value": "-0.0125em"
|
|
1950
1957
|
},
|
|
1951
1958
|
"globalTypographyHeadlineFontWeight": {
|
|
1952
|
-
"value": "
|
|
1959
|
+
"value": "500"
|
|
1953
1960
|
},
|
|
1954
1961
|
"globalTypographyTitleFontSize": {
|
|
1955
1962
|
"value": 24
|
|
@@ -1961,7 +1968,7 @@
|
|
|
1961
1968
|
"value": "-0.008333em"
|
|
1962
1969
|
},
|
|
1963
1970
|
"globalTypographyTitleFontWeight": {
|
|
1964
|
-
"value": "
|
|
1971
|
+
"value": "500"
|
|
1965
1972
|
},
|
|
1966
1973
|
"globalTypographySectionFontSize": {
|
|
1967
1974
|
"value": 20
|
|
@@ -1973,7 +1980,7 @@
|
|
|
1973
1980
|
"value": "-0.01em"
|
|
1974
1981
|
},
|
|
1975
1982
|
"globalTypographySectionFontWeight": {
|
|
1976
|
-
"value": "
|
|
1983
|
+
"value": "500"
|
|
1977
1984
|
},
|
|
1978
1985
|
"globalTypographySubsectionFontSize": {
|
|
1979
1986
|
"value": 16
|
|
@@ -1985,7 +1992,7 @@
|
|
|
1985
1992
|
"value": "-0.0125em"
|
|
1986
1993
|
},
|
|
1987
1994
|
"globalTypographySubsectionFontWeight": {
|
|
1988
|
-
"value": "
|
|
1995
|
+
"value": "500"
|
|
1989
1996
|
},
|
|
1990
1997
|
"globalTypographyMessageFontSize": {
|
|
1991
1998
|
"value": 16
|
|
@@ -2078,10 +2085,10 @@
|
|
|
2078
2085
|
"globalTypographyDisabled": {
|
|
2079
2086
|
"value": [
|
|
2080
2087
|
198,
|
|
2081
|
-
|
|
2082
|
-
|
|
2088
|
+
10,
|
|
2089
|
+
46
|
|
2083
2090
|
],
|
|
2084
|
-
"alias": "
|
|
2091
|
+
"alias": "globalColorConstruction500"
|
|
2085
2092
|
},
|
|
2086
2093
|
"globalTypographyDisabledButton": {
|
|
2087
2094
|
"value": [
|
|
@@ -2233,9 +2240,9 @@
|
|
|
2233
2240
|
"value": [
|
|
2234
2241
|
198,
|
|
2235
2242
|
100,
|
|
2236
|
-
|
|
2243
|
+
94
|
|
2237
2244
|
],
|
|
2238
|
-
"alias": "
|
|
2245
|
+
"alias": "globalColorBlue75"
|
|
2239
2246
|
},
|
|
2240
2247
|
"aliasObjectInteractionBackgroundSelected": {
|
|
2241
2248
|
"value": [
|
|
@@ -3096,7 +3103,7 @@
|
|
|
3096
3103
|
"value": "-0.0125em"
|
|
3097
3104
|
},
|
|
3098
3105
|
"aliasTypographyDisplayFontWeight": {
|
|
3099
|
-
"value": "
|
|
3106
|
+
"value": "500"
|
|
3100
3107
|
},
|
|
3101
3108
|
"aliasTypographyHeadingFontSize": {
|
|
3102
3109
|
"value": 32
|
|
@@ -3108,7 +3115,7 @@
|
|
|
3108
3115
|
"value": "-0.0125em"
|
|
3109
3116
|
},
|
|
3110
3117
|
"aliasTypographyHeadingFontWeight": {
|
|
3111
|
-
"value": "
|
|
3118
|
+
"value": "500"
|
|
3112
3119
|
},
|
|
3113
3120
|
"aliasTypographyHeadlineFontSize": {
|
|
3114
3121
|
"value": 32
|
|
@@ -3120,7 +3127,7 @@
|
|
|
3120
3127
|
"value": "-0.0125em"
|
|
3121
3128
|
},
|
|
3122
3129
|
"aliasTypographyHeadlineFontWeight": {
|
|
3123
|
-
"value": "
|
|
3130
|
+
"value": "500"
|
|
3124
3131
|
},
|
|
3125
3132
|
"aliasTypographyTitleFontSize": {
|
|
3126
3133
|
"value": 24
|
|
@@ -3132,7 +3139,7 @@
|
|
|
3132
3139
|
"value": "-0.008333em"
|
|
3133
3140
|
},
|
|
3134
3141
|
"aliasTypographyTitleFontWeight": {
|
|
3135
|
-
"value": "
|
|
3142
|
+
"value": "500"
|
|
3136
3143
|
},
|
|
3137
3144
|
"aliasTypographySectionFontSize": {
|
|
3138
3145
|
"value": 20
|
|
@@ -3144,7 +3151,7 @@
|
|
|
3144
3151
|
"value": "-0.01em"
|
|
3145
3152
|
},
|
|
3146
3153
|
"aliasTypographySectionFontWeight": {
|
|
3147
|
-
"value": "
|
|
3154
|
+
"value": "500"
|
|
3148
3155
|
},
|
|
3149
3156
|
"aliasTypographySubsectionFontSize": {
|
|
3150
3157
|
"value": 16
|
|
@@ -3156,7 +3163,7 @@
|
|
|
3156
3163
|
"value": "-0.0125em"
|
|
3157
3164
|
},
|
|
3158
3165
|
"aliasTypographySubsectionFontWeight": {
|
|
3159
|
-
"value": "
|
|
3166
|
+
"value": "500"
|
|
3160
3167
|
},
|
|
3161
3168
|
"aliasTypographyMessageFontSize": {
|
|
3162
3169
|
"value": 16
|
|
@@ -3249,10 +3256,10 @@
|
|
|
3249
3256
|
"aliasTypographyDisabled": {
|
|
3250
3257
|
"value": [
|
|
3251
3258
|
198,
|
|
3252
|
-
|
|
3253
|
-
|
|
3259
|
+
10,
|
|
3260
|
+
46
|
|
3254
3261
|
],
|
|
3255
|
-
"alias": "
|
|
3262
|
+
"alias": "globalColorConstruction500"
|
|
3256
3263
|
},
|
|
3257
3264
|
"aliasTypographyDisabledButton": {
|
|
3258
3265
|
"value": [
|
package/tokens/tokens.scss
CHANGED
|
@@ -83,6 +83,7 @@ $cds-global-color-green-800: var(--cds-global-color-green-800) !default;
|
|
|
83
83
|
$cds-global-color-green-900: var(--cds-global-color-green-900) !default;
|
|
84
84
|
$cds-global-color-green-1000: var(--cds-global-color-green-1000) !default;
|
|
85
85
|
$cds-global-color-blue-50: var(--cds-global-color-blue-50) !default;
|
|
86
|
+
$cds-global-color-blue-75: var(--cds-global-color-blue-75) !default;
|
|
86
87
|
$cds-global-color-blue-100: var(--cds-global-color-blue-100) !default;
|
|
87
88
|
$cds-global-color-blue-200: var(--cds-global-color-blue-200) !default;
|
|
88
89
|
$cds-global-color-blue-300: var(--cds-global-color-blue-300) !default;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as o}from"lit";var t=o`:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));--background:var(--cds-alias-object-app-background, var(--cds-global-color-construction-25, #fcfdfd));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--focus-width:var(--cds-alias-object-border-width-300, calc(3 * 1rem / var(--cds-global-base, 20)));--font-size:var(--cds-global-typography-font-size-3, calc(13 * 1rem / var(--cds-global-base, 20)));--font-weight:var(--cds-global-typography-body-font-weight, 400);cursor:pointer}.private-host{cursor:inherit}.item-children{overflow:hidden}.item-content{background:var(--background);border-left:var(--focus-width) solid transparent;color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);min-height:var(--cds-alias-object-interaction-touch-target,calc(36 * 1rem / var(--cds-global-base,20)))}.item-content:hover{--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff));--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}.lhs-container{width:var(--cds-global-space-7,calc(16 * 1rem / var(--cds-global-base,20)))}:host(:focus) .item-content{border-color:var(--cds-alias-object-interaction-background-hover,var(--cds-global-color-blue-50,#e6f7ff));outline-offset:calc(var(--cds-alias-object-interaction-outline-offset,1px)*-2);outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px)}:host(:focus) .item-content:active{--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-
|
|
1
|
+
import{css as o}from"lit";var t=o`:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));--background:var(--cds-alias-object-app-background, var(--cds-global-color-construction-25, #fcfdfd));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--focus-width:var(--cds-alias-object-border-width-300, calc(3 * 1rem / var(--cds-global-base, 20)));--font-size:var(--cds-global-typography-font-size-3, calc(13 * 1rem / var(--cds-global-base, 20)));--font-weight:var(--cds-global-typography-body-font-weight, 400);cursor:pointer}.private-host{cursor:inherit}.item-children{overflow:hidden}.item-content{background:var(--background);border-left:var(--focus-width) solid transparent;color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);min-height:var(--cds-alias-object-interaction-touch-target,calc(36 * 1rem / var(--cds-global-base,20)))}.item-content:hover{--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff));--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32))}.lhs-container{width:var(--cds-global-space-7,calc(16 * 1rem / var(--cds-global-base,20)))}:host(:focus) .item-content{border-color:var(--cds-alias-object-interaction-background-hover,var(--cds-global-color-blue-50,#e6f7ff));outline-offset:calc(var(--cds-alias-object-interaction-outline-offset,1px)*-2);outline:var(--cds-alias-object-interaction-outline,Highlight solid 2px)}:host(:focus) .item-content:active{--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-75, #e0f6ff));--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32))}@media (-webkit-min-device-pixel-ratio:0){:host(:focus) .item-content{outline:var(--cds-alias-object-interaction-outline-webkit,5px auto -webkit-focus-ring-color)}}:host([selected]) .item-content{--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff))}:host([disabled]) .item-content{--background:var(--cds-alias-object-interaction-background-disabled, var(--cds-global-color-white, white))!important;--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important;border-color:var(--cds-alias-object-interaction-color-disabled,var(--cds-global-color-construction-300,#aeb8bc))!important;cursor:not-allowed}:host([cds-motion=off])>.private-host>.item-children{height:0}:host([cds-motion=off][expanded])>.private-host>.item-children{height:auto}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off]))>.private-host>.item-children{height:0}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off]))>.private-host>.item-children{height:auto!important;transform:none}`;export{t as default};
|
|
2
2
|
//# sourceMappingURL=tree-item.element.scss.js.map
|