@cds/core 5.6.2 → 6.0.0-beta.1

package/styles/shim.clr-ui.min.css

@@ -0,0 +1,121 @@
+[cds-theme]{--clr-global-app-background:var(
+    --cds-alias-object-app-background
+  );--clr-global-selection-color:var(
+    --cds-alias-object-interaction-background-selected
+  );--clr-global-on-selection-color:var(
+    --cds-alias-object-interaction-color-selected
+  );--clr-global-hover-color:var(
+    --cds-global-typography-link-color-hover
+  );--clr-global-content-header-font-color:var(
+    --cds-global-typography-color-400
+  );--clr-global-font-color:var(
+    --cds-global-typography-color-500
+  );--clr-global-success-color:var(--cds-alias-status-success);--clr-global-error-color:var(--cds-alias-status-danger);--clr-close-color--normal:var(
+    --cds-alias-object-interaction-color
+  );--clr-close-color--hover:var(
+    --cds-alias-object-interaction-color-hover
+  );--clr-h1-color:var(--cds-global-typography-color-400);--clr-h2-color:var(--cds-global-typography-color-400);--clr-h3-color:var(--cds-global-typography-color-400);--clr-h4-color:var(--cds-global-typography-color-400);--clr-h5-color:var(--cds-global-typography-color-400);--clr-h6-color:var(--cds-global-typography-color-400);--clr-p0-color:var(--cds-global-typography-color-500);--clr-p1-color:var(--cds-global-typography-color-500);--clr-p2-color:var(--cds-global-typography-color-500);--clr-p3-color:var(--cds-global-typography-color-500);--clr-p4-color:var(--cds-global-typography-color-500);--clr-p5-color:var(--cds-global-typography-color-500);--clr-p6-color:var(--cds-global-typography-color-500);--clr-p7-color:var(--cds-global-typography-color-500);--clr-p8-color:var(--cds-global-typography-color-500);--clr-btn-outline-bg-color:transparent;--clr-btn-default-color:var(--cds-alias-status-info);--clr-btn-default-border-color:var(--clr-btn-default-color);--clr-btn-default-bg-color:var(--clr-btn-outline-bg-color);--clr-btn-default-hover-bg-color:hsla(198, 100%, 34%, 0.1);--clr-btn-default-hover-color:var(
+    --cds-alias-status-info
+  );--clr-btn-default-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-default-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-default-disabled-bg-color:var(--clr-btn-default-bg-color);--clr-btn-default-disabled-border-color:var(--cds-alias-status-disabled-tint);--clr-btn-default-checked-color:var(--cds-global-typography-color-100);--clr-btn-default-checked-bg-color:var(--clr-btn-default-color);--clr-btn-default-outline-color:var(--cds-alias-status-info);--clr-btn-default-outline-border-color:var(--clr-btn-default-outline-color);--clr-btn-default-outline-bg-color:var(--clr-btn-outline-bg-color);--clr-btn-default-outline-hover-bg-color:hsla(198, 100%, 34%, 0.1);--clr-btn-default-outline-hover-color:var(--cds-alias-status-info);--clr-btn-default-outline-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-default-outline-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-default-outline-disabled-bg-color:var(--clr-btn-default-outline-bg-color);--clr-btn-default-outline-disabled-border-color:var(
+    --cds-alias-status-disabled-tint
+  );--clr-btn-default-outline-checked-color:var(--cds-global-typography-color-100);--clr-btn-default-outline-checked-bg-color:var(--clr-btn-default-outline-bg-color);--clr-btn-primary-color:var(--cds-global-typography-color-100);--clr-btn-primary-bg-color:var(--cds-alias-status-info);--clr-btn-primary-border-color:var(--cds-alias-status-info);--clr-btn-primary-hover-bg-color:var(--cds-alias-status-info);--clr-btn-primary-hover-color:var(--cds-global-typography-color-100);--clr-btn-primary-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-primary-disabled-color:var(--cds-global-typography-color-100);--clr-btn-primary-disabled-bg-color:var(--cds-alias-status-disabled-tint);--clr-btn-primary-disabled-border-color:var(--cds-alias-status-disabled-tint);--clr-btn-primary-checked-bg-color:var(--cds-alias-status-info);--clr-btn-primary-checked-color:var(--cds-global-typography-color-100);--clr-btn-success-color:var(--cds-global-typography-color-100);--clr-btn-success-bg-color:var(--cds-alias-status-success);--clr-btn-success-border-color:var(--clr-btn-success-bg-color);--clr-btn-success-hover-bg-color:var(--cds-alias-status-success);--clr-btn-success-hover-color:var(--clr-btn-success-color);--clr-btn-success-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-success-disabled-color:var(--cds-global-typography-color-100);--clr-btn-success-disabled-bg-color:var(--cds-alias-status-disabled-tint);--clr-btn-success-disabled-border-color:var(--cds-alias-status-disabled-tint);--clr-btn-success-checked-bg-color:var(--clr-btn-success-bg-color);--clr-btn-success-checked-color:var(--clr-btn-success-color);--clr-btn-success-outline-color:var(--cds-alias-status-success);--clr-btn-success-outline-bg-color:var(--clr-btn-outline-bg-color);--clr-btn-success-outline-border-color:var(--cds-alias-status-success);--clr-btn-success-outline-hover-bg-color:hsla(93, 80%, 28%, 0.1);--clr-btn-success-outline-hover-color:var(--cds-alias-status-success);--clr-btn-success-outline-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-success-outline-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-success-outline-disabled-bg-color:var(--clr-btn-success-outline-bg-color);--clr-btn-success-outline-disabled-border-color:var(
+    --cds-alias-status-disabled-tint
+  );--clr-btn-success-outline-checked-bg-color:var(--clr-btn-success-outline-bg-color);--clr-btn-success-outline-checked-color:var(--clr-btn-success-outline-color);--clr-btn-danger-color:var(--cds-global-typography-color-100);--clr-btn-danger-bg-color:var(--cds-alias-status-danger);--clr-btn-danger-border-color:var(--clr-btn-danger-bg-color);--clr-btn-danger-hover-bg-color:var(--cds-alias-status-danger);--clr-btn-danger-hover-color:var(--clr-btn-danger-color);--clr-btn-danger-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-danger-disabled-color:var(--cds-global-typography-color-100);--clr-btn-danger-disabled-bg-color:var(--cds-alias-status-disabled-tint);--clr-btn-danger-disabled-border-color:var(--clr-btn-danger-disabled-color);--clr-btn-danger-checked-bg-color:var(--clr-btn-danger-bg-color);--clr-btn-danger-checked-color:var(--clr-btn-danger-color);--clr-btn-danger-outline-color:var(--cds-alias-status-danger);--clr-btn-danger-outline-bg-color:var(--clr-btn-outline-bg-color);--clr-btn-danger-outline-border-color:var(--cds-alias-status-danger);--clr-btn-danger-outline-hover-bg-color:hsla(9, 100%, 44%, 0.1);--clr-btn-danger-outline-hover-color:var(--cds-alias-status-danger);--clr-btn-danger-outline-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-danger-outline-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-danger-outline-disabled-bg-color:var(--clr-btn-danger-outline-bg-color);--clr-btn-danger-outline-disabled-border-color:var(--cds-alias-status-disabled-tint);--clr-btn-danger-outline-checked-bg-color:var(--clr-btn-danger-outline-bg-color);--clr-btn-danger-outline-checked-color:var(--clr-btn-danger-outline-color);--clr-btn-warning-color:var(--cds-global-color-construction-900);--clr-btn-warning-bg-color:var(--cds-alias-status-warning);--clr-btn-warning-border-color:var(--clr-btn-warning-bg-color);--clr-btn-warning-hover-bg-color:var(--cds-alias-status-warning);--clr-btn-warning-hover-color:var(--clr-btn-warning-color);--clr-btn-warning-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-warning-disabled-color:var(--cds-global-typography-color-100);--clr-btn-warning-disabled-bg-color:var(--cds-alias-status-disabled-tint);--clr-btn-warning-disabled-border-color:var(--clr-btn-warning-disabled-color);--clr-btn-warning-checked-bg-color:var(--clr-btn-warning-bg-color);--clr-btn-warning-checked-color:var(--clr-btn-warning-color);--clr-btn-warning-outline-color:var(--cds-alias-status-warning-dark);--clr-btn-warning-outline-bg-color:var(--clr-btn-outline-bg-color);--clr-btn-warning-outline-border-color:var(--cds-alias-status-warning-dark);--clr-btn-warning-outline-hover-bg-color:hsla(40, 100%, 59%, 0.1);--clr-btn-warning-outline-hover-color:var(--cds-alias-status-warning-dark);--clr-btn-warning-outline-box-shadow-color:var(--cds-alias-object-opacity-100);--clr-btn-warning-outline-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-warning-outline-disabled-bg-color:var(--clr-btn-warning-outline-bg-color);--clr-btn-warning-outline-disabled-border-color:var(--cds-alias-status-disabled-tint);--clr-btn-warning-outline-checked-bg-color:var(--clr-btn-warning-outline-bg-color);--clr-btn-warning-outline-checked-color:var(--clr-btn-warning-outline-color);--clr-btn-link-color:var(--cds-alias-status-info);--clr-btn-link-bg-color:transparent;--clr-btn-link-border-color:transparent;--clr-btn-link-hover-bg-color:transparent;--clr-btn-link-hover-color:var(
+    --cds-alias-status-info
+  );--clr-btn-link-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-link-disabled-bg-color:transparent;--clr-btn-link-disabled-border-color:transparent;--clr-btn-link-checked-bg-color:transparent;--clr-btn-link-checked-color:var(
+    --cds-global-color-blue-800
+  );--clr-btn-inverse-color:var(--cds-global-typography-color-100);--clr-btn-inverse-border-color:var(--cds-global-typography-color-100);--clr-btn-inverse-bg-color:transparent;--clr-btn-inverse-hover-bg-color:rgba(255, 255, 255, 0.15);--clr-btn-inverse-hover-color:var(--cds-global-typography-color-100);--clr-btn-inverse-box-shadow-color:rgba(0, 0, 0, 0.25);--clr-btn-inverse-disabled-color:var(--cds-alias-status-disabled-tint);--clr-btn-inverse-disabled-bg-color:var(--clr-btn-inverse-bg-color);--clr-btn-inverse-disabled-border-color:var(--cds-alias-status-disabled-tint);--clr-btn-inverse-checked-bg-color:rgba(255, 255, 255, 0.15);--clr-btn-inverse-checked-color:var(--cds-alias-status-disabled-tint);--clr-btn-icon-disabled-color:var(
+    --cds-alias-status-disabled-tint
+  );--clr-alert-action-color:var(--cds-global-typography-color-500);--clr-alert-action-active-color:var(
+    --cds-alias-object-interaction-color-active
+  );--clr-alert-close-icon-color:var(--clr-alert-action-color);--clr-alert-close-icon-hover-color:var(--clr-alert-action-active-color);--clr-app-level-alert-color:var(--cds-global-color-white);--clr-app-alert-close-icon-color:var(--clr-app-level-alert-color);--clr-alert-info-bg-color:var(--cds-alias-status-info-tint);--clr-alert-info-font-color:var(--cds-global-typography-color-500);--clr-alert-info-border-color:var(
+    --cds-alias-status-info
+  );--clr-alert-info-icon-color:var(
+    --cds-global-typography-color-500
+  );--clr-alert-info-close-icon-color:var(--cds-global-typography-color-500);--clr-alert-info-action-color:var(--cds-global-typography-color-500);--clr-alert-success-bg-color:var(--cds-alias-status-success-tint);--clr-alert-success-font-color:var(--cds-global-typography-color-500);--clr-alert-success-border-color:var(--cds-alias-status-success);--clr-alert-success-icon-color:var(--cds-global-typography-color-500);--clr-alert-success-close-icon-color:var(--cds-global-typography-color-500);--clr-alert-success-action-color:var(--cds-global-typography-color-500);--clr-alert-warning-bg-color:var(--cds-alias-status-warning-tint);--clr-alert-warning-font-color:var(--cds-global-color-black);--clr-alert-warning-border-color:var(--cds-alias-status-warning);--clr-alert-warning-icon-color:var(--cds-global-color-black);--clr-alert-warning-close-icon-color:var(--cds-global-color-black);--clr-alert-warning-action-color:var(--cds-global-color-black);--clr-alert-danger-bg-color:var(--cds-alias-status-danger-tint);--clr-alert-danger-font-color:var(--cds-global-typography-color-500);--clr-alert-danger-border-color:var(--cds-alias-status-danger);--clr-alert-danger-icon-color:var(--cds-global-typography-color-500);--clr-alert-danger-close-icon-color:var(--cds-global-typography-color-500);--clr-alert-danger-action-color:var(--cds-global-typography-color-500);--clr-app-alert-info-bg-color:var(--cds-alias-status-info);--clr-app-alert-info-font-color:var(--cds-global-typography-color-100);--clr-app-alert-info-icon-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-action-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-action-active-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-close-icon-color:var(--clr-app-alert-info-font-color);--clr-app-alert-info-close-icon-hover-color:var(--clr-app-alert-info-font-color);--clr-app-alert-warning-bg-color:var(--cds-alias-status-warning);--clr-app-alert-warning-font-color:var(--cds-global-color-black);--clr-app-alert-warning-icon-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-close-icon-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-action-color:var(--clr-app-alert-warning-font-color);--clr-app-alert-warning-action-active-color:var(
+    --clr-app-alert-warning-font-color
+  );--clr-app-alert-warning-close-icon-hover-color:var(
+    --clr-app-alert-warning-font-color
+  );--clr-app-alert-danger-bg-color:var(--cds-alias-status-danger);--clr-app-alert-danger-font-color:var(--cds-global-typography-color-100);--clr-app-alert-danger-icon-color:var(--clr-app-alert-danger-font-color);--clr-app-alert-danger-close-icon-color:var(--clr-app-alert-danger-font-color);--clr-app-alert-danger-action-color:var(--clr-app-alert-danger-font-color);--clr-app-alert-danger-action-active-color:var(--clr-app-alert-danger-font-color);--clr-app-alert-danger-close-icon-hover-color:var(
+    --clr-app-alert-danger-font-color
+  );--clr-app-alert-success-bg-color:var(--cds-alias-status-success);--clr-app-alert-success-font-color:var(--cds-global-typography-color-100);--clr-app-alert-success-icon-color:var(--clr-app-alert-success-font-color);--clr-app-alert-success-close-icon-color:var(--clr-app-alert-success-font-color);--clr-app-alert-success-action-color:var(--clr-app-alert-success-font-color);--clr-app-alert-success-action-active-color:var(--clr-app-alert-success-font-color);--clr-app-alert-success-close-icon-hover-color:var(
+    --clr-app-alert-success-font-color
+  );--clr-app-alert-pager-text-color:var(
+    --cds-global-typography-color-500
+  );--clr-app-alert-info-pager-bg-color:var(
+    --cds-alias-status-info-shade
+  );--clr-app-alert-warning-pager-bg-color:var(
+    --cds-alias-status-warning-shade
+  );--clr-app-alert-danger-pager-bg-color:var(
+    --cds-alias-status-danger-shade
+  );--clr-app-alert-info-pager-font-color:var(--cds-global-color-white);--clr-app-alert-warning-pager-font-color:var(--cds-global-color-black);--clr-app-alert-danger-pager-font-color:var(--cds-global-color-white);--clr-app-alert-success-pager-font-color:var(--cds-global-color-white);--clr-label-font-color-light:var(--cds-global-typography-color-500);--clr-label-font-color-dark:var(--cds-global-typography-color-500);--clr-label-default-border-color:var(--cds-alias-status-neutral);--clr-label-bg-hover-color:var(--cds-alias-status-neutral-tint);--clr-label-gray-bg-color:var(
+    --cds-alias-status-neutral
+  );--clr-label-gray-color:var(--clr-label-font-color-light);--clr-label-purple-bg-color:var(--cds-global-color-violet-500);--clr-label-purple-color:var(--clr-label-font-color-light);--clr-label-blue-bg-color:var(--cds-global-color-blue-800);--clr-label-blue-color:var(--clr-label-font-color-light);--clr-label-orange-bg-color:var(--cds-global-color-ochre-800);--clr-label-orange-color:var(--clr-label-font-color-dark);--clr-label-light-blue-bg-color:var(--cds-global-color-blue-600);--clr-label-light-blue-color:var(--clr-label-font-color-dark);--clr-label-info-bg-color:var(--cds-alias-status-tint);--clr-label-info-font-color:var(--clr-label-font-color-light);--clr-label-info-border-color:var(--cds-alias-status-info);--clr-label-success-bg-color:var(--cds-alias-status-tint);--clr-label-success-font-color:var(--clr-label-font-color-light);--clr-label-success-border-color:var(--cds-alias-status-success);--clr-label-warning-bg-color:var(--cds-alias-status-tint);--clr-label-warning-font-color:var(--clr-label-font-color-light);--clr-label-warning-border-color:var(--cds-alias-status-warning);--clr-label-danger-bg-color:var(--cds-alias-status-tint);--clr-label-danger-font-color:var(--clr-label-font-color-light);--clr-label-danger-border-color:var(--cds-alias-status-danger);--clr-badge-background-color:var(--cds-alias-status-neutral-shade);--clr-badge-color:var(--cds-global-color-white);--clr-badge-info-bg-color:var(--cds-alias-status-info-shade);--clr-badge-info-color:var(--cds-global-color-white);--clr-badge-success-bg-color:var(--cds-alias-status-success-shade);--clr-badge-success-color:var(--cds-global-color-white);--clr-badge-warning-bg-color:var(--cds-alias-status-warning-shade);--clr-badge-warning-color:var(--cds-global-color-black);--clr-badge-danger-bg-color:var(--cds-alias-status-danger-shade);--clr-badge-danger-color:var(--cds-global-color-white);--clr-badge-gray-bg-color:var(--cds-global-color-gray-600);--clr-badge-gray-color:var(--cds-global-color-white);--clr-badge-purple-bg-color:var(--cds-global-color-violet-500);--clr-badge-purple-color:var(--cds-global-color-white);--clr-badge-blue-bg-color:var(--cds-global-color-blue-800);--clr-badge-blue-color:var(--cds-global-color-white);--clr-badge-orange-bg-color:var(--cds-global-color-ochre-700);--clr-badge-orange-color:var(--cds-global-color-black);--clr-badge-light-blue-bg-color:var(--cds-global-color-blue-400);--clr-badge-light-blue-color:var(--cds-global-color-black);--clr-progress-default-color:var(--cds-alias-status-info);--clr-progress-alt-color-1:var(--cds-alias-status-success);--clr-progress-alt-color-2:var(--cds-alias-status-danger);--clr-progress-alt-color-3:var(--clr-progress-alt-color-2);--clr-progress-bg-color:var(--cds-alias-object-border-color-tint);--clr-accordion-text-color:var(--cds-global-typography-color-500);--clr-accordion-active-background-color:var(
+    --cds-alias-object-interaction-background-selected
+  );--clr-accordion-content-background-color:var(--cds-alias-object-app-background);--clr-accordion-header-background-color:var(--cds-alias-object-app-background);--clr-accordion-header-hover-background-color:var(
+    --cds-alias-object-interaction-background-hover
+  );--clr-accordion-error-color:var(--cds-alias-status-danger);--clr-accordion-complete-color:var(--cds-alias-status-success);--clr-accordion-border-color:var(--cds-alias-object-border-color);--clr-accordion-border-left-color:var(--cds-alias-object-border-color-tint);--clr-accordion-border-left-color-complete:var(--clr-accordion-complete-color);--clr-accordion-border-left-color-error:var(--clr-accordion-error-color);--clr-card-bg-color:var(--cds-alias-object-container-background);--clr-card-divider-color:var(--cds-alias-object-border-color);--clr-card-title-color:var(--clr-h4-color);--clr-card-border-color:var(--cds-alias-object-container-border-color);--clr-card-box-shadow-color:var(--clr-card-border-color);--clr-card-clickable-border-color:var(
+    --cds-alias-object-interaction-background-highlight
+  );--clr-card-clickable-box-shadow-color:var(--clr-card-clickable-border-color);--clr-form-disabled-background-color:var(--cds-alias-status-disabled-tint);--clr-forms-label-color:var(--cds-global-typography-color-300);--clr-forms-text-color:var(--cds-global-typography-color-500);--clr-forms-invalid-color:var(--cds-alias-status-danger);--clr-forms-valid-color:var(--cds-alias-status-success);--clr-forms-valid-text-color:var(--cds-alias-status-success);--clr-forms-subtext-color:var(--cds-global-typography-color-300);--clr-forms-placeholder-color:var(--cds-global-typography-color-200);--clr-forms-border-color:var(
+    --cds-alias-object-interaction-border-color
+  );--clr-forms-focused-color:var(--cds-alias-status-info);--clr-forms-subtext-disabled-color:var(--cds-alias-status-disabled);--clr-forms-border-disabled-color:var(--cds-alias-object-border-color-tint);--clr-forms-text-disabled-color:var(--cds-alias-status-disabled);--clr-forms-label-disabled-color:var(--cds-alias-status-disabled);--clr-forms-textarea-background-color:var(--cds-alias-object-container-background);--clr-forms-select-caret-hover-color:var(
+    --cds-alias-object-interaction-color-hover
+  );--clr-forms-select-caret-color:var(
+    --cds-alias-object-interaction-color
+  );--clr-forms-select-option-color:var(--clr-forms-text-color);--clr-forms-select-multiple-background-color:var(--clr-forms-textarea-background-color);--clr-forms-select-multiple-border-color:var(--cds-alias-object-border-color);--clr-forms-select-multiple-option-color:var(--clr-forms-text-color);--clr-forms-checkbox-label-color:var(--clr-forms-label-color);--clr-forms-checkbox-background-color:var(--cds-alias-status-info);--clr-forms-checkbox-indeterminate-border-color:var(--cds-alias-status-info);--clr-forms-checkbox-mark-color:var(--cds-global-typography-color-100);--clr-forms-checkbox-disabled-background-color:var(--clr-form-disabled-background-color);--clr-forms-checkbox-disabled-mark-color:var(--cds-global-typography-color-100);--clr-forms-radio-label-color:var(--clr-forms-checkbox-label-color);--clr-forms-radio-disabled-background-color:var(
+    --clr-form-disabled-background-color
+  );--clr-forms-radio-disabled-mark-color:var(
+    --clr-forms-checkbox-disabled-mark-color
+  );--clr-forms-range-progress-fill-color:var(--cds-alias-status-info);--clr-forms-range-track-color:var(--cds-alias-object-border-color);--clr-combobox-border-color:var(--cds-alias-object-border-color);--clr-combobox-trigger-color:var(--clr-color-neutral-500);--clr-combobox-input-background-color:var(--cds-alias-object-container-background-tint);--clr-combobox-pill-background-color:var(
+    --cds-alias-object-interaction-background
+  );--clr-combobox-pill-border-color:var(
+    --cds-alias-object-interaction-border-color
+  );--clr-combobox-pill-font-color:var(--cds-global-typography-color-500);--clr-combobox-filter-highlight:var(
+    --cds-alias-object-interaction-background-highlight
+  );--clr-calendar-background-color:var(--cds-alias-object-overlay-background);--clr-calendar-border-color:var(--cds-alias-object-container-border-color);--clr-datepicker-trigger-color:var(--cds-alias-status-info);--clr-datepicker-trigger-hover-color:var(--clr-color-action-800);--clr-calendar-btn-color:var(--cds-alias-status-info);--clr-calendar-btn-hover-focus-color:var(
+    --cds-alias-object-interaction-background-hover
+  );--clr-calendar-today-date-cell-color:var(--cds-global-typography-color-500);--clr-calendar-active-cell-background-color:var(
+    --cds-alias-object-interaction-background-selected
+  );--clr-calendar-active-focus-cell-background-color:var(
+    --cds-alias-object-interaction-background-selected
+  );--clr-calendar-active-cell-color:var(--cds-global-typography-color-500);--clr-dropdown-active-text-color:var(--cds-alias-object-interaction-color-active);--clr-dropdown-bg-color:var(--cds-alias-object-overlay-background);--clr-dropdown-border-color:var(--cds-alias-object-border-color);--clr-dropdown-divider-color:var(--cds-alias-object-border-color-tint);--clr-dropdown-child-border-color:var(--cds-alias-object-border-color);--clr-dropdown-bg-hover-color:var(--cds-alias-object-interaction-background-hover);--clr-dropdown-selection-color:var(
+    --cds-alias-object-interaction-background-selected
+  );--clr-dropdown-box-shadow:var(--clr-popover-box-shadow-color);--clr-dropdown-text-color:var(--clr-p1-color);--clr-dropdown-header-color:var(--cds-global-typography-color-400);--clr-dropdown-item-color:var(--cds-global-typography-color-300);--clr-modal-title-color:var(--cds-global-typography-color-400);--clr-modal-close-color:var(--cds-alias-object-interaction-color);--clr-modal-bg-color:var(--cds-alias-object-overlay-background);--clr-modal-backdrop-color:var(--cds-alias-object-overlay-backdrop-background);--clr-link-active-color:var(--cds-global-typography-link-color);--clr-link-color:var(--cds-global-typography-link-color);--clr-link-hover-color:var(--cds-global-typography-link-color-hover);--clr-link-visited-color:var(--cds-global-typography-link-color-visited);--clr-link-visited-color-hover:var(--cds-global-typography-link-color-visited-hover);--clr-custom-links-hover-color:var(--cds-global-color-gray-200);--clr-sliding-panel-text-color:var(--cds-global-color-gray-700);--clr-nav-background-color:var(--cds-global-color-gray-200);--clr-responsive-nav-hover-bg:var(--cds-global-color-gray-0);--clr-responsive-nav-trigger-bg-color:var(--cds-global-color-gray-0);--clr-responsive-nav-header-backdrop-bg-color:var(--cds-global-color-gray-1000);--clr-sidenav-border-color:var(--cds-alias-object-border-color);--clr-sidenav-link-hover-color:var(--cds-alias-object-interaction-background-hover);--clr-sidenav-link-active-color:var(--cds-alias-object-interaction-color-active);--clr-sidenav-link-active-bg-color:var(--clr-global-selection-color);--clr-sidenav-header-color:var(--clr-h6-color);--clr-sidenav-color:var(--clr-p1-color);--clr-signpost-content-bg-color:var(--cds-alias-object-overlay-background);--clr-signpost-content-border-color:var(--cds-alias-object-overlay-border-color);--clr-signpost-action-color:var(--cds-alias-object-interaction-color);--clr-signpost-action-hover-color:var(--cds-alias-object-interaction-color-hover);--clr-signpost-border-size:0.6rem;--clr-signpost-pointer-border:var(--clr-signpost-border-size) solid var(--cds-alias-object-overlay-border-color);--clr-signpost-pointer-psuedo-border:var(--clr-signpost-border-size) solid var(--clr-signpost-content-bg-color);--clr-stack-view-border-color:var(--cds-alias-object-border-color);--clr-stack-view-bg-color:var(--cds-alias-object-container-background);--clr-stack-view-stack-block-border-bottom:var(--cds-alias-object-border-color);--clr-stack-view-color:var(--cds-global-typography-color-500);--clr-stack-view-stack-block-label-text-color:var(--cds-global-typography-color-500);--clr-stack-view-border-box-color:var(--cds-alias-object-border-color-tint);--clr-stack-block-changed-border-top-color:var(
+    --cds-alias-object-interaction-background-highlight
+  );--clr-stack-view-stack-block-label-and-content-bg-color:var(
+    --cds-alias-object-container-background-tint
+  );--clr-stack-view-stack-children-stack-block-border-bottom-color:var(
+    --cds-alias-object-border-color-tint
+  );--clr-stack-view-stack-children-stack-block-label-and-content-bg-color:var(
+    --cds-alias-object-container-background
+  );--clr-stack-view-stack-block-expanded-bg-color:var(--clr-global-selection-color);--clr-stack-view-stack-block-expandable-hover:var(
+    --cds-alias-object-interaction-background-hover
+  );--clr-stack-view-stack-block-content-text-color:inherit;--clr-stack-view-stack-block-expanded-text-color:var(
+    --cds-global-typography-color-500
+  );--clr-stack-view-stack-block-caret-color:var(--cds-global-typography-color-500);--clr-subnav-bg-color:var(--cds-alias-object-container-background);--clr-nav-box-shadow-color:var(--cds-alias-object-border-color);--clr-nav-active-box-shadow-color:var(
+    --cds-alias-object-interaction-background-highlight
+  );--clr-nav-active-bg-color:var(--cds-alias-object-interaction-background-active);--clr-nav-hover-bg-color:var(--cds-alias-object-interaction-background-hover);--clr-nav-link-color:var(--cds-alias-object-interaction-color);--clr-nav-link-active-color:var(--cds-alias-object-interaction-color-active);--clr-timeline-line-color:var(--cds-alias-object-border-color-shade);--clr-timeline-step-header-color:var(
+    --cds-alias-status-neutral
+  );--clr-timeline-step-title-color:var(--cds-alias-object-interaction-color);--clr-timeline-step-description-color:var(--cds-global-typography-color-500);--clr-timeline-incomplete-step-color:var(
+    --cds-alias-object-border-color-shade
+  );--clr-timeline-current-step-color:var(
+    --cds-alias-object-interaction-background-highlight
+  );--clr-timeline-success-step-color:var(--cds-alias-status-success);--clr-timeline-error-step-color:var(--cds-alias-status-danger);--clr-toggle-bg-color-off:var(--cds-alias-status-neutral);--clr-toggle-bg-color-on:var(--cds-alias-status-success);--clr-toggle-handle-bg-color:var(--cds-global-color-construction-50);--clr-toggle-disabled-default-border-color:var(--cds-global-color-gray-400);--clr-toggle-disabled-default-handle-color:var(--cds-global-color-construction-50);--clr-toggle-disabled-off-border-color:var(--clr-toggle-disabled-default-border-color);--clr-toggle-disabled-off-bg-color:var(--clr-toggle-disabled-default-handle-color);--clr-toggle-disabled-off-handle-border-color:var(--clr-toggle-disabled-default-border-color);--clr-toggle-disabled-on-border-color:var(--clr-toggle-disabled-default-border-color);--clr-toggle-disabled-on-bg-color:var(--clr-toggle-disabled-default-border-color);--clr-toggle-disabled-on-handle-border-color:var(--clr-toggle-disabled-default-handle-color);--clr-tooltip-background-color:var(--cds-global-color-gray-1000);--clr-tooltip-color:var(--cds-global-color-construction-50);--clr-wizard-main-bgcolor:var(--cds-alias-object-overlay-background);--clr-wizard-sidenav-bgcolor:var(--cds-alias-object-container-background-tint);--clr-wizard-main-textColor:var(--cds-global-typography-color-500);--clr-wizard-sidenav-text:var(--cds-global-typography-color-500);--clr-wizard-sidenav-text--active:var(--clr-global-on-selection-color);--clr-wizard-title-text:var(--cds-global-typography-color-500);--clr-wizard-stepnav-border-color:var(--cds-alias-object-border-color);--clr-wizard-stepnav-border-color--active:var(--cds-alias-status-success);--clr-wizard-stepnav-active-bgcolor:var(--clr-global-selection-color);--clr-wizard-header-action-color:var(--cds-global-color-gray-600);--clr-wizard-header-action-color--hovered:var(--cds-global-color-gray-1000);--clr-wizard-step-nav-border-color:var(--cds-alias-object-border-color);--clr-wizard-box-shadow-color:rgba(0, 0, 0, 0.2);--clr-tree-node-caret-link-hover-color:var(
+    --cds-alias-object-interaction-color-hover
+  );--clr-tree-link-hover-color:var(--cds-alias-object-interaction-background-hover);--clr-tree-link-selection-color:var(--clr-global-selection-color);--clr-tree-link-text-color:var(--cds-global-typography-color-500);--clr-tree-node-caret-color:var(--cds-global-color-gray-500);--clr-vertical-nav-divider-color:var(--cds-alias-object-border-color);--clr-vertical-nav-icon-active-color:var(--cds-alias-object-interaction-color);--clr-vertical-nav-item-color:var(--cds-alias-object-interaction-color);--clr-vertical-nav-item-active-color:var(
+    --cds-alias-object-interaction-color-active
+  );--clr-vertical-nav-bg-color:var(--cds-alias-object-container-background-shade);--clr-vertical-nav-active-bg-color:var(
+    --cds-alias-object-interaction-background-selected
+  );--clr-vertical-nav-hover-bg-color:var(
+    --cds-alias-object-interaction-background-hover
+  );--clr-vertical-nav-toggle-icon-color:var(--cds-alias-object-interaction-color);--clr-vertical-nav-trigger-divider-border-color:var(
+    --cds-alias-object-border-color
+  );--clr-table-bgcolor:var(--cds-alias-object-container-background);--clr-thead-bgcolor:var(--cds-alias-object-container-background-tint);--clr-table-header-border-bottom-color:var(--cds-alias-object-border-color);--clr-table-footer-border-top-color:var(--cds-alias-object-border-color);--clr-table-border-color:var(--cds-alias-object-border-color);--clr-tablerow-bordercolor:var(--cds-alias-object-border-color);--clr-table-font-color:var(--cds-global-typography-color-500);--clr-thead-color:var(--cds-global-typography-color-500);--clr-datagrid-font-color:var(--cds-global-typography-color-500);--clr-datagrid-default-border-color:var(--cds-alias-object-border-color);--clr-datagrid-icon-color:var(--cds-alias-object-interaction-color);--clr-datagrid-row-hover:var(--cds-alias-object-interaction-background-hover);--clr-datagrid-row-hover-font-color:var(--cds-global-typography-color-500);--clr-datagrid-action-toggle:var(
+    --cds-alias-object-interaction-background-active
+  );--clr-datagrid-pagination-btn-color:var(--cds-alias-object-interaction-color);--clr-datagrid-pagination-btn-disabled-color:var(--cds-alias-status-disabled);--clr-datagrid-pagination-input-border-color:var(--cds-alias-object-border-color);--clr-datagrid-pagination-input-border-focus-color:var(--clr-color-action-400);--clr-datagrid-popover-bg-color:var(--cds-alias-object-overlay-background);--clr-datagrid-popover-border-color:var(--cds-alias-object-overlay-border-color);--clr-datagrid-action-popover-hover-color:var(
+    --cds-alias-object-interaction-color-hover
+  );--clr-datagrid-row-selected:var(--cds-global-typography-color-500);--clr-datagrid-column-switch-header-font-color:var(--cds-global-color-gray-500);--clr-datagrid-column-switch-header-font-hover-color:var(
+    --cds-alias-object-interaction-background-highlight
+  );--clr-datagrid-detail-caret-icon-open-bg-color:var(
+    --cds-alias-object-interaction-background-highlight
+  );--clr-datagrid-detail-caret-icon-open-icon-color:var(--cds-global-color-gray-0);--clr-datagrid-placeholder-color:var(--cds-global-color-gray-700)}[cds-theme] .btn:not([disabled]):active,[cds-theme] .btn:not([disabled]):focus,[cds-theme] .btn:not([disabled]):hover{filter:brightness(90%)}[cds-theme] .btn.disabled,[cds-theme] .btn:disabled{opacity:1}[cds-theme] .btn-danger,[cds-theme] .btn-primary,[cds-theme] .btn-success,[cds-theme] .btn-warning{--clr-btn-icon-disabled-color:var(--cds-global-typography-color-100)}

