@cds/core 5.5.5 → 5.6.0

package/selection-panels/shared/selection-panel.element.scss.js

@@ -0,0 +1,6 @@
+import{css as a}from"lit";var l=a`/*!
+ * Copyright (c) 2016-2021 VMware, Inc. All Rights Reserved.
+ * This software is released under MIT license.
+ * The full license information can be found in LICENSE in the root directory of this project.
+ */:host{--panel-width:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 10);--panel-height:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 10);--panel-background:var(--cds-alias-object-interaction-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-layout-space-md, calc((12 / var(--cds-global-base, 20)) * 1rem))}.private-host{gap:0!important;position:relative;width:var(--panel-width);height:var(--panel-height)}.input,[focusable]{left:initial;margin:0 0 var(--cds-global-layout-space-sm,calc((6 / var(--cds-global-base,20)) * 1rem)) var(--cds-global-layout-space-xs,calc((4 / var(--cds-global-base,20)) * 1rem));position:absolute;right:var(--cds-global-space-4,calc((6 / var(--cds-global-base,20)) * 1rem));top:var(--cds-global-space-4,calc((6 / var(--cds-global-base,20)) * 1rem));z-index:99}::slotted(label){box-shadow:var(--box-shadow);background:var(--panel-background);border:var(--border);border-radius:var(--cds-alias-object-border-radius-100,calc((4 / var(--cds-global-base,20)) * 1rem));cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:var(--padding);text-wrap:normal;white-space:normal;word-break:break-word;overflow:hidden;width:var(--panel-width)!important;height:var(--panel-height)}:host([_disabled][_checked]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([_disabled]),:host([_disabled][_checked]),:host([_disabled][_checked]) .input{--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([_disabled][_checked]) .input{--border:var(--border)}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([status=error]) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host(:hover:not([_disabled])) .input,:host(:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=error]:hover:not([_disabled])) .input,:host([status=error]:hover:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #8f1500));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-danger-dark, var(--cds-global-color-red-900, #8f1500))}:host([_checked]:hover:not([_disabled])) .input{--border:var(--border)}:host([_checked]:not([_disabled])) ::slotted(label){--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow:0 var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0 var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([size=sm]),:host([size=sm]) ::slotted(label){--panel-width:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 10);--panel-height:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 10)}:host([size=md]),:host([size=md]) ::slotted(label){--panel-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 20);--panel-height:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 20)}:host([size=lg]),:host([size=lg]) ::slotted(label){--panel-width:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 20);--panel-height:calc(var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem)) * 20)}:host([size=xl]),:host([size=xl]) ::slotted(label){--panel-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 40);--panel-height:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) * 40)}`;export default l;
+//# sourceMappingURL=selection-panel.element.scss.js.map

package/selection-panels/shared/selection-panel.element.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-panel.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":";;;;"}

package/selection-panels/shared/selection-panel.interfaces.d.ts

@@ -0,0 +1 @@
+export declare type SelectionPanelSizes = 'default' | 'sm' | 'md' | 'lg' | 'xl';

package/styles/module.tokens.css

@@ -353,6 +353,9 @@
   --cds-alias-object-opacity-100: hsla(0, 0%, 0%, 0.2);
   --cds-alias-object-opacity-200: hsla(0, 0%, 0%, 0.4);
   --cds-alias-object-opacity-300: hsla(0, 0%, 0%, 0.6);
+  --cds-alias-object-interaction-outline: Highlight solid 2px;
+  --cds-alias-object-interaction-outline-offset: 1px;
+  --cds-alias-object-interaction-touch-target: calc((36 / var(--cds-global-base, 20)) * 1rem);
   --cds-alias-object-interaction-border-color: var(--cds-global-color-construction-500);
   --cds-alias-object-interaction-background: var(--cds-global-color-white);
   --cds-alias-object-interaction-background-hover: var(--cds-global-color-blue-50);
@@ -385,6 +388,7 @@
   --cds-alias-status-danger: var(--cds-global-color-red-700);
   --cds-alias-status-danger-tint: var(--cds-global-color-red-50);
   --cds-alias-status-danger-shade: var(--cds-global-color-red-800);
+  --cds-alias-status-danger-dark: var(--cds-global-color-red-900);
   --cds-alias-status-neutral: var(--cds-global-color-construction-600);
   --cds-alias-status-neutral-tint: var(--cds-global-color-construction-50);
   --cds-alias-status-neutral-shade: var(--cds-global-color-construction-700);

package/styles/module.tokens.min.css

