@cds/core 5.6.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/{internal/interfaces → button-action}/index.js.map +0 -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-inline.element.scss.js +2 -0
- 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 +30692 -69143
- package/custom-elements.legacy.json +946 -211
- 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/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/dropdown/index.js.map +1 -0
- package/dropdown/register.d.ts +6 -0
- package/dropdown/register.js +2 -0
- package/dropdown/register.js.map +1 -0
- 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/{index.d.ts → utils.d.ts} +0 -0
- package/forms/utils/utils.js +2 -0
- package/forms/utils/{index.js.map → utils.js.map} +1 -1
- package/global.css +1854 -1027
- 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/index.d.ts +2 -1
- package/index.js +1 -1
- 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 +5 -35
- 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/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 +14 -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/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/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.d.ts +2 -2
- package/internal/decorators/animate.js +1 -1
- 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/property.js +1 -1
- package/internal/decorators/property.js.map +1 -1
- package/internal/decorators/query-slot.d.ts +2 -2
- package/internal/index.d.ts +21 -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 +4 -5
- 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 +2 -2
- package/internal/services/i18n.service.d.ts +27 -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/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 +1 -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/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 +4 -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/lit.d.ts +5 -1
- package/internal/utils/lit.js +1 -1
- package/internal/utils/lit.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 +5 -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 +5 -14
- 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/index.js +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/index.js +1 -1
- package/internal-components/overlay/overlay.element.d.ts +35 -23
- 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/list/list.css +6 -6
- package/list/list.min.css +1 -1
- package/modal/modal-actions.element.js +1 -1
- package/modal/modal-content.element.d.ts +0 -1
- package/modal/modal-content.element.js +1 -1
- package/modal/modal-content.element.js.map +1 -1
- package/modal/modal.element.d.ts +14 -4
- 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.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 +5 -5
- package/navigation/navigation.element.js +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 +115 -90
- 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 +74 -55
- 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/styles/theme.dark.css +6 -8
- package/styles/theme.dark.min.css +1 -1
- 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 +33 -14
- package/tokens/tokens.d.ts +28 -9
- package/tokens/tokens.ios.swift +34 -15
- package/tokens/tokens.js +29 -10
- package/tokens/tokens.json +130 -29
- 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/_virtual/_virtual_library-entry-points +0 -2
- package/_virtual/_virtual_library-entry-points.map +0 -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 +0 -2
- 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/forms/utils/index.js +0 -2
- 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/interfaces/index.js +0 -2
- package/internal/utils/register.js +0 -2
- package/internal/utils/register.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
- package/styles/module.shims.css +0 -896
- package/styles/module.shims.min.css +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/styles/theme.dark.css
CHANGED
|
@@ -9,28 +9,26 @@
|
|
|
9
9
|
--cds-global-typography-link-color-visited: var(--cds-global-color-lavender-300);
|
|
10
10
|
--cds-global-typography-link-color-visited-hover: var(--cds-global-color-lavender-400);
|
|
11
11
|
--cds-alias-object-app-background: var(--cds-global-color-construction-1000);
|
|
12
|
-
--cds-alias-object-app-border-color: var(--cds-global-color-black);
|
|
13
12
|
--cds-alias-object-container-background: var(--cds-global-color-construction-900);
|
|
14
13
|
--cds-alias-object-container-background-tint: var(--cds-global-color-construction-1000);
|
|
15
14
|
--cds-alias-object-container-background-shade: var(--cds-global-color-construction-800);
|
|
16
15
|
--cds-alias-object-container-border-color: var(--cds-global-color-black);
|
|
17
16
|
--cds-alias-object-overlay-background: var(--cds-global-color-construction-900);
|
|
18
|
-
--cds-alias-object-overlay-border-color: var(--cds-global-color-black);
|
|
19
17
|
--cds-alias-object-border-color: var(--cds-global-color-construction-500);
|
|
20
18
|
--cds-alias-object-border-color-tint: var(--cds-global-color-construction-400);
|
|
21
19
|
--cds-alias-object-border-color-shade: var(--cds-global-color-construction-600);
|
|
22
|
-
--cds-alias-object-shadow-100: 0 var(--cds-global-space-1) var(--cds-global-space-2) 0
|
|
23
|
-
--cds-alias-object-shadow-200: 0 var(--cds-global-space-1) var(--cds-global-space-2) 0
|
|
24
|
-
--cds-alias-object-shadow-300: 0 var(--cds-global-space-1) var(--cds-global-space-2) 0
|
|
20
|
+
--cds-alias-object-shadow-100: 0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-300);
|
|
21
|
+
--cds-alias-object-shadow-200: 0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-200);
|
|
22
|
+
--cds-alias-object-shadow-300: 0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-100);
|
|
25
23
|
--cds-alias-object-interaction-color: var(--cds-global-color-construction-200);
|
|
26
24
|
--cds-alias-object-interaction-color-hover: var(--cds-global-color-construction-50);
|
|
27
25
|
--cds-alias-object-interaction-color-active: var(--cds-global-color-construction-100);
|
|
28
26
|
--cds-alias-object-interaction-color-selected: var(--cds-global-color-construction-200);
|
|
29
27
|
--cds-alias-object-interaction-color-disabled: var(--cds-global-color-construction-600);
|
|
30
28
|
--cds-alias-object-interaction-background: var(--cds-global-color-construction-900);
|
|
31
|
-
--cds-alias-object-interaction-background-hover: var(--cds-global-color-
|
|
32
|
-
--cds-alias-object-interaction-background-active: var(--cds-global-color-
|
|
33
|
-
--cds-alias-object-interaction-background-selected: var(--cds-global-color-
|
|
29
|
+
--cds-alias-object-interaction-background-hover: var(--cds-global-color-construction-700);
|
|
30
|
+
--cds-alias-object-interaction-background-active: var(--cds-global-color-construction-800);
|
|
31
|
+
--cds-alias-object-interaction-background-selected: var(--cds-global-color-construction-700);
|
|
34
32
|
--cds-alias-object-interaction-background-disabled: var(--cds-global-color-construction-900);
|
|
35
33
|
--cds-alias-object-interaction-background-highlight: var(--cds-global-color-blue-400);
|
|
36
34
|
--cds-alias-status-tint: transparent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
[cds-theme~=dark]{--cds-global-typography-color-500:var(--cds-global-color-white);--cds-global-typography-color-400:var(--cds-global-color-construction-100);--cds-global-typography-color-300:var(--cds-global-color-construction-200);--cds-global-typography-color-200:var(--cds-global-color-construction-600);--cds-global-typography-color-100:var(--cds-global-color-construction-900);--cds-global-typography-link-color:var(--cds-global-color-blue-400);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-500);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-300);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-400);--cds-alias-object-app-background:var(--cds-global-color-construction-1000);--cds-alias-object-
|
|
1
|
+
[cds-theme~=dark]{--cds-global-typography-color-500:var(--cds-global-color-white);--cds-global-typography-color-400:var(--cds-global-color-construction-100);--cds-global-typography-color-300:var(--cds-global-color-construction-200);--cds-global-typography-color-200:var(--cds-global-color-construction-600);--cds-global-typography-color-100:var(--cds-global-color-construction-900);--cds-global-typography-link-color:var(--cds-global-color-blue-400);--cds-global-typography-link-color-hover:var(--cds-global-color-blue-500);--cds-global-typography-link-color-visited:var(--cds-global-color-lavender-300);--cds-global-typography-link-color-visited-hover:var(--cds-global-color-lavender-400);--cds-alias-object-app-background:var(--cds-global-color-construction-1000);--cds-alias-object-container-background:var(--cds-global-color-construction-900);--cds-alias-object-container-background-tint:var(--cds-global-color-construction-1000);--cds-alias-object-container-background-shade:var(--cds-global-color-construction-800);--cds-alias-object-container-border-color:var(--cds-global-color-black);--cds-alias-object-overlay-background:var(--cds-global-color-construction-900);--cds-alias-object-border-color:var(--cds-global-color-construction-500);--cds-alias-object-border-color-tint:var(--cds-global-color-construction-400);--cds-alias-object-border-color-shade:var(--cds-global-color-construction-600);--cds-alias-object-shadow-100:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-300);--cds-alias-object-shadow-200:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-200);--cds-alias-object-shadow-300:0 var(--cds-global-space-1) var(--cds-global-space-2) 0 var(--cds-alias-object-opacity-100);--cds-alias-object-interaction-color:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-hover:var(--cds-global-color-construction-50);--cds-alias-object-interaction-color-active:var(--cds-global-color-construction-100);--cds-alias-object-interaction-color-selected:var(--cds-global-color-construction-200);--cds-alias-object-interaction-color-disabled:var(--cds-global-color-construction-600);--cds-alias-object-interaction-background:var(--cds-global-color-construction-900);--cds-alias-object-interaction-background-hover:var(--cds-global-color-construction-700);--cds-alias-object-interaction-background-active:var(--cds-global-color-construction-800);--cds-alias-object-interaction-background-selected:var(--cds-global-color-construction-700);--cds-alias-object-interaction-background-disabled:var(--cds-global-color-construction-900);--cds-alias-object-interaction-background-highlight:var(--cds-global-color-blue-400);--cds-alias-status-tint:transparent;--cds-alias-status-info:var(--cds-global-color-blue-400);--cds-alias-status-info-tint:var(--cds-global-color-blue-700);--cds-alias-status-info-shade:var(--cds-global-color-blue-700);--cds-alias-status-success:var(--cds-global-color-green-500);--cds-alias-status-success-tint:var(--cds-global-color-green-700);--cds-alias-status-success-shade:var(--cds-global-color-green-700);--cds-alias-status-warning:var(--cds-global-color-ochre-400);--cds-alias-status-warning-tint:var(--cds-global-color-ochre-500);--cds-alias-status-warning-shade:var(--cds-global-color-ochre-500);--cds-alias-status-warning-dark:var(--cds-global-color-ochre-500);--cds-alias-status-danger:var(--cds-global-color-red-500);--cds-alias-status-danger-dark:var(--cds-global-color-red-800);--cds-alias-status-danger-tint:var(--cds-global-color-red-700);--cds-alias-status-danger-shade:var(--cds-global-color-red-700);--cds-alias-status-neutral:var(--cds-global-color-construction-300);--cds-alias-status-neutral-tint:var(--cds-global-color-construction-500);--cds-alias-status-neutral-shade:var(--cds-global-color-construction-500);--cds-alias-status-disabled:var(--cds-global-color-construction-600);--cds-alias-status-disabled-tint:var(--cds-global-color-construction-700);--cds-alias-status-disabled-shade:var(--cds-global-color-construction-800)}
|
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>
|
|
@@ -347,9 +363,9 @@
|
|
|
347
363
|
<color name="aliasObjectBorderColor" alias="globalColorConstruction200">#cbd4d8</color>
|
|
348
364
|
<color name="aliasObjectBorderColorTint" alias="globalColorConstruction100">#e3eaed</color>
|
|
349
365
|
<color name="aliasObjectBorderColorShade" alias="globalColorConstruction300">#aeb8bc</color>
|
|
350
|
-
<property name="aliasObjectShadow100">0
|
|
351
|
-
<property name="aliasObjectShadow200">0
|
|
352
|
-
<property name="aliasObjectShadow300">0
|
|
366
|
+
<property name="aliasObjectShadow100">0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.5)</property>
|
|
367
|
+
<property name="aliasObjectShadow200">0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.3)</property>
|
|
368
|
+
<property name="aliasObjectShadow300">0 calc((1 / var(--cds-global-base, 20)) * 1rem) calc((3 / var(--cds-global-base, 20)) * 1rem) 0 hsla(198, 30%, 15%, 0.2)</property>
|
|
353
369
|
<property name="aliasObjectOpacity0">hsla(0, 0%, 0%, 0)</property>
|
|
354
370
|
<property name="aliasObjectOpacity100">hsla(0, 0%, 0%, 0.2)</property>
|
|
355
371
|
<property name="aliasObjectOpacity200">hsla(0, 0%, 0%, 0.4)</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>
|