package/styles/theme.dark.css

@@ -1,3 +1,8 @@
+/*
+ * Copyright (c) 2016-2022 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.
+ */
 [cds-theme~=dark] {
   --cds-global-typography-color-500: var(--cds-global-color-white);
   --cds-global-typography-color-400: var(--cds-global-color-construction-100);
@@ -9,28 +14,26 @@
   --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-shadow-100: 0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-300);
+  --cds-alias-object-shadow-200: 0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-200);
+  --cds-alias-object-shadow-300: 0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-100);
   --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-hover: var(--cds-global-color-construction-700);
+  --cds-alias-object-interaction-background-active: var(--cds-global-color-construction-800);
+  --cds-alias-object-interaction-background-selected: var(--cds-global-color-construction-700);
   --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;
@@ -53,5 +56,5 @@
   --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-alias-status-disabled-shade: var(--cds-global-color-construction-900);
 }

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-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)}
+[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-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-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 var(--cds-alias-object-opacity-300);--cds-alias-object-shadow-200:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-200);--cds-alias-object-shadow-300:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-100);--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-construction-700);--cds-alias-object-interaction-background-active:var(--cds-global-color-construction-800);--cds-alias-object-interaction-background-selected:var(--cds-global-color-construction-700);--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-900)}

package/styles/theme.high-contrast.css