@@ -1 +1 @@
-:root{--cds-global-layout-space-xxs:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xs:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-sm:calc((6 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-md:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-lg:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xl:calc((48 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xxl:calc((96 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-grid-cols:12;--cds-global-layout-width-xs:576px;--cds-global-layout-width-sm:768px;--cds-global-layout-width-md:992px;--cds-global-layout-width-lg:1200px;--cds-global-layout-width-xl:1440px;--cds-global-space-0:calc((0 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-1:calc((1 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-2:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-3:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-4:calc((6 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-5:calc((8 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-6:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-7:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-8:calc((18 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-9:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-10:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-11:calc((36 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-12:calc((48 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-13:calc((72 / var(--cds-global-base, 20)) * 1rem);--cds-global-color-black:hsl(0, 0%, 0%);--cds-global-color-white:hsl(0, 0%, 100%);--cds-global-color-green-50:hsl(93, 80%, 94%);--cds-global-color-green-100:hsl(93, 80%, 83%);--cds-global-color-green-200:hsl(93, 80%, 70%);--cds-global-color-green-300:hsl(93, 80%, 56%);--cds-global-color-green-400:hsl(93, 80%, 48%);--cds-global-color-green-500:hsl(93, 80%, 44%);--cds-global-color-green-600:hsl(93, 80%, 37%);--cds-global-color-green-700:hsl(93, 80%, 28%);--cds-global-color-green-800:hsl(93, 80%, 23%);--cds-global-color-green-900:hsl(93, 80%, 17%);--cds-global-color-green-1000:hsl(93, 80%, 12%);--cds-global-color-blue-50:hsl(198, 100%, 95%);--cds-global-color-blue-100:hsl(198, 100%, 87%);--cds-global-color-blue-200:hsl(198, 100%, 78%);--cds-global-color-blue-300:hsl(198, 100%, 70%);--cds-global-color-blue-400:hsl(198, 100%, 59%);--cds-global-color-blue-500:hsl(198, 100%, 48%);--cds-global-color-blue-600:hsl(198, 100%, 43%);--cds-global-color-blue-700:hsl(198, 100%, 34%);--cds-global-color-blue-800:hsl(198, 100%, 27%);--cds-global-color-blue-900:hsl(198, 100%, 21%);--cds-global-color-blue-1000:hsl(198, 100%, 15%);--cds-global-color-violet-50:hsl(282, 100%, 97%);--cds-global-color-violet-100:hsl(282, 80%, 91%);--cds-global-color-violet-200:hsl(282, 73%, 83%);--cds-global-color-violet-300:hsl(282, 66%, 74%);--cds-global-color-violet-400:hsl(282, 60%, 65%);--cds-global-color-violet-500:hsl(282, 60%, 57%);--cds-global-color-violet-600:hsl(282, 60%, 49%);--cds-global-color-violet-700:hsl(283, 80%, 36%);--cds-global-color-violet-800:hsl(282, 100%, 26%);--cds-global-color-violet-900:hsl(282, 100%, 19%);--cds-global-color-violet-1000:hsl(282, 100%, 14%);--cds-global-color-red-50:hsl(9, 100%, 97%);--cds-global-color-red-100:hsl(9, 100%, 94%);--cds-global-color-red-200:hsl(9, 100%, 88%);--cds-global-color-red-300:hsl(9, 100%, 79%);--cds-global-color-red-400:hsl(9, 100%, 71%);--cds-global-color-red-500:hsl(9, 100%, 65%);--cds-global-color-red-600:hsl(9, 100%, 60%);--cds-global-color-red-700:hsl(9, 100%, 44%);--cds-global-color-red-800:hsl(9, 100%, 38%);--cds-global-color-red-900:hsl(9, 100%, 28%);--cds-global-color-red-1000:hsl(9, 100%, 22%);--cds-global-color-ochre-50:hsl(41, 100%, 96%);--cds-global-color-ochre-100:hsl(41, 100%, 92%);--cds-global-color-ochre-200:hsl(41, 100%, 86%);--cds-global-color-ochre-300:hsl(41, 100%, 78%);--cds-global-color-ochre-400:hsl(41, 100%, 70%);--cds-global-color-ochre-500:hsl(40, 100%, 59%);--cds-global-color-ochre-600:hsl(39, 100%, 50%);--cds-global-color-ochre-700:hsl(38, 100%, 42%);--cds-global-color-ochre-800:hsl(37, 100%, 32%);--cds-global-color-ochre-900:hsl(36, 100%, 27%);--cds-global-color-ochre-1000:hsl(35, 100%, 19%);--cds-global-color-lavender-50:hsl(238, 100%, 96%);--cds-global-color-lavender-100:hsl(238, 58%, 88%);--cds-global-color-lavender-200:hsl(238, 53%, 79%);--cds-global-color-lavender-300:hsl(238, 52%, 70%);--cds-global-color-lavender-400:hsl(238, 58%, 64%);--cds-global-color-lavender-500:hsl(238, 59%, 58%);--cds-global-color-lavender-600:hsl(238, 60%, 52%);--cds-global-color-lavender-700:hsl(238, 69%, 45%);--cds-global-color-lavender-800:hsl(238, 100%, 32%);--cds-global-color-lavender-900:hsl(238, 100%, 22%);--cds-global-color-lavender-1000:hsl(238, 100%, 14%);--cds-global-color-azure-50:hsl(211, 100%, 95%);--cds-global-color-azure-100:hsl(211, 100%, 88%);--cds-global-color-azure-200:hsl(211, 100%, 81%);--cds-global-color-azure-300:hsl(211, 100%, 70%);--cds-global-color-azure-400:hsl(211, 100%, 62%);--cds-global-color-azure-500:hsl(211, 100%, 54%);--cds-global-color-azure-600:hsl(211, 100%, 46%);--cds-global-color-azure-700:hsl(211, 100%, 37%);--cds-global-color-azure-800:hsl(211, 100%, 26%);--cds-global-color-azure-900:hsl(211, 100%, 18%);--cds-global-color-azure-1000:hsl(211, 100%, 14%);--cds-global-color-aqua-50:hsl(184, 100%, 96%);--cds-global-color-aqua-100:hsl(184, 100%, 86%);--cds-global-color-aqua-200:hsl(184, 100%, 75%);--cds-global-color-aqua-300:hsl(184, 100%, 62%);--cds-global-color-aqua-400:hsl(184, 100%, 48%);--cds-global-color-aqua-500:hsl(184, 100%, 43%);--cds-global-color-aqua-600:hsl(184, 100%, 34%);--cds-global-color-aqua-700:hsl(184, 100%, 25%);--cds-global-color-aqua-800:hsl(184, 100%, 18%);--cds-global-color-aqua-900:hsl(184, 100%, 13%);--cds-global-color-aqua-1000:hsl(184, 100%, 10%);--cds-global-color-jade-50:hsl(160, 83%, 95%);--cds-global-color-jade-100:hsl(160, 82%, 88%);--cds-global-color-jade-200:hsl(160, 78%, 78%);--cds-global-color-jade-300:hsl(160, 69%, 65%);--cds-global-color-jade-400:hsl(160, 69%, 53%);--cds-global-color-jade-500:hsl(160, 64%, 45%);--cds-global-color-jade-600:hsl(160, 69%, 36%);--cds-global-color-jade-700:hsl(160, 64%, 30%);--cds-global-color-jade-800:hsl(160, 100%, 21%);--cds-global-color-jade-900:hsl(160, 70%, 21%);--cds-global-color-jade-1000:hsl(160, 69%, 19%);--cds-global-color-yellow-50:hsl(50, 100%, 95%);--cds-global-color-yellow-100:hsl(50, 100%, 84%);--cds-global-color-yellow-200:hsl(50, 100%, 73%);--cds-global-color-yellow-300:hsl(50, 100%, 57%);--cds-global-color-yellow-400:hsl(46, 100%, 52%);--cds-global-color-yellow-500:hsl(44, 100%, 47%);--cds-global-color-yellow-600:hsl(42, 100%, 42%);--cds-global-color-yellow-700:hsl(40, 100%, 35%);--cds-global-color-yellow-800:hsl(40, 100%, 26%);--cds-global-color-yellow-900:hsl(40, 100%, 18%);--cds-global-color-yellow-1000:hsl(40, 100%, 13%);--cds-global-color-tangerine-50:hsl(25, 100%, 95%);--cds-global-color-tangerine-100:hsl(25, 100%, 88%);--cds-global-color-tangerine-200:hsl(25, 94%, 78%);--cds-global-color-tangerine-300:hsl(25, 100%, 72%);--cds-global-color-tangerine-400:hsl(25, 100%, 62%);--cds-global-color-tangerine-500:hsl(25, 100%, 48%);--cds-global-color-tangerine-600:hsl(25, 100%, 41%);--cds-global-color-tangerine-700:hsl(25, 100%, 34%);--cds-global-color-tangerine-800:hsl(25, 100%, 25%);--cds-global-color-tangerine-900:hsl(25, 100%, 19%);--cds-global-color-tangerine-1000:hsl(25, 100%, 15%);--cds-global-color-magenta-50:hsl(345, 100%, 95%);--cds-global-color-magenta-100:hsl(345, 100%, 87%);--cds-global-color-magenta-200:hsl(345, 100%, 79%);--cds-global-color-magenta-300:hsl(345, 100%, 70%);--cds-global-color-magenta-400:hsl(345, 100%, 61%);--cds-global-color-magenta-500:hsl(345, 81%, 50%);--cds-global-color-magenta-600:hsl(345, 83%, 40%);--cds-global-color-magenta-700:hsl(345, 91%, 31%);--cds-global-color-magenta-800:hsl(345, 100%, 24%);--cds-global-color-magenta-900:hsl(345, 100%, 19%);--cds-global-color-magenta-1000:hsl(345, 100%, 15%);--cds-global-color-pink-50:hsl(324, 100%, 97%);--cds-global-color-pink-100:hsl(324, 95%, 91%);--cds-global-color-pink-200:hsl(324, 84%, 81%);--cds-global-color-pink-300:hsl(324, 78%, 70%);--cds-global-color-pink-400:hsl(324, 78%, 62%);--cds-global-color-pink-500:hsl(324, 64%, 51%);--cds-global-color-pink-600:hsl(324, 80%, 39%);--cds-global-color-pink-700:hsl(324, 100%, 30%);--cds-global-color-pink-800:hsl(324, 100%, 24%);--cds-global-color-pink-900:hsl(324, 100%, 18%);--cds-global-color-pink-1000:hsl(324, 100%, 15%);--cds-global-color-warm-gray-50:hsl(282, 3%, 97%);--cds-global-color-warm-gray-100:hsl(282, 3%, 92%);--cds-global-color-warm-gray-200:hsl(282, 3%, 84%);--cds-global-color-warm-gray-300:hsl(282, 3%, 74%);--cds-global-color-warm-gray-400:hsl(282, 3%, 63%);--cds-global-color-warm-gray-500:hsl(282, 3%, 54%);--cds-global-color-warm-gray-600:hsl(282, 3%, 43%);--cds-global-color-warm-gray-700:hsl(282, 3%, 35%);--cds-global-color-warm-gray-800:hsl(282, 3%, 28%);--cds-global-color-warm-gray-900:hsl(282, 3%, 20%);--cds-global-color-warm-gray-1000:hsl(282, 3%, 14%);--cds-global-color-slate-50:hsl(238, 20%, 96%);--cds-global-color-slate-100:hsl(238, 20%, 91%);--cds-global-color-slate-200:hsl(238, 20%, 82%);--cds-global-color-slate-300:hsl(238, 20%, 73%);--cds-global-color-slate-400:hsl(238, 20%, 63%);--cds-global-color-slate-500:hsl(238, 23%, 56%);--cds-global-color-slate-600:hsl(238, 24%, 49%);--cds-global-color-slate-700:hsl(238, 28%, 38%);--cds-global-color-slate-800:hsl(238, 28%, 29%);--cds-global-color-slate-900:hsl(238, 28%, 22%);--cds-global-color-slate-1000:hsl(238, 28%, 14%);--cds-global-color-ice-50:hsl(211, 100%, 97%);--cds-global-color-ice-100:hsl(211, 58%, 90%);--cds-global-color-ice-200:hsl(211, 53%, 81%);--cds-global-color-ice-300:hsl(211, 49%, 70%);--cds-global-color-ice-400:hsl(211, 47%, 62%);--cds-global-color-ice-500:hsl(211, 47%, 53%);--cds-global-color-ice-600:hsl(211, 56%, 44%);--cds-global-color-ice-700:hsl(211, 69%, 34%);--cds-global-color-ice-800:hsl(211, 69%, 27%);--cds-global-color-ice-900:hsl(211, 100%, 20%);--cds-global-color-ice-1000:hsl(211, 100%, 14%);--cds-global-color-cool-gray-50:hsl(211, 20%, 96%);--cds-global-color-cool-gray-100:hsl(211, 20%, 90%);--cds-global-color-cool-gray-200:hsl(211, 20%, 81%);--cds-global-color-cool-gray-300:hsl(211, 20%, 72%);--cds-global-color-cool-gray-400:hsl(211, 20%, 61%);--cds-global-color-cool-gray-500:hsl(211, 20%, 53%);--cds-global-color-cool-gray-600:hsl(211, 20%, 44%);--cds-global-color-cool-gray-700:hsl(211, 23%, 36%);--cds-global-color-cool-gray-800:hsl(211, 30%, 28%);--cds-global-color-cool-gray-900:hsl(211, 40%, 22%);--cds-global-color-cool-gray-1000:hsl(211, 63%, 14%);--cds-global-color-tan-50:hsl(41, 23%, 96%);--cds-global-color-tan-100:hsl(41, 22%, 91%);--cds-global-color-tan-200:hsl(41, 27%, 82%);--cds-global-color-tan-300:hsl(41, 23%, 68%);--cds-global-color-tan-400:hsl(41, 23%, 58%);--cds-global-color-tan-500:hsl(41, 20%, 47%);--cds-global-color-tan-600:hsl(41, 20%, 40%);--cds-global-color-tan-700:hsl(41, 20%, 32%);--cds-global-color-tan-800:hsl(41, 23%, 26%);--cds-global-color-tan-900:hsl(41, 23%, 21%);--cds-global-color-tan-1000:hsl(41, 22%, 16%);--cds-global-color-construction-50:hsl(198, 36%, 96%);--cds-global-color-construction-100:hsl(198, 20%, 91%);--cds-global-color-construction-200:hsl(198, 14%, 82%);--cds-global-color-construction-300:hsl(198, 10%, 71%);--cds-global-color-construction-400:hsl(198, 9%, 56%);--cds-global-color-construction-500:hsl(198, 10%, 46%);--cds-global-color-construction-600:hsl(198, 14%, 36%);--cds-global-color-construction-700:hsl(198, 19%, 28%);--cds-global-color-construction-800:hsl(198, 23%, 23%);--cds-global-color-construction-900:hsl(198, 28%, 18%);--cds-global-color-construction-1000:hsl(198, 30%, 15%);--cds-global-color-gray-0:hsl(0, 0%, 100%);--cds-global-color-gray-50:hsl(0, 0%, 98%);--cds-global-color-gray-100:hsl(0, 0%, 95%);--cds-global-color-gray-200:hsl(0, 0%, 91%);--cds-global-color-gray-300:hsl(0, 0%, 87%);--cds-global-color-gray-400:hsl(0, 0%, 80%);--cds-global-color-gray-500:hsl(0, 0%, 70%);--cds-global-color-gray-600:hsl(0, 0%, 55%);--cds-global-color-gray-700:hsl(0, 0%, 40%);--cds-global-color-gray-800:hsl(0, 0%, 27%);--cds-global-color-gray-900:hsl(0, 0%, 20%);--cds-global-color-gray-1000:hsl(0, 0%, 0%);--cds-global-typography-color-100:var(--cds-global-color-white);--cds-global-typography-color-200:var(--cds-global-color-construction-600);--cds-global-typography-color-300:var(--cds-global-color-construction-800);--cds-global-typography-color-400:var(--cds-global-color-construction-900);--cds-global-typography-color-500:var(--cds-global-color-black);--cds-global-typography-font-weight-light:300;--cds-global-typography-font-weight-regular:400;--cds-global-typography-font-weight-medium:500;--cds-global-typography-font-weight-semibold:600;--cds-global-typography-font-weight-bold:600;--cds-global-typography-font-weight-extrabold:600;--cds-global-typography-font-size-0:calc((10 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-1:calc((11 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-2:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-3:calc((13 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-4:calc((14 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-5:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-6:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-7:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-8:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-9:calc((40 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-base-font-size:125%;--cds-global-typography-base-font-size-px:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-global-typography-header-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-global-typography-monospace-font-family:ui-monospace, Consolas, Menlo, Monaco, monospace;--cds-global-typography-top-gap-height:0.1475em;--cds-global-typography-ascender-height:0.1703em;--cds-global-typography-x-height:0.517em;--cds-global-typography-link-color:var(--cds-global-color-blue-800);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-900);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-600);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-700);--cds-global-typography-body-font-size:calc((14 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-body-line-height:1.42857em;--cds-global-typography-body-letter-spacing:-0.014286em;--cds-global-typography-body-font-weight:400;--cds-global-typography-display-font-size:calc((40 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-display-line-height:1.1em;--cds-global-typography-display-letter-spacing:-0.0125em;--cds-global-typography-display-font-weight:400;--cds-global-typography-heading-font-size:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-heading-line-height:1.125em;--cds-global-typography-heading-letter-spacing:-0.0125em;--cds-global-typography-heading-font-weight:400;--cds-global-typography-title-font-size:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-title-line-height:1.16667em;--cds-global-typography-title-letter-spacing:-0.008333em;--cds-global-typography-title-font-weight:400;--cds-global-typography-section-font-size:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-section-line-height:1.2em;--cds-global-typography-section-letter-spacing:-0.01em;--cds-global-typography-section-font-weight:400;--cds-global-typography-subsection-font-size:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-subsection-line-height:1.25em;--cds-global-typography-subsection-letter-spacing:-0.0125em;--cds-global-typography-subsection-font-weight:400;--cds-global-typography-message-font-size:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-message-line-height:1.25em;--cds-global-typography-message-letter-spacing:-0.0125em;--cds-global-typography-message-font-weight:calc((400 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-secondary-font-size:calc((13 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-secondary-line-height:1.23077em;--cds-global-typography-secondary-letter-spacing:-0.007692em;--cds-global-typography-secondary-font-weight:400;--cds-global-typography-caption-font-size:calc((11 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-caption-line-height:1.454545em;--cds-global-typography-caption-letter-spacing:0.018182em;--cds-global-typography-caption-font-weight:400;--cds-global-typography-smallcaption-font-size:calc((10 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-smallcaption-line-height:1.2em;--cds-global-typography-smallcaption-letter-spacing:0.05em;--cds-global-typography-smallcaption-font-weight:500;--cds-global-animation-duration-instant:0s;--cds-global-animation-duration-quickest:0.1s;--cds-global-animation-duration-quicker:0.15s;--cds-global-animation-duration-quick:0.2s;--cds-global-animation-duration-secondary:0.3s;--cds-global-animation-duration-primary:0.4s;--cds-global-animation-duration-slow:0.5s;--cds-global-animation-duration-slower:0.7s;--cds-global-animation-duration-slowest:0.8s;--cds-global-animation-easing-primary:cubic-bezier(0,.99,0,.99);--cds-global-animation-easing-secondary:cubic-bezier(0, 1.5, 0.5, 1);--cds-global-animation-easing-loop:cubic-bezier(0.17, 0.4, 0.8, 0.79);--cds-global-base:20;--cds-alias-object-border-radius-100:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-radius-200:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-radius-300:50%;--cds-alias-object-border-width-100:calc((1 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-200:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-300:calc((3 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-400:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-color:var(--cds-global-color-construction-200);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-100);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-300);--cds-alias-object-shadow-100:0 1px 3px 0 hsla(198, 30%, 15%, 0.5);--cds-alias-object-shadow-200:0 1px 3px 0 hsla(198, 30%, 15%, 0.3);--cds-alias-object-shadow-300:0 1px 3px 0 hsla(198, 30%, 15%, 0.2);--cds-alias-object-opacity-0:hsla(0, 0%, 0%, 0);--cds-alias-object-opacity-100:hsla(0, 0%, 0%, 0.2);--cds-alias-object-opacity-200:hsla(0, 0%, 0%, 0.4);--cds-alias-object-opacity-300:hsla(0, 0%, 0%, 0.6);--cds-alias-object-interaction-border-color:var(--cds-global-color-construction-500);--cds-alias-object-interaction-background:var(--cds-global-color-white);--cds-alias-object-interaction-background-hover:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-active:var(--cds-global-color-blue-100);--cds-alias-object-interaction-background-selected:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-white);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-700);--cds-alias-object-interaction-color:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-300);--cds-alias-object-app-background:var(--cds-global-color-gray-50);--cds-alias-object-overlay-background:var(--cds-global-color-white);--cds-alias-object-overlay-backdrop-background:hsla(0, 0%, 0%, 0.6);--cds-alias-object-container-background:var(--cds-global-color-white);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-50);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-100);--cds-alias-object-container-border-color:var(--cds-global-color-construction-200);--cds-alias-status-info:var(--cds-global-color-blue-700);--cds-alias-status-info-tint:var(--cds-global-color-blue-50);--cds-alias-status-info-shade:var(--cds-global-color-blue-800);--cds-alias-status-success:var(--cds-global-color-green-700);--cds-alias-status-success-tint:var(--cds-global-color-green-50);--cds-alias-status-success-shade:var(--cds-global-color-green-800);--cds-alias-status-warning:var(--cds-global-color-ochre-500);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-100);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-600);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-800);--cds-alias-status-danger:var(--cds-global-color-red-700);--cds-alias-status-danger-tint:var(--cds-global-color-red-50);--cds-alias-status-danger-shade:var(--cds-global-color-red-800);--cds-alias-status-neutral:var(--cds-global-color-construction-600);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-50);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-700);--cds-alias-status-disabled:var(--cds-global-color-construction-300);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-200);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-400);--cds-alias-status-alt:var(--cds-global-color-violet-700);--cds-alias-status-alt-tint:var(--cds-global-color-violet-600);--cds-alias-status-alt-shade:var(--cds-global-color-violet-900)}
+:root{--cds-global-layout-space-xxs:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xs:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-sm:calc((6 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-md:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-lg:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xl:calc((48 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-space-xxl:calc((96 / var(--cds-global-base, 20)) * 1rem);--cds-global-layout-grid-cols:12;--cds-global-layout-width-xs:576px;--cds-global-layout-width-sm:768px;--cds-global-layout-width-md:992px;--cds-global-layout-width-lg:1200px;--cds-global-layout-width-xl:1440px;--cds-global-space-0:calc((0 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-1:calc((1 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-2:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-3:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-4:calc((6 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-5:calc((8 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-6:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-7:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-8:calc((18 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-9:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-10:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-11:calc((36 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-12:calc((48 / var(--cds-global-base, 20)) * 1rem);--cds-global-space-13:calc((72 / var(--cds-global-base, 20)) * 1rem);--cds-global-color-black:hsl(0, 0%, 0%);--cds-global-color-white:hsl(0, 0%, 100%);--cds-global-color-green-50:hsl(93, 80%, 94%);--cds-global-color-green-100:hsl(93, 80%, 83%);--cds-global-color-green-200:hsl(93, 80%, 70%);--cds-global-color-green-300:hsl(93, 80%, 56%);--cds-global-color-green-400:hsl(93, 80%, 48%);--cds-global-color-green-500:hsl(93, 80%, 44%);--cds-global-color-green-600:hsl(93, 80%, 37%);--cds-global-color-green-700:hsl(93, 80%, 28%);--cds-global-color-green-800:hsl(93, 80%, 23%);--cds-global-color-green-900:hsl(93, 80%, 17%);--cds-global-color-green-1000:hsl(93, 80%, 12%);--cds-global-color-blue-50:hsl(198, 100%, 95%);--cds-global-color-blue-100:hsl(198, 100%, 87%);--cds-global-color-blue-200:hsl(198, 100%, 78%);--cds-global-color-blue-300:hsl(198, 100%, 70%);--cds-global-color-blue-400:hsl(198, 100%, 59%);--cds-global-color-blue-500:hsl(198, 100%, 48%);--cds-global-color-blue-600:hsl(198, 100%, 43%);--cds-global-color-blue-700:hsl(198, 100%, 34%);--cds-global-color-blue-800:hsl(198, 100%, 27%);--cds-global-color-blue-900:hsl(198, 100%, 21%);--cds-global-color-blue-1000:hsl(198, 100%, 15%);--cds-global-color-violet-50:hsl(282, 100%, 97%);--cds-global-color-violet-100:hsl(282, 80%, 91%);--cds-global-color-violet-200:hsl(282, 73%, 83%);--cds-global-color-violet-300:hsl(282, 66%, 74%);--cds-global-color-violet-400:hsl(282, 60%, 65%);--cds-global-color-violet-500:hsl(282, 60%, 57%);--cds-global-color-violet-600:hsl(282, 60%, 49%);--cds-global-color-violet-700:hsl(283, 80%, 36%);--cds-global-color-violet-800:hsl(282, 100%, 26%);--cds-global-color-violet-900:hsl(282, 100%, 19%);--cds-global-color-violet-1000:hsl(282, 100%, 14%);--cds-global-color-red-50:hsl(9, 100%, 97%);--cds-global-color-red-100:hsl(9, 100%, 94%);--cds-global-color-red-200:hsl(9, 100%, 88%);--cds-global-color-red-300:hsl(9, 100%, 79%);--cds-global-color-red-400:hsl(9, 100%, 71%);--cds-global-color-red-500:hsl(9, 100%, 65%);--cds-global-color-red-600:hsl(9, 100%, 60%);--cds-global-color-red-700:hsl(9, 100%, 44%);--cds-global-color-red-800:hsl(9, 100%, 38%);--cds-global-color-red-900:hsl(9, 100%, 28%);--cds-global-color-red-1000:hsl(9, 100%, 22%);--cds-global-color-ochre-50:hsl(41, 100%, 96%);--cds-global-color-ochre-100:hsl(41, 100%, 92%);--cds-global-color-ochre-200:hsl(41, 100%, 86%);--cds-global-color-ochre-300:hsl(41, 100%, 78%);--cds-global-color-ochre-400:hsl(41, 100%, 70%);--cds-global-color-ochre-500:hsl(40, 100%, 59%);--cds-global-color-ochre-600:hsl(39, 100%, 50%);--cds-global-color-ochre-700:hsl(38, 100%, 42%);--cds-global-color-ochre-800:hsl(37, 100%, 32%);--cds-global-color-ochre-900:hsl(36, 100%, 27%);--cds-global-color-ochre-1000:hsl(35, 100%, 19%);--cds-global-color-lavender-50:hsl(238, 100%, 96%);--cds-global-color-lavender-100:hsl(238, 58%, 88%);--cds-global-color-lavender-200:hsl(238, 53%, 79%);--cds-global-color-lavender-300:hsl(238, 52%, 70%);--cds-global-color-lavender-400:hsl(238, 58%, 64%);--cds-global-color-lavender-500:hsl(238, 59%, 58%);--cds-global-color-lavender-600:hsl(238, 60%, 52%);--cds-global-color-lavender-700:hsl(238, 69%, 45%);--cds-global-color-lavender-800:hsl(238, 100%, 32%);--cds-global-color-lavender-900:hsl(238, 100%, 22%);--cds-global-color-lavender-1000:hsl(238, 100%, 14%);--cds-global-color-azure-50:hsl(211, 100%, 95%);--cds-global-color-azure-100:hsl(211, 100%, 88%);--cds-global-color-azure-200:hsl(211, 100%, 81%);--cds-global-color-azure-300:hsl(211, 100%, 70%);--cds-global-color-azure-400:hsl(211, 100%, 62%);--cds-global-color-azure-500:hsl(211, 100%, 54%);--cds-global-color-azure-600:hsl(211, 100%, 46%);--cds-global-color-azure-700:hsl(211, 100%, 37%);--cds-global-color-azure-800:hsl(211, 100%, 26%);--cds-global-color-azure-900:hsl(211, 100%, 18%);--cds-global-color-azure-1000:hsl(211, 100%, 14%);--cds-global-color-aqua-50:hsl(184, 100%, 96%);--cds-global-color-aqua-100:hsl(184, 100%, 86%);--cds-global-color-aqua-200:hsl(184, 100%, 75%);--cds-global-color-aqua-300:hsl(184, 100%, 62%);--cds-global-color-aqua-400:hsl(184, 100%, 48%);--cds-global-color-aqua-500:hsl(184, 100%, 43%);--cds-global-color-aqua-600:hsl(184, 100%, 34%);--cds-global-color-aqua-700:hsl(184, 100%, 25%);--cds-global-color-aqua-800:hsl(184, 100%, 18%);--cds-global-color-aqua-900:hsl(184, 100%, 13%);--cds-global-color-aqua-1000:hsl(184, 100%, 10%);--cds-global-color-jade-50:hsl(160, 83%, 95%);--cds-global-color-jade-100:hsl(160, 82%, 88%);--cds-global-color-jade-200:hsl(160, 78%, 78%);--cds-global-color-jade-300:hsl(160, 69%, 65%);--cds-global-color-jade-400:hsl(160, 69%, 53%);--cds-global-color-jade-500:hsl(160, 64%, 45%);--cds-global-color-jade-600:hsl(160, 69%, 36%);--cds-global-color-jade-700:hsl(160, 64%, 30%);--cds-global-color-jade-800:hsl(160, 100%, 21%);--cds-global-color-jade-900:hsl(160, 70%, 21%);--cds-global-color-jade-1000:hsl(160, 69%, 19%);--cds-global-color-yellow-50:hsl(50, 100%, 95%);--cds-global-color-yellow-100:hsl(50, 100%, 84%);--cds-global-color-yellow-200:hsl(50, 100%, 73%);--cds-global-color-yellow-300:hsl(50, 100%, 57%);--cds-global-color-yellow-400:hsl(46, 100%, 52%);--cds-global-color-yellow-500:hsl(44, 100%, 47%);--cds-global-color-yellow-600:hsl(42, 100%, 42%);--cds-global-color-yellow-700:hsl(40, 100%, 35%);--cds-global-color-yellow-800:hsl(40, 100%, 26%);--cds-global-color-yellow-900:hsl(40, 100%, 18%);--cds-global-color-yellow-1000:hsl(40, 100%, 13%);--cds-global-color-tangerine-50:hsl(25, 100%, 95%);--cds-global-color-tangerine-100:hsl(25, 100%, 88%);--cds-global-color-tangerine-200:hsl(25, 94%, 78%);--cds-global-color-tangerine-300:hsl(25, 100%, 72%);--cds-global-color-tangerine-400:hsl(25, 100%, 62%);--cds-global-color-tangerine-500:hsl(25, 100%, 48%);--cds-global-color-tangerine-600:hsl(25, 100%, 41%);--cds-global-color-tangerine-700:hsl(25, 100%, 34%);--cds-global-color-tangerine-800:hsl(25, 100%, 25%);--cds-global-color-tangerine-900:hsl(25, 100%, 19%);--cds-global-color-tangerine-1000:hsl(25, 100%, 15%);--cds-global-color-magenta-50:hsl(345, 100%, 95%);--cds-global-color-magenta-100:hsl(345, 100%, 87%);--cds-global-color-magenta-200:hsl(345, 100%, 79%);--cds-global-color-magenta-300:hsl(345, 100%, 70%);--cds-global-color-magenta-400:hsl(345, 100%, 61%);--cds-global-color-magenta-500:hsl(345, 81%, 50%);--cds-global-color-magenta-600:hsl(345, 83%, 40%);--cds-global-color-magenta-700:hsl(345, 91%, 31%);--cds-global-color-magenta-800:hsl(345, 100%, 24%);--cds-global-color-magenta-900:hsl(345, 100%, 19%);--cds-global-color-magenta-1000:hsl(345, 100%, 15%);--cds-global-color-pink-50:hsl(324, 100%, 97%);--cds-global-color-pink-100:hsl(324, 95%, 91%);--cds-global-color-pink-200:hsl(324, 84%, 81%);--cds-global-color-pink-300:hsl(324, 78%, 70%);--cds-global-color-pink-400:hsl(324, 78%, 62%);--cds-global-color-pink-500:hsl(324, 64%, 51%);--cds-global-color-pink-600:hsl(324, 80%, 39%);--cds-global-color-pink-700:hsl(324, 100%, 30%);--cds-global-color-pink-800:hsl(324, 100%, 24%);--cds-global-color-pink-900:hsl(324, 100%, 18%);--cds-global-color-pink-1000:hsl(324, 100%, 15%);--cds-global-color-warm-gray-50:hsl(282, 3%, 97%);--cds-global-color-warm-gray-100:hsl(282, 3%, 92%);--cds-global-color-warm-gray-200:hsl(282, 3%, 84%);--cds-global-color-warm-gray-300:hsl(282, 3%, 74%);--cds-global-color-warm-gray-400:hsl(282, 3%, 63%);--cds-global-color-warm-gray-500:hsl(282, 3%, 54%);--cds-global-color-warm-gray-600:hsl(282, 3%, 43%);--cds-global-color-warm-gray-700:hsl(282, 3%, 35%);--cds-global-color-warm-gray-800:hsl(282, 3%, 28%);--cds-global-color-warm-gray-900:hsl(282, 3%, 20%);--cds-global-color-warm-gray-1000:hsl(282, 3%, 14%);--cds-global-color-slate-50:hsl(238, 20%, 96%);--cds-global-color-slate-100:hsl(238, 20%, 91%);--cds-global-color-slate-200:hsl(238, 20%, 82%);--cds-global-color-slate-300:hsl(238, 20%, 73%);--cds-global-color-slate-400:hsl(238, 20%, 63%);--cds-global-color-slate-500:hsl(238, 23%, 56%);--cds-global-color-slate-600:hsl(238, 24%, 49%);--cds-global-color-slate-700:hsl(238, 28%, 38%);--cds-global-color-slate-800:hsl(238, 28%, 29%);--cds-global-color-slate-900:hsl(238, 28%, 22%);--cds-global-color-slate-1000:hsl(238, 28%, 14%);--cds-global-color-ice-50:hsl(211, 100%, 97%);--cds-global-color-ice-100:hsl(211, 58%, 90%);--cds-global-color-ice-200:hsl(211, 53%, 81%);--cds-global-color-ice-300:hsl(211, 49%, 70%);--cds-global-color-ice-400:hsl(211, 47%, 62%);--cds-global-color-ice-500:hsl(211, 47%, 53%);--cds-global-color-ice-600:hsl(211, 56%, 44%);--cds-global-color-ice-700:hsl(211, 69%, 34%);--cds-global-color-ice-800:hsl(211, 69%, 27%);--cds-global-color-ice-900:hsl(211, 100%, 20%);--cds-global-color-ice-1000:hsl(211, 100%, 14%);--cds-global-color-cool-gray-50:hsl(211, 20%, 96%);--cds-global-color-cool-gray-100:hsl(211, 20%, 90%);--cds-global-color-cool-gray-200:hsl(211, 20%, 81%);--cds-global-color-cool-gray-300:hsl(211, 20%, 72%);--cds-global-color-cool-gray-400:hsl(211, 20%, 61%);--cds-global-color-cool-gray-500:hsl(211, 20%, 53%);--cds-global-color-cool-gray-600:hsl(211, 20%, 44%);--cds-global-color-cool-gray-700:hsl(211, 23%, 36%);--cds-global-color-cool-gray-800:hsl(211, 30%, 28%);--cds-global-color-cool-gray-900:hsl(211, 40%, 22%);--cds-global-color-cool-gray-1000:hsl(211, 63%, 14%);--cds-global-color-tan-50:hsl(41, 23%, 96%);--cds-global-color-tan-100:hsl(41, 22%, 91%);--cds-global-color-tan-200:hsl(41, 27%, 82%);--cds-global-color-tan-300:hsl(41, 23%, 68%);--cds-global-color-tan-400:hsl(41, 23%, 58%);--cds-global-color-tan-500:hsl(41, 20%, 47%);--cds-global-color-tan-600:hsl(41, 20%, 40%);--cds-global-color-tan-700:hsl(41, 20%, 32%);--cds-global-color-tan-800:hsl(41, 23%, 26%);--cds-global-color-tan-900:hsl(41, 23%, 21%);--cds-global-color-tan-1000:hsl(41, 22%, 16%);--cds-global-color-construction-50:hsl(198, 36%, 96%);--cds-global-color-construction-100:hsl(198, 20%, 91%);--cds-global-color-construction-200:hsl(198, 14%, 82%);--cds-global-color-construction-300:hsl(198, 10%, 71%);--cds-global-color-construction-400:hsl(198, 9%, 56%);--cds-global-color-construction-500:hsl(198, 10%, 46%);--cds-global-color-construction-600:hsl(198, 14%, 36%);--cds-global-color-construction-700:hsl(198, 19%, 28%);--cds-global-color-construction-800:hsl(198, 23%, 23%);--cds-global-color-construction-900:hsl(198, 28%, 18%);--cds-global-color-construction-1000:hsl(198, 30%, 15%);--cds-global-color-gray-0:hsl(0, 0%, 100%);--cds-global-color-gray-50:hsl(0, 0%, 98%);--cds-global-color-gray-100:hsl(0, 0%, 95%);--cds-global-color-gray-200:hsl(0, 0%, 91%);--cds-global-color-gray-300:hsl(0, 0%, 87%);--cds-global-color-gray-400:hsl(0, 0%, 80%);--cds-global-color-gray-500:hsl(0, 0%, 70%);--cds-global-color-gray-600:hsl(0, 0%, 55%);--cds-global-color-gray-700:hsl(0, 0%, 40%);--cds-global-color-gray-800:hsl(0, 0%, 27%);--cds-global-color-gray-900:hsl(0, 0%, 20%);--cds-global-color-gray-1000:hsl(0, 0%, 0%);--cds-global-typography-color-100:var(--cds-global-color-white);--cds-global-typography-color-200:var(--cds-global-color-construction-600);--cds-global-typography-color-300:var(--cds-global-color-construction-800);--cds-global-typography-color-400:var(--cds-global-color-construction-900);--cds-global-typography-color-500:var(--cds-global-color-black);--cds-global-typography-font-weight-light:300;--cds-global-typography-font-weight-regular:400;--cds-global-typography-font-weight-medium:500;--cds-global-typography-font-weight-semibold:600;--cds-global-typography-font-weight-bold:600;--cds-global-typography-font-weight-extrabold:600;--cds-global-typography-font-size-0:calc((10 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-1:calc((11 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-2:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-3:calc((13 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-4:calc((14 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-5:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-6:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-7:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-8:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-size-9:calc((40 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-base-font-size:125%;--cds-global-typography-base-font-size-px:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-global-typography-header-font-family:'Clarity City', 'Avenir Next', sans-serif;--cds-global-typography-monospace-font-family:ui-monospace, Consolas, Menlo, Monaco, monospace;--cds-global-typography-top-gap-height:0.1475em;--cds-global-typography-ascender-height:0.1703em;--cds-global-typography-x-height:0.517em;--cds-global-typography-link-color:var(--cds-global-color-blue-800);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-900);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-600);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-700);--cds-global-typography-body-font-size:calc((14 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-body-line-height:1.42857em;--cds-global-typography-body-letter-spacing:-0.014286em;--cds-global-typography-body-font-weight:400;--cds-global-typography-display-font-size:calc((40 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-display-line-height:1.1em;--cds-global-typography-display-letter-spacing:-0.0125em;--cds-global-typography-display-font-weight:400;--cds-global-typography-heading-font-size:calc((32 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-heading-line-height:1.125em;--cds-global-typography-heading-letter-spacing:-0.0125em;--cds-global-typography-heading-font-weight:400;--cds-global-typography-title-font-size:calc((24 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-title-line-height:1.16667em;--cds-global-typography-title-letter-spacing:-0.008333em;--cds-global-typography-title-font-weight:400;--cds-global-typography-section-font-size:calc((20 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-section-line-height:1.2em;--cds-global-typography-section-letter-spacing:-0.01em;--cds-global-typography-section-font-weight:400;--cds-global-typography-subsection-font-size:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-subsection-line-height:1.25em;--cds-global-typography-subsection-letter-spacing:-0.0125em;--cds-global-typography-subsection-font-weight:400;--cds-global-typography-message-font-size:calc((16 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-message-line-height:1.25em;--cds-global-typography-message-letter-spacing:-0.0125em;--cds-global-typography-message-font-weight:calc((400 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-secondary-font-size:calc((13 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-secondary-line-height:1.23077em;--cds-global-typography-secondary-letter-spacing:-0.007692em;--cds-global-typography-secondary-font-weight:400;--cds-global-typography-caption-font-size:calc((11 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-caption-line-height:1.454545em;--cds-global-typography-caption-letter-spacing:0.018182em;--cds-global-typography-caption-font-weight:400;--cds-global-typography-smallcaption-font-size:calc((10 / var(--cds-global-base, 20)) * 1rem);--cds-global-typography-smallcaption-line-height:1.2em;--cds-global-typography-smallcaption-letter-spacing:0.05em;--cds-global-typography-smallcaption-font-weight:500;--cds-global-animation-duration-instant:0s;--cds-global-animation-duration-quickest:0.1s;--cds-global-animation-duration-quicker:0.15s;--cds-global-animation-duration-quick:0.2s;--cds-global-animation-duration-secondary:0.3s;--cds-global-animation-duration-primary:0.4s;--cds-global-animation-duration-slow:0.5s;--cds-global-animation-duration-slower:0.7s;--cds-global-animation-duration-slowest:0.8s;--cds-global-animation-easing-primary:cubic-bezier(0,.99,0,.99);--cds-global-animation-easing-secondary:cubic-bezier(0, 1.5, 0.5, 1);--cds-global-animation-easing-loop:cubic-bezier(0.17, 0.4, 0.8, 0.79);--cds-global-base:20;--cds-alias-object-border-radius-100:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-radius-200:calc((12 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-radius-300:50%;--cds-alias-object-border-width-100:calc((1 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-200:calc((2 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-300:calc((3 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-width-400:calc((4 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-border-color:var(--cds-global-color-construction-200);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-100);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-300);--cds-alias-object-shadow-100:0 1px 3px 0 hsla(198, 30%, 15%, 0.5);--cds-alias-object-shadow-200:0 1px 3px 0 hsla(198, 30%, 15%, 0.3);--cds-alias-object-shadow-300:0 1px 3px 0 hsla(198, 30%, 15%, 0.2);--cds-alias-object-opacity-0:hsla(0, 0%, 0%, 0);--cds-alias-object-opacity-100:hsla(0, 0%, 0%, 0.2);--cds-alias-object-opacity-200:hsla(0, 0%, 0%, 0.4);--cds-alias-object-opacity-300:hsla(0, 0%, 0%, 0.6);--cds-alias-object-interaction-outline:Highlight solid 2px;--cds-alias-object-interaction-outline-offset:1px;--cds-alias-object-interaction-touch-target:calc((36 / var(--cds-global-base, 20)) * 1rem);--cds-alias-object-interaction-border-color:var(--cds-global-color-construction-500);--cds-alias-object-interaction-background:var(--cds-global-color-white);--cds-alias-object-interaction-background-hover:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-active:var(--cds-global-color-blue-100);--cds-alias-object-interaction-background-selected:var(--cds-global-color-blue-50);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-white);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-700);--cds-alias-object-interaction-color:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-1000);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-700);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-300);--cds-alias-object-app-background:var(--cds-global-color-gray-50);--cds-alias-object-overlay-background:var(--cds-global-color-white);--cds-alias-object-overlay-backdrop-background:hsla(0, 0%, 0%, 0.6);--cds-alias-object-container-background:var(--cds-global-color-white);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-50);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-100);--cds-alias-object-container-border-color:var(--cds-global-color-construction-200);--cds-alias-status-info:var(--cds-global-color-blue-700);--cds-alias-status-info-tint:var(--cds-global-color-blue-50);--cds-alias-status-info-shade:var(--cds-global-color-blue-800);--cds-alias-status-success:var(--cds-global-color-green-700);--cds-alias-status-success-tint:var(--cds-global-color-green-50);--cds-alias-status-success-shade:var(--cds-global-color-green-800);--cds-alias-status-warning:var(--cds-global-color-ochre-500);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-100);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-600);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-800);--cds-alias-status-danger:var(--cds-global-color-red-700);--cds-alias-status-danger-tint:var(--cds-global-color-red-50);--cds-alias-status-danger-shade:var(--cds-global-color-red-800);--cds-alias-status-danger-dark:var(--cds-global-color-red-900);--cds-alias-status-neutral:var(--cds-global-color-construction-600);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-50);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-700);--cds-alias-status-disabled:var(--cds-global-color-construction-300);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-200);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-400);--cds-alias-status-alt:var(--cds-global-color-violet-700);--cds-alias-status-alt-tint:var(--cds-global-color-violet-600);--cds-alias-status-alt-shade:var(--cds-global-color-violet-900)}

package/styles/theme.dark.css

@@ -45,6 +45,7 @@
   --cds-alias-status-warning-shade: var(--cds-global-color-ochre-500);
   --cds-alias-status-warning-dark: var(--cds-global-color-ochre-500);
   --cds-alias-status-danger: var(--cds-global-color-red-500);
+  --cds-alias-status-danger-dark: var(--cds-global-color-red-800);
   --cds-alias-status-danger-tint: var(--cds-global-color-red-700);
   --cds-alias-status-danger-shade: var(--cds-global-color-red-700);
   --cds-alias-status-neutral: var(--cds-global-color-construction-300);

package/styles/theme.dark.min.css

@@ -1 +1 @@
-[cds-theme~=dark]{--cds-global-typography-color-500:var(--cds-global-color-white);--cds-global-typography-color-400:var(--cds-global-color-construction-100);--cds-global-typography-color-300:var(--cds-global-color-construction-200);--cds-global-typography-color-200:var(--cds-global-color-construction-600);--cds-global-typography-color-100:var(--cds-global-color-construction-900);--cds-global-typography-link-color:var(--cds-global-color-blue-400);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-500);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-300);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-400);--cds-alias-object-app-background:var(--cds-global-color-construction-1000);--cds-alias-object-app-border-color:var(--cds-global-color-black);--cds-alias-object-container-background:var(--cds-global-color-construction-900);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-1000);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-800);--cds-alias-object-container-border-color:var(--cds-global-color-black);--cds-alias-object-overlay-background:var(--cds-global-color-construction-900);--cds-alias-object-overlay-border-color:var(--cds-global-color-black);--cds-alias-object-border-color:var(--cds-global-color-construction-500);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-400);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-600);--cds-alias-object-shadow-100:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 rgba(0, 0, 0, 0.5);--cds-alias-object-shadow-200:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 rgba(0, 0, 0, 0.3);--cds-alias-object-shadow-300:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 rgba(0, 0, 0, 0.2);--cds-alias-object-interaction-color:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-50);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-100);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background:var(--cds-global-color-construction-900);--cds-alias-object-interaction-background-hover:var(--cds-global-color-cool-gray-800);--cds-alias-object-interaction-background-active:var(--cds-global-color-cool-gray-900);--cds-alias-object-interaction-background-selected:var(--cds-global-color-cool-gray-800);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-construction-900);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-400);--cds-alias-status-tint:transparent;--cds-alias-status-info:var(--cds-global-color-blue-400);--cds-alias-status-info-tint:var(--cds-global-color-blue-700);--cds-alias-status-info-shade:var(--cds-global-color-blue-700);--cds-alias-status-success:var(--cds-global-color-green-500);--cds-alias-status-success-tint:var(--cds-global-color-green-700);--cds-alias-status-success-shade:var(--cds-global-color-green-700);--cds-alias-status-warning:var(--cds-global-color-ochre-400);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-500);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-500);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-500);--cds-alias-status-danger:var(--cds-global-color-red-500);--cds-alias-status-danger-tint:var(--cds-global-color-red-700);--cds-alias-status-danger-shade:var(--cds-global-color-red-700);--cds-alias-status-neutral:var(--cds-global-color-construction-300);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-500);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-500);--cds-alias-status-disabled:var(--cds-global-color-construction-600);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-700);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-800)}
+[cds-theme~=dark]{--cds-global-typography-color-500:var(--cds-global-color-white);--cds-global-typography-color-400:var(--cds-global-color-construction-100);--cds-global-typography-color-300:var(--cds-global-color-construction-200);--cds-global-typography-color-200:var(--cds-global-color-construction-600);--cds-global-typography-color-100:var(--cds-global-color-construction-900);--cds-global-typography-link-color:var(--cds-global-color-blue-400);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-500);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-300);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-400);--cds-alias-object-app-background:var(--cds-global-color-construction-1000);--cds-alias-object-app-border-color:var(--cds-global-color-black);--cds-alias-object-container-background:var(--cds-global-color-construction-900);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-1000);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-800);--cds-alias-object-container-border-color:var(--cds-global-color-black);--cds-alias-object-overlay-background:var(--cds-global-color-construction-900);--cds-alias-object-overlay-border-color:var(--cds-global-color-black);--cds-alias-object-border-color:var(--cds-global-color-construction-500);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-400);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-600);--cds-alias-object-shadow-100:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 rgba(0, 0, 0, 0.5);--cds-alias-object-shadow-200:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 rgba(0, 0, 0, 0.3);--cds-alias-object-shadow-300:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 rgba(0, 0, 0, 0.2);--cds-alias-object-interaction-color:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-50);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-100);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background:var(--cds-global-color-construction-900);--cds-alias-object-interaction-background-hover:var(--cds-global-color-cool-gray-800);--cds-alias-object-interaction-background-active:var(--cds-global-color-cool-gray-900);--cds-alias-object-interaction-background-selected:var(--cds-global-color-cool-gray-800);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-construction-900);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-400);--cds-alias-status-tint:transparent;--cds-alias-status-info:var(--cds-global-color-blue-400);--cds-alias-status-info-tint:var(--cds-global-color-blue-700);--cds-alias-status-info-shade:var(--cds-global-color-blue-700);--cds-alias-status-success:var(--cds-global-color-green-500);--cds-alias-status-success-tint:var(--cds-global-color-green-700);--cds-alias-status-success-shade:var(--cds-global-color-green-700);--cds-alias-status-warning:var(--cds-global-color-ochre-400);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-500);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-500);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-500);--cds-alias-status-danger:var(--cds-global-color-red-500);--cds-alias-status-danger-dark:var(--cds-global-color-red-800);--cds-alias-status-danger-tint:var(--cds-global-color-red-700);--cds-alias-status-danger-shade:var(--cds-global-color-red-700);--cds-alias-status-neutral:var(--cds-global-color-construction-300);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-500);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-500);--cds-alias-status-disabled:var(--cds-global-color-construction-600);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-700);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-800)}

package/tag/tag.element.d.ts

@@ -24,8 +24,8 @@ import { CdsBaseButton, StatusTypes } from '@cds/core/internal';
  */
 export declare class CdsTag extends CdsBaseButton {
     /**
-     * @type {neutral | info | success | warning | danger}
      * Sets the color of the tag (and badge if present) from the following predefined list of statuses:
+     * @type {neutral | info | success | warning | danger}
      */
     status: StatusTypes;
     /** Sets the color of the tag (and badge if present) from a predefined list of choices */

package/test/index.js

@@ -1,2 +1,2 @@
-export{componentIsStable,createTestElement,emulatedClick,getComponentSlotContent,removeTestElement}from"./utils.js";import"lit";
+export{componentIsStable,createTestElement,emulatedClick,getComponentSlotContent,onceEvent,removeTestElement}from"./utils.js";import"lit";
 //# sourceMappingURL=index.js.map

package/test/utils.d.ts

@@ -6,3 +6,5 @@ export declare function getComponentSlotContent(component: HTMLElement): {
 };
 export declare function componentIsStable(component: any): Promise<any>;
 export declare function emulatedClick(component: HTMLElement): void;
+/** helpful for capturing a single event in a async test rather than Jasmine `done()` */
+export declare function onceEvent(element: HTMLElement, event: string): Promise<any>;

package/test/utils.js

@@ -1,2 +1,2 @@
-import{render as e}from"lit";function t(t){const n=document.createElement("div");return document.body.appendChild(n),t&&e(t,n),Promise.all(Array.from(document.querySelectorAll(":not(:defined)")).map((e=>customElements.whenDefined(e.tagName)))).then((()=>n))}function n(e){e.remove()}function o(e){var t;return Array.from(null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelectorAll("slot")).reduce(((e,t)=>(e[t.name.length>0?t.name:"default"]=t.assignedNodes().reduce(((e,t)=>{let n=t.outerHTML;return n=t.outerHTML?t.outerHTML:t.textContent.trim(),e+(n||"")}),""),e)),{})}function r(e,t=10,n,o={resolve:null,reject:null}){return t--,n=n||new Promise(((e,t)=>{o.resolve=e,o.reject=t})),e().then((e=>{o.resolve(e)})).catch((()=>{t>0?r(e,t,n,o):o.reject("Max attempts reached")})),n}function u(e){return r((()=>new Promise((async(t,n)=>{await e.updateComplete?t("success"):n("error")}))))}function c(e){const t=new MouseEvent("mousedown"),n=new MouseEvent("mouseup"),o=new MouseEvent("click");e.dispatchEvent(t),e.dispatchEvent(n),e.dispatchEvent(o)}export{u as componentIsStable,t as createTestElement,c as emulatedClick,o as getComponentSlotContent,n as removeTestElement};
+import{render as e}from"lit";function t(t){const n=document.createElement("div");return document.body.appendChild(n),t&&e(t,n),Promise.all(Array.from(document.querySelectorAll(":not(:defined)")).map((e=>customElements.whenDefined(e.tagName)))).then((()=>n))}function n(e){e.remove()}function o(e){var t;return Array.from(null===(t=e.shadowRoot)||void 0===t?void 0:t.querySelectorAll("slot")).reduce(((e,t)=>(e[t.name.length>0?t.name:"default"]=t.assignedNodes().reduce(((e,t)=>{let n=t.outerHTML;return n=t.outerHTML?t.outerHTML:t.textContent.trim(),e+(n||"")}),""),e)),{})}function r(e,t=10,n,o={resolve:null,reject:null}){return t--,n=n||new Promise(((e,t)=>{o.resolve=e,o.reject=t})),e().then((e=>{o.resolve(e)})).catch((()=>{t>0?r(e,t,n,o):o.reject("Max attempts reached")})),n}function u(e){return r((()=>new Promise((async(t,n)=>{await e.updateComplete?t("success"):n("error")}))))}function c(e){const t=new MouseEvent("mousedown"),n=new MouseEvent("mouseup"),o=new MouseEvent("click");e.dispatchEvent(t),e.dispatchEvent(n),e.dispatchEvent(o)}function s(e,t){return new Promise((n=>{e.addEventListener(t,(e=>n(e)))}))}export{u as componentIsStable,t as createTestElement,c as emulatedClick,o as getComponentSlotContent,s as onceEvent,n as removeTestElement};
 //# sourceMappingURL=utils.js.map

package/test/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/test/utils.ts"],"sourcesContent":null,"names":["createTestElement","template","element","document","createElement","body","appendChild","render","Promise","all","Array","from","querySelectorAll","map","el","customElements","whenDefined","tagName","then","removeTestElement","remove","getComponentSlotContent","component","_a","shadowRoot","reduce","acc","slot","name","length","assignedNodes","p","n","returnDom","outerHTML","textContent","trim","retry","fn","maxTries","promise","promiseObject","resolve","reject","result","catch","componentIsStable","async","updateComplete","emulatedClick","event1","MouseEvent","event2","event3","dispatchEvent"],"mappings":"6BAMO,SAASA,EAAkBC,GAC9B,MAAMC,EAAUC,SAASC,cAAc,OAKvC,OAJAD,SAASE,KAAKC,YAAYJ,GACtBD,GACAM,EAAON,EAAUC,GAEdM,QAAQC,IAAIC,MAAMC,KAAKR,SAASS,iBAAiB,mBAAmBC,KAAIC,GAAMC,eAAeC,YAAYF,EAAGG,YAAWC,MAAK,IAAMhB,IAEtI,SAASiB,EAAkBjB,GAC9BA,EAAQkB,SAEL,SAASC,EAAwBC,GACpC,IAAIC,EACJ,OAAOb,MAAMC,KAAqC,QAA/BY,EAAKD,EAAUE,kBAA+B,IAAPD,OAAgB,EAASA,EAAGX,iBAAiB,SAASa,QAAO,CAACC,EAAKC,KAEzHD,EADaC,EAAKC,KAAKC,OAAS,EAAIF,EAAKC,KAAO,WACpCD,EAAKG,gBAAgBL,QAAO,CAACM,EAAGC,KACxC,IAAIC,EAAYD,EAAEE,UAElB,OADAD,EAAYD,EAAEE,UAAYF,EAAEE,UAAYF,EAAEG,YAAYC,OAC/CL,GAAKE,GAAwB,MACrC,IACIP,IACR,IAEP,SAASW,EAAMC,EAAIC,EAAW,GAAIC,EAASC,EAAgB,CACvDC,QAAS,KACTC,OAAQ,OAqBR,OAnBAJ,IACAC,EACIA,GACI,IAAIhC,SAAQ,CAACkC,EAASC,KAClBF,EAAcC,QAAUA,EACxBD,EAAcE,OAASA,KAEnCL,IACKpB,MAAM0B,IACPH,EAAcC,QAAQE,MAErBC,OAAM,KACHN,EAAW,EACXF,EAAMC,EAAIC,EAAUC,EAASC,GAG7BA,EAAcE,OAAO,2BAGtBH,EAEJ,SAASM,EAAkBxB,GAC9B,OAAOe,GAAM,IAEb,IAAI7B,SAAQuC,MAAOL,EAASC,WACHrB,EAAU0B,eAE3BN,EAAQ,WAGRC,EAAO,cAKZ,SAASM,EAAc3B,GAC1B,MAAM4B,EAAS,IAAIC,WAAW,aACxBC,EAAS,IAAID,WAAW,WACxBE,EAAS,IAAIF,WAAW,SAC9B7B,EAAUgC,cAAcJ,GACxB5B,EAAUgC,cAAcF,GACxB9B,EAAUgC,cAAcD"}
+{"version":3,"file":"utils.js","sources":["../../../src/test/utils.ts"],"sourcesContent":null,"names":["createTestElement","template","element","document","createElement","body","appendChild","render","Promise","all","Array","from","querySelectorAll","map","el","customElements","whenDefined","tagName","then","removeTestElement","remove","getComponentSlotContent","component","_a","shadowRoot","reduce","acc","slot","name","length","assignedNodes","p","n","returnDom","outerHTML","textContent","trim","retry","fn","maxTries","promise","promiseObject","resolve","reject","result","catch","componentIsStable","async","updateComplete","emulatedClick","event1","MouseEvent","event2","event3","dispatchEvent","onceEvent","event","addEventListener","e"],"mappings":"6BAMO,SAASA,EAAkBC,GAC9B,MAAMC,EAAUC,SAASC,cAAc,OAKvC,OAJAD,SAASE,KAAKC,YAAYJ,GACtBD,GACAM,EAAON,EAAUC,GAEdM,QAAQC,IAAIC,MAAMC,KAAKR,SAASS,iBAAiB,mBAAmBC,KAAIC,GAAMC,eAAeC,YAAYF,EAAGG,YAAWC,MAAK,IAAMhB,IAEtI,SAASiB,EAAkBjB,GAC9BA,EAAQkB,SAEL,SAASC,EAAwBC,GACpC,IAAIC,EACJ,OAAOb,MAAMC,KAAqC,QAA/BY,EAAKD,EAAUE,kBAA+B,IAAPD,OAAgB,EAASA,EAAGX,iBAAiB,SAASa,QAAO,CAACC,EAAKC,KAEzHD,EADaC,EAAKC,KAAKC,OAAS,EAAIF,EAAKC,KAAO,WACpCD,EAAKG,gBAAgBL,QAAO,CAACM,EAAGC,KACxC,IAAIC,EAAYD,EAAEE,UAElB,OADAD,EAAYD,EAAEE,UAAYF,EAAEE,UAAYF,EAAEG,YAAYC,OAC/CL,GAAKE,GAAwB,MACrC,IACIP,IACR,IAEP,SAASW,EAAMC,EAAIC,EAAW,GAAIC,EAASC,EAAgB,CACvDC,QAAS,KACTC,OAAQ,OAqBR,OAnBAJ,IACAC,EACIA,GACI,IAAIhC,SAAQ,CAACkC,EAASC,KAClBF,EAAcC,QAAUA,EACxBD,EAAcE,OAASA,KAEnCL,IACKpB,MAAM0B,IACPH,EAAcC,QAAQE,MAErBC,OAAM,KACHN,EAAW,EACXF,EAAMC,EAAIC,EAAUC,EAASC,GAG7BA,EAAcE,OAAO,2BAGtBH,EAEJ,SAASM,EAAkBxB,GAC9B,OAAOe,GAAM,IAEb,IAAI7B,SAAQuC,MAAOL,EAASC,WACHrB,EAAU0B,eAE3BN,EAAQ,WAGRC,EAAO,cAKZ,SAASM,EAAc3B,GAC1B,MAAM4B,EAAS,IAAIC,WAAW,aACxBC,EAAS,IAAID,WAAW,WACxBE,EAAS,IAAIF,WAAW,SAC9B7B,EAAUgC,cAAcJ,GACxB5B,EAAUgC,cAAcF,GACxB9B,EAAUgC,cAAcD,GAGrB,SAASE,EAAUrD,EAASsD,GAC/B,OAAO,IAAIhD,SAAQkC,IACfxC,EAAQuD,iBAAiBD,GAAOE,GAAKhB,EAAQgB"}

package/toggle/toggle.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var r=a`:host{--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border:var(--cds-alias-object-border-width-200, calc((2 / var(--cds-global-base, 20)) * 1rem)) solid var(--background);--border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--height:var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem));--width:calc(var(--cds-global-space-10, calc((32 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)));--anchor-background:var(--cds-global-color-construction-50, #f1f6f8);--anchor-border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--anchor-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)));--anchor-height:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)));--toggle-speed:var(--cds-global-animation-duration-quicker, 0.15s)}.input,.input:after{display:inline-block;transition-duration:var(--toggle-speed,.15s);transition-timing-function:ease-in}.input{border-radius:var(--border-radius);border:var(--border);background:var(--background);height:var(--height);width:var(--width);position:relative;cursor:pointer;transition-property:border-color,background-color}.input:after{border-radius:var(--anchor-border-radius);background:var(--anchor-background);height:var(--anchor-height);width:var(--anchor-width);position:absolute;content:"";left:0;top:0;transition-property:transform}:host(:not([cds-motion=ready])){--toggle-speed:0}:host([_checked]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--border:var(--cds-alias-object-border-width-200, calc((2 / var(--cds-global-base, 20)) * 1rem)) solid var(--background)}:host([_checked]) .input:after{transform:translate(calc(var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))),0)}:host([_disabled]) .input{opacity:.6;cursor:not-allowed}`;export default r;
+import{css as a}from"lit";var r=a`:host{--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border:var(--cds-alias-object-border-width-200, calc((2 / var(--cds-global-base, 20)) * 1rem)) solid var(--background);--border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--height:var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem));--width:calc(var(--cds-global-space-10, calc((32 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)));--anchor-background:var(--cds-global-color-construction-50, #f1f6f8);--anchor-border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--anchor-width:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)));--anchor-height:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)));--toggle-speed:var(--cds-global-animation-duration-quicker, 0.15s)}.input,.input:after{display:inline-block;transition-duration:var(--toggle-speed,.15s);transition-timing-function:ease-in}.input{border-radius:var(--border-radius);border:var(--border);background:var(--background);height:var(--height);width:var(--width);position:relative;cursor:pointer;transition-property:border-color,background-color}.input:after{border-radius:var(--anchor-border-radius);background:var(--anchor-background);height:var(--anchor-height);width:var(--anchor-width);position:absolute;content:"";left:0;top:0;transition-property:transform}:host(:not([cds-motion=ready])){--toggle-speed:0}:host([_checked]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--border:var(--cds-alias-object-border-width-200, calc((2 / var(--cds-global-base, 20)) * 1rem)) solid var(--background)}:host([_checked]) .input:after{transform:translate(calc(var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem)) - var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))),0)}:host([_disabled]) .input{opacity:.6;cursor:not-allowed}[focusable]{width:var(--width);left:0}`;export default r;
 //# sourceMappingURL=toggle.element.scss.js.map

package/tokens/tokens.android.xml

@@ -354,6 +354,9 @@
   <property name="aliasObjectOpacity100">hsla(0, 0%, 0%, 0.2)</property>
   <property name="aliasObjectOpacity200">hsla(0, 0%, 0%, 0.4)</property>
   <property name="aliasObjectOpacity300">hsla(0, 0%, 0%, 0.6)</property>
+  <property name="aliasObjectInteractionOutline">Highlight solid 2px</property>
+  <property name="aliasObjectInteractionOutlineOffset">1px</property>
+  <property name="aliasObjectInteractionTouchTarget">36</property>
   <color name="aliasObjectInteractionBorderColor" alias="globalColorConstruction500">#6a7a81</color>
   <color name="aliasObjectInteractionBackground" alias="globalColorWhite">#ffffff</color>
   <color name="aliasObjectInteractionBackgroundHover" alias="globalColorBlue50">#e5f7ff</color>
@@ -386,6 +389,7 @@
   <color name="aliasStatusDanger" alias="globalColorRed700">#e02200</color>
   <color name="aliasStatusDangerTint" alias="globalColorRed50">#fff2f0</color>
   <color name="aliasStatusDangerShade" alias="globalColorRed800">#c21d00</color>
+  <color name="aliasStatusDangerDark" alias="globalColorRed900">#8f1500</color>
   <color name="aliasStatusNeutral" alias="globalColorConstruction600">#4f6169</color>
   <color name="aliasStatusNeutralTint" alias="globalColorConstruction50">#f1f6f8</color>
   <color name="aliasStatusNeutralShade" alias="globalColorConstruction700">#3a4d55</color>

package/tokens/tokens.d.ts

@@ -351,6 +351,9 @@ export declare const aliasObjectOpacity0 = "var(--cds-alias-object-opacity-0)";
 export declare const aliasObjectOpacity100 = "var(--cds-alias-object-opacity-100)";
 export declare const aliasObjectOpacity200 = "var(--cds-alias-object-opacity-200)";
 export declare const aliasObjectOpacity300 = "var(--cds-alias-object-opacity-300)";
+export declare const aliasObjectInteractionOutline = "var(--cds-alias-object-interaction-outline)";
+export declare const aliasObjectInteractionOutlineOffset = "var(--cds-alias-object-interaction-outline-offset)";
+export declare const aliasObjectInteractionTouchTarget = "var(--cds-alias-object-interaction-touch-target)";
 export declare const aliasObjectInteractionBorderColor = "var(--cds-alias-object-interaction-border-color)";
 export declare const aliasObjectInteractionBackground = "var(--cds-alias-object-interaction-background)";
 export declare const aliasObjectInteractionBackgroundHover = "var(--cds-alias-object-interaction-background-hover)";
@@ -383,6 +386,7 @@ export declare const aliasStatusWarningDark = "var(--cds-alias-status-warning-da
 export declare const aliasStatusDanger = "var(--cds-alias-status-danger)";
 export declare const aliasStatusDangerTint = "var(--cds-alias-status-danger-tint)";
 export declare const aliasStatusDangerShade = "var(--cds-alias-status-danger-shade)";
+export declare const aliasStatusDangerDark = "var(--cds-alias-status-danger-dark)";
 export declare const aliasStatusNeutral = "var(--cds-alias-status-neutral)";
 export declare const aliasStatusNeutralTint = "var(--cds-alias-status-neutral-tint)";
 export declare const aliasStatusNeutralShade = "var(--cds-alias-status-neutral-shade)";

package/tokens/tokens.ios.swift

@@ -352,6 +352,9 @@ let aliasObjectOpacity0 = "hsla(0, 0%, 0%, 0)";
 let aliasObjectOpacity100 = "hsla(0, 0%, 0%, 0.2)";
 let aliasObjectOpacity200 = "hsla(0, 0%, 0%, 0.4)";
 let aliasObjectOpacity300 = "hsla(0, 0%, 0%, 0.6)";
+let aliasObjectInteractionOutline = "Highlight solid 2px";
+let aliasObjectInteractionOutlineOffset = "1px";
+let aliasObjectInteractionTouchTarget = CGFloat(36.00);
 let aliasObjectInteractionBorderColor = UIColor(red: 106, green: 122, blue: 129, alpha: 1.0);
 let aliasObjectInteractionBackground = UIColor(red: 255, green: 255, blue: 255, alpha: 1.0);
 let aliasObjectInteractionBackgroundHover = UIColor(red: 229, green: 247, blue: 255, alpha: 1.0);
@@ -384,6 +387,7 @@ let aliasStatusWarningDark = UIColor(red: 163, green: 101, blue: 0, alpha: 1.0);
 let aliasStatusDanger = UIColor(red: 224, green: 34, blue: 0, alpha: 1.0);
 let aliasStatusDangerTint = UIColor(red: 255, green: 242, blue: 240, alpha: 1.0);
 let aliasStatusDangerShade = UIColor(red: 194, green: 29, blue: 0, alpha: 1.0);
+let aliasStatusDangerDark = UIColor(red: 143, green: 21, blue: 0, alpha: 1.0);
 let aliasStatusNeutral = UIColor(red: 79, green: 97, blue: 105, alpha: 1.0);
 let aliasStatusNeutralTint = UIColor(red: 241, green: 246, blue: 248, alpha: 1.0);
 let aliasStatusNeutralShade = UIColor(red: 58, green: 77, blue: 85, alpha: 1.0);

package/tokens/tokens.js

@@ -352,6 +352,9 @@ export const aliasObjectOpacity0 = 'var(--cds-alias-object-opacity-0)';
 export const aliasObjectOpacity100 = 'var(--cds-alias-object-opacity-100)';
 export const aliasObjectOpacity200 = 'var(--cds-alias-object-opacity-200)';
 export const aliasObjectOpacity300 = 'var(--cds-alias-object-opacity-300)';
+export const aliasObjectInteractionOutline = 'var(--cds-alias-object-interaction-outline)';
+export const aliasObjectInteractionOutlineOffset = 'var(--cds-alias-object-interaction-outline-offset)';
+export const aliasObjectInteractionTouchTarget = 'var(--cds-alias-object-interaction-touch-target)';
 export const aliasObjectInteractionBorderColor = 'var(--cds-alias-object-interaction-border-color)';
 export const aliasObjectInteractionBackground = 'var(--cds-alias-object-interaction-background)';
 export const aliasObjectInteractionBackgroundHover = 'var(--cds-alias-object-interaction-background-hover)';
@@ -384,6 +387,7 @@ export const aliasStatusWarningDark = 'var(--cds-alias-status-warning-dark)';
 export const aliasStatusDanger = 'var(--cds-alias-status-danger)';
 export const aliasStatusDangerTint = 'var(--cds-alias-status-danger-tint)';
 export const aliasStatusDangerShade = 'var(--cds-alias-status-danger-shade)';
+export const aliasStatusDangerDark = 'var(--cds-alias-status-danger-dark)';
 export const aliasStatusNeutral = 'var(--cds-alias-status-neutral)';
 export const aliasStatusNeutralTint = 'var(--cds-alias-status-neutral-tint)';
 export const aliasStatusNeutralShade = 'var(--cds-alias-status-neutral-shade)';

package/tokens/tokens.json

@@ -2010,6 +2010,15 @@
   "aliasObjectOpacity300": {
     "value": "hsla(0, 0%, 0%, 0.6)"
   },
+  "aliasObjectInteractionOutline": {
+    "value": "Highlight solid 2px"
+  },
+  "aliasObjectInteractionOutlineOffset": {
+    "value": "1px"
+  },
+  "aliasObjectInteractionTouchTarget": {
+    "value": 36
+  },
   "aliasObjectInteractionBorderColor": {
     "value": [
       198,
@@ -2261,6 +2270,14 @@
     ],
     "alias": "globalColorRed800"
   },
+  "aliasStatusDangerDark": {
+    "value": [
+      9,
+      100,
+      28
+    ],
+    "alias": "globalColorRed900"
+  },
   "aliasStatusNeutral": {
     "value": [
       198,

package/tokens/tokens.scss

@@ -369,6 +369,9 @@ $cds-alias-object-opacity-0: var(--cds-alias-object-opacity-0) !default;
 $cds-alias-object-opacity-100: var(--cds-alias-object-opacity-100) !default;
 $cds-alias-object-opacity-200: var(--cds-alias-object-opacity-200) !default;
 $cds-alias-object-opacity-300: var(--cds-alias-object-opacity-300) !default;
+$cds-alias-object-interaction-outline: var(--cds-alias-object-interaction-outline) !default;
+$cds-alias-object-interaction-outline-offset: var(--cds-alias-object-interaction-outline-offset) !default;
+$cds-alias-object-interaction-touch-target: var(--cds-alias-object-interaction-touch-target) !default;
 $cds-alias-object-interaction-border-color: var(--cds-alias-object-interaction-border-color) !default;
 $cds-alias-object-interaction-background: var(--cds-alias-object-interaction-background) !default;
 $cds-alias-object-interaction-background-hover: var(--cds-alias-object-interaction-background-hover) !default;
@@ -401,6 +404,7 @@ $cds-alias-status-warning-dark: var(--cds-alias-status-warning-dark) !default;
 $cds-alias-status-danger: var(--cds-alias-status-danger) !default;
 $cds-alias-status-danger-tint: var(--cds-alias-status-danger-tint) !default;
 $cds-alias-status-danger-shade: var(--cds-alias-status-danger-shade) !default;
+$cds-alias-status-danger-dark: var(--cds-alias-status-danger-dark) !default;
 $cds-alias-status-neutral: var(--cds-alias-status-neutral) !default;
 $cds-alias-status-neutral-tint: var(--cds-alias-status-neutral-tint) !default;
 $cds-alias-status-neutral-shade: var(--cds-alias-status-neutral-shade) !default;

package/tree-view/tree-item.element.d.ts

@@ -33,12 +33,12 @@ export declare class CdsTreeItem extends LitElement implements Animatable {
     i18n: {
         loading: string;
     };
-    protected role: string;
+    role: string;
     cdsMotion: string;
     cdsMotionChange: EventEmitter<string>;
-    protected ariaDisabled: AriaBooleanAttributeValues | undefined;
-    protected ariaExpanded: AriaBooleanAttributeValues | undefined;
-    protected ariaSelected: AriaBooleanAttributeValues | undefined;
+    ariaDisabled: AriaBooleanAttributeValues | undefined;
+    ariaExpanded: AriaBooleanAttributeValues | undefined;
+    ariaSelected: AriaBooleanAttributeValues | undefined;
     multiSelect: boolean;
     disabled: boolean;
     expanded: boolean;

package/tree-view/tree.element.d.ts

@@ -21,10 +21,10 @@ import { CdsTreeItem } from './tree-item.element.js';
  * @slot - Content slot for inside the tree
  */
 export declare class CdsTree extends LitElement {
-    protected role: string;
+    role: string;
     multiSelect: boolean;
     ariaActiveDescendant: string;
-    protected ariaMultiSelectable: AriaBooleanAttributeValues;
+    ariaMultiSelectable: AriaBooleanAttributeValues;
     private firstChildItem;
     private childrenItems;
     connectedCallback(): void;

package/accordion/accordion-content.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/accordion/accordion-header.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/accordion/accordion-panel.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/accordion/accordion.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/alert/alert-actions.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/alert/alert-group.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/alert/alert.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/badge/badge.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/button/base-button.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/button/base-button.element.scss.js

@@ -1,2 +0,0 @@
-import{css as a}from"lit";var o=a`:host{--box-shadow-color:var(--cds-alias-object-opacity-100, rgba(0, 0, 0, 0.2));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));--border-color:var(--background);--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--font-size:var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--padding:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) - var(--border-width));--height:var(--cds-global-space-11, calc((36 / var(--cds-global-base, 20)) * 1rem));--min-width:var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem));--text-decoration:none;display:inline-block;height:var(--height)}.private-host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;align-items:center;-webkit-appearance:none!important;border-color:var(--border-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--border-width);color:var(--color);cursor:pointer;font-size:var(--font-size);height:100%;line-height:1em;min-width:var(--min-width);overflow:visible;padding:var(--padding);position:relative;text-align:center;text-decoration:var(--text-decoration);text-overflow:ellipsis;transform:scale(1);user-select:none;vertical-align:middle;white-space:nowrap;width:100%}.private-host>span{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;height:100%}cds-progress-circle{--ring-color:var(--cds-global-color-construction-400, #859399)}:host(:active) .private-host,:host(:active) .private-host::after{box-shadow:0 var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) 0 0 var(--box-shadow-color) inset}.private-host::after{--offset:calc(-1 * var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)));background:var(--background);border-radius:var(--border-radius);position:absolute;content:"";top:var(--offset);left:var(--offset);bottom:var(--offset);right:var(--offset);inset:var(--offset);z-index:-1}:host(:active) .private-host::after,:host(:focus) .private-host::after,:host(:hover) .private-host::after{filter:brightness(90%)}:host([action=outline]) .private-host::after{filter:brightness(100%);opacity:0}:host([action=outline]:active) .private-host::after,:host([action=outline]:focus) .private-host::after,:host([action=outline]:hover) .private-host::after,:host([status=inverse]:active) .private-host::after,:host([status=inverse]:focus) .private-host::after,:host([status=inverse]:hover) .private-host::after{opacity:.1}::slotted{line-height:1em!important;color:inherit!important}::slotted(cds-icon){--color:inherit;height:calc(var(--font-size) + (2*var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))));width:calc(var(--font-size) + (2*var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))))}:host([status=success]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--background:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--color:var(--cds-global-color-construction-900, #21333b)}:host([status=danger]){--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral]){--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([action=outline]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--border-color:var(--color)}:host([status=success][action=outline]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action=outline]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action=outline]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action=outline]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled][status=inverse]),:host([disabled][status=inverse][action=outline]),:host([status=inverse]){--border-color:var(--color)}:host([action*=flat]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([action=flat-inline]){--height:auto;--padding:0;--min-width:auto;line-height:0}:host([status=success][action*=flat]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action*=flat]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action*=flat]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action*=flat]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse][action*=flat]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([size=sm]){--padding:var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--height:calc(var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)))}:host([size=sm]) .private-host .spinner:not(.spinner-check){height:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));min-height:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));min-width:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem))}:host([disabled]:active){pointer-events:none!important}:host([disabled]),:host([disabled][action=outline]){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled]) .private-host,:host([disabled][action=outline]) .private-host{cursor:not-allowed;outline:0}:host([disabled]) .private-host::after,:host([disabled][action=outline]) .private-host::after{filter:brightness(100%)!important;opacity:1!important}:host([disabled][action*=flat]),:host([disabled][action=outline]),:host([disabled][status=inverse]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([disabled][action*=flat]){--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([block]){width:100%}`;export default o;
-//# sourceMappingURL=base-button.element.scss.js.map

package/button/base-button.element.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-button.element.scss.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}

package/button/button.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/button/icon-button.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/button/inline-button.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/checkbox/checkbox.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/datalist/datalist-global.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/date/date.global.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/divider/divider.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/file/file.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/forms/control/control.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/forms/control-action/control-action.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/forms/control-group/control-group.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/forms/control-inline/control-inline.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/forms/control-label/control-label.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/forms/control-message/control-message.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/forms/form-group/form-group.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/icon/icon.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/input/input-group.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/input/input.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/internal/base/base.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/internal-components/close-button/close-button.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/internal-components/overlay/overlay.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/modal/modal.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/progress-circle/progress-circle.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/radio/radio.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/range/range.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/range/range.global.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/search/search.global.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/select/select.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/select/select.global.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/tag/tag.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/test-dropdown/test-dropdown.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/textarea/textarea.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/time/time.global.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;

package/toggle/toggle.element.css.d.ts

@@ -1 +0,0 @@
-export declare const styles: import("lit-element").CSSResultGroup;