@cds/core 6.6.1 → 6.7.0

package/tokens/tokens.json

@@ -202,6 +202,13 @@
       95
     ]
   },
+  "globalColorBlue75": {
+    "value": [
+      198,
+      100,
+      94
+    ]
+  },
   "globalColorBlue100": {
     "value": [
       198,
@@ -2078,10 +2085,10 @@
   "globalTypographyDisabled": {
     "value": [
       198,
-      9,
-      56
+      10,
+      46
     ],
-    "alias": "globalColorConstruction400"
+    "alias": "globalColorConstruction500"
   },
   "globalTypographyDisabledButton": {
     "value": [
@@ -2233,9 +2240,9 @@
     "value": [
       198,
       100,
-      87
+      94
     ],
-    "alias": "globalColorBlue100"
+    "alias": "globalColorBlue75"
   },
   "aliasObjectInteractionBackgroundSelected": {
     "value": [
@@ -2301,90 +2308,7 @@
     ],
     "alias": "globalColorConstruction300"
   },
-  "aliasObjectAppBackground": {
-    "value": [
-      198,
-      33,
-      99
-    ],
-    "alias": "globalColorConstruction25"
-  },
-  "aliasObjectOverlayBackground": {
-    "value": [
-      0,
-      0,
-      100
-    ],
-    "alias": "globalColorWhite"
-  },
-  "aliasObjectOverlayBackdropBackground": {
-    "value": "hsla(0, 0%, 0%, 0.6)"
-  },
-  "aliasObjectContainerBackground": {
-    "value": [
-      0,
-      0,
-      100
-    ],
-    "alias": "globalColorWhite"
-  },
-  "aliasObjectContainerBackgroundTint": {
-    "value": [
-      198,
-      36,
-      96
-    ],
-    "alias": "globalColorConstruction50"
-  },
-  "aliasObjectContainerBackgroundShade": {
-    "value": [
-      198,
-      20,
-      91
-    ],
-    "alias": "globalColorConstruction100"
-  },
-  "aliasObjectContainerBackgroundDark": {
-    "value": [
-      198,
-      14,
-      82
-    ],
-    "alias": "globalColorConstruction200"
-  },
-  "aliasObjectContainerBackgroundInverse": {
-    "value": [
-      198,
-      14,
-      82
-    ],
-    "alias": "globalColorConstruction200"
-  },
-  "aliasObjectContainerBackgroundInverseTint": {
-    "value": [
-      198,
-      20,
-      91
-    ],
-    "alias": "globalColorConstruction100"
-  },
-  "aliasObjectContainerBackgroundInverseShade": {
-    "value": [
-      198,
-      10,
-      71
-    ],
-    "alias": "globalColorConstruction300"
-  },
-  "aliasObjectContainerBorderColor": {
-    "value": [
-      198,
-      14,
-      82
-    ],
-    "alias": "globalColorConstruction200"
-  },
-  "aliasObjectInfoHover": {
+  "aliasObjectInteractionInfoHover": {
     "value": [
       198,
       100,
@@ -2392,7 +2316,7 @@
     ],
     "alias": "globalColorBlue800"
   },
-  "aliasObjectInfoClick": {
+  "aliasObjectInteractionInfoClick": {
     "value": [
       198,
       100,
@@ -2400,7 +2324,7 @@
     ],
     "alias": "globalColorBlue900"
   },
-  "aliasObjectInfoSecondaryHover": {
+  "aliasObjectInteractionInfoSecondaryHover": {
     "value": [
       198,
       100,
@@ -2408,7 +2332,7 @@
     ],
     "alias": "globalColorBlue50"
   },
-  "aliasObjectSuccessHover": {
+  "aliasObjectInteractionSuccessHover": {
     "value": [
       93,
       80,
@@ -2416,7 +2340,7 @@
     ],
     "alias": "globalColorGreen800"
   },
-  "aliasObjectSuccessClick": {
+  "aliasObjectInteractionSuccessClick": {
     "value": [
       93,
       80,
@@ -2424,7 +2348,7 @@
     ],
     "alias": "globalColorGreen900"
   },
-  "aliasObjectSuccessSecondaryHover": {
+  "aliasObjectInteractionSuccessSecondaryHover": {
     "value": [
       93,
       80,
@@ -2432,7 +2356,7 @@
     ],
     "alias": "globalColorGreen50"
   },
-  "aliasObjectWarningHover": {
+  "aliasObjectInteractionWarningHover": {
     "value": [
       39,
       100,
@@ -2440,7 +2364,7 @@
     ],
     "alias": "globalColorOchre600"
   },
-  "aliasObjectWarningClick": {
+  "aliasObjectInteractionWarningClick": {
     "value": [
       38,
       100,
@@ -2448,7 +2372,7 @@
     ],
     "alias": "globalColorOchre700"
   },
-  "aliasObjectWarningSecondaryHover": {
+  "aliasObjectInteractionWarningSecondaryHover": {
     "value": [
       41,
       100,
@@ -2456,7 +2380,7 @@
     ],
     "alias": "globalColorOchre50"
   },
-  "aliasObjectDangerHover": {
+  "aliasObjectInteractionDangerHover": {
     "value": [
       9,
       100,
@@ -2464,7 +2388,7 @@
     ],
     "alias": "globalColorRed800"
   },
-  "aliasObjectDangerClick": {
+  "aliasObjectInteractionDangerClick": {
     "value": [
       9,
       100,
@@ -2472,7 +2396,7 @@
     ],
     "alias": "globalColorRed900"
   },
-  "aliasObjectDangerSecondaryHover": {
+  "aliasObjectInteractionDangerSecondaryHover": {
     "value": [
       9,
       100,
@@ -2480,7 +2404,7 @@
     ],
     "alias": "globalColorRed50"
   },
-  "aliasObjectNeutralHover": {
+  "aliasObjectInteractionNeutralHover": {
     "value": [
       198,
       19,
@@ -2488,7 +2412,7 @@
     ],
     "alias": "globalColorConstruction700"
   },
-  "aliasObjectNeutralClick": {
+  "aliasObjectInteractionNeutralClick": {
     "value": [
       198,
       23,
@@ -2496,7 +2420,7 @@
     ],
     "alias": "globalColorConstruction800"
   },
-  "aliasObjectNeutralSecondaryHover": {
+  "aliasObjectInteractionNeutralSecondaryHover": {
     "value": [
       198,
       36,
@@ -2504,7 +2428,7 @@
     ],
     "alias": "globalColorConstruction50"
   },
-  "aliasObjectInverseHover": {
+  "aliasObjectInteractionInverseHover": {
     "value": [
       198,
       14,
@@ -2512,7 +2436,7 @@
     ],
     "alias": "globalColorConstruction600"
   },
-  "aliasObjectInverseClick": {
+  "aliasObjectInteractionInverseClick": {
     "value": [
       198,
       23,
@@ -2520,6 +2444,89 @@
     ],
     "alias": "globalColorConstruction800"
   },
+  "aliasObjectAppBackground": {
+    "value": [
+      198,
+      33,
+      99
+    ],
+    "alias": "globalColorConstruction25"
+  },
+  "aliasObjectOverlayBackground": {
+    "value": [
+      0,
+      0,
+      100
+    ],
+    "alias": "globalColorWhite"
+  },
+  "aliasObjectOverlayBackdropBackground": {
+    "value": "hsla(0, 0%, 0%, 0.6)"
+  },
+  "aliasObjectContainerBackground": {
+    "value": [
+      0,
+      0,
+      100
+    ],
+    "alias": "globalColorWhite"
+  },
+  "aliasObjectContainerBackgroundTint": {
+    "value": [
+      198,
+      36,
+      96
+    ],
+    "alias": "globalColorConstruction50"
+  },
+  "aliasObjectContainerBackgroundShade": {
+    "value": [
+      198,
+      20,
+      91
+    ],
+    "alias": "globalColorConstruction100"
+  },
+  "aliasObjectContainerBackgroundDark": {
+    "value": [
+      198,
+      14,
+      82
+    ],
+    "alias": "globalColorConstruction200"
+  },
+  "aliasObjectContainerBackgroundInverse": {
+    "value": [
+      198,
+      14,
+      82
+    ],
+    "alias": "globalColorConstruction200"
+  },
+  "aliasObjectContainerBackgroundInverseTint": {
+    "value": [
+      198,
+      20,
+      91
+    ],
+    "alias": "globalColorConstruction100"
+  },
+  "aliasObjectContainerBackgroundInverseShade": {
+    "value": [
+      198,
+      10,
+      71
+    ],
+    "alias": "globalColorConstruction300"
+  },
+  "aliasObjectContainerBorderColor": {
+    "value": [
+      198,
+      14,
+      82
+    ],
+    "alias": "globalColorConstruction200"
+  },
   "aliasStatusInfo": {
     "value": [
       198,
@@ -3249,10 +3256,10 @@
   "aliasTypographyDisabled": {
     "value": [
       198,
-      9,
-      56
+      10,
+      46
     ],
-    "alias": "globalColorConstruction400"
+    "alias": "globalColorConstruction500"
   },
   "aliasTypographyDisabledButton": {
     "value": [

package/tokens/tokens.scss

@@ -83,6 +83,7 @@ $cds-global-color-green-800: var(--cds-global-color-green-800) !default;
 $cds-global-color-green-900: var(--cds-global-color-green-900) !default;
 $cds-global-color-green-1000: var(--cds-global-color-green-1000) !default;
 $cds-global-color-blue-50: var(--cds-global-color-blue-50) !default;
+$cds-global-color-blue-75: var(--cds-global-color-blue-75) !default;
 $cds-global-color-blue-100: var(--cds-global-color-blue-100) !default;
 $cds-global-color-blue-200: var(--cds-global-color-blue-200) !default;
 $cds-global-color-blue-300: var(--cds-global-color-blue-300) !default;
@@ -476,6 +477,23 @@ $cds-alias-object-interaction-color-hover: var(--cds-alias-object-interaction-co
 $cds-alias-object-interaction-color-active: var(--cds-alias-object-interaction-color-active) !default;
 $cds-alias-object-interaction-color-selected: var(--cds-alias-object-interaction-color-selected) !default;
 $cds-alias-object-interaction-color-disabled: var(--cds-alias-object-interaction-color-disabled) !default;
+$cds-alias-object-interaction-info-hover: var(--cds-alias-object-interaction-info-hover) !default;
+$cds-alias-object-interaction-info-click: var(--cds-alias-object-interaction-info-click) !default;
+$cds-alias-object-interaction-info-secondary-hover: var(--cds-alias-object-interaction-info-secondary-hover) !default;
+$cds-alias-object-interaction-success-hover: var(--cds-alias-object-interaction-success-hover) !default;
+$cds-alias-object-interaction-success-click: var(--cds-alias-object-interaction-success-click) !default;
+$cds-alias-object-interaction-success-secondary-hover: var(--cds-alias-object-interaction-success-secondary-hover) !default;
+$cds-alias-object-interaction-warning-hover: var(--cds-alias-object-interaction-warning-hover) !default;
+$cds-alias-object-interaction-warning-click: var(--cds-alias-object-interaction-warning-click) !default;
+$cds-alias-object-interaction-warning-secondary-hover: var(--cds-alias-object-interaction-warning-secondary-hover) !default;
+$cds-alias-object-interaction-danger-hover: var(--cds-alias-object-interaction-danger-hover) !default;
+$cds-alias-object-interaction-danger-click: var(--cds-alias-object-interaction-danger-click) !default;
+$cds-alias-object-interaction-danger-secondary-hover: var(--cds-alias-object-interaction-danger-secondary-hover) !default;
+$cds-alias-object-interaction-neutral-hover: var(--cds-alias-object-interaction-neutral-hover) !default;
+$cds-alias-object-interaction-neutral-click: var(--cds-alias-object-interaction-neutral-click) !default;
+$cds-alias-object-interaction-neutral-secondary-hover: var(--cds-alias-object-interaction-neutral-secondary-hover) !default;
+$cds-alias-object-interaction-inverse-hover: var(--cds-alias-object-interaction-inverse-hover) !default;
+$cds-alias-object-interaction-inverse-click: var(--cds-alias-object-interaction-inverse-click) !default;
 $cds-alias-object-app-background: var(--cds-alias-object-app-background) !default;
 $cds-alias-object-overlay-background: var(--cds-alias-object-overlay-background) !default;
 $cds-alias-object-overlay-backdrop-background: var(--cds-alias-object-overlay-backdrop-background) !default;
@@ -487,23 +505,6 @@ $cds-alias-object-container-background-inverse: var(--cds-alias-object-container
 $cds-alias-object-container-background-inverse-tint: var(--cds-alias-object-container-background-inverse-tint) !default;
 $cds-alias-object-container-background-inverse-shade: var(--cds-alias-object-container-background-inverse-shade) !default;
 $cds-alias-object-container-border-color: var(--cds-alias-object-container-border-color) !default;
-$cds-alias-object-info-hover: var(--cds-alias-object-info-hover) !default;
-$cds-alias-object-info-click: var(--cds-alias-object-info-click) !default;
-$cds-alias-object-info-secondary-hover: var(--cds-alias-object-info-secondary-hover) !default;
-$cds-alias-object-success-hover: var(--cds-alias-object-success-hover) !default;
-$cds-alias-object-success-click: var(--cds-alias-object-success-click) !default;
-$cds-alias-object-success-secondary-hover: var(--cds-alias-object-success-secondary-hover) !default;
-$cds-alias-object-warning-hover: var(--cds-alias-object-warning-hover) !default;
-$cds-alias-object-warning-click: var(--cds-alias-object-warning-click) !default;
-$cds-alias-object-warning-secondary-hover: var(--cds-alias-object-warning-secondary-hover) !default;
-$cds-alias-object-danger-hover: var(--cds-alias-object-danger-hover) !default;
-$cds-alias-object-danger-click: var(--cds-alias-object-danger-click) !default;
-$cds-alias-object-danger-secondary-hover: var(--cds-alias-object-danger-secondary-hover) !default;
-$cds-alias-object-neutral-hover: var(--cds-alias-object-neutral-hover) !default;
-$cds-alias-object-neutral-click: var(--cds-alias-object-neutral-click) !default;
-$cds-alias-object-neutral-secondary-hover: var(--cds-alias-object-neutral-secondary-hover) !default;
-$cds-alias-object-inverse-hover: var(--cds-alias-object-inverse-hover) !default;
-$cds-alias-object-inverse-click: var(--cds-alias-object-inverse-click) !default;
 $cds-alias-status-info: var(--cds-alias-status-info) !default;
 $cds-alias-status-info-tint: var(--cds-alias-status-info-tint) !default;
 $cds-alias-status-info-shade: var(--cds-alias-status-info-shade) !default;

package/tree-view/tree-item.element.scss.js

@@ -1,2 +1,2 @@
-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};
+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};
 //# sourceMappingURL=tree-item.element.scss.js.map