@@ -0,0 +1,43 @@
+/*
+ * Copyright (c) 2016-2022 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.
+ */
+/*
+ * Copyright (c) 2016-2022 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.
+ */
+[cds-theme~=high-contrast] {
+  --cds-global-typography-color-500: CanvasText;
+  --cds-global-typography-color-400: CanvasText;
+  --cds-global-typography-color-300: CanvasText;
+  --cds-global-typography-link-color: LinkText;
+  --cds-global-typography-link-color-hover: ActiveText;
+  --cds-global-typography-link-color-visited: VisitedText;
+  --cds-global-typography-link-color-visited-hover: VisitedText;
+  --cds-alias-status-info: CanvasText;
+  --cds-alias-status-success: CanvasText;
+  --cds-alias-status-warning: CanvasText;
+  --cds-alias-status-danger: CanvasText;
+  --cds-alias-status-neutral: GrayText;
+  --cds-alias-status-neutral-tint: GrayText;
+  --cds-alias-status-neutral-shade: GrayText;
+  --cds-alias-object-border-color: CanvasText;
+  --cds-alias-object-border-color-tint: CanvasText;
+  --cds-alias-object-border-color-shade: CanvasText;
+  --cds-alias-object-container-border-color: CanvasText;
+  --cds-alias-object-app-background: Canvas;
+  --cds-alias-object-interaction-color: ButtonText;
+  --cds-alias-object-interaction-color-hover: HighlightText;
+  --cds-alias-object-interaction-color-active: ActiveText;
+  --cds-alias-object-interaction-color-selected: SelectedItemText;
+  --cds-alias-object-interaction-color-disabled: GrayText;
+  --cds-alias-object-interaction-border-color: CanvasText;
+  --cds-alias-object-interaction-background: ButtonFace;
+  --cds-alias-object-interaction-background-hover: Highlight;
+  --cds-alias-object-interaction-background-active: Highlight;
+  --cds-alias-object-interaction-background-selected: SelectedItem;
+  --cds-alias-object-interaction-background-disabled: Canvas;
+  --cds-alias-object-interaction-background-highlight: Highlight;
+}

