@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.
@@ -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 = "400";
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 = "400";
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 = "400";
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 = "400";
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 = "400";
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 = "400";
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: 133, green: 147, blue: 153, alpha: 1.0);
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: 189, green: 235, blue: 255, alpha: 1.0);
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 = "400";
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 = "400";
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 = "400";
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 = "400";
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 = "400";
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 = "400";
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: 133, green: 147, blue: 153, alpha: 1.0);
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)';
@@ -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": "400"
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": "400"
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": "400"
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": "400"
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": "400"
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": "400"
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
- 9,
2082
- 56
2088
+ 10,
2089
+ 46
2083
2090
  ],
2084
- "alias": "globalColorConstruction400"
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
- 87
2243
+ 94
2237
2244
  ],
2238
- "alias": "globalColorBlue100"
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": "400"
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": "400"
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": "400"
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": "400"
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": "400"
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": "400"
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
- 9,
3253
- 56
3259
+ 10,
3260
+ 46
3254
3261
  ],
3255
- "alias": "globalColorConstruction400"
3262
+ "alias": "globalColorConstruction500"
3256
3263
  },
3257
3264
  "aliasTypographyDisabledButton": {
3258
3265
  "value": [
@@ -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-100, #bdebff));--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};
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