@cds/core 5.5.7 → 6.0.0-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion-content.element.scss.js +1 -1
- package/accordion/accordion-header.element.scss.js +1 -1
- 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/alert/alert-group.element.d.ts +4 -7
- package/alert/alert-group.element.js +1 -1
- package/alert/alert-group.element.js.map +1 -1
- package/alert/alert-group.element.scss.js +1 -1
- package/alert/alert.element.d.ts +2 -2
- package/alert/alert.element.scss.js +1 -1
- package/badge/badge.element.d.ts +1 -1
- package/badge/badge.element.scss.js +1 -1
- package/breadcrumb/breadcrumb.element.d.ts +1 -1
- package/breadcrumb/breadcrumb.element.js +1 -1
- package/breadcrumb/breadcrumb.element.js.map +1 -1
- package/button/button.element.d.ts +1 -1
- package/button/button.element.js +1 -1
- package/button/button.element.js.map +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/inline-button.element.scss.js +1 -1
- package/card/card.element.js +1 -1
- package/card/card.element.js.map +1 -1
- package/card/card.element.scss.js +1 -1
- package/checkbox/checkbox.element.scss.js +1 -1
- package/custom-elements.json +31473 -67510
- package/custom-elements.legacy.json +814 -120
- package/divider/divider.element.scss.js +1 -1
- package/dropdown/dropdown.element.d.ts +39 -0
- package/dropdown/dropdown.element.js +2 -0
- package/dropdown/dropdown.element.js.map +1 -0
- package/dropdown/index.d.ts +1 -0
- package/dropdown/index.js +2 -0
- package/{internal/interfaces → dropdown}/index.js.map +0 -0
- package/dropdown/register.d.ts +6 -0
- package/dropdown/register.js +2 -0
- package/dropdown/register.js.map +1 -0
- package/forms/control/control.element.d.ts +6 -4
- 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.scss.js +1 -1
- package/forms/control-group/control-group.element.d.ts +3 -2
- package/forms/control-group/control-group.element.js +1 -1
- package/forms/control-group/control-group.element.js.map +1 -1
- package/forms/control-group/control-group.element.scss.js +1 -1
- package/forms/control-inline/control-inline.element.d.ts +1 -0
- package/forms/control-inline/control-inline.element.js +1 -1
- package/forms/control-inline/control-inline.element.js.map +1 -1
- package/forms/control-inline/control-inline.element.scss.js +1 -1
- package/forms/control-label/control-label.element.scss.js +1 -1
- package/forms/control-message/control-message.element.d.ts +1 -1
- package/forms/control-message/control-message.element.scss.js +1 -1
- package/forms/form-group/form-group.element.d.ts +2 -2
- package/forms/form-group/form-group.element.js +1 -1
- package/forms/utils/{index.d.ts → utils.d.ts} +2 -1
- package/forms/utils/utils.js +2 -0
- package/forms/utils/utils.js.map +1 -0
- package/global.css +8 -3
- package/global.min.css +1 -1
- package/icon/icon.element.d.ts +5 -5
- package/icon/icon.element.scss.js +1 -1
- package/icon/utils/icon.classnames.d.ts +1 -0
- package/icon/utils/icon.classnames.js +1 -1
- package/icon/utils/icon.classnames.js.map +1 -1
- package/index.d.ts +2 -1
- package/index.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 +3 -2
- package/internal/base/button.base.js +1 -1
- package/internal/base/button.base.js.map +1 -1
- package/internal/base/focus-trap.base.d.ts +9 -11
- package/internal/base/focus-trap.base.js +1 -1
- package/internal/base/focus-trap.base.js.map +1 -1
- package/internal/controllers/aria-popup-trigger.controller.d.ts +6 -0
- package/internal/controllers/aria-popup-trigger.controller.js +2 -0
- package/internal/controllers/aria-popup-trigger.controller.js.map +1 -0
- package/internal/controllers/aria-popup.controller.d.ts +10 -0
- package/internal/controllers/aria-popup.controller.js +2 -0
- package/internal/controllers/aria-popup.controller.js.map +1 -0
- package/internal/controllers/closable.controller.d.ts +29 -0
- package/internal/controllers/closable.controller.js +2 -0
- package/internal/controllers/closable.controller.js.map +1 -0
- package/internal/controllers/first-focus.controller.d.ts +13 -0
- package/internal/controllers/first-focus.controller.js +2 -0
- package/internal/controllers/first-focus.controller.js.map +1 -0
- package/internal/controllers/inline-focus-trap.controller.d.ts +16 -0
- package/internal/controllers/inline-focus-trap.controller.js +2 -0
- package/internal/controllers/inline-focus-trap.controller.js.map +1 -0
- package/internal/controllers/utils/first-focus.controller.utils.d.ts +3 -0
- package/internal/controllers/utils/first-focus.controller.utils.js +2 -0
- package/internal/controllers/utils/first-focus.controller.utils.js.map +1 -0
- package/internal/decorators/animate.js.map +1 -1
- package/internal/decorators/element.d.ts +1 -1
- package/internal/decorators/element.js +2 -0
- package/internal/decorators/element.js.map +1 -0
- package/internal/decorators/id.d.ts +1 -1
- package/internal/decorators/query-slot.d.ts +2 -2
- package/internal/index.d.ts +17 -2
- package/internal/index.js +1 -1
- package/internal/index.js.map +1 -1
- package/internal/interfaces/{index.d.ts → interfaces.d.ts} +0 -0
- package/internal/interfaces/interfaces.js +2 -0
- package/internal/interfaces/interfaces.js.map +1 -0
- package/internal/motion/animations/cds-dropdown-open.d.ts +3 -0
- package/internal/motion/animations/cds-dropdown-open.js +2 -0
- package/internal/motion/animations/cds-dropdown-open.js.map +1 -0
- package/internal/motion/animations/cds-modal-enter.js +1 -1
- package/internal/motion/animations/cds-modal-enter.js.map +1 -1
- package/internal/motion/interfaces.d.ts +1 -1
- package/internal/motion/utils.d.ts +3 -3
- package/internal/motion/utils.js +1 -1
- package/internal/motion/utils.js.map +1 -1
- package/internal/positioning/interfaces.d.ts +61 -0
- package/internal/positioning/interfaces.js +2 -0
- package/internal/positioning/interfaces.js.map +1 -0
- package/internal/positioning/utils.d.ts +26 -0
- package/internal/positioning/utils.js +2 -0
- package/internal/positioning/utils.js.map +1 -0
- package/internal/services/focus-trap-tracker.service.d.ts +3 -0
- package/internal/services/focus-trap-tracker.service.js +1 -1
- package/internal/services/focus-trap-tracker.service.js.map +1 -1
- package/internal/services/global.service.d.ts +1 -1
- package/internal/services/i18n.service.d.ts +28 -0
- package/internal/services/i18n.service.js +1 -1
- package/internal/services/i18n.service.js.map +1 -1
- package/internal/utils/array.d.ts +7 -4
- package/internal/utils/array.js +1 -1
- package/internal/utils/array.js.map +1 -1
- package/internal/utils/color.d.ts +2 -0
- package/internal/utils/color.js +2 -0
- package/internal/utils/color.js.map +1 -0
- package/internal/utils/conditional.d.ts +4 -1
- package/internal/utils/conditional.js +1 -1
- package/internal/utils/conditional.js.map +1 -1
- package/internal/utils/css.d.ts +2 -0
- package/internal/utils/css.js +1 -1
- package/internal/utils/css.js.map +1 -1
- package/internal/utils/dom.d.ts +17 -2
- package/internal/utils/dom.js +1 -1
- package/internal/utils/dom.js.map +1 -1
- package/internal/utils/enum.d.ts +1 -0
- package/internal/utils/enum.js +2 -0
- package/internal/utils/enum.js.map +1 -0
- package/internal/utils/events.d.ts +4 -0
- package/internal/utils/events.js +1 -1
- package/internal/utils/events.js.map +1 -1
- package/internal/utils/exists.d.ts +1 -3
- package/internal/utils/exists.js.map +1 -1
- package/internal/utils/focus-trap.d.ts +30 -1
- package/internal/utils/focus-trap.js +1 -1
- package/internal/utils/focus-trap.js.map +1 -1
- package/internal/utils/global.d.ts +3 -3
- package/internal/utils/global.js +1 -1
- package/internal/utils/global.js.map +1 -1
- package/internal/utils/identity.d.ts +28 -1
- package/internal/utils/identity.js +1 -1
- package/internal/utils/identity.js.map +1 -1
- package/internal/utils/math.d.ts +3 -0
- package/internal/utils/math.js +2 -0
- package/internal/utils/math.js.map +1 -0
- package/internal/utils/{register.d.ts → registration.d.ts} +0 -0
- package/internal/utils/registration.js +2 -0
- package/internal/utils/registration.js.map +1 -0
- package/internal/utils/string.d.ts +6 -0
- package/internal/utils/string.js +1 -1
- package/internal/utils/string.js.map +1 -1
- package/internal/utils/traversal.d.ts +4 -0
- package/internal/utils/traversal.js +2 -0
- package/internal/utils/traversal.js.map +1 -0
- package/internal-components/close-button/close-button.element.d.ts +1 -3
- 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/close-button.element.scss.js +1 -1
- package/internal-components/close-button/index.js +1 -1
- package/internal-components/overlay/index.js +1 -1
- package/internal-components/overlay/overlay.element.d.ts +35 -25
- package/internal-components/overlay/overlay.element.js +1 -1
- package/internal-components/overlay/overlay.element.js.map +1 -1
- package/internal-components/overlay/overlay.element.scss.js +1 -1
- package/internal-components/overlay/shared.element.scss.js +2 -0
- package/internal-components/overlay/shared.element.scss.js.map +1 -0
- package/internal-components/panel/panel.element.scss.js +1 -1
- package/internal-components/popup/index.d.ts +2 -0
- package/internal-components/popup/index.js +2 -0
- package/internal-components/popup/index.js.map +1 -0
- package/internal-components/popup/pointer.element.d.ts +35 -0
- package/internal-components/popup/pointer.element.js +2 -0
- package/internal-components/popup/pointer.element.js.map +1 -0
- package/internal-components/popup/pointer.element.scss.js +2 -0
- package/internal-components/popup/pointer.element.scss.js.map +1 -0
- package/internal-components/popup/popup.element.d.ts +116 -0
- package/internal-components/popup/popup.element.js +2 -0
- package/internal-components/popup/popup.element.js.map +1 -0
- package/internal-components/popup/popup.element.scss.js +2 -0
- package/internal-components/popup/popup.element.scss.js.map +1 -0
- package/internal-components/popup/register.d.ts +9 -0
- package/internal-components/popup/register.js +2 -0
- package/internal-components/popup/register.js.map +1 -0
- package/internal-components/popup/utils/pointer.utils.d.ts +2 -0
- package/internal-components/popup/utils/pointer.utils.js +2 -0
- package/internal-components/popup/utils/pointer.utils.js.map +1 -0
- package/internal-components/visual-checkbox/visual-checkbox.element.scss.js +1 -1
- package/modal/modal-content.element.d.ts +2 -5
- package/modal/modal-content.element.js +1 -1
- package/modal/modal-content.element.js.map +1 -1
- package/modal/modal.element.d.ts +13 -3
- package/modal/modal.element.js +1 -1
- package/modal/modal.element.js.map +1 -1
- package/modal/modal.element.scss.js +1 -1
- package/navigation/navigation-group.element.scss.js +1 -1
- package/navigation/navigation-item.element.d.ts +1 -1
- package/navigation/navigation-item.element.js +1 -1
- package/navigation/navigation-item.element.js.map +1 -1
- package/navigation/navigation-item.element.scss.js +2 -2
- package/navigation/navigation-start.element.d.ts +1 -2
- package/navigation/navigation-start.element.js +1 -1
- package/navigation/navigation-start.element.js.map +1 -1
- package/navigation/navigation.element.d.ts +5 -9
- package/navigation/navigation.element.js +1 -3
- package/navigation/navigation.element.js.map +1 -1
- package/navigation/navigation.element.scss.js +1 -1
- package/navigation/utils/{index.d.ts → utils.d.ts} +0 -0
- package/navigation/utils/{index.js → utils.js} +1 -1
- package/navigation/utils/{index.js.map → utils.js.map} +1 -1
- package/package.json +101 -80
- package/pagination/pagination-button.element.scss.js +1 -1
- package/password/password.element.d.ts +0 -1
- package/password/password.element.js +1 -1
- package/password/password.element.js.map +1 -1
- package/polyfills/aria-reflect.d.ts +45 -0
- package/polyfills/aria-reflect.js +2 -0
- package/polyfills/aria-reflect.js.map +1 -0
- package/polyfills/index.d.ts +1 -0
- package/{internal/interfaces → polyfills}/index.js +1 -1
- package/polyfills/index.js.map +1 -0
- package/progress-circle/progress-circle.element.d.ts +26 -3
- package/progress-circle/progress-circle.element.js +1 -1
- package/progress-circle/progress-circle.element.js.map +1 -1
- package/progress-circle/progress-circle.element.scss.js +1 -1
- package/progress-circle/progress-circle.utils.d.ts +6 -0
- package/progress-circle/progress-circle.utils.js +2 -0
- package/progress-circle/progress-circle.utils.js.map +1 -0
- package/radio/radio-group.element.js +1 -1
- package/radio/radio-group.element.js.map +1 -1
- package/radio/radio.element.scss.js +1 -1
- package/range/range.global.scss.js +1 -1
- package/select/register.js +1 -1
- package/select/register.js.map +1 -1
- package/select/select.element.d.ts +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 +35 -0
- package/selection-panels/checkbox/checkbox-panel.element.js +2 -0
- package/selection-panels/checkbox/checkbox-panel.element.js.map +1 -0
- package/selection-panels/checkbox/index.d.ts +1 -0
- package/selection-panels/checkbox/index.js +2 -0
- package/selection-panels/checkbox/index.js.map +1 -0
- package/selection-panels/checkbox/register.d.ts +6 -0
- package/selection-panels/checkbox/register.js +2 -0
- package/selection-panels/checkbox/register.js.map +1 -0
- package/selection-panels/radio/index.d.ts +1 -0
- package/selection-panels/radio/index.js +2 -0
- package/selection-panels/radio/index.js.map +1 -0
- package/selection-panels/radio/radio-panel.element.d.ts +35 -0
- package/selection-panels/radio/radio-panel.element.js +2 -0
- package/selection-panels/radio/radio-panel.element.js.map +1 -0
- package/selection-panels/radio/register.d.ts +6 -0
- package/selection-panels/radio/register.js +2 -0
- package/selection-panels/radio/register.js.map +1 -0
- package/selection-panels/shared/selection-panel.element.scss.js +6 -0
- package/selection-panels/shared/selection-panel.element.scss.js.map +1 -0
- package/selection-panels/shared/selection-panel.interfaces.d.ts +1 -0
- package/styles/module.tokens.css +8 -3
- package/styles/module.tokens.min.css +1 -1
- package/styles/theme.dark.css +7 -8
- package/styles/theme.dark.min.css +1 -1
- package/tag/tag.element.d.ts +1 -1
- package/tag/tag.element.scss.js +1 -1
- package/test/index.js +1 -1
- package/test/utils.d.ts +2 -0
- package/test/utils.js +1 -1
- package/test/utils.js.map +1 -1
- package/textarea/textarea.element.scss.js +1 -1
- package/toggle/toggle.element.scss.js +1 -1
- package/tokens/tokens.android.xml +8 -3
- package/tokens/tokens.d.ts +5 -0
- package/tokens/tokens.ios.swift +8 -3
- package/tokens/tokens.js +5 -0
- package/tokens/tokens.json +23 -3
- package/tokens/tokens.scss +5 -0
- package/tree-view/tree-item.element.d.ts +1 -5
- 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/tree-view/tree.element.d.ts +0 -4
- package/tree-view/tree.element.js +1 -1
- package/tree-view/tree.element.js.map +1 -1
- package/_virtual/_virtual_library-entry-points +0 -2
- package/_virtual/_virtual_library-entry-points.map +0 -1
- package/accordion/accordion-content.element.css.d.ts +0 -1
- package/accordion/accordion-header.element.css.d.ts +0 -1
- package/accordion/accordion-panel.element.css.d.ts +0 -1
- package/accordion/accordion.element.css.d.ts +0 -1
- package/alert/alert-actions.element.css.d.ts +0 -1
- package/alert/alert-group.element.css.d.ts +0 -1
- package/alert/alert.element.css.d.ts +0 -1
- package/badge/badge.element.css.d.ts +0 -1
- package/button/base-button.element.css.d.ts +0 -1
- package/button/base-button.element.scss.js +0 -2
- package/button/base-button.element.scss.js.map +0 -1
- package/button/button.element.css.d.ts +0 -1
- package/button/icon-button.element.css.d.ts +0 -1
- package/button/inline-button.element.css.d.ts +0 -1
- package/checkbox/checkbox.element.css.d.ts +0 -1
- package/datalist/datalist-global.element.css.d.ts +0 -1
- package/date/date.global.css.d.ts +0 -1
- package/divider/divider.element.css.d.ts +0 -1
- package/file/file.element.css.d.ts +0 -1
- package/forms/control/control.element.css.d.ts +0 -1
- package/forms/control-action/control-action.element.css.d.ts +0 -1
- package/forms/control-group/control-group.element.css.d.ts +0 -1
- package/forms/control-inline/control-inline.element.css.d.ts +0 -1
- package/forms/control-label/control-label.element.css.d.ts +0 -1
- package/forms/control-message/control-message.element.css.d.ts +0 -1
- package/forms/form-group/form-group.element.css.d.ts +0 -1
- package/forms/utils/index.js +0 -2
- package/forms/utils/index.js.map +0 -1
- package/icon/icon.element.css.d.ts +0 -1
- package/input/input-group.element.css.d.ts +0 -1
- package/input/input.element.css.d.ts +0 -1
- package/internal/base/base.element.css.d.ts +0 -1
- package/internal/base/css-gap.base.d.ts +0 -18
- package/internal/base/css-gap.base.js +0 -2
- package/internal/base/css-gap.base.js.map +0 -1
- package/internal/utils/register.js +0 -2
- package/internal/utils/register.js.map +0 -1
- package/internal-components/close-button/close-button.element.css.d.ts +0 -1
- package/internal-components/overlay/overlay.element.css.d.ts +0 -1
- package/modal/modal.element.css.d.ts +0 -1
- package/navigation/navigation-start.element.scss.js +0 -6
- package/navigation/navigation-start.element.scss.js.map +0 -1
- package/progress-circle/progress-circle.element.css.d.ts +0 -1
- package/radio/radio.element.css.d.ts +0 -1
- package/range/range.element.css.d.ts +0 -1
- package/range/range.global.css.d.ts +0 -1
- package/search/search.global.css.d.ts +0 -1
- package/select/select.element.css.d.ts +0 -1
- package/select/select.global.css.d.ts +0 -1
- package/styles/module.shims.css +0 -896
- package/styles/module.shims.min.css +0 -1
- package/tag/tag.element.css.d.ts +0 -1
- package/test-dropdown/test-dropdown.element.css.d.ts +0 -1
- package/textarea/textarea.element.css.d.ts +0 -1
- package/time/time.global.css.d.ts +0 -1
- package/toggle/toggle.element.css.d.ts +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var o=a`:host{--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem));--font-weight:inherit;--background:
|
|
1
|
+
import{css as a}from"lit";var o=a`:host{--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--font-size:var(--cds-global-typography-font-size-3, calc((13 / var(--cds-global-base, 20)) * 1rem));--font-weight:inherit;--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));width:100%;contain:inherit}.private-host{color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);background:var(--background);padding:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem)) var(--cds-global-space-11,calc((36 / var(--cds-global-base,20)) * 1rem))}`;export default o;
|
|
2
2
|
//# sourceMappingURL=accordion-content.element.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as o}from"lit";var r=o`:host{--color:var(--cds-
|
|
1
|
+
import{css as o}from"lit";var r=o`:host{--color:var(--cds-alias-object-interaction-color, var(--cds-global-color-construction-700, #3a4d55));--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--font-size:var(--cds-global-typography-secondary-font-size, calc((13 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--icon-color:var(--color);--icon-transform:rotate(90deg);cursor:pointer;width:100%;contain:inherit}.private-host{background:var(--background);padding:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));cursor:inherit;border:0;font-size:var(--font-size);font-weight:var(--font-weight);color:var(--color)}:host(:hover){--color:var(--cds-alias-object-interaction-color-hover, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-hover, var(--cds-global-color-blue-50, #e6f7ff))}:host(:active){--color:var(--cds-alias-object-interaction-color-active, var(--cds-global-color-construction-1000, #1b2b32));--background:var(--cds-alias-object-interaction-background-active, var(--cds-global-color-blue-100, #bdebff))}cds-icon{--color:var(--icon-color);cursor:inherit;-webkit-transform:var(--icon-transform);transform:var(--icon-transform);-webkit-transition:-webkit-transform var(--animation-duration);transition:transform var(--animation-duration);transition:transform var(--animation-duration),-webkit-transform var(--animation-duration)}`;export default r;
|
|
2
2
|
//# sourceMappingURL=accordion-header.element.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{LitElement as e,html as o}from"lit";import{baseStyles as d,property as i,event as a,querySlot as n,animate as
|
|
1
|
+
import{__decorate as t}from"tslib";import{LitElement as e,html as o}from"lit";import{baseStyles as d,property as i,event as a,querySlot as n,animate as s,AnimationAccordionPanelOpenName as r,reverseAnimation as c}from"@cds/core/internal";import p from"./accordion-panel.element.scss.js";let l=class extends e{constructor(){super(...arguments),this.cdsMotion="on",this.disabled=!1,this.expanded=!1}toggle(){this.expandedChange.emit(!this.expanded)}updated(t){super.updated(t),this.content&&this.header&&(this.content.setAttribute("aria-labelledby",this.header.id),this.header.setAttribute("aria-controls",this.content.id))}render(){return o`<div class="private-host" role="group"><button class="accordion-header-button" cds-layout="horizontal align:vertical-center gap:md" type="button" @click="${()=>this.toggle()}" ?disabled="${this.disabled}" aria-disabled="${this.disabled}" aria-expanded="${this.expanded}" focusable><slot name="accordion-header"></slot></button><div aria-hidden="${!this.expanded}" class="accordion-content"><slot name="accordion-content"></slot></div></div>`}static get styles(){return[d,p]}};t([i({type:String})],l.prototype,"cdsMotion",void 0),t([a()],l.prototype,"cdsMotionChange",void 0),t([i({type:Boolean})],l.prototype,"disabled",void 0),t([i({type:Boolean})],l.prototype,"expanded",void 0),t([n("cds-accordion-header")],l.prototype,"header",void 0),t([n("cds-accordion-content")],l.prototype,"content",void 0),t([a()],l.prototype,"expandedChange",void 0),l=t([s({expanded:{true:r,false:c(r)}})],l);export{l as CdsAccordionPanel};
|
|
2
2
|
//# sourceMappingURL=accordion-panel.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion-panel.element.js","sources":["../../../src/accordion/accordion-panel.element.ts"],"sourcesContent":null,"names":["CdsAccordionPanel","LitElement","[object Object]","super","arguments","this","cdsMotion","disabled","expanded","expandedChange","emit","props","updated","content","header","setAttribute","id","html","toggle","styles","baseStyles","__decorate","property","type","String","prototype","event","Boolean","querySlot","animate","true","AnimationAccordionPanelOpenName","false","reverseAnimation"],"mappings":"+RAyCG,IAACA,EAAoB,cAAgCC,EACpDC,cACIC,SAASC,WACTC,KAAKC,UAAY,KACjBD,KAAKE,UAAW,EAChBF,KAAKG,UAAW,EAEpBN,SACIG,KAAKI,eAAeC,MAAML,KAAKG,UAEnCN,QAAQS,GACJR,MAAMS,QAAQD,GACVN,KAAKQ,SAAWR,KAAKS,SACrBT,KAAKQ,QAAQE,aAAa,kBAAmBV,KAAKS,OAAOE,IACzDX,KAAKS,OAAOC,aAAa,gBAAiBV,KAAKQ,QAAQG,KAG/Dd,SACI,OAAOe,CAAK,6JAKF,IAAMZ,KAAKa,wBACRb,KAAKE,4BACDF,KAAKE,4BACLF,KAAKG,
|
|
1
|
+
{"version":3,"file":"accordion-panel.element.js","sources":["../../../src/accordion/accordion-panel.element.ts"],"sourcesContent":null,"names":["CdsAccordionPanel","LitElement","[object Object]","super","arguments","this","cdsMotion","disabled","expanded","expandedChange","emit","props","updated","content","header","setAttribute","id","html","toggle","styles","baseStyles","__decorate","property","type","String","prototype","event","Boolean","querySlot","animate","true","AnimationAccordionPanelOpenName","false","reverseAnimation"],"mappings":"+RAyCG,IAACA,EAAoB,cAAgCC,EACpDC,cACIC,SAASC,WACTC,KAAKC,UAAY,KACjBD,KAAKE,UAAW,EAChBF,KAAKG,UAAW,EAEpBN,SACIG,KAAKI,eAAeC,MAAML,KAAKG,UAEnCN,QAAQS,GACJR,MAAMS,QAAQD,GACVN,KAAKQ,SAAWR,KAAKS,SACrBT,KAAKQ,QAAQE,aAAa,kBAAmBV,KAAKS,OAAOE,IACzDX,KAAKS,OAAOC,aAAa,gBAAiBV,KAAKQ,QAAQG,KAG/Dd,SACI,OAAOe,CAAK,6JAKF,IAAMZ,KAAKa,wBACRb,KAAKE,4BACDF,KAAKE,4BACLF,KAAKG,wFAKHH,KAAKG,yFAK5BW,oBACI,MAAO,CAACC,EAAYD,KAG5BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBxB,EAAkByB,UAAW,iBAAa,GAC7CJ,EAAW,CACPK,KACD1B,EAAkByB,UAAW,uBAAmB,GACnDJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,WAClB3B,EAAkByB,UAAW,gBAAY,GAC5CJ,EAAW,CACPC,EAAS,CAAEC,KAAMI,WAClB3B,EAAkByB,UAAW,gBAAY,GAC5CJ,EAAW,CACPO,EAAU,yBACX5B,EAAkByB,UAAW,cAAU,GAC1CJ,EAAW,CACPO,EAAU,0BACX5B,EAAkByB,UAAW,eAAW,GAC3CJ,EAAW,CACPK,KACD1B,EAAkByB,UAAW,sBAAkB,GAClDzB,EAAoBqB,EAAW,CAC3BQ,EAAQ,CACJrB,SAAU,CACNsB,KAAMC,EACNC,MAAOC,EAAiBF,OAGjC/B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as o}from"lit";var a=o`:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));contain:inherit}.accordion-header-button{background:var(--cds-alias-object-opacity-0,rgba(0,0,0,0));border:0;padding:0;width:100%}.accordion-content{overflow-y:hidden}:host([cds-motion=off]) .accordion-content{height:0}:host([cds-motion=off][expanded]) .accordion-content{height:auto}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off])) .accordion-content{height:0}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off])) .accordion-content{height:auto!important;transform:none}:host([expanded]) .accordion-content{box-shadow:0 calc(-1*var(--border-width)) 0 0 var(--border-color);margin-top:var(--border-width)}:host([expanded]) ::slotted(cds-accordion-header){--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff));--icon-transform:rotate(180deg)}:host([disabled]) ::slotted(cds-accordion-header){--background:var(--cds-alias-object-
|
|
1
|
+
import{css as o}from"lit";var a=o`:host{--animation-duration:var(--cds-global-animation-duration-secondary, 0.3s);--animation-easing:var(--cds-global-animation-easing-primary, cubic-bezier(0, 0.99, 0, 0.99));contain:inherit}.accordion-header-button{background:var(--cds-alias-object-opacity-0,rgba(0,0,0,0));border:0;padding:0;width:100%}.accordion-content{overflow-y:hidden}:host([cds-motion=off]) .accordion-content{height:0}:host([cds-motion=off][expanded]) .accordion-content{height:auto}:host([cds-motion][_cds-animation-status=ready]:not([cds-motion=off])) .accordion-content{height:0}:host([cds-motion][expanded][_cds-animation-status=ready]:not([cds-motion=off])) .accordion-content{height:auto!important;-webkit-transform:none;transform:none}:host([expanded]) .accordion-content{-webkit-box-shadow:0 calc(-1*var(--border-width)) 0 0 var(--border-color);box-shadow:0 calc(-1*var(--border-width)) 0 0 var(--border-color);margin-top:var(--border-width)}:host([expanded]) ::slotted(cds-accordion-header){--background:var(--cds-alias-object-interaction-background-selected, var(--cds-global-color-blue-50, #e6f7ff));--icon-transform:rotate(180deg)}:host([disabled]) ::slotted(cds-accordion-header){--background:var(--cds-alias-object-container-background-tint, var(--cds-global-color-construction-50, #f1f6f8));--color:var(--cds-alias-object-interaction-color-disabled, var(--cds-global-color-construction-300, #aeb8bc));cursor:not-allowed}`;export default a;
|
|
2
2
|
//# sourceMappingURL=accordion-panel.element.scss.js.map
|
|
@@ -46,22 +46,18 @@ import { AlertGroupTypes, AlertStatusTypes, AlertSizes } from './alert.interface
|
|
|
46
46
|
*/
|
|
47
47
|
export declare class CdsAlertGroup extends LitElement {
|
|
48
48
|
/**
|
|
49
|
-
* @type {default | sm}
|
|
50
49
|
* Sets the overall height and width of the alerts inside the alert group
|
|
50
|
+
* @type {default | sm}
|
|
51
51
|
*/
|
|
52
52
|
size: AlertSizes;
|
|
53
53
|
/**
|
|
54
|
-
* @type {default | banner | light}
|
|
55
54
|
* Passed down into the alerts inside the alert-group
|
|
55
|
+
* @type {default | banner | light}
|
|
56
56
|
*/
|
|
57
57
|
type: AlertGroupTypes;
|
|
58
58
|
/**
|
|
59
|
-
* Autosets the alert groups aria role to 'region'
|
|
60
|
-
*/
|
|
61
|
-
role: string;
|
|
62
|
-
/**
|
|
63
|
-
* @type {neutral | info | success | warning | danger | alt | loading}
|
|
64
59
|
* Sets the status of the alerts inside the alert group
|
|
60
|
+
* @type {neutral | info | success | warning | danger | alt | loading}
|
|
65
61
|
*/
|
|
66
62
|
status: AlertStatusTypes;
|
|
67
63
|
private alerts;
|
|
@@ -69,6 +65,7 @@ export declare class CdsAlertGroup extends LitElement {
|
|
|
69
65
|
pager: HTMLElement;
|
|
70
66
|
private alertSlot;
|
|
71
67
|
render(): import("lit-html").TemplateResult<1>;
|
|
68
|
+
connectedCallback(): void;
|
|
72
69
|
firstUpdated(props: Map<string, any>): void;
|
|
73
70
|
private setupAlertsUpdate;
|
|
74
71
|
private syncAlerts;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{LitElement as s,html as e}from"lit";import{query as r}from"lit/decorators/query.js";import{syncProps as a,baseStyles as o,property as i,querySlotAll as p,querySlot as l}from"@cds/core/internal";import d from"./alert-group.element.scss.js";class n extends s{constructor(){super(...arguments),this.size="default",this.type="default",this.
|
|
1
|
+
import{__decorate as t}from"tslib";import{LitElement as s,html as e}from"lit";import{query as r}from"lit/decorators/query.js";import{syncProps as a,baseStyles as o,property as i,querySlotAll as p,querySlot as l}from"@cds/core/internal";import d from"./alert-group.element.scss.js";class n extends s{constructor(){super(...arguments),this.size="default",this.type="default",this.status="neutral"}render(){return e`<div cds-layout="${this.pager?"horizontal wrap:none":"horizontal"}" class="${this.pager?"private-host":"private-host no-pager"}"><div class="pager-wrapper" cds-layout="p-x:lg"><slot name="pager"></slot></div><div class="alert-group-wrapper"><div class="alerts" cds-layout="vertical wrap:none align:horizontal-stretch fill ${"sm"===this.size?"gap:none":"gap:sm"}"><slot></slot></div></div></div>`}connectedCallback(){super.connectedCallback(),this.role="region"}firstUpdated(t){super.firstUpdated(t),this.setupAlertsUpdate()}setupAlertsUpdate(){var t;const s={status:!0,type:!0,size:!0};null===(t=this.alertSlot)||void 0===t||t.addEventListener("slotchange",(()=>this.syncAlerts(s)))}async syncAlerts(t){await Promise.all(Array.from(this.alerts).map((t=>t.updateComplete))),this.alerts.forEach((s=>a(s,this,{status:t.status&&"light"!==this.type&&"loading"!==s.status,type:t.type,size:t.size})))}updated(t){super.updated(t),this.syncAlerts({status:t.has("status"),type:t.has("type"),size:t.has("size")})}static get styles(){return[o,d]}}t([i({type:String})],n.prototype,"size",void 0),t([i({type:String})],n.prototype,"type",void 0),t([i({type:String})],n.prototype,"status",void 0),t([p("cds-alert")],n.prototype,"alerts",void 0),t([l(".pager",{assign:"pager"})],n.prototype,"pager",void 0),t([r(".alerts")],n.prototype,"alertSlot",void 0);export{n as CdsAlertGroup};
|
|
2
2
|
//# sourceMappingURL=alert-group.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-group.element.js","sources":["../../../src/alert/alert-group.element.ts"],"sourcesContent":null,"names":["CdsAlertGroup","LitElement","[object Object]","super","arguments","this","size","type","
|
|
1
|
+
{"version":3,"file":"alert-group.element.js","sources":["../../../src/alert/alert-group.element.ts"],"sourcesContent":null,"names":["CdsAlertGroup","LitElement","[object Object]","super","arguments","this","size","type","status","html","pager","connectedCallback","role","props","firstUpdated","setupAlertsUpdate","_a","propsToSync","alertSlot","addEventListener","syncAlerts","Promise","all","Array","from","alerts","map","a","updateComplete","forEach","alert","syncProps","updated","has","styles","baseStyles","__decorate","property","String","prototype","querySlotAll","querySlot","assign","query"],"mappings":"yRAsDO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WAKTC,KAAKC,KAAO,UAKZD,KAAKE,KAAO,UAKZF,KAAKG,OAAS,UAElBN,SACI,OAAOO,CAAK,oBAEEJ,KAAKK,MAAQ,uBAAyB,wBAC3CL,KAAKK,MAAQ,eAAiB,6NAQ0C,OAAdL,KAAKC,KAAgB,WAAa,4CAQzGJ,oBACIC,MAAMQ,oBACNN,KAAKO,KAAO,SAEhBV,aAAaW,GACTV,MAAMW,aAAaD,GACnBR,KAAKU,oBAETb,oBACI,IAAIc,EACJ,MAAMC,EAAc,CAAET,QAAQ,EAAMD,MAAM,EAAMD,MAAM,GAC5B,QAAzBU,EAAKX,KAAKa,iBAA8B,IAAPF,GAAyBA,EAAGG,iBAAiB,cAAc,IAAMd,KAAKe,WAAWH,KAEvHf,iBAAiBe,SACPI,QAAQC,IAAIC,MAAMC,KAAKnB,KAAKoB,QAAQC,KAAIC,GAAKA,EAAEC,kBACrDvB,KAAKoB,OAAOI,SAAQC,GAASC,EAAUD,EAAOzB,KAAM,CAChDG,OAAQS,EAAYT,QAAwB,UAAdH,KAAKE,MAAqC,YAAjBuB,EAAMtB,OAC7DD,KAAMU,EAAYV,KAClBD,KAAMW,EAAYX,SAG1BJ,QAAQW,GACJV,MAAM6B,QAAQnB,GACdR,KAAKe,WAAW,CACZZ,OAAQK,EAAMoB,IAAI,UAClB1B,KAAMM,EAAMoB,IAAI,QAChB3B,KAAMO,EAAMoB,IAAI,UAGxBC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAS,CAAE9B,KAAM+B,UAClBtC,EAAcuC,UAAW,YAAQ,GACpCH,EAAW,CACPC,EAAS,CAAE9B,KAAM+B,UAClBtC,EAAcuC,UAAW,YAAQ,GACpCH,EAAW,CACPC,EAAS,CAAE9B,KAAM+B,UAClBtC,EAAcuC,UAAW,cAAU,GACtCH,EAAW,CACPI,EAAa,cACdxC,EAAcuC,UAAW,cAAU,GACtCH,EAAW,CACPK,EAAU,SAAU,CAAEC,OAAQ,WAC/B1C,EAAcuC,UAAW,aAAS,GACrCH,EAAW,CACPO,EAAM,YACP3C,EAAcuC,UAAW,iBAAa"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var r=a`:host{--icon-color:var(--
|
|
1
|
+
import{css as a}from"lit";var r=a`:host{--icon-color:var(--color);--icon-size:var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-secondary-font-size, calc((13 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.014286em);--padding:var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-5, calc((8 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--background:var(--cds-alias-status-neutral-tint, var(--cds-global-color-construction-50, #f1f6f8));--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));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--pager-background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));width:100%}.private-host{background:var(--background);border-width:var(--border-width);border-color:var(--border-color);border-style:solid;border-radius:var(--border-radius)}.alert-group-wrapper{width:100%;padding:var(--padding)}:host([status=info]){--background:var(--cds-alias-status-info-tint, var(--cds-global-color-blue-50, #e6f7ff));--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([status=success]){--background:var(--cds-alias-status-success-tint, var(--cds-global-color-green-50, #eefce3));--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--background:var(--cds-alias-status-warning-tint, var(--cds-global-color-ochre-100, #fff2d6));--border-color:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e))}:host([status=danger]){--background:var(--cds-alias-status-danger-tint, var(--cds-global-color-red-50, #fff2f0));--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([type=default][size=sm]){--padding:var(--cds-global-space-3, calc((4 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-3, calc((4 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem))}:host([type=light]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-radius:0;--padding:0}:host([type=light]) .private-host{border:0}:host([type=banner]){--border-color:var(--background);--padding:var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--border-width:0;--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--border-radius:0}:host([type=banner][status=info]){--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--pager-background:var(--cds-alias-status-info-shade, var(--cds-global-color-blue-800, #00608a))}:host([type=banner][status=warning]){--background:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--pager-background:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600))}:host([type=banner][status=danger]){--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--pager-background:var(--cds-alias-status-danger-shade, var(--cds-global-color-red-800, #c21d00))}:host([type=banner][status=success]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--pager-background:var(--cds-alias-status-success-shade, var(--cds-global-color-green-800, #366a0c))}:host([type=banner][status=neutral]){--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--pager-background:var(--cds-alias-status-neutral-shade, var(--cds-global-color-construction-700, #3a4d55))}:host([type=banner][status=alt]){--background:var(--cds-alias-status-alt, var(--cds-global-color-violet-700, #7c12a5));--pager-background:var(--cds-alias-status-alt-shade, var(--cds-global-color-violet-900, #440061))}.no-pager .pager-wrapper{display:none}.pager-wrapper{background-color:var(--pager-background);padding-top:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem));padding-bottom:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))}:host([type=banner]) .alert-group-wrapper{padding-top:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem));padding-bottom:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))}::slotted(.pager){color:var(--cds-global-typography-color-100,var(--cds-global-color-white,#fff));width:calc(2*var(--cds-global-space-12,calc((48 / var(--cds-global-base,20)) * 1rem)));height:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}`;export default r;
|
|
2
2
|
//# sourceMappingURL=alert-group.element.scss.js.map
|
package/alert/alert.element.d.ts
CHANGED
|
@@ -47,8 +47,8 @@ export declare function getAlertContentLayout(containerType: 'wrapper' | 'conten
|
|
|
47
47
|
export declare class CdsAlert extends LitElement {
|
|
48
48
|
private closeChange;
|
|
49
49
|
/**
|
|
50
|
-
* @type {default | sm}
|
|
51
50
|
* Sets the overall height and width of the alert and icon based on value
|
|
51
|
+
* @type {default | sm}
|
|
52
52
|
*/
|
|
53
53
|
size: AlertSizes;
|
|
54
54
|
/**
|
|
@@ -65,8 +65,8 @@ export declare class CdsAlert extends LitElement {
|
|
|
65
65
|
*/
|
|
66
66
|
closable: boolean;
|
|
67
67
|
/**
|
|
68
|
-
* @type {neutral | info | success | warning | danger | alt | loading}
|
|
69
68
|
* Sets the color of the alert from a predefined list of statuses
|
|
69
|
+
* @type {neutral | info | success | warning | danger | alt | loading}
|
|
70
70
|
*/
|
|
71
71
|
status: AlertStatusTypes;
|
|
72
72
|
i18n: {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var l=a`:host{--container-padding:var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0;--min-height:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));--color:var(--cds-global-typography-color-
|
|
1
|
+
import{css as a}from"lit";var l=a`:host{--container-padding:var(--cds-global-space-2, calc((2 / var(--cds-global-base, 20)) * 1rem)) 0;--min-height:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem));--color:var(--cds-global-typography-color-400, var(--cds-global-color-construction-900, #21333b));--font-size:var(--cds-global-typography-secondary-font-size, calc((13 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-secondary-font-weight, 400);--letter-spacing:var(--cds-global-typography-body-letter-spacing, -0.014286em);--icon-size:var(--cds-global-space-8, calc((18 / var(--cds-global-base, 20)) * 1rem));--icon-color:var(--color);width:100%}.private-host{min-height:var(--min-height);color:var(--color)}:host([_type=banner]) ::slotted(cds-alert-actions),:host([_type=default]) ::slotted(cds-alert-actions){--action-size:calc(var(--min-height) - var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)));white-space:nowrap;display:block}:host([_type=banner]){--icon-size:var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem))}.alert-status-icon,::slotted(cds-icon){height:var(--icon-size);width:var(--icon-size);--color:var(--icon-color)}cds-internal-close-button{--color:inherit}.alert-content-wrapper,.alert-icon-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));padding:var(--container-padding)}.alert-icon-wrapper{min-width:var(--icon-size)}.alert-content-wrapper{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)));transform:translateY(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)));color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);line-height:var(--cds-global-typography-body-line-height,1.42857em)}::slotted(cds-alert-actions){--action-text-color:var(--color);--action-size:var(--cds-global-typography-body-line-height, 1.42857em);display:none}:host([_type=default]) cds-internal-close-button{height:var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem))}:host([_type=default]) .alert-content-wrapper{-webkit-box-align:self-start;-ms-flex-align:self-start;align-items:self-start}:host([_type=light][status=info]){--icon-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([_type=light][status=success]){--icon-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([_type=light][status=warning]){--icon-color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([_type=light][status=danger]){--icon-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=loading][_type=banner]) .alert-spinner,:host([status=loading][_type=default]) .alert-spinner{--ring-color:var(--cds-alias-object-opacity-200, rgba(0, 0, 0, 0.4))}:host([status=loading][_type=banner]) .alert-spinner{--fill-color:var(--icon-color)}:host([size=sm]:not([_type=banner])){--font-size:var(--cds-global-typography-font-size-1, calc((11 / var(--cds-global-base, 20)) * 1rem));--letter-spacing:normal}:host([_type=banner]) .alert-content-wrapper{-webkit-transform:none;transform:none;min-height:var(--cds-global-space-10,calc((32 / var(--cds-global-base,20)) * 1rem))}:host([_type=banner]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([_type=banner][status=warning]),:host([_type=default][status=warning]){--color:var(--cds-global-color-black, black)}:host([_type=banner][status=warning]) cds-alert-actions,:host([_type=default][status=warning]) cds-alert-actions{--action-hover-text-color:var(--color);--action-text-color:var(--color)}:host([_type=banner]) .spinner{height:calc(var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)));width:calc(var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)));min-height:calc(var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)));min-width:calc(var(--cds-global-space-8,calc((18 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)));margin-top:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))}:host([_type=banner]) cds-internal-close-button{height:var(--cds-global-space-9,calc((24 / var(--cds-global-base,20)) * 1rem));margin-top:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}@supports (-moz-appearance:none) and ((-webkit-text-emphasis:none) or (text-emphasis:none)){:host(:not([_type=banner]):not([size=sm])) .alert-content{-webkit-transform:translateY(calc(-1*var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))));transform:translateY(calc(-1*var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))))}}`;export default l;
|
|
2
2
|
//# sourceMappingURL=alert.element.scss.js.map
|
package/badge/badge.element.d.ts
CHANGED
|
@@ -30,8 +30,8 @@ export declare class CdsBadge extends LitElement {
|
|
|
30
30
|
*/
|
|
31
31
|
color: 'default' | 'gray' | 'purple' | 'blue' | 'orange' | 'light-blue' | null;
|
|
32
32
|
/**
|
|
33
|
-
* @type {neutral | info | success | warning | danger}
|
|
34
33
|
* Sets the color of the badge
|
|
34
|
+
* @type {'neutral' | 'info' | 'success' | 'warning' | 'danger'}
|
|
35
35
|
*/
|
|
36
36
|
status: StatusTypes;
|
|
37
37
|
render(): import("lit-html").TemplateResult<1>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var o=a`:host{--background:var(--cds-alias-status-neutral-shade, var(--cds-global-color-construction-700, #3a4d55));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-1, calc((11 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-font-weight-regular, 400);--size:var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem));--padding:0 var(--cds-global-space-2, calc((2 / 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(--background);--color:var(--cds-global-color-white, white);display:inline-block}.private-host{min-width:var(--size);min-height:var(--size);justify-content:center;border-radius:var(--border-radius);border:var(--border-width) solid var(--border-color);font-weight:var(--font-weight);letter-spacing:var(--cds-global-typography-body-letter-spacing,-.014286em);white-space:nowrap;background:var(--background);color:var(--color);padding:var(--padding);text-align:center;font-size:var(--font-size);display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center}:host(:visited){color:var(--color)}:host([status=info]){--background:var(--cds-alias-status-info-shade, var(--cds-global-color-blue-800, #00608a))}:host([status=success]){--background:var(--cds-alias-status-success-shade, var(--cds-global-color-green-800, #366a0c))}:host([status=warning]){--background:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600));--color:var(--cds-global-color-black, black)}:host([status=danger]){--background:var(--cds-alias-status-danger-shade, var(--cds-global-color-red-800, #c21d00))}:host([color=blue]){--background:var(--cds-global-color-blue-800, #00608a)}:host([color=purple]){--background:var(--cds-global-color-violet-500, #ac50d3)}:host([color=orange]){--background:var(--cds-global-color-
|
|
1
|
+
import{css as a}from"lit";var o=a`:host{--background:var(--cds-alias-status-neutral-shade, var(--cds-global-color-construction-700, #3a4d55));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));--font-size:var(--cds-global-typography-font-size-1, calc((11 / var(--cds-global-base, 20)) * 1rem));--font-weight:var(--cds-global-typography-font-weight-regular, 400);--size:var(--cds-global-space-7, calc((16 / var(--cds-global-base, 20)) * 1rem));--padding:0 var(--cds-global-space-2, calc((2 / 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(--background);--color:var(--cds-global-color-white, white);display:inline-block}.private-host{min-width:var(--size);min-height:var(--size);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--border-radius);border:var(--border-width) solid var(--border-color);font-weight:var(--font-weight);letter-spacing:var(--cds-global-typography-body-letter-spacing,-.014286em);white-space:nowrap;background:var(--background);color:var(--color);padding:var(--padding);text-align:center;font-size:var(--font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}:host(:visited){color:var(--color)}:host([status=info]){--background:var(--cds-alias-status-info-shade, var(--cds-global-color-blue-800, #00608a))}:host([status=success]){--background:var(--cds-alias-status-success-shade, var(--cds-global-color-green-800, #366a0c))}:host([status=warning]){--background:var(--cds-alias-status-warning-shade, var(--cds-global-color-ochre-600, #ffa600));--color:var(--cds-global-color-black, black)}:host([status=danger]){--background:var(--cds-alias-status-danger-shade, var(--cds-global-color-red-800, #c21d00))}:host([color=blue]){--background:var(--cds-global-color-blue-800, #00608a)}:host([color=purple]){--background:var(--cds-global-color-violet-500, #ac50d3)}:host([color=orange]){--background:var(--cds-global-color-tangerine-400, #ff8e3d);--color:var(--cds-global-color-black, black)}:host([color=light-blue]){--background:var(--cds-global-color-blue-300, #66d1ff);--color:var(--cds-global-color-black, black)}`;export default o;
|
|
2
2
|
//# sourceMappingURL=badge.element.scss.js.map
|
|
@@ -20,9 +20,9 @@ import { LitElement } from 'lit';
|
|
|
20
20
|
* @cssprop --color
|
|
21
21
|
*/
|
|
22
22
|
export declare class CdsBreadcrumb extends LitElement {
|
|
23
|
-
protected role: string;
|
|
24
23
|
private navItems;
|
|
25
24
|
private customSeparator;
|
|
25
|
+
role: string;
|
|
26
26
|
render(): import("lit-html").TemplateResult<1>;
|
|
27
27
|
private get separator();
|
|
28
28
|
private assignSlots;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{LitElement as
|
|
1
|
+
import{__decorate as t}from"tslib";import{LitElement as s,html as r}from"lit";import{createId as e,baseStyles as o,state as a,querySlot as i}from"@cds/core/internal";import l from"./breadcrumb.element.scss.js";class n extends s{constructor(){super(...arguments),this.navItems=[],this.role="navigation"}render(){return r`<div class="private-host"><ol cds-layout="horizontal gap:sm align:vertical-center">${this.slotNames.map((t=>r`<li cds-layout="horizontal gap:sm align:vertical-center"><slot name="${t}"></slot><span part="separator" aria-hidden="true">${this.separator}</span></li>`))}</ol></div><slot @slotchange="${this.assignSlots}"></slot>`}get separator(){if(this.customSeparator){const t=this.customSeparator.cloneNode(!0);return t.removeAttribute("slot"),t}return r`/`}assignSlots(){this.navItems=Array.from(this.children).filter((t=>"cds-separator"!==t.getAttribute("slot"))).map((t=>(t.setAttribute("slot",e()),t)))}get slotNames(){return this.navItems.map((t=>t.slot))}static get styles(){return[o,l]}}t([a({type:Array})],n.prototype,"navItems",void 0),t([i('[slot="cds-separator"]')],n.prototype,"customSeparator",void 0);export{n as CdsBreadcrumb};
|
|
2
2
|
//# sourceMappingURL=breadcrumb.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.element.js","sources":["../../../src/breadcrumb/breadcrumb.element.ts"],"sourcesContent":null,"names":["CdsBreadcrumb","LitElement","[object Object]","super","arguments","this","
|
|
1
|
+
{"version":3,"file":"breadcrumb.element.js","sources":["../../../src/breadcrumb/breadcrumb.element.ts"],"sourcesContent":null,"names":["CdsBreadcrumb","LitElement","[object Object]","super","arguments","this","navItems","role","html","slotNames","map","slotName","separator","assignSlots","customSeparator","separatorClone","cloneNode","removeAttribute","Array","from","children","filter","c","getAttribute","element","setAttribute","createId","slot","styles","baseStyles","__decorate","state","type","prototype","querySlot"],"mappings":"kNAwBO,MAAMA,UAAsBC,EAC/BC,cACIC,SAASC,WACTC,KAAKC,SAAW,GAChBD,KAAKE,KAAO,aAEhBL,SACI,OAAOM,CAAK,sFAGRH,KAAKI,UAAUC,KAAIC,GAAYH,CAAK,wEAElBG,uDAC8BN,KAAKO,0DAKvCP,KAAKQ,uBAG3BD,gBACI,GAAIP,KAAKS,gBAAiB,CACtB,MAAMC,EAAiBV,KAAKS,gBAAgBE,WAAU,GAEtD,OADAD,EAAeE,gBAAgB,QACxBF,EAGP,OAAOP,CAAK,IAGpBN,cACIG,KAAKC,SAAWY,MAAMC,KAAKd,KAAKe,UAC3BC,QAAOC,GAAgC,kBAA3BA,EAAEC,aAAa,UAC3Bb,KAAIc,IACLA,EAAQC,aAAa,OAAQC,KACtBF,KAGff,gBACI,OAAOJ,KAAKC,SAASI,KAAIc,GAAWA,EAAQG,OAEhDC,oBACI,MAAO,CAACC,EAAYD,IAG5BE,EAAW,CACPC,EAAM,CAAEC,KAAMd,SACflB,EAAciC,UAAW,gBAAY,GACxCH,EAAW,CACPI,EAAU,2BACXlC,EAAciC,UAAW,uBAAmB"}
|
|
@@ -54,8 +54,8 @@ export declare class CdsButton extends CdsBaseButton {
|
|
|
54
54
|
/** Sets if the button should be full width with display block */
|
|
55
55
|
block: boolean;
|
|
56
56
|
/**
|
|
57
|
-
* @type {default | loading | success | error}
|
|
58
57
|
* Changes the button content based on the value passed.
|
|
58
|
+
* @type {default | loading | success | error}
|
|
59
59
|
*
|
|
60
60
|
* - `default`: shows the content of the button
|
|
61
61
|
* - `loading`: disables the button and shows a spinner inside the button
|
package/button/button.element.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{CdsBaseButton as s,getElementWidth as e,baseStyles as i,property as o}from"@cds/core/internal";import{html as a}from"lit";import
|
|
1
|
+
import{__decorate as t}from"tslib";import{CdsBaseButton as s,getElementWidth as e,baseStyles as i,property as o}from"@cds/core/internal";import{html as a}from"lit";import d from"./button.element.scss.js";var r;!function(t){t.default="default",t.loading="loading",t.success="success",t.error="error"}(r||(r={}));class l extends s{constructor(){super(...arguments),this.action="solid",this.status="primary",this.size="md",this.block=!1,this._loadingState=r.default,this._disabled=!1}get loadingState(){return this._loadingState}set loadingState(t){this._loadingState===r.default&&(this._disabled=this.disabled),t===r.default?this.enableButton():this.disableButton();const s=this._loadingState;this._loadingState=t,this.requestUpdate("loadingState",s)}render(){return a`<div class="private-host" cds-layout="horizontal gap:sm wrap:none align:center">${this.loadingState===r.success?a`<cds-icon shape="check" status="success" size="18"></cds-icon>`:""} ${this.loadingState===r.error?a`<cds-icon shape="error-standard" status="danger" size="18"></cds-icon>`:""} ${this.loadingState===r.loading?a`<cds-progress-circle .size="${"sm"===this.size?"12":"18"}" status="info"></cds-progress-circle>`:""} ${this.loadingState===r.default?a`<slot></slot>`:""}</div>`}async disableButton(){await this.updateComplete,this.style.width=e(this),this.disabled=!0}enableButton(){this.style.removeProperty("width"),this.disabled=this._disabled}}l.styles=[i,d],t([o({type:String})],l.prototype,"action",void 0),t([o({type:String})],l.prototype,"status",void 0),t([o({type:String})],l.prototype,"size",void 0),t([o({type:Boolean})],l.prototype,"block",void 0),t([o({type:String})],l.prototype,"loadingState",null);export{l as CdsButton,r as ClrLoadingState};
|
|
2
2
|
//# sourceMappingURL=button.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.element.js","sources":["../../../src/button/button.element.ts"],"sourcesContent":null,"names":["ClrLoadingState","CdsButton","CdsBaseButton","[object Object]","super","arguments","this","action","status","size","block","_loadingState","default","_disabled","loadingState","value","disabled","enableButton","disableButton","oldValue","requestUpdate","html","success","error","loading","updateComplete","style","width","getElementWidth","removeProperty","styles","baseStyles","
|
|
1
|
+
{"version":3,"file":"button.element.js","sources":["../../../src/button/button.element.ts"],"sourcesContent":null,"names":["ClrLoadingState","CdsButton","CdsBaseButton","[object Object]","super","arguments","this","action","status","size","block","_loadingState","default","_disabled","loadingState","value","disabled","enableButton","disableButton","oldValue","requestUpdate","html","success","error","loading","updateComplete","style","width","getElementWidth","removeProperty","styles","baseStyles","__decorate","property","type","String","prototype","Boolean"],"mappings":"4MASU,IAACA,GACX,SAAWA,GACPA,EAAyB,QAAI,UAC7BA,EAAyB,QAAI,UAC7BA,EAAyB,QAAI,UAC7BA,EAAuB,MAAI,QAJ/B,CAKGA,IAAoBA,EAAkB,KA8BlC,MAAMC,UAAkBC,EAC3BC,cACIC,SAASC,WAQTC,KAAKC,OAAS,QAIdD,KAAKE,OAAS,UAIdF,KAAKG,KAAO,KAEZH,KAAKI,OAAQ,EACbJ,KAAKK,cAAgBX,EAAgBY,QACrCN,KAAKO,WAAY,EAWrBC,mBACI,OAAOR,KAAKK,cAEhBG,iBAAiBC,GAETT,KAAKK,gBAAkBX,EAAgBY,UACvCN,KAAKO,UAAYP,KAAKU,UAEtBD,IAAUf,EAAgBY,QAC1BN,KAAKW,eAGLX,KAAKY,gBAET,MAAMC,EAAWb,KAAKK,cACtBL,KAAKK,cAAgBI,EACrBT,KAAKc,cAAc,eAAgBD,GAEvChB,SACI,OAAOkB,CAAK,mFACZf,KAAKQ,eAAiBd,EAAgBsB,QAChCD,CAAK,iEACL,MACNf,KAAKQ,eAAiBd,EAAgBuB,MAChCF,CAAK,yEACL,MACNf,KAAKQ,eAAiBd,EAAgBwB,QAChCH,CAAK,+BAA4C,OAAdf,KAAKG,KAAgB,KAAO,6CAC/D,MACNH,KAAKQ,eAAiBd,EAAgBY,QAAUS,CAAK,gBAAkB,WAG3ElB,4BACUG,KAAKmB,eACXnB,KAAKoB,MAAMC,MAAQC,EAAgBtB,MACnCA,KAAKU,UAAW,EAEpBb,eACIG,KAAKoB,MAAMG,eAAe,SAC1BvB,KAAKU,SAAWV,KAAKO,WAG7BZ,EAAU6B,OAAS,CAACC,EAAYD,GAChCE,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBlC,EAAUmC,UAAW,cAAU,GAClCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBlC,EAAUmC,UAAW,cAAU,GAClCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBlC,EAAUmC,UAAW,YAAQ,GAChCJ,EAAW,CACPC,EAAS,CAAEC,KAAMG,WAClBpC,EAAUmC,UAAW,aAAS,GACjCJ,EAAW,CACPC,EAAS,CAAEC,KAAMC,UAClBlC,EAAUmC,UAAW,eAAgB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as o}from"lit";var a=o`:host{--font-weight:var(--cds-global-typography-font-weight-semibold, 600);--font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);--text-transform:uppercase;--letter-spacing:0.12em}.private-host{font-family:var(--font-family);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);text-transform:var(--text-transform)}:host([size=sm]) .private-host{--letter-spacing:0.073em}:host([action*=flat]) ::slotted(cds-badge),:host([action=outline]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=success]) ::slotted(cds-badge),:host([action=outline][status=success]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=warning]) ::slotted(cds-badge),:host([action=outline][status=warning]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500));--background:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=danger]) ::slotted(cds-badge),:host([action=outline][status=danger]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=neutral]) ::slotted(cds-badge),:host([action=outline][status=neutral]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host(:not([action=outline]):not([action*=flat])) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action=solid][status=warning]) ::slotted(cds-badge){--border-color:var(--cds-global-color-construction-900, #21333b);--color:var(--cds-global-color-construction-900, #21333b)}:host([action*=flat][disabled]) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse]) ::slotted(cds-badge){--border-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))!important;--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))!important;--font-weight:var(--cds-global-typography-font-weight-semibold, 600)!important}:host([disabled]) ::slotted(cds-badge),:host([status=inverse]) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled][action*=flat]) ::slotted(cds-badge),:host([disabled][action=outline]) ::slotted(cds-badge),:host([disabled][status=inverse]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important;--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important}::slotted(span)::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((.1475em + 0em)*-1) + .037em)}::slotted(span)::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - .1475em - .1703em - .517em) + 0em)*-1) - .044em)}`;export default a;
|
|
1
|
+
import{css as a}from"lit";var o=a`:host{--box-shadow-color:var(--cds-alias-object-opacity-100, rgba(0, 0, 0, 0.2));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--border-width:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem));--border-color:var(--background);--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--font-size:var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--padding:calc(var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem)) - var(--border-width));--height:var(--cds-global-space-11, calc((36 / var(--cds-global-base, 20)) * 1rem));--min-width:var(--cds-global-space-13, calc((72 / var(--cds-global-base, 20)) * 1rem));--text-decoration:none;--font-weight:var(--cds-global-typography-font-weight-semibold, 600);--font-family:var(--cds-global-typography-font-family, "Clarity City", "Avenir Next", sans-serif);--text-transform:uppercase;--letter-spacing:0.12em;display:inline-block;height:var(--height)}.private-host,.private-host>span{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.private-host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-appearance:none!important;border-color:var(--border-color);border-radius:var(--border-radius);border-style:solid;border-width:var(--border-width);color:var(--color);cursor:pointer;font-size:var(--font-size);line-height:1em;min-width:var(--min-width);overflow:visible;padding:var(--padding);position:relative;text-align:center;-webkit-text-decoration:var(--text-decoration);text-decoration:var(--text-decoration);text-overflow:ellipsis;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap;width:100%;font-family:var(--font-family);font-weight:var(--font-weight);letter-spacing:var(--letter-spacing);text-transform:var(--text-transform)}.private-host>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}cds-progress-circle{--ring-color:var(--cds-global-color-construction-400, #859399)}:host(:active) .private-host,:host(:active) .private-host::after{-webkit-box-shadow:0 var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) 0 0 var(--box-shadow-color) inset;box-shadow:0 var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) 0 0 var(--box-shadow-color) inset}.private-host::after{--offset:calc(-1 * var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)));background:var(--background);border-radius:var(--border-radius);position:absolute;content:"";top:var(--offset);left:var(--offset);bottom:var(--offset);right:var(--offset);inset:var(--offset);z-index:-1}:host(:active) .private-host::after,:host(:focus) .private-host::after,:host(:hover) .private-host::after{-webkit-filter:brightness(90%);filter:brightness(90%)}:host([action=outline]) .private-host::after{-webkit-filter:brightness(100%);filter:brightness(100%);opacity:0}:host([action=outline]:active) .private-host::after,:host([action=outline]:focus) .private-host::after,:host([action=outline]:hover) .private-host::after,:host([status=inverse]:active) .private-host::after,:host([status=inverse]:focus) .private-host::after,:host([status=inverse]:hover) .private-host::after{opacity:.1}::slotted{line-height:1em!important;color:inherit!important}::slotted(cds-icon){--color:inherit;height:calc(var(--font-size) + (2*var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))));width:calc(var(--font-size) + (2*var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))))}:host([status=success]){--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning]){--background:var(--cds-alias-status-warning, var(--cds-global-color-ochre-500, #ffb92e));--color:var(--cds-global-color-construction-900, #21333b)}:host([status=danger]){--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral]){--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([action=outline]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--border-color:var(--color)}:host([status=success][action=outline]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action=outline]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action=outline]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action=outline]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled][status=inverse]),:host([disabled][status=inverse][action=outline]),:host([status=inverse]){--border-color:var(--color)}:host([action*=flat]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([action=flat-inline]){--height:auto;--padding:0;--min-width:auto;line-height:0}:host([status=success][action*=flat]){--color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e))}:host([status=warning][action*=flat]){--color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500))}:host([status=danger][action*=flat]){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([status=neutral][action*=flat]){--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse][action*=flat]){--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([size=sm]){--padding:var(--cds-global-space-4, calc((6 / var(--cds-global-base, 20)) * 1rem)) var(--cds-global-space-6, calc((12 / var(--cds-global-base, 20)) * 1rem));--height:calc(var(--cds-global-space-9, calc((24 / var(--cds-global-base, 20)) * 1rem)) + var(--cds-global-space-1, calc((1 / var(--cds-global-base, 20)) * 1rem)))}:host([size=sm]) .private-host .spinner:not(.spinner-check){height:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));width:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));min-height:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem));min-width:var(--cds-global-space-6,calc((12 / var(--cds-global-base,20)) * 1rem))}:host([disabled]:active){pointer-events:none!important}:host([disabled]),:host([disabled][action=outline]){--background:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border-color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--box-shadow-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([disabled]) .private-host,:host([disabled][action=outline]) .private-host{cursor:not-allowed;outline:0}:host([disabled]) .private-host::after,:host([disabled][action=outline]) .private-host::after{-webkit-filter:brightness(100%)!important;filter:brightness(100%)!important;opacity:1!important}:host([disabled][action*=flat]),:host([disabled][action=outline]),:host([disabled][status=inverse]){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))}:host([disabled][action*=flat]){--border-color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))}:host([block]){width:100%}:host([size=sm]) .private-host{--letter-spacing:0.073em}:host([action*=flat]) ::slotted(cds-badge),:host([action=outline]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=success]) ::slotted(cds-badge),:host([action=outline][status=success]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--background:var(--cds-alias-status-success, var(--cds-global-color-green-700, #42810e));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=warning]) ::slotted(cds-badge),:host([action=outline][status=warning]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500));--background:var(--cds-alias-status-warning-dark, var(--cds-global-color-ochre-800, #a36500));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=danger]) ::slotted(cds-badge),:host([action=outline][status=danger]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--background:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action*=flat][status=neutral]) ::slotted(cds-badge),:host([action=outline][status=neutral]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--background:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host(:not([action=outline]):not([action*=flat])) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))}:host([action=solid][status=warning]) ::slotted(cds-badge){--border-color:var(--cds-global-color-construction-900, #21333b);--color:var(--cds-global-color-construction-900, #21333b)}:host([action*=flat][disabled]) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--border-color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169));--color:var(--cds-alias-status-neutral, var(--cds-global-color-construction-600, #4f6169))}:host([status=inverse]) ::slotted(cds-badge){--border-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))!important;--color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white))!important;--font-weight:var(--cds-global-typography-font-weight-semibold, 600)!important}:host([disabled]) ::slotted(cds-badge),:host([status=inverse]) ::slotted(cds-badge){--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0))!important}:host([disabled][action*=flat]) ::slotted(cds-badge),:host([disabled][action=outline]) ::slotted(cds-badge),:host([disabled][status=inverse]) ::slotted(cds-badge){--border-color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important;--color:var(--cds-alias-status-disabled, var(--cds-global-color-construction-300, #aeb8bc))!important}::slotted(span)::before{content:"";display:block;height:0;width:0;margin-bottom:calc(((.1475em + 0em)*-1) + .037em)}::slotted(span)::after{content:"";display:block;height:0;width:0;margin-top:calc((((1em - .1475em - .1703em - .517em) + 0em)*-1) - .044em)}`;export default o;
|
|
2
2
|
//# sourceMappingURL=button.element.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{
|
|
1
|
+
import{__decorate as t}from"tslib";import{property as e}from"@cds/core/internal";import r from"./icon-button.element.scss.js";import{CdsButton as o}from"./button.element.js";class s extends o{static get styles(){return[super.styles,r]}}t([e({type:String,required:"warning"})],s.prototype,"ariaLabel",void 0);export{s as CdsIconButton};
|
|
2
2
|
//# sourceMappingURL=icon-button.element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-button.element.js","sources":["../../../src/button/icon-button.element.ts"],"sourcesContent":null,"names":["CdsIconButton","CdsButton","styles","
|
|
1
|
+
{"version":3,"file":"icon-button.element.js","sources":["../../../src/button/icon-button.element.ts"],"sourcesContent":null,"names":["CdsIconButton","CdsButton","styles","super","__decorate","property","type","String","required","prototype"],"mappings":"8KAgCO,MAAMA,UAAsBC,EAC/BC,oBACI,MAAO,CAACC,MAAMD,OAAQA,IAG9BE,EAAW,CACPC,EAAS,CAAEC,KAAMC,OAAQC,SAAU,aACpCR,EAAcS,UAAW,iBAAa"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as t}from"lit";var o=t`:host{--text-decoration:underline;--color:var(--cds-global-typography-link-color, var(--cds-global-color-blue-800, #00608a));--font-size:inherit;--line-height:inherit;--letter-spacing:inherit;display:inline;line-height:inherit;font-size:inherit}.private-host{color:var(--color)!important;line-height:var(--line-height)!important;font-size:var(--font-size)!important;letter-spacing:var(--letter-spacing)!important;text-decoration:var(--text-decoration)!important;cursor:pointer!important}.private-host,slot{display:inline}::slotted(cds-icon){--color:inherit;height:1em;width:1em;margin-top:calc(-1*var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)));font-size:var(--font-size)}::slotted(cds-icon:first-child){margin-right:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))}::slotted(cds-icon:last-child){margin-left:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))}:host([disabled]) .private-host{cursor:not-allowed!important}:host(:active),:host(:hover){--color:var(--cds-global-typography-link-color-hover, var(--cds-global-color-blue-900, #004b6b));--text-decoration:underline}`;export default o;
|
|
1
|
+
import{css as t}from"lit";var o=t`:host{--text-decoration:underline;--color:var(--cds-global-typography-link-color, var(--cds-global-color-blue-800, #00608a));--font-size:inherit;--line-height:inherit;--letter-spacing:inherit;display:inline;line-height:inherit;font-size:inherit}.private-host{color:var(--color)!important;line-height:var(--line-height)!important;font-size:var(--font-size)!important;letter-spacing:var(--letter-spacing)!important;-webkit-text-decoration:var(--text-decoration)!important;text-decoration:var(--text-decoration)!important;cursor:pointer!important}.private-host,slot{display:inline}::slotted(cds-icon){--color:inherit;height:1em;width:1em;margin-top:calc(-1*var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)));font-size:var(--font-size)}::slotted(cds-icon:first-child){margin-right:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))}::slotted(cds-icon:last-child){margin-left:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem))}:host([disabled]) .private-host{cursor:not-allowed!important}:host(:active),:host(:hover){--color:var(--cds-global-typography-link-color-hover, var(--cds-global-color-blue-900, #004b6b));--text-decoration:underline}`;export default o;
|
|
2
2
|
//# sourceMappingURL=inline-button.element.scss.js.map
|
package/card/card.element.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__decorate as r}from"tslib";import{css as e}from"lit";import{
|
|
1
|
+
import{__decorate as r}from"tslib";import{css as e}from"lit";import{globalStyle as t}from"@cds/core/internal";import{CdsInternalPanel as o}from"@cds/core/internal-components/panel";import s from"./card.element.scss.js";class c extends o{constructor(){super(...arguments),this.role="region",this.globalStyles=e`[cds-card-remove-margin]{margin-left:calc(-1 * var(--card-remove-margin));width:calc(100% + calc(var(--card-remove-margin) * 2))}`}static get styles(){return[...super.styles,s]}}r([t()],c.prototype,"globalStyles",void 0);export{c as CdsCard};
|
|
2
2
|
//# sourceMappingURL=card.element.js.map
|
package/card/card.element.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.element.js","sources":["../../../src/card/card.element.ts"],"sourcesContent":null,"names":["CdsCard","CdsInternalPanel","[object Object]","super","arguments","this","role","globalStyles","css","styles","__decorate","
|
|
1
|
+
{"version":3,"file":"card.element.js","sources":["../../../src/card/card.element.ts"],"sourcesContent":null,"names":["CdsCard","CdsInternalPanel","[object Object]","super","arguments","this","role","globalStyles","css","styles","__decorate","globalStyle","prototype"],"mappings":"2NAkDO,MAAMA,UAAgBC,EACzBC,cACIC,SAASC,WACTC,KAAKC,KAAO,SACZD,KAAKE,aAAeC,CAAI,oIAO5BC,oBACI,MAAO,IAAIN,MAAMM,OAAQA,IAGjCC,EAAW,CACPC,KACDX,EAAQY,UAAW,oBAAgB"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var o=a`:host{--width:fit-content;--height:auto;--padding:var(--cds-global-space-6) var(--cds-global-space-8);--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-container-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--box-shadow:var(--cds-alias-object-shadow-100, 0
|
|
1
|
+
import{css as a}from"lit";var o=a`:host{--width:fit-content;--height:auto;--padding:var(--cds-global-space-6) var(--cds-global-space-8);--background:var(--cds-alias-object-container-background, var(--cds-global-color-white, white));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-object-container-border-color, var(--cds-global-color-construction-200, #cbd4d8));--border-radius:var(--cds-alias-object-border-radius-100, calc((4 / var(--cds-global-base, 20)) * 1rem));--box-shadow:var(--cds-alias-object-shadow-100, 0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 rgba(27, 43, 50, 0.5));--card-remove-margin:var(--cds-global-space-8)}@supports (-moz-appearance:none){:host{--width:-moz-fit-content}}`;export default o;
|
|
2
2
|
//# sourceMappingURL=card.element.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{css as a}from"lit";var r=a`:host{--color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--check-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--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-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81))}.input,.input::before{width:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));height:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem))}.input{position:relative;cursor:pointer}.input::before{background:var(--background);border:var(--border);border-radius:var(--border-radius);display:inline-block;position:absolute;content:""}.input::after{position:absolute;content:"";display:none;height:calc(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)));width:var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem));left:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem));border-left:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) solid;border-bottom:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) solid;border-color:var(--check-color);border-left-color:var(--check-color);border-bottom-color:var(--check-color);border-right-color:var(--check-color);border-top-color:var(--check-color);transform:translateY(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))) rotate(-45deg)}:host([_indeterminate]){--color:var(--cds-alias-
|
|
1
|
+
import{css as a}from"lit";var r=a`:host{--color:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--check-color:var(--cds-global-typography-color-100, var(--cds-global-color-white, white));--background:var(--cds-alias-object-opacity-0, rgba(0, 0, 0, 0));--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-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81))}.input,.input::before{width:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem));height:var(--cds-global-space-7,calc((16 / var(--cds-global-base,20)) * 1rem))}.input{position:relative;cursor:pointer}.input::before{background:var(--background);border:var(--border);border-radius:var(--border-radius);display:inline-block;position:absolute;content:""}.input::after{position:absolute;content:"";display:none;height:calc(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem)) + var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem)));width:var(--cds-global-space-5,calc((8 / var(--cds-global-base,20)) * 1rem));left:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem));border-left:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) solid;border-bottom:var(--cds-global-space-2,calc((2 / var(--cds-global-base,20)) * 1rem)) solid;border-color:var(--check-color);border-left-color:var(--check-color);border-bottom-color:var(--check-color);border-right-color:var(--check-color);border-top-color:var(--check-color);-webkit-transform:translateY(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))) rotate(-45deg);transform:translateY(var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))) rotate(-45deg)}:host([_indeterminate]){--color:var(--cds-alias-object-interaction-border-color, var(--cds-global-color-construction-500, #6a7a81))}:host([_indeterminate]) .input:after{border-left:none;border-bottom-color:var(--color);display:inline-block;-webkit-transform:translateY(calc(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))*.15));transform:translateY(calc(var(--cds-global-space-1,calc((1 / var(--cds-global-base,20)) * 1rem))*.15));top:var(--cds-global-space-3,calc((4 / var(--cds-global-base,20)) * 1rem))}:host([_checked]){--color:var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad));--background:var(--color);--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-info, var(--cds-global-color-blue-700, #0079ad))}:host([_checked]) .input:after{display:inline-block}:host([status=error]:not([_checked])){--color:var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-danger, var(--cds-global-color-red-700, #e02200))}:host([_disabled]){--color:var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8));--border:var(--cds-alias-object-border-width-100, calc((1 / var(--cds-global-base, 20)) * 1rem)) solid var(--cds-alias-status-disabled-tint, var(--cds-global-color-construction-200, #cbd4d8))}:host([_disabled]) .input{cursor:not-allowed}`;export default r;
|
|
2
2
|
//# sourceMappingURL=checkbox.element.scss.js.map
|