package/styles/theme.high-contrast.min.css

@@ -0,0 +1 @@
+[cds-theme~=high-contrast]{--cds-global-typography-color-500:CanvasText;--cds-global-typography-color-400:CanvasText;--cds-global-typography-color-300:CanvasText;--cds-global-typography-link-color:LinkText;--cds-global-typography-link-color-hover:ActiveText;--cds-global-typography-link-color-visited:VisitedText;--cds-global-typography-link-color-visited-hover:VisitedText;--cds-alias-status-info:CanvasText;--cds-alias-status-success:CanvasText;--cds-alias-status-warning:CanvasText;--cds-alias-status-danger:CanvasText;--cds-alias-status-neutral:GrayText;--cds-alias-status-neutral-tint:GrayText;--cds-alias-status-neutral-shade:GrayText;--cds-alias-object-border-color:CanvasText;--cds-alias-object-border-color-tint:CanvasText;--cds-alias-object-border-color-shade:CanvasText;--cds-alias-object-container-border-color:CanvasText;--cds-alias-object-app-background:Canvas;--cds-alias-object-interaction-color:ButtonText;--cds-alias-object-interaction-color-hover:HighlightText;--cds-alias-object-interaction-color-active:ActiveText;--cds-alias-object-interaction-color-selected:SelectedItemText;--cds-alias-object-interaction-color-disabled:GrayText;--cds-alias-object-interaction-border-color:CanvasText;--cds-alias-object-interaction-background:ButtonFace;--cds-alias-object-interaction-background-hover:Highlight;--cds-alias-object-interaction-background-active:Highlight;--cds-alias-object-interaction-background-selected:SelectedItem;--cds-alias-object-interaction-background-disabled:Canvas;--cds-alias-object-interaction-background-highlight:Highlight}

