@cds/core 6.0.0-next.1 → 6.0.0-next.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion-content.element.scss.js +1 -1
- package/accordion/accordion-header.element.d.ts +2 -0
- package/accordion/accordion-header.element.js +1 -1
- package/accordion/accordion-header.element.js.map +1 -1
- package/accordion/accordion-header.element.scss.js +1 -1
- package/accordion/accordion-panel.element.d.ts +2 -2
- package/accordion/accordion-panel.element.js +1 -1
- package/accordion/accordion-panel.element.js.map +1 -1
- package/accordion/accordion-panel.element.scss.js +1 -1
- package/accordion/accordion.element.scss.js +1 -1
- package/accordion/register.d.ts +1 -0
- package/accordion/register.js +1 -1
- package/accordion/register.js.map +1 -1
- package/alert/alert-actions.element.js +1 -1
- package/alert/alert-actions.element.scss.js +1 -1
- package/alert/alert-group.element.js +1 -1
- package/alert/alert-group.element.scss.js +1 -1
- package/alert/alert.element.js +1 -1
- package/alert/alert.element.js.map +1 -1
- package/alert/alert.element.scss.js +1 -1
- package/badge/badge.element.scss.js +1 -1
- package/breadcrumb/breadcrumb.element.js +1 -1
- package/breadcrumb/breadcrumb.element.scss.js +1 -1
- package/button/button.element.d.ts +1 -1
- package/button/button.element.js +1 -1
- package/button/button.element.scss.js +1 -1
- package/button/icon-button.element.d.ts +1 -1
- package/button/icon-button.element.js +1 -1
- package/button/icon-button.element.js.map +1 -1
- package/button/index.d.ts +0 -1
- package/button/index.js +1 -1
- package/button/register.d.ts +0 -2
- package/button/register.js +1 -1
- package/button/register.js.map +1 -1
- package/button-action/button-action.element.d.ts +38 -0
- package/button-action/button-action.element.js +2 -0
- package/button-action/button-action.element.js.map +1 -0
- package/button-action/button-action.element.scss.js +2 -0
- package/button-action/button-action.element.scss.js.map +1 -0
- package/button-action/index.d.ts +1 -0
- package/button-action/index.js +2 -0
- package/button-action/index.js.map +1 -0
- package/button-action/register.d.ts +7 -0
- package/button-action/register.js +2 -0
- package/button-action/register.js.map +1 -0
- package/button-expand/button-expand.element.d.ts +25 -0
- package/button-expand/button-expand.element.js +2 -0
- package/button-expand/button-expand.element.js.map +1 -0
- package/button-expand/button-expand.element.scss.js +2 -0
- package/button-expand/button-expand.element.scss.js.map +1 -0
- package/button-expand/index.d.ts +1 -0
- package/button-expand/index.js +2 -0
- package/button-expand/index.js.map +1 -0
- package/button-expand/register.d.ts +7 -0
- package/button-expand/register.js +2 -0
- package/button-expand/register.js.map +1 -0
- package/button-handle/button-handle.element.d.ts +19 -0
- package/button-handle/button-handle.element.js +2 -0
- package/button-handle/button-handle.element.js.map +1 -0
- package/button-handle/button-handle.element.scss.js +2 -0
- package/button-handle/button-handle.element.scss.js.map +1 -0
- package/button-handle/index.d.ts +1 -0
- package/button-handle/index.js +2 -0
- package/button-handle/index.js.map +1 -0
- package/button-handle/register.d.ts +7 -0
- package/button-handle/register.js +2 -0
- package/button-handle/register.js.map +1 -0
- package/{button/inline-button.element.d.ts → button-inline/button-inline.element.d.ts} +10 -3
- package/button-inline/button-inline.element.js +2 -0
- package/button-inline/button-inline.element.js.map +1 -0
- package/{button/inline-button.element.scss.js → button-inline/button-inline.element.scss.js} +2 -2
- package/button-inline/button-inline.element.scss.js.map +1 -0
- package/button-inline/index.d.ts +1 -0
- package/button-inline/index.js +2 -0
- package/button-inline/index.js.map +1 -0
- package/button-inline/register.d.ts +11 -0
- package/button-inline/register.js +2 -0
- package/button-inline/register.js.map +1 -0
- package/button-sort/button-sort.element.d.ts +23 -0
- package/button-sort/button-sort.element.js +2 -0
- package/button-sort/button-sort.element.js.map +1 -0
- package/button-sort/button-sort.element.scss.js +2 -0
- package/button-sort/button-sort.element.scss.js.map +1 -0
- package/button-sort/index.d.ts +1 -0
- package/button-sort/index.js +2 -0
- package/button-sort/index.js.map +1 -0
- package/button-sort/register.d.ts +7 -0
- package/button-sort/register.js +2 -0
- package/button-sort/register.js.map +1 -0
- package/button-sort/utils.d.ts +1 -0
- package/button-sort/utils.js +2 -0
- package/button-sort/utils.js.map +1 -0
- package/card/card.element.d.ts +3 -3
- package/card/card.element.scss.js +1 -1
- package/checkbox/checkbox.element.scss.js +1 -1
- package/custom-elements.json +5239 -4678
- package/custom-elements.legacy.json +321 -136
- package/datalist/datalist.element.d.ts +0 -1
- package/datalist/datalist.element.js +1 -1
- package/datalist/datalist.element.js.map +1 -1
- package/datalist/register.d.ts +1 -1
- package/datalist/register.js +1 -1
- package/datalist/register.js.map +1 -1
- package/date/date.element.d.ts +0 -1
- package/date/date.element.js +1 -1
- package/date/date.element.js.map +1 -1
- package/date/date.global.scss.js +1 -1
- package/date/register.d.ts +1 -0
- package/date/register.js +1 -1
- package/date/register.js.map +1 -1
- package/divider/divider.element.scss.js +1 -1
- package/file/file.element.d.ts +0 -1
- package/file/file.element.js +1 -1
- package/file/file.element.js.map +1 -1
- package/file/file.element.scss.js +1 -1
- package/file/register.d.ts +1 -0
- package/file/register.js +1 -1
- package/file/register.js.map +1 -1
- package/forms/control/control.element.js +2 -2
- package/forms/control/control.element.js.map +1 -1
- package/forms/control/control.element.scss.js +1 -1
- package/forms/control-action/control-action.element.d.ts +6 -15
- package/forms/control-action/control-action.element.js +1 -1
- package/forms/control-action/control-action.element.js.map +1 -1
- package/forms/control-group/control-group.element.js +1 -1
- package/forms/control-group/control-group.element.scss.js +1 -1
- package/forms/control-inline/control-inline.element.js +1 -1
- package/forms/control-inline/control-inline.element.scss.js +1 -1
- package/forms/control-label/control-label.element.js +1 -1
- package/forms/control-label/control-label.element.scss.js +1 -1
- package/forms/control-message/control-message.element.scss.js +1 -1
- package/forms/form-group/form-group.element.js +1 -1
- package/forms/register.d.ts +1 -0
- package/forms/register.js +1 -1
- package/forms/register.js.map +1 -1
- package/forms/utils/utils.js +1 -1
- package/forms/utils/utils.js.map +1 -1
- package/global.css +1851 -1024
- package/global.min.css +1 -1
- package/icon/collections/core.d.ts +4 -0
- package/icon/collections/core.js +1 -1
- package/icon/collections/core.js.map +1 -1
- package/icon/icon.element.scss.js +1 -1
- package/icon/shapes/detail-collapse.d.ts +3 -0
- package/icon/shapes/detail-collapse.js +2 -0
- package/icon/shapes/detail-collapse.js.map +1 -0
- package/icon/shapes/detail-expand.d.ts +3 -0
- package/icon/shapes/detail-expand.js +2 -0
- package/icon/shapes/detail-expand.js.map +1 -0
- package/input/input-group.element.scss.js +1 -1
- package/input/input.element.scss.js +1 -1
- package/internal/base/base.element.scss.js +1 -1
- package/internal/base/button.base.d.ts +4 -37
- package/internal/base/button.base.js +1 -1
- package/internal/base/button.base.js.map +1 -1
- package/internal/controllers/active.controller.d.ts +20 -0
- package/internal/controllers/active.controller.js +2 -0
- package/internal/controllers/active.controller.js.map +1 -0
- package/internal/controllers/aria-button.controller.d.ts +15 -0
- package/internal/controllers/aria-button.controller.js +2 -0
- package/internal/controllers/aria-button.controller.js.map +1 -0
- package/internal/controllers/aria-disabled.controller.d.ts +14 -0
- package/internal/controllers/aria-disabled.controller.js +2 -0
- package/internal/controllers/aria-disabled.controller.js.map +1 -0
- package/internal/controllers/aria-popup-trigger.controller.d.ts +11 -3
- package/internal/controllers/aria-popup-trigger.controller.js +1 -1
- package/internal/controllers/aria-popup-trigger.controller.js.map +1 -1
- package/internal/controllers/aria-pressed.controller.d.ts +15 -0
- package/internal/controllers/aria-pressed.controller.js +2 -0
- package/internal/controllers/aria-pressed.controller.js.map +1 -0
- package/internal/controllers/aria-selected.controller.d.ts +13 -0
- package/internal/controllers/aria-selected.controller.js +2 -0
- package/internal/controllers/aria-selected.controller.js.map +1 -0
- package/internal/controllers/button-anchor.controller.d.ts +22 -0
- package/internal/controllers/button-anchor.controller.js +2 -0
- package/internal/controllers/button-anchor.controller.js.map +1 -0
- package/internal/controllers/button-submit.controller.d.ts +27 -0
- package/internal/controllers/button-submit.controller.js +2 -0
- package/internal/controllers/button-submit.controller.js.map +1 -0
- package/internal/decorators/animate.d.ts +2 -2
- package/internal/decorators/animate.js +1 -1
- package/internal/decorators/animate.js.map +1 -1
- package/internal/decorators/property.js +1 -1
- package/internal/decorators/property.js.map +1 -1
- package/internal/index.d.ts +8 -1
- package/internal/index.js +1 -1
- package/internal/index.js.map +1 -1
- package/internal/motion/interfaces.d.ts +4 -5
- package/internal/services/global.service.d.ts +1 -1
- package/internal/services/i18n.service.d.ts +7 -0
- package/internal/services/i18n.service.js +1 -1
- package/internal/services/i18n.service.js.map +1 -1
- package/internal/utils/global.d.ts +2 -1
- package/internal/utils/global.js +1 -1
- package/internal/utils/lit.d.ts +5 -1
- package/internal/utils/lit.js +1 -1
- package/internal/utils/lit.js.map +1 -1
- package/internal-components/close-button/close-button.element.d.ts +5 -12
- package/internal-components/close-button/close-button.element.js +1 -1
- package/internal-components/close-button/close-button.element.js.map +1 -1
- package/internal-components/close-button/register.js +1 -1
- package/internal-components/close-button/register.js.map +1 -1
- package/internal-components/overlay/overlay.element.d.ts +2 -2
- package/internal-components/panel/panel.element.scss.js +1 -1
- package/internal-components/popup/popup.element.d.ts +2 -2
- package/internal-components/popup/popup.element.scss.js +1 -1
- package/internal-components/visual-checkbox/visual-checkbox.element.scss.js +1 -1
- package/list/list.css +6 -6
- package/list/list.min.css +1 -1
- package/modal/modal-actions.element.js +1 -1
- package/modal/modal.element.d.ts +2 -2
- package/modal/modal.element.js +1 -1
- package/modal/modal.element.scss.js +1 -1
- package/navigation/navigation-group.element.d.ts +2 -2
- package/navigation/navigation-group.element.scss.js +1 -5
- package/navigation/navigation-group.element.scss.js.map +1 -1
- package/navigation/navigation-item.element.js +1 -1
- package/navigation/navigation-item.element.scss.js +1 -5
- package/navigation/navigation-item.element.scss.js.map +1 -1
- package/navigation/navigation-start.element.js +1 -1
- package/navigation/navigation.element.d.ts +2 -2
- package/navigation/navigation.element.scss.js +1 -1
- package/package.json +23 -1
- package/pagination/pagination-button.element.d.ts +7 -10
- package/pagination/pagination-button.element.js +1 -1
- package/pagination/pagination-button.element.js.map +1 -1
- package/pagination/pagination.element.js +1 -1
- package/pagination/pagination.element.scss.js +1 -1
- package/pagination/utils.d.ts +5 -0
- package/pagination/utils.js +2 -0
- package/pagination/utils.js.map +1 -0
- package/password/password.element.js +1 -1
- package/password/password.element.js.map +1 -1
- package/password/register.d.ts +1 -0
- package/password/register.js +1 -1
- package/password/register.js.map +1 -1
- package/progress-circle/progress-circle.element.scss.js +1 -1
- package/radio/radio.element.scss.js +1 -1
- package/range/range.element.scss.js +1 -1
- package/range/range.global.scss.js +1 -1
- package/search/register.d.ts +1 -0
- package/search/register.js +1 -1
- package/search/register.js.map +1 -1
- package/search/search.element.js +1 -1
- package/search/search.element.js.map +1 -1
- package/select/register.d.ts +1 -1
- package/select/register.js +1 -1
- package/select/register.js.map +1 -1
- package/select/select.element.js +1 -1
- package/select/select.element.js.map +1 -1
- package/select/select.element.scss.js +1 -1
- package/select/select.global.scss.js +1 -1
- package/selection-panels/checkbox/checkbox-panel.element.d.ts +10 -13
- package/selection-panels/checkbox/checkbox-panel.element.js.map +1 -1
- package/selection-panels/radio/radio-panel.element.d.ts +20 -15
- package/selection-panels/radio/radio-panel.element.js.map +1 -1
- package/selection-panels/shared/selection-panel.element.scss.js +1 -5
- package/selection-panels/shared/selection-panel.element.scss.js.map +1 -1
- package/styles/module.layout.css +1411 -655
- package/styles/module.layout.min.css +1 -1
- package/styles/module.tokens.css +71 -52
- package/styles/module.tokens.min.css +1 -1
- package/styles/module.typography.css +78 -26
- package/styles/module.typography.min.css +1 -1
- package/styles/shim.clr-ui.css +633 -0
- package/styles/shim.clr-ui.min.css +119 -0
- package/table/table.css +7 -7
- package/table/table.min.css +1 -1
- package/tag/tag.element.d.ts +2 -1
- package/tag/tag.element.js +1 -1
- package/tag/tag.element.js.map +1 -1
- package/tag/tag.element.scss.js +1 -1
- package/textarea/textarea.element.scss.js +1 -1
- package/time/register.d.ts +1 -0
- package/time/register.js +1 -1
- package/time/register.js.map +1 -1
- package/time/time.element.d.ts +0 -1
- package/time/time.element.js +1 -1
- package/time/time.element.js.map +1 -1
- package/toggle/toggle.element.scss.js +1 -1
- package/tokens/tokens.android.xml +30 -11
- package/tokens/tokens.d.ts +28 -9
- package/tokens/tokens.ios.swift +31 -12
- package/tokens/tokens.js +29 -10
- package/tokens/tokens.json +127 -26
- package/tokens/tokens.scss +87 -12
- package/tree-view/register.js +1 -1
- package/tree-view/register.js.map +1 -1
- package/tree-view/tree-item.element.d.ts +2 -2
- package/tree-view/tree-item.element.js +1 -1
- package/tree-view/tree-item.element.js.map +1 -1
- package/tree-view/tree-item.element.scss.js +1 -1
- package/button/icon-button.element.scss.js +0 -2
- package/button/icon-button.element.scss.js.map +0 -1
- package/button/inline-button.element.js +0 -2
- package/button/inline-button.element.js.map +0 -1
- package/button/inline-button.element.scss.js.map +0 -1
- package/forms/control-action/control-action.element.scss.js +0 -2
- package/forms/control-action/control-action.element.scss.js.map +0 -1
- package/internal-components/close-button/close-button.element.scss.js +0 -2
- package/internal-components/close-button/close-button.element.scss.js.map +0 -1
- package/pagination/pagination-button.element.scss.js +0 -2
- package/pagination/pagination-button.element.scss.js.map +0 -1
- package/search/search.element.scss.js +0 -2
- package/search/search.element.scss.js.map +0 -1
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
:root,[cds-theme]{--clr-global-app-background:var(
|
|
2
|
+
--cds-alias-object-app-background
|
|
3
|
+
);--clr-global-selection-color:var(
|
|
4
|
+
--cds-alias-object-interaction-background-selected
|
|
5
|
+
);--clr-global-on-selection-color:var(
|
|
6
|
+
--cds-alias-object-interaction-color-selected
|
|
7
|
+
);--clr-global-hover-color:var(
|
|
8
|
+
--cds-global-typography-link-color-hover
|
|
9
|
+
);--clr-global-content-header-font-color:var(
|
|
10
|
+
--cds-global-typography-color-400
|
|
11
|
+
);--clr-global-font-color:var(
|
|
12
|
+
--cds-global-typography-color-500
|
|
13
|
+
);--clr-global-success-color:var(--cds-alias-status-success);--clr-global-error-color:var(--cds-alias-status-danger);--clr-close-color--normal:var(
|
|
14
|
+
--cds-alias-object-interaction-color
|
|
15
|
+
);--clr-close-color--hover:var(
|
|
16
|
+
--cds-alias-object-interaction-color-hover
|
|
17
|
+
);--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-default-bg-color:transparent;--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(
|
|
18
|
+
--cds-alias-status-info
|
|
19
|
+
);--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(
|
|
20
|
+
--cds-alias-status-disabled-tint
|
|
21
|
+
);--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(
|
|
22
|
+
--cds-alias-status-disabled-tint
|
|
23
|
+
);--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(
|
|
24
|
+
--cds-alias-status-info
|
|
25
|
+
);--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(
|
|
26
|
+
--cds-global-color-blue-800
|
|
27
|
+
);--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(
|
|
28
|
+
--cds-global-typography-color-100
|
|
29
|
+
);--clr-alert-action-color:var(--cds-global-typography-color-500);--clr-alert-action-active-color:var(
|
|
30
|
+
--cds-alias-object-interaction-color-active
|
|
31
|
+
);--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(
|
|
32
|
+
--cds-alias-status-info
|
|
33
|
+
);--clr-alert-info-icon-color:var(
|
|
34
|
+
--cds-global-typography-color-500
|
|
35
|
+
);--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(
|
|
36
|
+
--clr-app-alert-warning-font-color
|
|
37
|
+
);--clr-app-alert-warning-close-icon-hover-color:var(
|
|
38
|
+
--clr-app-alert-warning-font-color
|
|
39
|
+
);--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(
|
|
40
|
+
--clr-app-alert-danger-font-color
|
|
41
|
+
);--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(
|
|
42
|
+
--clr-app-alert-success-font-color
|
|
43
|
+
);--clr-app-alert-pager-text-color:var(
|
|
44
|
+
--cds-global-typography-color-500
|
|
45
|
+
);--clr-app-alert-info-pager-bg-color:var(
|
|
46
|
+
--cds-alias-status-info-shade
|
|
47
|
+
);--clr-app-alert-warning-pager-bg-color:var(
|
|
48
|
+
--cds-alias-status-warning-shade
|
|
49
|
+
);--clr-app-alert-danger-pager-bg-color:var(
|
|
50
|
+
--cds-alias-status-danger-shade
|
|
51
|
+
);--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(
|
|
52
|
+
--cds-alias-status-neutral
|
|
53
|
+
);--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(
|
|
54
|
+
--cds-alias-object-interaction-background-selected
|
|
55
|
+
);--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(
|
|
56
|
+
--cds-alias-object-interaction-background-hover
|
|
57
|
+
);--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(
|
|
58
|
+
--cds-alias-object-interaction-background-highlight
|
|
59
|
+
);--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(
|
|
60
|
+
--cds-alias-object-interaction-border-color
|
|
61
|
+
);--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(
|
|
62
|
+
--cds-alias-object-interaction-color-hover
|
|
63
|
+
);--clr-forms-select-caret-color:var(
|
|
64
|
+
--cds-alias-object-interaction-color
|
|
65
|
+
);--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(
|
|
66
|
+
--clr-form-disabled-background-color
|
|
67
|
+
);--clr-forms-radio-disabled-mark-color:var(
|
|
68
|
+
--clr-forms-checkbox-disabled-mark-color
|
|
69
|
+
);--clr-forms-range-progress-fill-color:var(--cds-alias-status-info);--clr-forms-range-track-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-shade);--clr-combobox-pill-background-color:var(
|
|
70
|
+
--cds-alias-object-interaction-background
|
|
71
|
+
);--clr-combobox-pill-border-color:var(--cds-alias-object-border-color);--clr-combobox-pill-font-color:var(--cds-global-typography-color-500);--clr-combobox-filter-highlight:var(
|
|
72
|
+
--cds-alias-object-interaction-background-highlight
|
|
73
|
+
);--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(
|
|
74
|
+
--cds-alias-object-interaction-background-hover
|
|
75
|
+
);--clr-calendar-today-date-cell-color:var(--cds-global-typography-color-500);--clr-calendar-active-cell-background-color:var(
|
|
76
|
+
--cds-alias-object-interaction-background-selected
|
|
77
|
+
);--clr-calendar-active-focus-cell-background-color:var(
|
|
78
|
+
--cds-alias-object-interaction-background-selected
|
|
79
|
+
);--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(
|
|
80
|
+
--cds-alias-object-interaction-background-selected
|
|
81
|
+
);--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(
|
|
82
|
+
--cds-alias-object-interaction-background-highlight
|
|
83
|
+
);--clr-stack-view-stack-block-label-and-content-bg-color:var(
|
|
84
|
+
--cds-alias-object-container-background-tint
|
|
85
|
+
);--clr-stack-view-stack-children-stack-block-border-bottom-color:var(
|
|
86
|
+
--cds-alias-object-border-color-tint
|
|
87
|
+
);--clr-stack-view-stack-children-stack-block-label-and-content-bg-color:var(
|
|
88
|
+
--cds-alias-object-container-background
|
|
89
|
+
);--clr-stack-view-stack-block-expanded-bg-color:var(--clr-global-selection-color);--clr-stack-view-stack-block-expandable-hover:var(
|
|
90
|
+
--cds-alias-object-interaction-background-hover
|
|
91
|
+
);--clr-stack-view-stack-block-content-text-color:inherit;--clr-stack-view-stack-block-expanded-text-color:var(
|
|
92
|
+
--cds-global-typography-color-500
|
|
93
|
+
);--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(
|
|
94
|
+
--cds-alias-object-interaction-background-highlight
|
|
95
|
+
);--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(
|
|
96
|
+
--cds-alias-status-neutral
|
|
97
|
+
);--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(
|
|
98
|
+
--cds-alias-object-border-color-shade
|
|
99
|
+
);--clr-timeline-current-step-color:var(
|
|
100
|
+
--cds-alias-object-interaction-background-highlight
|
|
101
|
+
);--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(
|
|
102
|
+
--cds-alias-object-interaction-color-hover
|
|
103
|
+
);--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(
|
|
104
|
+
--cds-alias-object-interaction-color-active
|
|
105
|
+
);--clr-vertical-nav-bg-color:var(--cds-alias-object-container-background-shade);--clr-vertical-nav-active-bg-color:var(
|
|
106
|
+
--cds-alias-object-interaction-background-selected
|
|
107
|
+
);--clr-vertical-nav-hover-bg-color:var(
|
|
108
|
+
--cds-alias-object-interaction-background-hover
|
|
109
|
+
);--clr-vertical-nav-toggle-icon-color:var(--cds-alias-object-interaction-color);--clr-vertical-nav-trigger-divider-border-color:var(
|
|
110
|
+
--cds-alias-object-border-color
|
|
111
|
+
);--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(
|
|
112
|
+
--cds-alias-object-interaction-background-active
|
|
113
|
+
);--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(
|
|
114
|
+
--cds-alias-object-interaction-color-hover
|
|
115
|
+
);--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(
|
|
116
|
+
--cds-alias-object-interaction-background-highlight
|
|
117
|
+
);--clr-datagrid-detail-caret-icon-open-bg-color:var(
|
|
118
|
+
--cds-alias-object-interaction-background-highlight
|
|
119
|
+
);--clr-datagrid-detail-caret-icon-open-icon-color:var(--cds-global-color-gray-0);--clr-datagrid-placeholder-color:var(--cds-global-color-gray-700)}:root .btn:not([disabled]):active,:root .btn:not([disabled]):focus,:root .btn:not([disabled]):hover,[cds-theme] .btn:not([disabled]):active,[cds-theme] .btn:not([disabled]):focus,[cds-theme] .btn:not([disabled]):hover{filter:brightness(90%)}:root .btn.disabled,:root .btn:disabled,[cds-theme] .btn.disabled,[cds-theme] .btn:disabled{opacity:1}
|
package/table/table.css
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
table[cds-table] {
|
|
2
2
|
--background: var(--cds-alias-object-container-background, var(--cds-global-color-white, white));
|
|
3
3
|
--color: var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));
|
|
4
|
-
--border-radius: var(--cds-alias-object-border-radius-100,
|
|
5
|
-
--border: var(--cds-alias-object-border-width-100,
|
|
4
|
+
--border-radius: var(--cds-alias-object-border-radius-100, 0.25rem);
|
|
5
|
+
--border: var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-border-color, var(--cds-global-color-construction-200, #cbd4d8));
|
|
6
6
|
--header-background: var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));
|
|
7
|
-
--header-border: var(--cds-alias-object-border-width-100,
|
|
8
|
-
--row-border: var(--cds-alias-object-border-width-100,
|
|
9
|
-
--column-border: var(--cds-alias-object-border-width-100,
|
|
10
|
-
--cell-padding: var(--cds-global-space-5,
|
|
7
|
+
--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));
|
|
8
|
+
--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));
|
|
9
|
+
--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));
|
|
10
|
+
--cell-padding: var(--cds-global-space-5, 0.5rem) var(--cds-global-space-6, 0.75rem);
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
table[cds-table] {
|
|
@@ -103,7 +103,7 @@ table[cds-table][cds-text~=center] th, table[cds-table][cds-text~=center] td {
|
|
|
103
103
|
}
|
|
104
104
|
|
|
105
105
|
table[cds-table~=compact] {
|
|
106
|
-
--cell-padding: calc(var(--cds-global-space-5,
|
|
106
|
+
--cell-padding: calc(var(--cds-global-space-5, 0.5rem) / 2) calc(var(--cds-global-space-6, 0.75rem) / 2);
|
|
107
107
|
}
|
|
108
108
|
|
|
109
109
|
table[cds-table~=zebra] {
|
package/table/table.min.css
CHANGED
|
@@ -1 +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,
|
|
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, 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/tag.element.d.ts
CHANGED
|
@@ -40,7 +40,8 @@ export declare class CdsTag extends CdsBaseButton {
|
|
|
40
40
|
*/
|
|
41
41
|
closable: boolean;
|
|
42
42
|
private groupLabelId;
|
|
43
|
-
|
|
43
|
+
protected icon: HTMLElement;
|
|
44
|
+
protected badge: HTMLElement;
|
|
44
45
|
updated(props: Map<string, string | boolean | null | undefined>): void;
|
|
45
46
|
render(): import("lit-html").TemplateResult<1>;
|
|
46
47
|
}
|
package/tag/tag.element.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{CdsBaseButton as
|
|
1
|
+
import{__decorate as t}from"tslib";import{CdsBaseButton as o,baseStyles as s,syncProps as e,property as a,id as r,querySlot as i}from"@cds/core/internal";import{html as l}from"lit";import d from"./tag.element.scss.js";class p extends o{constructor(){super(...arguments),this.status="neutral",this.closable=!1}static get styles(){return[s,d]}updated(t){super.updated(t),t.has("closable")&&!0===t.get("closable")&&(this.readonly=!1),this.badge&&e(this.badge,this,{status:t.has("status"),color:t.has("color")})}render(){return l`<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?l`<cds-icon shape="times"></cds-icon>`:l``}</div>`}}t([a({type:String})],p.prototype,"status",void 0),t([a({type:String})],p.prototype,"color",void 0),t([a({type:Boolean})],p.prototype,"closable",void 0),t([r()],p.prototype,"groupLabelId",void 0),t([i("cds-icon",{assign:"tag-icon"})],p.prototype,"icon",void 0),t([i("cds-badge",{assign:"tag-badge"})],p.prototype,"badge",void 0);export{p as CdsTag};
|
|
2
2
|
//# sourceMappingURL=tag.element.js.map
|
package/tag/tag.element.js.map
CHANGED
|
@@ -1 +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","
|
|
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","props","updated","has","get","readonly","badge","syncProps","color","html","groupLabelId","__decorate","property","type","String","prototype","Boolean","id","querySlot","assign"],"mappings":"0NAgCO,MAAMA,UAAeC,EACxBC,cACIC,SAASC,WAKTC,KAAKC,OAAS,UAQdD,KAAKE,UAAW,EAEpBC,oBACI,MAAO,CAACC,EAAYD,GAExBN,QAAQQ,GACJP,MAAMQ,QAAQD,GACVA,EAAME,IAAI,cAAyC,IAA1BF,EAAMG,IAAI,cACnCR,KAAKS,UAAW,GAEhBT,KAAKU,OACLC,EAAUX,KAAKU,MAAOV,KAAM,CAAEC,OAAQI,EAAME,IAAI,UAAWK,MAAOP,EAAME,IAAI,WAGpFV,SACI,OAAOgB,CAAK,2DAIOb,KAAKc,uGAIZd,KAAKc,sGAEfd,KAAKE,SAAWW,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
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as
|
|
1
|
+
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-0, 0.625rem);--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));-webkit-transform:translateZ(0);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(: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);-webkit-filter:brightness(95%);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{-webkit-box-shadow:0 var(--cds-global-space-1,.0625rem) 0 0 var(--border-color) inset;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([_active]) .tag-content{-webkit-transform:translateY(var(--cds-global-space-1,.0625rem));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{-webkit-box-shadow:none!important;box-shadow:none!important}:host([disabled]) .tag-content{-webkit-transform:initial!important;transform:initial!important}`;export default a;
|
|
2
2
|
//# sourceMappingURL=tag.element.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as
|
|
1
|
+
import{css as r}from"lit";var a=r`:host{--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81));--padding:var(--cds-global-space-5, 0.5rem) var(--cds-global-space-6, 0.75rem);--font-size:var(--cds-global-typography-font-size-3, 0.8125rem);--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);display:block;width:100%}::slotted(textarea){background:var(--background)!important;border:var(--border)!important;color:var(--color)!important;border-radius:var(--border-radius)!important;padding:var(--padding)!important;font-size:var(--font-size)!important;resize:vertical!important;width:100%!important;min-height:var(--cds-global-space-15,6rem)!important}:host([status=error]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=success]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_disabled]){--border:var(--cds-alias-object-border-width-100, 0.0625rem) solid var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}`;export default a;
|
|
2
2
|
//# sourceMappingURL=textarea.element.scss.js.map
|
package/time/register.d.ts
CHANGED
package/time/register.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{registerElementSafely as
|
|
1
|
+
import{registerElementSafely as o}from"@cds/core/internal";import{CdsTime as r}from"./time.element.js";import"@cds/core/forms/register.js";import"@cds/core/button-action/register.js";import"@cds/core/icon/register.js";import{ClarityIcons as c}from"@cds/core/icon/icon.service.js";import{clockIcon as e}from"@cds/core/icon/shapes/clock.js";c.addIcons(e),o("cds-time",r);
|
|
2
2
|
//# sourceMappingURL=register.js.map
|
package/time/register.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"register.js","sources":["../../../src/time/register.ts"],"sourcesContent":null,"names":["registerElementSafely","CdsTime"],"mappings":"
|
|
1
|
+
{"version":3,"file":"register.js","sources":["../../../src/time/register.ts"],"sourcesContent":null,"names":["ClarityIcons","addIcons","clockIcon","registerElementSafely","CdsTime"],"mappings":"mVAYAA,EAAaC,SAASC,GACtBC,EAAsB,WAAYC"}
|
package/time/time.element.d.ts
CHANGED
package/time/time.element.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as
|
|
1
|
+
import{__decorate as t}from"tslib";import{html as o}from"lit";import{globalStyle as r}from"@cds/core/internal";import{CdsControl as s}from"@cds/core/forms";import{inputStyles as e}from"@cds/core/input";import l from"./time.global.scss.js";class c extends s{constructor(){super(...arguments),this.globalStyles=l}get suffixDefaultTemplate(){return o`<cds-button-action shape="clock" readonly="readonly"></cds-button-action>`}static get styles(){return[...super.styles,e]}}t([r()],c.prototype,"globalStyles",void 0);export{c as CdsTime};
|
|
2
2
|
//# sourceMappingURL=time.element.js.map
|
package/time/time.element.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time.element.js","sources":["../../../src/time/time.element.ts"],"sourcesContent":null,"names":["CdsTime","CdsControl","[object Object]","super","
|
|
1
|
+
{"version":3,"file":"time.element.js","sources":["../../../src/time/time.element.ts"],"sourcesContent":null,"names":["CdsTime","CdsControl","[object Object]","super","arguments","this","globalStyles","suffixDefaultTemplate","html","styles","inputStyles","__decorate","globalStyle","prototype"],"mappings":"+OAuCO,MAAMA,UAAgBC,EACzBC,cACIC,SAASC,WACTC,KAAKC,aAAeA,EAExBC,4BACI,OAAOC,CAAK,4EAEhBC,oBACI,MAAO,IAAIN,MAAMM,OAAQC,IAGjCC,EAAW,CACPC,KACDZ,EAAQa,UAAW,oBAAgB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as
|
|
1
|
+
import{css as r}from"lit";var a=r`:host{--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border:var(--cds-alias-object-border-width-200, 0.125rem) solid var(--background);--border-radius:var(--cds-alias-object-border-radius-200, 0.75rem);--height:var(--cds-global-space-8, 1.125rem);--width:calc(var(--cds-global-space-10, 2rem) + var(--cds-global-space-1, 0.0625rem));--anchor-background:var(--cds-global-color-construction-50, #f1f6f8);--anchor-border-radius:var(--cds-alias-object-border-radius-200, 0.75rem);--anchor-width:calc(var(--cds-global-space-6, 0.75rem) + var(--cds-global-space-2, 0.125rem));--anchor-height:calc(var(--cds-global-space-6, 0.75rem) + var(--cds-global-space-2, 0.125rem));--toggle-speed:var(--cds-global-animation-duration-quicker, 0.15s)}.input,.input:after{display:inline-block;-webkit-transition-duration:var(--toggle-speed,.15s);transition-duration:var(--toggle-speed,.15s);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.input{border-radius:var(--border-radius);border:var(--border);background:var(--background);height:var(--height);width:var(--width);position:relative;cursor:pointer;-webkit-transition-property:border-color,background-color;transition-property:border-color,background-color}.input:after{border-radius:var(--anchor-border-radius);background:var(--anchor-background);height:var(--anchor-height);width:var(--anchor-width);position:absolute;content:"";left:0;top:0;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}:host(:not([cds-motion=ready])){--toggle-speed:0}:host([_checked]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--border:var(--cds-alias-object-border-width-200, 0.125rem) solid var(--background)}:host([_checked]) .input:after{-webkit-transform:translate(calc(var(--cds-global-space-7,1rem) - var(--cds-global-space-1,.0625rem)),0);transform:translate(calc(var(--cds-global-space-7,1rem) - var(--cds-global-space-1,.0625rem)),0)}:host([_disabled]) .input{opacity:.6;cursor:not-allowed}[focusable]{width:var(--width);left:0}`;export default a;
|
|
2
2
|
//# sourceMappingURL=toggle.element.scss.js.map
|
|
@@ -1,19 +1,25 @@
|
|
|
1
1
|
<?xml version="1.0" encoding="utf-8"?>
|
|
2
2
|
<!--This token format is currently experimental and may change in the future-->
|
|
3
3
|
<resources>
|
|
4
|
-
<
|
|
5
|
-
<dimen name="
|
|
6
|
-
<dimen name="
|
|
7
|
-
<
|
|
8
|
-
<dimen name="globalLayoutSpaceLg">24dp</dimen>
|
|
9
|
-
<dimen name="globalLayoutSpaceXl">48dp</dimen>
|
|
10
|
-
<dimen name="globalLayoutSpaceXxl">96dp</dimen>
|
|
4
|
+
<property name="globalBase">20</property>
|
|
5
|
+
<dimen name="globalScaleSpace">1dp</dimen>
|
|
6
|
+
<dimen name="globalScaleLayoutSpace">1dp</dimen>
|
|
7
|
+
<property name="globalScaleTypography">1</property>
|
|
11
8
|
<dimen name="globalLayoutGridCols">12dp</dimen>
|
|
12
9
|
<dimen name="globalLayoutWidthXs">576pxdp</dimen>
|
|
13
10
|
<dimen name="globalLayoutWidthSm">768pxdp</dimen>
|
|
14
11
|
<dimen name="globalLayoutWidthMd">992pxdp</dimen>
|
|
15
12
|
<dimen name="globalLayoutWidthLg">1200pxdp</dimen>
|
|
16
13
|
<dimen name="globalLayoutWidthXl">1440pxdp</dimen>
|
|
14
|
+
<dimen name="globalLayoutSpaceXxxs">2dp</dimen>
|
|
15
|
+
<dimen name="globalLayoutSpaceXxs">4dp</dimen>
|
|
16
|
+
<dimen name="globalLayoutSpaceXs">8dp</dimen>
|
|
17
|
+
<dimen name="globalLayoutSpaceSm">12dp</dimen>
|
|
18
|
+
<dimen name="globalLayoutSpaceMd">16dp</dimen>
|
|
19
|
+
<dimen name="globalLayoutSpaceLg">24dp</dimen>
|
|
20
|
+
<dimen name="globalLayoutSpaceXl">32dp</dimen>
|
|
21
|
+
<dimen name="globalLayoutSpaceXxl">48dp</dimen>
|
|
22
|
+
<dimen name="globalLayoutSpaceXxxl">64dp</dimen>
|
|
17
23
|
<dimen name="globalSpace0">0dp</dimen>
|
|
18
24
|
<dimen name="globalSpace1">1dp</dimen>
|
|
19
25
|
<dimen name="globalSpace2">2dp</dimen>
|
|
@@ -27,7 +33,9 @@
|
|
|
27
33
|
<dimen name="globalSpace10">32dp</dimen>
|
|
28
34
|
<dimen name="globalSpace11">36dp</dimen>
|
|
29
35
|
<dimen name="globalSpace12">48dp</dimen>
|
|
30
|
-
<dimen name="globalSpace13">
|
|
36
|
+
<dimen name="globalSpace13">64dp</dimen>
|
|
37
|
+
<dimen name="globalSpace14">72dp</dimen>
|
|
38
|
+
<dimen name="globalSpace15">96dp</dimen>
|
|
31
39
|
<color name="globalColorBlack">#000000</color>
|
|
32
40
|
<color name="globalColorWhite">#ffffff</color>
|
|
33
41
|
<color name="globalColorGreen50">#eefce3</color>
|
|
@@ -140,6 +148,17 @@
|
|
|
140
148
|
<color name="globalColorYellow800">#855800</color>
|
|
141
149
|
<color name="globalColorYellow900">#5c3d00</color>
|
|
142
150
|
<color name="globalColorYellow1000">#422c00</color>
|
|
151
|
+
<color name="globalColorLime50">#fcffe0</color>
|
|
152
|
+
<color name="globalColorLime100">#f5fdaa</color>
|
|
153
|
+
<color name="globalColorLime200">#e7f471</color>
|
|
154
|
+
<color name="globalColorLime300">#d8ea3e</color>
|
|
155
|
+
<color name="globalColorLime400">#c9dc18</color>
|
|
156
|
+
<color name="globalColorLime500">#b4c70a</color>
|
|
157
|
+
<color name="globalColorLime600">#9eae09</color>
|
|
158
|
+
<color name="globalColorLime700">#818f00</color>
|
|
159
|
+
<color name="globalColorLime800">#657000</color>
|
|
160
|
+
<color name="globalColorLime900">#373d00</color>
|
|
161
|
+
<color name="globalColorLime1000">#202400</color>
|
|
143
162
|
<color name="globalColorTangerine50">#fff0e5</color>
|
|
144
163
|
<color name="globalColorTangerine100">#ffdbc2</color>
|
|
145
164
|
<color name="globalColorTangerine200">#fcbe92</color>
|
|
@@ -272,8 +291,6 @@
|
|
|
272
291
|
<property name="globalTypographyFontSize7">24</property>
|
|
273
292
|
<property name="globalTypographyFontSize8">32</property>
|
|
274
293
|
<property name="globalTypographyFontSize9">40</property>
|
|
275
|
-
<property name="globalTypographyBaseFontSize">125%</property>
|
|
276
|
-
<property name="globalTypographyBaseFontSizePx">20</property>
|
|
277
294
|
<property name="globalTypographyFontFamily">'Clarity City', 'Avenir Next', sans-serif</property>
|
|
278
295
|
<property name="globalTypographyHeaderFontFamily">'Clarity City', 'Avenir Next', sans-serif</property>
|
|
279
296
|
<property name="globalTypographyMonospaceFontFamily">ui-monospace, Consolas, Menlo, Monaco, monospace</property>
|
|
@@ -336,7 +353,6 @@
|
|
|
336
353
|
<property name="globalAnimationEasingPrimary">cubic-bezier(0,.99,0,.99)</property>
|
|
337
354
|
<property name="globalAnimationEasingSecondary">cubic-bezier(0, 1.5, 0.5, 1)</property>
|
|
338
355
|
<property name="globalAnimationEasingLoop">cubic-bezier(0.17, 0.4, 0.8, 0.79)</property>
|
|
339
|
-
<property name="globalBase">20</property>
|
|
340
356
|
<property name="aliasObjectBorderRadius100">4</property>
|
|
341
357
|
<property name="aliasObjectBorderRadius200">12</property>
|
|
342
358
|
<property name="aliasObjectBorderRadius300">50%</property>
|
|
@@ -400,4 +416,7 @@
|
|
|
400
416
|
<color name="aliasStatusAlt" alias="globalColorViolet700">#7c12a5</color>
|
|
401
417
|
<color name="aliasStatusAltTint" alias="globalColorViolet600">#9b32c8</color>
|
|
402
418
|
<color name="aliasStatusAltShade" alias="globalColorViolet900">#440061</color>
|
|
419
|
+
<property name="internalScale1">calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-layout-space))</property>
|
|
420
|
+
<property name="internalScale2">calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-space))</property>
|
|
421
|
+
<property name="internalScale3">calc((1rem / var(--cds-global-base)) * var(--cds-global-scale-typography))</property>
|
|
403
422
|
</resources>
|
package/tokens/tokens.d.ts
CHANGED
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
export declare const globalBase = "var(--cds-global-base)";
|
|
2
|
+
export declare const globalScaleSpace = "var(--cds-global-scale-space)";
|
|
3
|
+
export declare const globalScaleLayoutSpace = "var(--cds-global-scale-layout-space)";
|
|
4
|
+
export declare const globalScaleTypography = "var(--cds-global-scale-typography)";
|
|
5
|
+
export declare const globalLayoutGridCols = "var(--cds-global-layout-grid-cols)";
|
|
6
|
+
export declare const globalLayoutWidthXs = "var(--cds-global-layout-width-xs)";
|
|
7
|
+
export declare const globalLayoutWidthSm = "var(--cds-global-layout-width-sm)";
|
|
8
|
+
export declare const globalLayoutWidthMd = "var(--cds-global-layout-width-md)";
|
|
9
|
+
export declare const globalLayoutWidthLg = "var(--cds-global-layout-width-lg)";
|
|
10
|
+
export declare const globalLayoutWidthXl = "var(--cds-global-layout-width-xl)";
|
|
11
|
+
export declare const globalLayoutSpaceXxxs = "var(--cds-global-layout-space-xxxs)";
|
|
1
12
|
export declare const globalLayoutSpaceXxs = "var(--cds-global-layout-space-xxs)";
|
|
2
13
|
export declare const globalLayoutSpaceXs = "var(--cds-global-layout-space-xs)";
|
|
3
14
|
export declare const globalLayoutSpaceSm = "var(--cds-global-layout-space-sm)";
|
|
@@ -5,12 +16,7 @@ export declare const globalLayoutSpaceMd = "var(--cds-global-layout-space-md)";
|
|
|
5
16
|
export declare const globalLayoutSpaceLg = "var(--cds-global-layout-space-lg)";
|
|
6
17
|
export declare const globalLayoutSpaceXl = "var(--cds-global-layout-space-xl)";
|
|
7
18
|
export declare const globalLayoutSpaceXxl = "var(--cds-global-layout-space-xxl)";
|
|
8
|
-
export declare const
|
|
9
|
-
export declare const globalLayoutWidthXs = "var(--cds-global-layout-width-xs)";
|
|
10
|
-
export declare const globalLayoutWidthSm = "var(--cds-global-layout-width-sm)";
|
|
11
|
-
export declare const globalLayoutWidthMd = "var(--cds-global-layout-width-md)";
|
|
12
|
-
export declare const globalLayoutWidthLg = "var(--cds-global-layout-width-lg)";
|
|
13
|
-
export declare const globalLayoutWidthXl = "var(--cds-global-layout-width-xl)";
|
|
19
|
+
export declare const globalLayoutSpaceXxxl = "var(--cds-global-layout-space-xxxl)";
|
|
14
20
|
export declare const globalSpace0 = "var(--cds-global-space-0)";
|
|
15
21
|
export declare const globalSpace1 = "var(--cds-global-space-1)";
|
|
16
22
|
export declare const globalSpace2 = "var(--cds-global-space-2)";
|
|
@@ -25,6 +31,8 @@ export declare const globalSpace10 = "var(--cds-global-space-10)";
|
|
|
25
31
|
export declare const globalSpace11 = "var(--cds-global-space-11)";
|
|
26
32
|
export declare const globalSpace12 = "var(--cds-global-space-12)";
|
|
27
33
|
export declare const globalSpace13 = "var(--cds-global-space-13)";
|
|
34
|
+
export declare const globalSpace14 = "var(--cds-global-space-14)";
|
|
35
|
+
export declare const globalSpace15 = "var(--cds-global-space-15)";
|
|
28
36
|
export declare const globalColorBlack = "var(--cds-global-color-black)";
|
|
29
37
|
export declare const globalColorWhite = "var(--cds-global-color-white)";
|
|
30
38
|
export declare const globalColorGreen50 = "var(--cds-global-color-green-50)";
|
|
@@ -137,6 +145,17 @@ export declare const globalColorYellow700 = "var(--cds-global-color-yellow-700)"
|
|
|
137
145
|
export declare const globalColorYellow800 = "var(--cds-global-color-yellow-800)";
|
|
138
146
|
export declare const globalColorYellow900 = "var(--cds-global-color-yellow-900)";
|
|
139
147
|
export declare const globalColorYellow1000 = "var(--cds-global-color-yellow-1000)";
|
|
148
|
+
export declare const globalColorLime50 = "var(--cds-global-color-lime-50)";
|
|
149
|
+
export declare const globalColorLime100 = "var(--cds-global-color-lime-100)";
|
|
150
|
+
export declare const globalColorLime200 = "var(--cds-global-color-lime-200)";
|
|
151
|
+
export declare const globalColorLime300 = "var(--cds-global-color-lime-300)";
|
|
152
|
+
export declare const globalColorLime400 = "var(--cds-global-color-lime-400)";
|
|
153
|
+
export declare const globalColorLime500 = "var(--cds-global-color-lime-500)";
|
|
154
|
+
export declare const globalColorLime600 = "var(--cds-global-color-lime-600)";
|
|
155
|
+
export declare const globalColorLime700 = "var(--cds-global-color-lime-700)";
|
|
156
|
+
export declare const globalColorLime800 = "var(--cds-global-color-lime-800)";
|
|
157
|
+
export declare const globalColorLime900 = "var(--cds-global-color-lime-900)";
|
|
158
|
+
export declare const globalColorLime1000 = "var(--cds-global-color-lime-1000)";
|
|
140
159
|
export declare const globalColorTangerine50 = "var(--cds-global-color-tangerine-50)";
|
|
141
160
|
export declare const globalColorTangerine100 = "var(--cds-global-color-tangerine-100)";
|
|
142
161
|
export declare const globalColorTangerine200 = "var(--cds-global-color-tangerine-200)";
|
|
@@ -269,8 +288,6 @@ export declare const globalTypographyFontSize6 = "var(--cds-global-typography-fo
|
|
|
269
288
|
export declare const globalTypographyFontSize7 = "var(--cds-global-typography-font-size-7)";
|
|
270
289
|
export declare const globalTypographyFontSize8 = "var(--cds-global-typography-font-size-8)";
|
|
271
290
|
export declare const globalTypographyFontSize9 = "var(--cds-global-typography-font-size-9)";
|
|
272
|
-
export declare const globalTypographyBaseFontSize = "var(--cds-global-typography-base-font-size)";
|
|
273
|
-
export declare const globalTypographyBaseFontSizePx = "var(--cds-global-typography-base-font-size-px)";
|
|
274
291
|
export declare const globalTypographyFontFamily = "var(--cds-global-typography-font-family)";
|
|
275
292
|
export declare const globalTypographyHeaderFontFamily = "var(--cds-global-typography-header-font-family)";
|
|
276
293
|
export declare const globalTypographyMonospaceFontFamily = "var(--cds-global-typography-monospace-font-family)";
|
|
@@ -333,7 +350,6 @@ export declare const globalAnimationDurationSlowest = "var(--cds-global-animatio
|
|
|
333
350
|
export declare const globalAnimationEasingPrimary = "var(--cds-global-animation-easing-primary)";
|
|
334
351
|
export declare const globalAnimationEasingSecondary = "var(--cds-global-animation-easing-secondary)";
|
|
335
352
|
export declare const globalAnimationEasingLoop = "var(--cds-global-animation-easing-loop)";
|
|
336
|
-
export declare const globalBase = "var(--cds-global-base)";
|
|
337
353
|
export declare const aliasObjectBorderRadius100 = "var(--cds-alias-object-border-radius-100)";
|
|
338
354
|
export declare const aliasObjectBorderRadius200 = "var(--cds-alias-object-border-radius-200)";
|
|
339
355
|
export declare const aliasObjectBorderRadius300 = "var(--cds-alias-object-border-radius-300)";
|
|
@@ -397,3 +413,6 @@ export declare const aliasStatusDisabledShade = "var(--cds-alias-status-disabled
|
|
|
397
413
|
export declare const aliasStatusAlt = "var(--cds-alias-status-alt)";
|
|
398
414
|
export declare const aliasStatusAltTint = "var(--cds-alias-status-alt-tint)";
|
|
399
415
|
export declare const aliasStatusAltShade = "var(--cds-alias-status-alt-shade)";
|
|
416
|
+
export declare const internalScale1 = "var(--cds-internal-scale-1)";
|
|
417
|
+
export declare const internalScale2 = "var(--cds-internal-scale-2)";
|
|
418
|
+
export declare const internalScale3 = "var(--cds-internal-scale-3)";
|