package/styles/theme.low-motion.css

@@ -1,3 +1,13 @@
+/*
+ * Copyright (c) 2016-2022 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.
+ */
+/*
+ * Copyright (c) 2016-2022 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.
+ */
 [cds-theme~=low-motion] {
   --cds-global-animation-duration-instant: 0;
   --cds-global-animation-duration-quickest: 0;

package/table/table.css

@@ -1,13 +1,23 @@
+/*
+ * Copyright (c) 2016-2022 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.
+ */
+/*
+ * Copyright (c) 2016-2022 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.
+ */
 table[cds-table] {
   --background: var(--cds-alias-object-container-background, var(--cds-global-color-white, white));
   --color: var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));
-  --border-radius: var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));
-  --border: var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));
+  --border-radius: var(--cds-alias-object-border-radius-100, 0.25rem);
+  --border: var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));
   --header-background: var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));
-  --header-border: var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));
-  --row-border: var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));
-  --column-border: var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));
-  --cell-padding: var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));
+  --header-border: var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));
+  --row-border: var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));
+  --column-border: var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));
+  --cell-padding: var(--cds-global-space-5, 0.5rem) var(--cds-global-space-6, 0.75rem);
 }
 
 table[cds-table] {
@@ -103,7 +113,7 @@ table[cds-table][cds-text~=center] th, table[cds-table][cds-text~=center] td {
 }
 
 table[cds-table~=compact] {
-  --cell-padding: calc(var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) / 2) calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) / 2);
+  --cell-padding: calc(var(--cds-global-space-5, 0.5rem) / 2) calc(var(--cds-global-space-6, 0.75rem) / 2);
 }
 
 table[cds-table~=zebra] {

package/table/table.min.css

@@ -1 +1 @@
-table[cds-table]{--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--header-background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--header-border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--row-border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));--column-border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));--cell-padding:var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));color:var(--color);border-collapse:separate;border-spacing:0;margin:0;max-width:100%;width:100%}table[cds-table] td,table[cds-table] th{padding:var(--cell-padding);vertical-align:top}table[cds-table] th{color:var(--color);background:var(--header-background)}table[cds-table],table[cds-table] td{background:var(--background)}table[cds-table] tfoot th{border-top-width:0}table[cds-table~="border:all"] tr th,table[cds-table~="border:row"] tr th{border-bottom:var(--header-border)}table[cds-table~="border:all"] tr td,table[cds-table~="border:row"] tr td{border-bottom:var(--row-border)}table[cds-table~="border:all"] tr th:not(:last-child),table[cds-table~="border:col"] tr th:not(:last-child){border-right:var(--header-border)}table[cds-table~="border:all"] tr td:not(:last-child),table[cds-table~="border:col"] tr td:not(:last-child){border-right:var(--column-border)}table[cds-table~="border:all"]>:first-child>tr:first-of-type td,table[cds-table~="border:all"]>:first-child>tr:first-of-type th,table[cds-table~="border:all"]>caption+:nth-child(2) tr:first-of-type td,table[cds-table~="border:all"]>caption+:nth-child(2) tr:first-of-type th,table[cds-table~="border:outside"]>:first-child>tr:first-of-type td,table[cds-table~="border:outside"]>:first-child>tr:first-of-type th,table[cds-table~="border:outside"]>caption+:nth-child(2) tr:first-of-type td,table[cds-table~="border:outside"]>caption+:nth-child(2) tr:first-of-type th{border-top:var(--border)}table[cds-table~="border:all"] tr td:first-child,table[cds-table~="border:all"] tr th:first-child,table[cds-table~="border:outside"] tr td:first-child,table[cds-table~="border:outside"] tr th:first-child{border-left:var(--border)}table[cds-table~="border:all"] tr td:last-child,table[cds-table~="border:all"] tr th:last-child,table[cds-table~="border:outside"] tr td:last-child,table[cds-table~="border:outside"] tr th:last-child{border-right:var(--border)}table[cds-table~="border:all"] tr:last-child td,table[cds-table~="border:outside"] tr:last-child td{border-bottom:var(--border)}table[cds-table]>:first-child>tr:first-of-type :first-child,table[cds-table]>caption+:nth-child(2) tr:first-of-type :first-child{border-top-left-radius:var(--border-radius)}table[cds-table]>:first-child>tr:first-of-type :last-child,table[cds-table]>caption+:nth-child(2) tr:first-of-type :last-child{border-top-right-radius:var(--border-radius)}table[cds-table]>:last-child>tr:last-of-type :first-child{border-bottom-left-radius:var(--border-radius)}table[cds-table]>:last-child>tr:last-of-type :last-child{border-bottom-right-radius:var(--border-radius)}table[cds-table][cds-text~=left] td,table[cds-table][cds-text~=left] th{text-align:left}table[cds-table][cds-text~=right] td,table[cds-table][cds-text~=right] th{text-align:right}table[cds-table][cds-text~=center] td,table[cds-table][cds-text~=center] th{text-align:center}table[cds-table~=compact]{--cell-padding:calc(var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) / 2) calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) / 2)}table[cds-table~=zebra]{--header-background:var(--cds-alias-object-container-background-shade, var(--cds-global-color-construction-100, #e3eaed))}table[cds-table~=zebra] tbody tr:nth-child(2n){--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8))}table[cds-table~=vertical] tr td:first-child,table[cds-table~=vertical] tr th:first-child{background:var(--header-background);border-right:var(--header-border)}table[cds-table] tr[cds-text]::before{content:none!important}
+table[cds-table]{--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--border-radius:var(--cds-alias-object-border-radius-100, 0.25rem);--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--header-background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--header-border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));--row-border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));--column-border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color-tint, var(--cds-global-color-construction-100, #e3eaed));--cell-padding:var(--cds-global-space-5, 0.5rem) var(--cds-global-space-6, 0.75rem);color:var(--color);border-collapse:separate;border-spacing:0;margin:0;max-width:100%;width:100%}table[cds-table] td,table[cds-table] th{padding:var(--cell-padding);vertical-align:top}table[cds-table] th{color:var(--color);background:var(--header-background)}table[cds-table],table[cds-table] td{background:var(--background)}table[cds-table] tfoot th{border-top-width:0}table[cds-table~="border:all"] tr th,table[cds-table~="border:row"] tr th{border-bottom:var(--header-border)}table[cds-table~="border:all"] tr td,table[cds-table~="border:row"] tr td{border-bottom:var(--row-border)}table[cds-table~="border:all"] tr th:not(:last-child),table[cds-table~="border:col"] tr th:not(:last-child){border-right:var(--header-border)}table[cds-table~="border:all"] tr td:not(:last-child),table[cds-table~="border:col"] tr td:not(:last-child){border-right:var(--column-border)}table[cds-table~="border:all"]>:first-child>tr:first-of-type td,table[cds-table~="border:all"]>:first-child>tr:first-of-type th,table[cds-table~="border:all"]>caption+:nth-child(2) tr:first-of-type td,table[cds-table~="border:all"]>caption+:nth-child(2) tr:first-of-type th,table[cds-table~="border:outside"]>:first-child>tr:first-of-type td,table[cds-table~="border:outside"]>:first-child>tr:first-of-type th,table[cds-table~="border:outside"]>caption+:nth-child(2) tr:first-of-type td,table[cds-table~="border:outside"]>caption+:nth-child(2) tr:first-of-type th{border-top:var(--border)}table[cds-table~="border:all"] tr td:first-child,table[cds-table~="border:all"] tr th:first-child,table[cds-table~="border:outside"] tr td:first-child,table[cds-table~="border:outside"] tr th:first-child{border-left:var(--border)}table[cds-table~="border:all"] tr td:last-child,table[cds-table~="border:all"] tr th:last-child,table[cds-table~="border:outside"] tr td:last-child,table[cds-table~="border:outside"] tr th:last-child{border-right:var(--border)}table[cds-table~="border:all"] tr:last-child td,table[cds-table~="border:outside"] tr:last-child td{border-bottom:var(--border)}table[cds-table]>:first-child>tr:first-of-type :first-child,table[cds-table]>caption+:nth-child(2) tr:first-of-type :first-child{border-top-left-radius:var(--border-radius)}table[cds-table]>:first-child>tr:first-of-type :last-child,table[cds-table]>caption+:nth-child(2) tr:first-of-type :last-child{border-top-right-radius:var(--border-radius)}table[cds-table]>:last-child>tr:last-of-type :first-child{border-bottom-left-radius:var(--border-radius)}table[cds-table]>:last-child>tr:last-of-type :last-child{border-bottom-right-radius:var(--border-radius)}table[cds-table][cds-text~=left] td,table[cds-table][cds-text~=left] th{text-align:left}table[cds-table][cds-text~=right] td,table[cds-table][cds-text~=right] th{text-align:right}table[cds-table][cds-text~=center] td,table[cds-table][cds-text~=center] th{text-align:center}table[cds-table~=compact]{--cell-padding:calc(var(--cds-global-space-5, 0.5rem) / 2) calc(var(--cds-global-space-6, 0.75rem) / 2)}table[cds-table~=zebra]{--header-background:var(--cds-alias-object-container-background-shade, var(--cds-global-color-construction-100, #e3eaed))}table[cds-table~=zebra] tbody tr:nth-child(2n){--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8))}table[cds-table~=vertical] tr td:first-child,table[cds-table~=vertical] tr th:first-child{background:var(--header-background);border-right:var(--header-border)}table[cds-table] tr[cds-text]::before{content:none!important}

package/tag/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/tag/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/tag/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsTag","ClarityIcons","addIcons","timesIcon"],"mappings":"8NASAA,EAAsB,UAAWC,GACjCC,EAAaC,SAASC"}
+{"version":3,"file":"register.js","sources":["../../../src/tag/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { ClarityIcons } from '@cds/core/icon/icon.service.js';\nimport { timesIcon } from '@cds/core/icon/shapes/times.js';\nimport { CdsTag } from './tag.element.js';\nregisterElementSafely('cds-tag', CdsTag);\nClarityIcons.addIcons(timesIcon);\n"],"names":["registerElementSafely","CdsTag","ClarityIcons","addIcons","timesIcon"],"mappings":"8NASAA,EAAsB,UAAWC,GACjCC,EAAaC,SAASC"}

package/tag/tag.element.d.ts

@@ -1,3 +1,4 @@
+import { PropertyValues } from 'lit';
 import { CdsBaseButton, StatusTypes } from '@cds/core/internal';
 /**
  * Tags show concise metadata in a compact format.
@@ -40,7 +41,8 @@ export declare class CdsTag extends CdsBaseButton {
      */
     closable: boolean;
     private groupLabelId;
-    connectedCallback(): void;
-    updated(props: Map<string, string | boolean | null | undefined>): void;
+    protected icon: HTMLElement;
+    protected badge: HTMLElement;
+    updated(props: PropertyValues<this>): void;
     render(): import("lit-html").TemplateResult<1>;
 }

package/tag/tag.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{CdsBaseButton as s,baseStyles as o,assignSlotNames as e,syncProps as a,property as l,id as r}from"@cds/core/internal";import{html as i}from"lit";import c from"./tag.element.scss.js";class n extends s{constructor(){super(...arguments),this.status="neutral",this.closable=!1}static get styles(){return[o,c]}connectedCallback(){super.connectedCallback(),e([this.icon,"tag-icon"],[this.badge,"tag-badge"])}updated(t){super.updated(t),t.has("closable")&&!0===t.get("closable")&&(this.readonly=!1),this.badge&&a(this.badge,this,{status:t.has("status"),color:t.has("color")})}render(){return i`<div class="private-host" role="group" aria-labelledby="${this.groupLabelId}" cds-layout="horizontal align:center"><slot name="tag-icon"></slot><span id="${this.groupLabelId}" class="tag-content" cds-text="lhe"><slot></slot></span><slot name="tag-badge"></slot>${this.closable?i`<cds-icon shape="times"></cds-icon>`:i``}</div>`}}t([l({type:String})],n.prototype,"status",void 0),t([l({type:String})],n.prototype,"color",void 0),t([l({type:Boolean})],n.prototype,"closable",void 0),t([r()],n.prototype,"groupLabelId",void 0);export{n as CdsTag};
+import{__decorate as t}from"tslib";import{html as o}from"lit";import{CdsBaseButton as s,baseStyles as e,syncProps as a,property as r,id as i,querySlot as l}from"@cds/core/internal";import d from"./tag.element.scss.js";class p extends s{constructor(){super(...arguments);this.status="neutral",this.closable=!1}static get styles(){return[e,d]}updated(t){super.updated(t),t.has("closable")&&!0===t.get("closable")&&(this.readonly=!1),this.badge&&a(this.badge,this,{status:t.has("status"),color:t.has("color")})}render(){return o`<div class="private-host" role="group" aria-labelledby="${this.groupLabelId}" cds-layout="horizontal align:center wrap:none"><slot name="tag-icon"></slot><span id="${this.groupLabelId}" class="tag-content" cds-text="lhe"><slot></slot></span><slot name="tag-badge"></slot>${this.closable?o`<cds-icon shape="times"></cds-icon>`:o``}</div>`}}t([r({type:String})],p.prototype,"status",void 0),t([r({type:String})],p.prototype,"color",void 0),t([r({type:Boolean})],p.prototype,"closable",void 0),t([i()],p.prototype,"groupLabelId",void 0),t([l("cds-icon",{assign:"tag-icon"})],p.prototype,"icon",void 0),t([l("cds-badge",{assign:"tag-badge"})],p.prototype,"badge",void 0);export{p as CdsTag};
 //# sourceMappingURL=tag.element.js.map

package/tag/tag.element.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.element.js","sources":["../../../src/tag/tag.element.ts"],"sourcesContent":null,"names":["CdsTag","CdsBaseButton","[object Object]","super","arguments","this","status","closable","styles","baseStyles","connectedCallback","assignSlotNames","icon","badge","props","updated","has","get","readonly","syncProps","color","html","groupLabelId","__decorate","property","type","String","prototype","Boolean","id"],"mappings":"gOAgCO,MAAMA,UAAeC,EACxBC,cACIC,SAASC,WAKTC,KAAKC,OAAS,UAQdD,KAAKE,UAAW,EAEpBC,oBACI,MAAO,CAACC,EAAYD,GAExBN,oBACIC,MAAMO,oBACNC,EAAgB,CAACN,KAAKO,KAAM,YAAa,CAACP,KAAKQ,MAAO,cAE1DX,QAAQY,GACJX,MAAMY,QAAQD,GACVA,EAAME,IAAI,cAAyC,IAA1BF,EAAMG,IAAI,cACnCZ,KAAKa,UAAW,GAEhBb,KAAKQ,OACLM,EAAUd,KAAKQ,MAAOR,KAAM,CAAEC,OAAQQ,EAAME,IAAI,UAAWI,MAAON,EAAME,IAAI,WAGpFd,SACI,OAAOmB,CAAK,2DAIOhB,KAAKiB,6FAIZjB,KAAKiB,sGAEfjB,KAAKE,SAAWc,CAAK,sCAAwCA,CAAK,YAK5EE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1B,EAAO2B,UAAW,cAAU,GAC/BJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClB1B,EAAO2B,UAAW,aAAS,GAC9BJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClB5B,EAAO2B,UAAW,gBAAY,GACjCJ,EAAW,CACPM,KACD7B,EAAO2B,UAAW,oBAAgB"}
+{"version":3,"file":"tag.element.js","sources":["../../../src/tag/tag.element.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { __decorate } from \"tslib\";\nimport { html } from 'lit';\nimport { baseStyles, CdsBaseButton, id, property, querySlot, syncProps } from '@cds/core/internal';\nimport styles from './tag.element.scss';\n/**\n * Tags show concise metadata in a compact format.\n * Tags are visually styled to differentiate them from buttons.\n *\n * ```typescript\n * import '@cds/core/tag/register.js';\n * ```\n *\n * ```html\n * <cds-tag status=\"info\">Info</cds-tag>\n * ```\n *\n * @element cds-tag\n * @slot - Content slot for inside the tag\n * @cssprop --background\n * @cssprop --border-color\n * @cssprop --border-radius\n * @cssprop --border-width\n * @cssprop --color\n * @cssprop --font-size\n * @cssprop --padding\n * @cssprop --size\n */\nexport class CdsTag extends CdsBaseButton {\n    constructor() {\n        super(...arguments);\n        /**\n         * Sets the color of the tag (and badge if present) from the following predefined list of statuses:\n         * @type {neutral | info | success | warning | danger}\n         */\n        this.status = 'neutral';\n        /** If present, shows a close icon to one side of the tag.\n         *  Note that applications must wire up the action to remove the tag on click and also\n         *  that you cannot have a clickable AND closable tag. The closable attribute-property\n         *  shows the close icon. What happens when the tag is clicked is for application developers\n         *  to decide.\n         *  If closable is present, the tag will be considered \"clickable\".\n         */\n        this.closable = false;\n    }\n    static get styles() {\n        return [baseStyles, styles];\n    }\n    updated(props) {\n        super.updated(props);\n        if (props.has('closable') && props.get('closable') === true) {\n            this.readonly = false;\n        }\n        if (this.badge) {\n            syncProps(this.badge, this, { status: props.has('status'), color: props.has('color') });\n        }\n    }\n    render() {\n        return html `\n      <div\n        class=\"private-host\"\n        role=\"group\"\n        aria-labelledby=\"${this.groupLabelId}\"\n        cds-layout=\"horizontal align:center wrap:none\"\n      >\n        <slot name=\"tag-icon\"></slot>\n        <span id=\"${this.groupLabelId}\" class=\"tag-content\" cds-text=\"lhe\"><slot></slot></span>\n        <slot name=\"tag-badge\"></slot>\n        ${this.closable ? html `<cds-icon shape=\"times\"></cds-icon>` : html ``}\n      </div>\n    `;\n    }\n}\n__decorate([\n    property({ type: String })\n], CdsTag.prototype, \"status\", void 0);\n__decorate([\n    property({ type: String })\n], CdsTag.prototype, \"color\", void 0);\n__decorate([\n    property({ type: Boolean })\n], CdsTag.prototype, \"closable\", void 0);\n__decorate([\n    id()\n], CdsTag.prototype, \"groupLabelId\", void 0);\n__decorate([\n    querySlot('cds-icon', { assign: 'tag-icon' })\n], CdsTag.prototype, \"icon\", void 0);\n__decorate([\n    querySlot('cds-badge', { assign: 'tag-badge' })\n], CdsTag.prototype, \"badge\", void 0);\n"],"names":["CdsTag","CdsBaseButton","constructor","super","this","status","closable","styles","baseStyles","updated","props","has","get","readonly","badge","syncProps","color","render","html","groupLabelId","__decorate","property","type","String","prototype","Boolean","id","querySlot","assign"],"mappings":"0NAgCO,MAAMA,UAAeC,EACxBC,cACIC,oBAKAC,KAAKC,OAAS,UAQdD,KAAKE,UAAW,EAETC,oBACP,MAAO,CAACC,EAAYD,GAExBE,QAAQC,GACJP,MAAMM,QAAQC,GACVA,EAAMC,IAAI,cAAyC,IAA1BD,EAAME,IAAI,cACnCR,KAAKS,UAAW,GAEhBT,KAAKU,OACLC,EAAUX,KAAKU,MAAOV,KAAM,CAAEC,OAAQK,EAAMC,IAAI,UAAWK,MAAON,EAAMC,IAAI,WAGpFM,SACI,OAAOC,CAAK,2DAIOd,KAAKe,uGAIZf,KAAKe,sGAEff,KAAKE,SAAWY,CAAK,sCAAwCA,CAAK,YAK5EE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBvB,EAAOwB,UAAW,cAAU,GAC/BJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBvB,EAAOwB,UAAW,aAAS,GAC9BJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBzB,EAAOwB,UAAW,gBAAY,GACjCJ,EAAW,CACPM,KACD1B,EAAOwB,UAAW,oBAAgB,GACrCJ,EAAW,CACPO,EAAU,WAAY,CAAEC,OAAQ,cACjC5B,EAAOwB,UAAW,YAAQ,GAC7BJ,EAAW,CACPO,EAAU,YAAa,CAAEC,OAAQ,eAClC5B,EAAOwB,UAAW,aAAS"}

package/tag/tag.element.scss.js

@@ -1,2 +1,2 @@
-import{css as a}from"lit";var o=a`:host{--background:var(--cds-alias-status-tint, var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8)));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--padding:var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-0, calc((10 / var(--cds-global-base, 20)) * 1rem));--border-radius:var(--cds-alias-object-border-radius-200, calc((12 / var(--cds-global-base, 20)) * 1rem));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));display:inline-block}.private-host{--internal-icon-color:var(--color);border-radius:var(--border-radius);background:var(--background);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);color:var(--color);font-size:var(--font-size);padding:var(--padding);white-space:nowrap;text-decoration:none;min-height:calc(var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem)));transform:translateZ(0)}.tag-content{padding:0 var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}::slotted(cds-icon),cds-icon[shape=times]{--color:var(--internal-icon-color);cursor:pointer}:host(:not([readonly])):host(:active) .private-host::after,:host(:not([readonly])):host(:focus) .private-host::after,:host(:not([readonly])):host(:hover) .private-host::after,:host(:not([readonly])):host([_active]) .private-host::after{background:var(--background);border-radius:var(--border-radius);filter:brightness(95%);position:absolute;content:"";top:0;left:0;bottom:0;right:0;inset:0;z-index:-1}:host(:not([readonly])):host(:active) .private-host,:host(:not([readonly])):host([_active]) .private-host{box-shadow:0 var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)) 0 0 var(--border-color) inset}:host(:not([readonly])):host(:active) .tag-content,:host(:not([readonly])):host([_active]) .tag-content{transform:translateY(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)))}:host(:not([readonly])):host(:visited){color:var(--color)}:host([status=info]){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-tint, var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff)))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3)))}:host([status=warning]){--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6)))}:host([status=danger]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-tint, var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0)))}:host([color]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([color]) :hover{--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8))}:host([color=purple]){--border-color:var(--cds-global-color-violet-600, #9b32c8)}:host([color=blue]){--border-color:var(--cds-global-color-blue-800, #00608a)}:host([color=orange]){--border-color:var(--cds-global-color-ochre-800, #a36500)}:host([color=light-blue]){--border-color:var(--cds-global-color-blue-600, #009adb)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled]) ::slotted(cds-badge){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--color:var(--cds-alias-status-disabled-shade, var(--cds-global-color-construction-400, #859399))!important}:host([disabled]) ::slotted(cds-icon){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([disabled]) .private-host{box-shadow:none!important}:host([disabled]) .tag-content{transform:initial!important}`;export default o;
+import{css as o}from"lit";var a=o`:host{--background:var(--cds-alias-status-tint, var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8)));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--padding:var(--cds-global-space-2, 0.125rem);--font-size:var(--cds-global-typography-font-size-2, 0.75rem);--border-radius:var(--cds-alias-object-border-radius-200, 0.75rem);--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-width:var(--cds-alias-object-border-width-100, 0.0625rem);display:inline-block}.private-host{--internal-icon-color:var(--color);border-radius:var(--border-radius);background:var(--background);border-width:var(--border-width);border-style:solid;border-color:var(--border-color);color:var(--color);font-size:var(--font-size);padding:var(--padding);white-space:nowrap;text-decoration:none;min-height:calc(var(--cds-global-space-8,1.125rem) + var(--cds-global-space-3,.25rem));transform:translateZ(0)}.tag-content{padding:0 var(--cds-global-space-3,.25rem)}::slotted(cds-icon),cds-icon[shape=times]{--color:var(--internal-icon-color);cursor:pointer}:host([readonly]){pointer-events:none}:host(:not([readonly])):host(:active) .private-host::after,:host(:not([readonly])):host(:focus) .private-host::after,:host(:not([readonly])):host(:hover) .private-host::after,:host(:not([readonly])):host([cds-active]) .private-host::after{background:var(--background);border-radius:var(--border-radius);filter:brightness(95%);position:absolute;content:"";top:0;left:0;bottom:0;right:0;inset:0;z-index:-1}:host(:not([readonly])):host(:active) .private-host,:host(:not([readonly])):host([cds-active]) .private-host{box-shadow:0 var(--cds-global-space-1,.0625rem) 0 0 var(--border-color) inset}:host(:not([readonly])):host(:active) .tag-content,:host(:not([readonly])):host([cds-active]) .tag-content{transform:translateY(var(--cds-global-space-1,.0625rem))}:host(:not([readonly])):host(:visited){color:var(--color)}:host([status=info]){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-tint, var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff)))}:host([status=success]){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3)))}:host([status=warning]){--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--background:var(--cds-alias-status-tint, var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6)))}:host([status=danger]){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-tint, var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0)))}:host([color]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([color]) :hover{--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8))}:host([color=purple]){--border-color:var(--cds-global-color-violet-600, #9b32c8)}:host([color=blue]){--border-color:var(--cds-global-color-blue-800, #00608a)}:host([color=orange]){--border-color:var(--cds-global-color-ochre-800, #a36500)}:host([color=light-blue]){--border-color:var(--cds-global-color-blue-600, #009adb)}:host([disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important;--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled]) ::slotted(cds-badge){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--color:var(--cds-alias-status-disabled-shade, var(--cds-global-color-construction-400, #859399))!important}:host([disabled]) ::slotted(cds-icon){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))!important}:host([disabled]) .private-host{box-shadow:none!important}:host([disabled]) .tag-content{transform:initial!important}`;export{a as default};
 //# sourceMappingURL=tag.element.scss.js.map

package/tag/tag.element.scss.js.map

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

package/test/index.d.ts

@@ -1,2 +1,3 @@
 /** @internal testing utilities */
 export * from './utils.js';
+export * from './web-test-server.js';

package/test/index.js

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

package/test/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/test/utils.d.ts

@@ -7,4 +7,4 @@ 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>;
+export declare function onceEvent(element: HTMLElement | Document, 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)}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};
+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 r(e){return Array.from(e.shadowRoot?.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 o(e,t=10,n,r={resolve:null,reject:null}){return t--,n=n||new Promise(((e,t)=>{r.resolve=e,r.reject=t})),e().then((e=>{r.resolve(e)})).catch((()=>{t>0?o(e,t,n,r):r.reject("Max attempts reached")})),n}function u(e){return o((()=>new Promise((async(t,n)=>{await e.updateComplete?t("success"):n("error")}))))}function c(e){const t=new MouseEvent("mousedown"),n=new MouseEvent("mouseup"),r=new MouseEvent("click");e.dispatchEvent(t),e.dispatchEvent(n),e.dispatchEvent(r)}function s(e,t){return new Promise((n=>{e.addEventListener(t,(e=>n(e)))}))}export{u as componentIsStable,t as createTestElement,c as emulatedClick,r 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","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"}
+{"version":3,"file":"utils.js","sources":["../../../src/test/utils.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { render } from 'lit';\nexport function createTestElement(template) {\n    const element = document.createElement('div');\n    document.body.appendChild(element);\n    if (template) {\n        render(template, element);\n    }\n    return Promise.all(Array.from(document.querySelectorAll(':not(:defined)')).map(el => customElements.whenDefined(el.tagName))).then(() => element);\n}\nexport function removeTestElement(element) {\n    element.remove();\n}\nexport function getComponentSlotContent(component) {\n    return Array.from(component.shadowRoot?.querySelectorAll('slot')).reduce((acc, slot) => {\n        const name = slot.name.length > 0 ? slot.name : 'default';\n        acc[name] = slot.assignedNodes().reduce((p, n) => {\n            let returnDom = n.outerHTML;\n            returnDom = n.outerHTML ? n.outerHTML : n.textContent.trim();\n            return p + (returnDom ? returnDom : '');\n        }, '');\n        return acc;\n    }, {});\n}\nfunction retry(fn, maxTries = 10, promise, promiseObject = {\n    resolve: null,\n    reject: null,\n}) {\n    maxTries--;\n    promise =\n        promise ||\n            new Promise((resolve, reject) => {\n                promiseObject.resolve = resolve;\n                promiseObject.reject = reject;\n            });\n    fn()\n        .then((result) => {\n        promiseObject.resolve(result);\n    })\n        .catch(() => {\n        if (maxTries > 0) {\n            retry(fn, maxTries, promise, promiseObject);\n        }\n        else {\n            promiseObject.reject('Max attempts reached');\n        }\n    });\n    return promise;\n}\nexport function componentIsStable(component) {\n    return retry(() => \n    // eslint-disable-next-line no-async-promise-executor\n    new Promise(async (resolve, reject) => {\n        const stable = await component.updateComplete;\n        if (stable) {\n            resolve('success');\n        }\n        else {\n            reject('error');\n        }\n    }));\n}\n// Full set of mouse events, generated on click\nexport function emulatedClick(component) {\n    const event1 = new MouseEvent('mousedown');\n    const event2 = new MouseEvent('mouseup');\n    const event3 = new MouseEvent('click');\n    component.dispatchEvent(event1);\n    component.dispatchEvent(event2);\n    component.dispatchEvent(event3);\n}\n/** helpful for capturing a single event in a async test rather than Jasmine `done()` */\nexport function onceEvent(element, event) {\n    return new Promise(resolve => {\n        element.addEventListener(event, e => resolve(e));\n    });\n}\n"],"names":["createTestElement","template","element","document","createElement","body","appendChild","render","Promise","all","Array","from","querySelectorAll","map","el","customElements","whenDefined","tagName","then","removeTestElement","remove","getComponentSlotContent","component","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,OAAOZ,MAAMC,KAAKW,EAAUC,YAAYX,iBAAiB,SAASY,QAAO,CAACC,EAAKC,KAE3ED,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,IAAI/B,SAAQ,CAACiC,EAASC,KAClBF,EAAcC,QAAUA,EACxBD,EAAcE,OAASA,KAEnCL,IACKnB,MAAMyB,IACPH,EAAcC,QAAQE,MAErBC,OAAM,KACHN,EAAW,EACXF,EAAMC,EAAIC,EAAUC,EAASC,GAG7BA,EAAcE,OAAO,2BAGtBH,EAEJ,SAASM,EAAkBvB,GAC9B,OAAOc,GAAM,IAEb,IAAI5B,SAAQsC,MAAOL,EAASC,WACHpB,EAAUyB,eAE3BN,EAAQ,WAGRC,EAAO,cAKZ,SAASM,EAAc1B,GAC1B,MAAM2B,EAAS,IAAIC,WAAW,aACxBC,EAAS,IAAID,WAAW,WACxBE,EAAS,IAAIF,WAAW,SAC9B5B,EAAU+B,cAAcJ,GACxB3B,EAAU+B,cAAcF,GACxB7B,EAAU+B,cAAcD,GAGrB,SAASE,EAAUpD,EAASqD,GAC/B,OAAO,IAAI/C,SAAQiC,IACfvC,EAAQsD,iBAAiBD,GAAOE,GAAKhB,EAAQgB"}

package/test/web-test-server.d.ts

@@ -0,0 +1,6 @@
+export interface PlaywrightA11ySnapshotNode {
+    role: string;
+    name: string;
+    children: PlaywrightA11ySnapshotNode[];
+}
+export declare function getA11ySnapshotNodes(node: PlaywrightA11ySnapshotNode): PlaywrightA11ySnapshotNode[];

package/test/web-test-server.js

@@ -0,0 +1,2 @@
+function e(r){return r.children=r.children?r.children:[],r.children.reduce(((r,n)=>[...r,...e(n)]),[r]).map((e=>(delete e.children,e)))}export{e as getA11ySnapshotNodes};
+//# sourceMappingURL=web-test-server.js.map

package/test/web-test-server.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-test-server.js","sources":["../../../src/test/web-test-server.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nexport function getA11ySnapshotNodes(node) {\n    node.children = node.children ? node.children : [];\n    return node.children\n        .reduce((prev, next) => [...prev, ...getA11ySnapshotNodes(next)], [node])\n        .map(node => {\n        delete node.children;\n        return node;\n    });\n}\n"],"names":["getA11ySnapshotNodes","node","children","reduce","prev","next","map"],"mappings":"AAKO,SAASA,EAAqBC,GAEjC,OADAA,EAAKC,SAAWD,EAAKC,SAAWD,EAAKC,SAAW,GACzCD,EAAKC,SACPC,QAAO,CAACC,EAAMC,IAAS,IAAID,KAASJ,EAAqBK,KAAQ,CAACJ,IAClEK,KAAIL,WACEA,EAAKC,SACLD"}

package/test-dropdown/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":null,"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/test-dropdown/register.js.map

@@ -1 +1 @@
-{"version":3,"file":"register.js","sources":["../../../src/test-dropdown/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsTestDropdown"],"mappings":"wHAOAA,EAAsB,oBAAqBC"}
+{"version":3,"file":"register.js","sources":["../../../src/test-dropdown/register.ts"],"sourcesContent":["/*\n * Copyright (c) 2016-2022 VMware, Inc. All Rights Reserved.\n * This software is released under MIT license.\n * The full license information can be found in LICENSE in the root directory of this project.\n */\nimport { registerElementSafely } from '@cds/core/internal';\nimport { CdsTestDropdown } from './test-dropdown.element.js';\nregisterElementSafely('cds-test-dropdown', CdsTestDropdown);\n"],"names":["registerElementSafely","CdsTestDropdown"],"mappings":"wHAOAA,EAAsB,oBAAqBC"}

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

@@ -7,12 +7,11 @@ import { LitElement } from 'lit';
  * ```
  *
  * ```html
- * <cds-test-dropdown title="click me!">
+ * <cds-test-dropdown label="click me!">
  *   Hello World
  * </cds-test-dropdown>
  * ```
  *
- * @beta
  * @slot - Content slot for dropdown content
  * @event {boolean} openChange - notify open state change of dropdown
  * @cssprop --border-color
@@ -26,7 +25,7 @@ export declare class CdsTestDropdown extends LitElement {
     /** Set open to open or close the dropdown */
     set open(value: boolean);
     /** Set the dropdown button text */
-    title: string;
+    label: string;
     static get styles(): import("lit").CSSResultGroup[];
     render(): import("lit-html").TemplateResult<1>;
     /** Toggle the current open state of the dropdown */

package/test-dropdown/test-dropdown.element.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{baseStyles as e,I18nService as o,event as s,property as n}from"@cds/core/internal";import{LitElement as i,html as p}from"lit";import r from"./test-dropdown.element.scss.js";class l extends i{constructor(){super(...arguments),this._open=!1,this.title="dropdown"}get open(){return this._open}set open(t){if(t!==this._open){const e=this._open;this._open=t,this.requestUpdate("open",e),this.openChange.emit(this.open)}}static get styles(){return[e,r]}render(){return p`<div class="dropdown"><button @click="${()=>this.toggle()}" class="btn">${this.title}</button> ${this.open?p`<div>${o.keys.dropdown.open}<slot></slot></div>`:""}</div>`}toggle(){this.open=!this.open}}t([s()],l.prototype,"openChange",void 0),t([n({type:Boolean})],l.prototype,"open",null),t([n({type:String})],l.prototype,"title",void 0);export{l as CdsTestDropdown};
+import{__decorate as t}from"tslib";import{baseStyles as e,I18nService as o,event as s,property as n}from"@cds/core/internal";import{LitElement as p,html as i}from"lit";import r from"./test-dropdown.element.scss.js";class l extends p{constructor(){super(...arguments);this._open=!1,this.label="dropdown"}get open(){return this._open}set open(t){if(t!==this._open){const e=this._open;this._open=t,this.requestUpdate("open",e),this.openChange.emit(this.open)}}static get styles(){return[e,r]}render(){return i`<div class="dropdown"><button @click="${()=>this.toggle()}" class="btn">${this.label}</button> ${this.open?i`<div>${o.keys.dropdown.open}<slot></slot></div>`:""}</div>`}toggle(){this.open=!this.open}}t([s()],l.prototype,"openChange",void 0),t([n({type:Boolean})],l.prototype,"open",null),t([n({type:String})],l.prototype,"label",void 0);export{l as CdsTestDropdown};
 //# sourceMappingURL=test-dropdown.element.js.map