@alfalab/core-components 46.0.0-beta.7 → 47.0.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/amount-input/Component.js +1 -2
- package/amount-input/cssm/Component.js +1 -2
- package/amount-input/esm/Component.js +1 -2
- package/amount-input/esm/index.js +0 -1
- package/amount-input/modern/Component.js +1 -2
- package/amount-input/modern/index.js +0 -1
- package/button/Component.responsive.js +1 -2
- package/button/cssm/Component.responsive.js +1 -2
- package/button/esm/Component.responsive.js +2 -2
- package/button/esm/index.js +1 -1
- package/button/modern/Component.responsive.js +2 -2
- package/button/modern/index.js +1 -1
- package/calendar/Component.responsive.js +1 -2
- package/calendar/cssm/Component.responsive.js +1 -2
- package/calendar/esm/Component.responsive.js +2 -2
- package/calendar/esm/index.js +1 -1
- package/calendar/modern/Component.responsive.js +2 -2
- package/calendar/modern/index.js +1 -1
- package/calendar-input/Component.responsive.js +1 -2
- package/calendar-input/cssm/Component.responsive.js +1 -2
- package/calendar-input/esm/Component.responsive.js +1 -2
- package/calendar-input/esm/index.js +0 -1
- package/calendar-input/modern/Component.responsive.js +1 -2
- package/calendar-input/modern/index.js +0 -1
- package/checkbox-group/Component.responsive.js +1 -2
- package/checkbox-group/cssm/Component.responsive.js +1 -2
- package/checkbox-group/esm/Component.responsive.js +1 -2
- package/checkbox-group/esm/index.js +0 -1
- package/checkbox-group/modern/Component.responsive.js +1 -2
- package/checkbox-group/modern/index.js +0 -1
- package/code-input/Component.responsive.js +1 -2
- package/code-input/cssm/Component.responsive.js +1 -2
- package/code-input/esm/Component.responsive.js +1 -2
- package/code-input/esm/index.js +0 -1
- package/code-input/modern/Component.responsive.js +1 -2
- package/code-input/modern/index.js +0 -1
- package/confirmation/component.responsive.js +1 -2
- package/confirmation/components/base-confirmation/component.js +1 -2
- package/confirmation/cssm/component.responsive.js +1 -2
- package/confirmation/cssm/components/base-confirmation/component.js +1 -2
- package/confirmation/esm/component.responsive.js +1 -2
- package/confirmation/esm/components/base-confirmation/component.js +1 -2
- package/confirmation/esm/components/base-confirmation/index.js +0 -1
- package/confirmation/esm/desktop/component.desktop.js +0 -1
- package/confirmation/esm/desktop/index.js +0 -1
- package/confirmation/esm/index.js +0 -1
- package/confirmation/esm/mobile/component.mobile.js +0 -1
- package/confirmation/esm/mobile/index.js +0 -1
- package/confirmation/modern/component.responsive.js +1 -2
- package/confirmation/modern/components/base-confirmation/component.js +1 -2
- package/confirmation/modern/components/base-confirmation/index.js +0 -1
- package/confirmation/modern/desktop/component.desktop.js +0 -1
- package/confirmation/modern/desktop/index.js +0 -1
- package/confirmation/modern/index.js +0 -1
- package/confirmation/modern/mobile/component.mobile.js +0 -1
- package/confirmation/modern/mobile/index.js +0 -1
- package/custom-picker-button/Component.responsive.js +1 -2
- package/custom-picker-button/cssm/Component.responsive.js +1 -2
- package/custom-picker-button/esm/Component.responsive.js +1 -2
- package/custom-picker-button/esm/index.js +0 -1
- package/custom-picker-button/modern/Component.responsive.js +1 -2
- package/custom-picker-button/modern/index.js +0 -1
- package/date-range-input/Component.responsive.js +1 -2
- package/date-range-input/cssm/Component.responsive.js +1 -2
- package/date-range-input/esm/Component.responsive.js +1 -2
- package/date-range-input/esm/index.js +0 -1
- package/date-range-input/modern/Component.responsive.js +1 -2
- package/date-range-input/modern/index.js +0 -1
- package/date-time-input/Component.responsive.js +1 -2
- package/date-time-input/cssm/Component.responsive.js +1 -2
- package/date-time-input/esm/Component.responsive.js +1 -2
- package/date-time-input/esm/index.js +0 -1
- package/date-time-input/modern/Component.responsive.js +1 -2
- package/date-time-input/modern/index.js +0 -1
- package/filter-tag/Component.responsive.js +1 -2
- package/filter-tag/cssm/Component.responsive.js +1 -2
- package/filter-tag/esm/Component.responsive.js +1 -2
- package/filter-tag/esm/index.js +0 -1
- package/filter-tag/modern/Component.responsive.js +1 -2
- package/filter-tag/modern/index.js +0 -1
- package/form-control/Component.responsive.js +1 -2
- package/form-control/cssm/Component.responsive.js +1 -2
- package/form-control/esm/Component.responsive.js +2 -2
- package/form-control/esm/index.js +1 -1
- package/form-control/modern/Component.responsive.js +2 -2
- package/form-control/modern/index.js +1 -1
- package/icon-button/Component.d.ts +0 -10
- package/icon-button/Component.js +3 -4
- package/icon-button/cssm/Component.d.ts +0 -10
- package/icon-button/cssm/Component.js +1 -2
- package/icon-button/cssm/default.module.css +3 -35
- package/icon-button/cssm/inverted.module.css +3 -35
- package/icon-button/default.css +3 -35
- package/icon-button/esm/Component.d.ts +0 -10
- package/icon-button/esm/Component.js +3 -4
- package/icon-button/esm/default.css +3 -35
- package/icon-button/esm/inverted.css +3 -35
- package/icon-button/inverted.css +3 -35
- package/icon-button/modern/Component.d.ts +0 -10
- package/icon-button/modern/Component.js +3 -4
- package/icon-button/modern/default.css +3 -35
- package/icon-button/modern/inverted.css +3 -35
- package/input/Component.responsive.js +1 -2
- package/input/cssm/Component.responsive.js +1 -2
- package/input/esm/Component.responsive.js +2 -2
- package/input/esm/index.js +1 -1
- package/input/modern/Component.responsive.js +2 -2
- package/input/modern/index.js +1 -1
- package/input-autocomplete/Component.responsive.js +1 -2
- package/input-autocomplete/cssm/Component.responsive.js +1 -2
- package/input-autocomplete/esm/Component.responsive.js +2 -2
- package/input-autocomplete/esm/index.js +1 -1
- package/input-autocomplete/modern/Component.responsive.js +2 -2
- package/input-autocomplete/modern/index.js +1 -1
- package/international-phone-input/{Component-1fe708ea.d.ts → Component-0f35b62f.d.ts} +1 -1
- package/international-phone-input/Component.responsive.d.ts +4 -4
- package/international-phone-input/Component.responsive.js +1 -2
- package/international-phone-input/components/base-international-phone-input/Component.d.ts +1 -1
- package/international-phone-input/cssm/{Component-1fe708ea.d.ts → Component-0f35b62f.d.ts} +1 -1
- package/international-phone-input/cssm/Component.responsive.d.ts +4 -4
- package/international-phone-input/cssm/Component.responsive.js +1 -2
- package/international-phone-input/cssm/components/base-international-phone-input/Component.d.ts +1 -1
- package/international-phone-input/cssm/types.d.ts +1 -1
- package/international-phone-input/cssm/{typings-1fe708ea.d.ts → typings-0f35b62f.d.ts} +32 -6
- package/international-phone-input/cssm/utils-89376c31.d.ts +1 -1
- package/international-phone-input/esm/{Component-1fe708ea.d.ts → Component-0f35b62f.d.ts} +1 -1
- package/international-phone-input/esm/Component.responsive.d.ts +4 -4
- package/international-phone-input/esm/Component.responsive.js +2 -2
- package/international-phone-input/esm/components/base-international-phone-input/Component.d.ts +1 -1
- package/international-phone-input/esm/index.js +1 -1
- package/international-phone-input/esm/types.d.ts +1 -1
- package/international-phone-input/esm/{typings-1fe708ea.d.ts → typings-0f35b62f.d.ts} +32 -6
- package/international-phone-input/esm/utils-89376c31.d.ts +1 -1
- package/international-phone-input/modern/{Component-1fe708ea.d.ts → Component-0f35b62f.d.ts} +1 -1
- package/international-phone-input/modern/Component.responsive.d.ts +4 -4
- package/international-phone-input/modern/Component.responsive.js +2 -2
- package/international-phone-input/modern/components/base-international-phone-input/Component.d.ts +1 -1
- package/international-phone-input/modern/index.js +1 -1
- package/international-phone-input/modern/types.d.ts +1 -1
- package/international-phone-input/modern/{typings-1fe708ea.d.ts → typings-0f35b62f.d.ts} +32 -6
- package/international-phone-input/modern/utils-89376c31.d.ts +1 -1
- package/international-phone-input/types.d.ts +1 -1
- package/international-phone-input/{typings-1fe708ea.d.ts → typings-0f35b62f.d.ts} +32 -6
- package/international-phone-input/utils-89376c31.d.ts +1 -1
- package/markdown/Component.responsive.js +1 -1
- package/markdown/cssm/Component.responsive.js +1 -1
- package/markdown/esm/Component.responsive.js +2 -2
- package/markdown/modern/Component.responsive.js +2 -2
- package/modal/Component.responsive.js +1 -2
- package/modal/components/controls/Component.js +1 -1
- package/modal/components/footer/Component.js +1 -1
- package/modal/cssm/Component.responsive.js +1 -2
- package/modal/esm/Component.responsive.js +3 -3
- package/modal/esm/components/controls/Component.js +1 -1
- package/modal/esm/components/controls/index.js +1 -1
- package/modal/esm/components/footer/Component.js +1 -1
- package/modal/esm/desktop/Component.desktop.js +1 -1
- package/modal/esm/desktop/index.js +1 -1
- package/modal/esm/index.js +2 -2
- package/modal/esm/mobile/Component.mobile.js +1 -1
- package/modal/esm/mobile/index.js +1 -1
- package/modal/modern/Component.responsive.js +3 -3
- package/modal/modern/components/controls/Component.js +1 -1
- package/modal/modern/components/controls/index.js +1 -1
- package/modal/modern/components/footer/Component.js +1 -1
- package/modal/modern/desktop/Component.desktop.js +1 -1
- package/modal/modern/desktop/index.js +1 -1
- package/modal/modern/index.js +2 -2
- package/modal/modern/mobile/Component.mobile.js +1 -1
- package/modal/modern/mobile/index.js +1 -1
- package/number-input/Component.responsive.js +1 -2
- package/number-input/cssm/Component.responsive.js +1 -2
- package/number-input/esm/Component.responsive.js +2 -2
- package/number-input/esm/index.js +1 -1
- package/number-input/modern/Component.responsive.js +2 -2
- package/number-input/modern/index.js +1 -1
- package/package.json +1 -1
- package/pattern-lock/Component.responsive.js +1 -2
- package/pattern-lock/cssm/Component.responsive.js +1 -2
- package/pattern-lock/esm/Component.responsive.js +2 -2
- package/pattern-lock/esm/index.js +1 -1
- package/pattern-lock/modern/Component.responsive.js +2 -2
- package/pattern-lock/modern/index.js +1 -1
- package/picker-button/Component-0f35b62f.d.ts +5 -0
- package/picker-button/Component-307da6d7.d.ts +168 -0
- package/picker-button/Component.responsive.js +1 -2
- package/picker-button/Context-c2e6f1b2.d.ts +4 -0
- package/picker-button/cssm/Component-0f35b62f.d.ts +5 -0
- package/picker-button/cssm/Component-307da6d7.d.ts +168 -0
- package/picker-button/cssm/Component.responsive.js +1 -2
- package/picker-button/cssm/Context-c2e6f1b2.d.ts +4 -0
- package/picker-button/cssm/field/Component.d.ts +1 -1
- package/picker-button/cssm/index-064acd29.d.ts +13 -0
- package/picker-button/cssm/index-307da6d7.d.ts +67 -0
- package/picker-button/cssm/mobile/Component.mobile.js +1 -2
- package/picker-button/cssm/types-a870d1f8.d.ts +117 -0
- package/picker-button/cssm/{typings-1fe708ea.d.ts → typings-0f35b62f.d.ts} +42 -415
- package/picker-button/cssm/utils-89376c31.d.ts +1 -1
- package/picker-button/esm/Component-0f35b62f.d.ts +5 -0
- package/picker-button/esm/Component-307da6d7.d.ts +168 -0
- package/picker-button/esm/Component.responsive.js +1 -2
- package/picker-button/esm/Context-c2e6f1b2.d.ts +4 -0
- package/picker-button/esm/field/Component.d.ts +1 -1
- package/picker-button/esm/index-064acd29.d.ts +13 -0
- package/picker-button/esm/index-307da6d7.d.ts +67 -0
- package/picker-button/esm/index.js +0 -1
- package/picker-button/esm/mobile/Component.mobile.js +1 -2
- package/picker-button/esm/mobile/index.js +0 -1
- package/picker-button/esm/types-a870d1f8.d.ts +117 -0
- package/picker-button/esm/{typings-1fe708ea.d.ts → typings-0f35b62f.d.ts} +42 -415
- package/picker-button/esm/utils-89376c31.d.ts +1 -1
- package/picker-button/field/Component.d.ts +1 -1
- package/picker-button/index-064acd29.d.ts +13 -0
- package/picker-button/index-307da6d7.d.ts +67 -0
- package/picker-button/mobile/Component.mobile.js +1 -2
- package/picker-button/modern/Component-0f35b62f.d.ts +5 -0
- package/picker-button/modern/Component-307da6d7.d.ts +168 -0
- package/picker-button/modern/Component.responsive.js +1 -2
- package/picker-button/modern/Context-c2e6f1b2.d.ts +4 -0
- package/picker-button/modern/field/Component.d.ts +1 -1
- package/picker-button/modern/index-064acd29.d.ts +13 -0
- package/picker-button/modern/index-307da6d7.d.ts +67 -0
- package/picker-button/modern/index.js +0 -1
- package/picker-button/modern/mobile/Component.mobile.js +1 -2
- package/picker-button/modern/mobile/index.js +0 -1
- package/picker-button/modern/types-a870d1f8.d.ts +117 -0
- package/picker-button/modern/{typings-1fe708ea.d.ts → typings-0f35b62f.d.ts} +42 -415
- package/picker-button/modern/utils-89376c31.d.ts +1 -1
- package/picker-button/types-a870d1f8.d.ts +117 -0
- package/picker-button/{typings-1fe708ea.d.ts → typings-0f35b62f.d.ts} +42 -415
- package/picker-button/utils-89376c31.d.ts +1 -1
- package/plate/Component.responsive.js +1 -17
- package/plate/cssm/Component.responsive.js +1 -17
- package/plate/esm/Component.responsive.js +2 -17
- package/plate/esm/index.js +1 -1
- package/plate/modern/Component.responsive.js +2 -18
- package/plate/modern/index.js +1 -1
- package/pure-cell/component.js +1 -1
- package/pure-cell/components/addon/component.js +1 -1
- package/pure-cell/components/addon/index.d.ts +1 -1
- package/pure-cell/components/addon/index.js +1 -1
- package/pure-cell/components/amount/component.js +1 -1
- package/pure-cell/components/amount/index.d.ts +1 -1
- package/pure-cell/components/amount/index.js +1 -1
- package/pure-cell/components/amount-title/component.js +1 -1
- package/pure-cell/components/amount-title/index.d.ts +1 -1
- package/pure-cell/components/amount-title/index.js +1 -1
- package/pure-cell/components/category/component.js +1 -1
- package/pure-cell/components/category/index.d.ts +1 -1
- package/pure-cell/components/category/index.js +1 -1
- package/pure-cell/components/content/component.js +1 -1
- package/pure-cell/components/content/index.d.ts +1 -1
- package/pure-cell/components/content/index.js +1 -1
- package/pure-cell/components/footer/component.js +1 -1
- package/pure-cell/components/footer/index.d.ts +1 -1
- package/pure-cell/components/footer/index.js +1 -1
- package/pure-cell/components/footer-button/component.js +1 -1
- package/pure-cell/components/footer-button/index.d.ts +1 -1
- package/pure-cell/components/footer-button/index.js +1 -1
- package/pure-cell/components/footer-text/component.js +1 -1
- package/pure-cell/components/footer-text/index.d.ts +1 -1
- package/pure-cell/components/footer-text/index.js +1 -1
- package/pure-cell/components/graphics/component.js +1 -1
- package/pure-cell/components/graphics/index.d.ts +1 -1
- package/pure-cell/components/graphics/index.js +1 -1
- package/pure-cell/components/main/component.js +1 -1
- package/pure-cell/components/main/index.d.ts +1 -1
- package/pure-cell/components/main/index.js +1 -1
- package/pure-cell/components/text/component.js +1 -1
- package/pure-cell/components/text/index.d.ts +1 -1
- package/pure-cell/components/text/index.js +1 -1
- package/pure-cell/esm/component.js +1 -1
- package/pure-cell/esm/components/addon/component.js +1 -1
- package/pure-cell/esm/components/addon/index.d.ts +1 -1
- package/pure-cell/esm/components/addon/index.js +1 -1
- package/pure-cell/esm/components/amount/component.js +1 -1
- package/pure-cell/esm/components/amount/index.d.ts +1 -1
- package/pure-cell/esm/components/amount/index.js +1 -1
- package/pure-cell/esm/components/amount-title/component.js +1 -1
- package/pure-cell/esm/components/amount-title/index.d.ts +1 -1
- package/pure-cell/esm/components/amount-title/index.js +1 -1
- package/pure-cell/esm/components/category/component.js +1 -1
- package/pure-cell/esm/components/category/index.d.ts +1 -1
- package/pure-cell/esm/components/category/index.js +1 -1
- package/pure-cell/esm/components/content/component.js +1 -1
- package/pure-cell/esm/components/content/index.d.ts +1 -1
- package/pure-cell/esm/components/content/index.js +1 -1
- package/pure-cell/esm/components/footer/component.js +1 -1
- package/pure-cell/esm/components/footer/index.d.ts +1 -1
- package/pure-cell/esm/components/footer/index.js +1 -1
- package/pure-cell/esm/components/footer-button/component.js +1 -1
- package/pure-cell/esm/components/footer-button/index.d.ts +1 -1
- package/pure-cell/esm/components/footer-button/index.js +1 -1
- package/pure-cell/esm/components/footer-text/component.js +1 -1
- package/pure-cell/esm/components/footer-text/index.d.ts +1 -1
- package/pure-cell/esm/components/footer-text/index.js +1 -1
- package/pure-cell/esm/components/graphics/component.js +1 -1
- package/pure-cell/esm/components/graphics/index.d.ts +1 -1
- package/pure-cell/esm/components/graphics/index.js +1 -1
- package/pure-cell/esm/components/main/component.js +1 -1
- package/pure-cell/esm/components/main/index.d.ts +1 -1
- package/pure-cell/esm/components/main/index.js +1 -1
- package/pure-cell/esm/components/text/component.js +1 -1
- package/pure-cell/esm/components/text/index.d.ts +1 -1
- package/pure-cell/esm/components/text/index.js +1 -1
- package/pure-cell/esm/index.js +1 -1
- package/pure-cell/index.js +1 -1
- package/pure-cell/modern/component.js +1 -1
- package/pure-cell/modern/components/addon/component.js +1 -1
- package/pure-cell/modern/components/addon/index.d.ts +1 -1
- package/pure-cell/modern/components/addon/index.js +1 -1
- package/pure-cell/modern/components/amount/component.js +1 -1
- package/pure-cell/modern/components/amount/index.d.ts +1 -1
- package/pure-cell/modern/components/amount/index.js +1 -1
- package/pure-cell/modern/components/amount-title/component.js +1 -1
- package/pure-cell/modern/components/amount-title/index.d.ts +1 -1
- package/pure-cell/modern/components/amount-title/index.js +1 -1
- package/pure-cell/modern/components/category/component.js +1 -1
- package/pure-cell/modern/components/category/index.d.ts +1 -1
- package/pure-cell/modern/components/category/index.js +1 -1
- package/pure-cell/modern/components/content/component.js +1 -1
- package/pure-cell/modern/components/content/index.d.ts +1 -1
- package/pure-cell/modern/components/content/index.js +1 -1
- package/pure-cell/modern/components/footer/component.js +1 -1
- package/pure-cell/modern/components/footer/index.d.ts +1 -1
- package/pure-cell/modern/components/footer/index.js +1 -1
- package/pure-cell/modern/components/footer-button/component.js +1 -1
- package/pure-cell/modern/components/footer-button/index.d.ts +1 -1
- package/pure-cell/modern/components/footer-button/index.js +1 -1
- package/pure-cell/modern/components/footer-text/component.js +1 -1
- package/pure-cell/modern/components/footer-text/index.d.ts +1 -1
- package/pure-cell/modern/components/footer-text/index.js +1 -1
- package/pure-cell/modern/components/graphics/component.js +1 -1
- package/pure-cell/modern/components/graphics/index.d.ts +1 -1
- package/pure-cell/modern/components/graphics/index.js +1 -1
- package/pure-cell/modern/components/main/component.js +1 -1
- package/pure-cell/modern/components/main/index.d.ts +1 -1
- package/pure-cell/modern/components/main/index.js +1 -1
- package/pure-cell/modern/components/text/component.js +1 -1
- package/pure-cell/modern/components/text/index.d.ts +1 -1
- package/pure-cell/modern/components/text/index.js +1 -1
- package/pure-cell/modern/index.js +1 -1
- package/radio-group/Component.responsive.js +1 -2
- package/radio-group/cssm/Component.responsive.js +1 -2
- package/radio-group/esm/Component.responsive.js +1 -2
- package/radio-group/esm/index.js +0 -1
- package/radio-group/modern/Component.responsive.js +1 -2
- package/radio-group/modern/index.js +0 -1
- package/select/Component.responsive.js +1 -2
- package/select/components/base-select/Component.js +2 -2
- package/select/components/options-list/Component.js +2 -2
- package/select/components/virtual-options-list/Component.js +4 -2
- package/select/cssm/Component.responsive.js +1 -2
- package/select/cssm/components/base-select/Component.js +2 -2
- package/select/cssm/components/options-list/Component.js +2 -2
- package/select/cssm/components/virtual-options-list/Component.js +4 -2
- package/select/cssm/typings.d.ts +32 -0
- package/select/esm/Component.responsive.js +3 -3
- package/select/esm/components/base-select/Component.js +2 -2
- package/select/esm/components/options-list/Component.js +2 -2
- package/select/esm/components/virtual-options-list/Component.js +4 -2
- package/select/esm/index.js +2 -2
- package/select/esm/mobile/Component.mobile.js +1 -1
- package/select/esm/mobile/Component.modal.mobile.js +1 -1
- package/select/esm/mobile/index.js +1 -1
- package/select/esm/presets/index.js +1 -1
- package/select/esm/presets/useSelectWithApply/hook.js +1 -1
- package/select/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
- package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
- package/select/esm/shared/index.js +1 -1
- package/select/esm/typings.d.ts +32 -0
- package/select/mobile/Component.mobile.js +1 -1
- package/select/modern/Component.responsive.js +3 -3
- package/select/modern/components/base-select/Component.js +2 -2
- package/select/modern/components/options-list/Component.js +2 -2
- package/select/modern/components/virtual-options-list/Component.js +2 -2
- package/select/modern/index.js +2 -2
- package/select/modern/mobile/Component.mobile.js +1 -1
- package/select/modern/mobile/Component.modal.mobile.js +1 -1
- package/select/modern/mobile/index.js +1 -1
- package/select/modern/presets/index.js +1 -1
- package/select/modern/presets/useSelectWithApply/hook.js +1 -1
- package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
- package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
- package/select/modern/shared/index.js +1 -1
- package/select/modern/typings.d.ts +32 -0
- package/select/presets/index.js +1 -1
- package/select/presets/useSelectWithApply/hook.js +1 -1
- package/select/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
- package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/select/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
- package/select/shared/index.js +1 -1
- package/select/typings.d.ts +32 -0
- package/select-with-tags/Component.responsive.js +1 -2
- package/select-with-tags/cssm/Component.responsive.js +1 -2
- package/select-with-tags/esm/Component.responsive.js +1 -2
- package/select-with-tags/esm/index.js +0 -1
- package/select-with-tags/modern/Component.responsive.js +1 -2
- package/select-with-tags/modern/index.js +0 -1
- package/shared/cssm/index.d.ts +0 -1
- package/shared/cssm/index.js +0 -2
- package/shared/esm/index.d.ts +0 -1
- package/shared/esm/index.js +0 -1
- package/shared/index.d.ts +0 -1
- package/shared/index.js +0 -2
- package/shared/modern/index.d.ts +0 -1
- package/shared/modern/index.js +0 -1
- package/side-panel/Component.responsive.js +1 -1
- package/side-panel/components/controls/Component.js +1 -1
- package/side-panel/components/footer/Component.js +1 -1
- package/side-panel/cssm/Component.responsive.js +1 -1
- package/side-panel/esm/Component.responsive.js +3 -3
- package/side-panel/esm/components/controls/Component.js +1 -1
- package/side-panel/esm/components/controls/index.js +1 -1
- package/side-panel/esm/components/footer/Component.desktop.js +1 -1
- package/side-panel/esm/components/footer/Component.js +1 -1
- package/side-panel/esm/components/footer/Component.mobile.js +1 -1
- package/side-panel/esm/desktop/Component.desktop.js +1 -1
- package/side-panel/esm/desktop/index.js +1 -1
- package/side-panel/esm/index.js +1 -1
- package/side-panel/esm/mobile/Component.mobile.js +1 -1
- package/side-panel/esm/mobile/index.js +1 -1
- package/side-panel/modern/Component.responsive.js +3 -3
- package/side-panel/modern/components/controls/Component.js +1 -1
- package/side-panel/modern/components/controls/index.js +1 -1
- package/side-panel/modern/components/footer/Component.desktop.js +1 -1
- package/side-panel/modern/components/footer/Component.js +1 -1
- package/side-panel/modern/components/footer/Component.mobile.js +1 -1
- package/side-panel/modern/desktop/Component.desktop.js +1 -1
- package/side-panel/modern/desktop/index.js +1 -1
- package/side-panel/modern/index.js +1 -1
- package/side-panel/modern/mobile/Component.mobile.js +1 -1
- package/side-panel/modern/mobile/index.js +1 -1
- package/status/Component.d.ts +1 -2
- package/status/Component.js +2 -2
- package/status/cssm/Component.d.ts +1 -2
- package/status/cssm/Component.js +1 -1
- package/status/cssm/index.module.css +29 -74
- package/status/esm/Component.d.ts +1 -2
- package/status/esm/Component.js +2 -2
- package/status/esm/index.css +27 -55
- package/status/index.css +27 -55
- package/status/modern/Component.d.ts +1 -2
- package/status/modern/Component.js +2 -2
- package/status/modern/index.css +27 -55
- package/system-message/Components.responsive.js +1 -1
- package/system-message/cssm/Components.responsive.js +1 -1
- package/system-message/esm/Components.responsive.js +2 -2
- package/system-message/modern/Components.responsive.js +2 -2
- package/tabs/components/primary-tablist/Component.collapsible.js +1 -2
- package/tabs/components/primary-tablist/Component.responsive.js +1 -2
- package/tabs/components/secondary-tablist/Component.responsive.js +1 -2
- package/tabs/components/tabs/Component.js +1 -2
- package/tabs/cssm/components/primary-tablist/Component.collapsible.js +1 -2
- package/tabs/cssm/components/primary-tablist/Component.responsive.js +1 -2
- package/tabs/cssm/components/secondary-tablist/Component.responsive.js +1 -2
- package/tabs/cssm/components/tabs/Component.js +1 -2
- package/tabs/esm/collapsible/index.js +1 -1
- package/tabs/esm/components/primary-tablist/Component.collapsible.js +2 -2
- package/tabs/esm/components/primary-tablist/Component.responsive.js +2 -2
- package/tabs/esm/components/secondary-tablist/Component.responsive.js +2 -2
- package/tabs/esm/components/tabs/Component.collapsible.js +1 -1
- package/tabs/esm/components/tabs/Component.js +1 -2
- package/tabs/esm/components/tabs/Component.responsive.js +1 -1
- package/tabs/esm/index.js +1 -1
- package/tabs/modern/collapsible/index.js +1 -1
- package/tabs/modern/components/primary-tablist/Component.collapsible.js +2 -2
- package/tabs/modern/components/primary-tablist/Component.responsive.js +2 -2
- package/tabs/modern/components/secondary-tablist/Component.responsive.js +2 -2
- package/tabs/modern/components/tabs/Component.collapsible.js +1 -1
- package/tabs/modern/components/tabs/Component.js +1 -2
- package/tabs/modern/components/tabs/Component.responsive.js +1 -1
- package/tabs/modern/index.js +1 -1
- package/tag/Component.responsive.js +1 -2
- package/tag/components/base-tag/Component.d.ts +1 -1
- package/tag/cssm/Component.responsive.js +1 -2
- package/tag/cssm/components/base-tag/Component.d.ts +1 -1
- package/tag/esm/Component.responsive.js +1 -2
- package/tag/esm/components/base-tag/Component.d.ts +1 -1
- package/tag/esm/index.js +0 -1
- package/tag/modern/Component.responsive.js +1 -2
- package/tag/modern/components/base-tag/Component.d.ts +1 -1
- package/tag/modern/index.js +0 -1
- package/themes/compiled/mobile-dark-bluetint.css +211 -93
- package/toast/Component.responsive.js +1 -2
- package/toast/cssm/Component.responsive.js +1 -2
- package/toast/esm/Component.responsive.js +1 -2
- package/toast/esm/index.js +0 -1
- package/toast/modern/Component.responsive.js +1 -2
- package/toast/modern/index.js +0 -1
- package/toast-plate/Component.responsive.js +1 -2
- package/toast-plate/browser-a216f694.d.ts +6 -0
- package/toast-plate/components/base-toast-plate/component.js +4 -3
- package/toast-plate/components/base-toast-plate/hooks/useDeprecatedBadge.js +5 -2
- package/toast-plate/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +5 -3
- package/toast-plate/cssm/Component.responsive.js +1 -2
- package/toast-plate/cssm/browser-a216f694.d.ts +6 -0
- package/toast-plate/cssm/components/base-toast-plate/component.js +4 -3
- package/toast-plate/cssm/components/base-toast-plate/hooks/useDeprecatedBadge.js +5 -2
- package/toast-plate/cssm/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +5 -3
- package/toast-plate/cssm/getDataTestId-73ea38f8.d.ts +3 -0
- package/toast-plate/cssm/getDataTestId-73ea38f8.js +6 -0
- package/toast-plate/cssm/index-307da6d7.d.ts +71 -0
- package/toast-plate/cssm/useCustomWebkitScrollbar-a216f694.d.ts +2 -0
- package/toast-plate/esm/Component.responsive.js +3 -2
- package/toast-plate/esm/browser-a216f694.d.ts +6 -0
- package/toast-plate/esm/components/base-toast-plate/component.js +2 -1
- package/toast-plate/esm/components/base-toast-plate/hooks/useDeprecatedBadge.js +4 -1
- package/toast-plate/esm/components/base-toast-plate/index.js +2 -1
- package/toast-plate/esm/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +3 -1
- package/toast-plate/esm/desktop/Component.desktop.js +2 -1
- package/toast-plate/esm/desktop/index.js +2 -1
- package/toast-plate/esm/getDataTestId-8021d762.d.ts +3 -0
- package/toast-plate/esm/getDataTestId-8021d762.js +6 -0
- package/toast-plate/esm/index-307da6d7.d.ts +71 -0
- package/toast-plate/esm/index.js +2 -1
- package/toast-plate/esm/mobile/Component.mobile.js +2 -1
- package/toast-plate/esm/mobile/index.js +2 -1
- package/toast-plate/esm/useCustomWebkitScrollbar-a216f694.d.ts +2 -0
- package/toast-plate/getDataTestId-929c5591.d.ts +3 -0
- package/toast-plate/getDataTestId-929c5591.js +6 -0
- package/toast-plate/index-307da6d7.d.ts +71 -0
- package/toast-plate/modern/Component.responsive.js +3 -2
- package/toast-plate/modern/browser-a216f694.d.ts +6 -0
- package/toast-plate/modern/components/base-toast-plate/component.js +2 -1
- package/toast-plate/modern/components/base-toast-plate/hooks/useDeprecatedBadge.js +4 -1
- package/toast-plate/modern/components/base-toast-plate/index.js +2 -1
- package/toast-plate/modern/components/base-toast-plate/utils/getBaseToastPlateTestIds.js +3 -1
- package/toast-plate/modern/desktop/Component.desktop.js +2 -1
- package/toast-plate/modern/desktop/index.js +2 -1
- package/toast-plate/modern/getDataTestId-bae81f74.d.ts +3 -0
- package/toast-plate/modern/getDataTestId-bae81f74.js +6 -0
- package/toast-plate/modern/index-307da6d7.d.ts +71 -0
- package/toast-plate/modern/index.js +2 -1
- package/toast-plate/modern/mobile/Component.mobile.js +2 -1
- package/toast-plate/modern/mobile/index.js +2 -1
- package/toast-plate/modern/useCustomWebkitScrollbar-a216f694.d.ts +2 -0
- package/toast-plate/useCustomWebkitScrollbar-a216f694.d.ts +2 -0
- package/tooltip/Component.responsive.js +1 -2
- package/tooltip/cssm/Component.responsive.js +1 -2
- package/tooltip/esm/Component.responsive.js +1 -2
- package/tooltip/esm/index.js +0 -1
- package/tooltip/modern/Component.responsive.js +1 -2
- package/tooltip/modern/index.js +0 -1
- package/typography/esm/component.js +2 -2
- package/typography/esm/index.js +2 -2
- package/typography/esm/text/component.js +1 -1
- package/typography/esm/text/index.js +1 -1
- package/typography/esm/title/component.js +1 -1
- package/typography/esm/title/index.js +2 -2
- package/typography/esm/title-mobile/component.js +2 -2
- package/typography/esm/title-mobile/index.js +2 -2
- package/typography/esm/title-responsive/component.js +2 -2
- package/typography/esm/title-responsive/index.js +2 -2
- package/typography/modern/component.js +2 -2
- package/typography/modern/index.js +2 -2
- package/typography/modern/text/component.js +1 -1
- package/typography/modern/text/index.js +1 -1
- package/typography/modern/title/component.js +1 -1
- package/typography/modern/title/index.js +2 -2
- package/typography/modern/title-mobile/component.js +2 -2
- package/typography/modern/title-mobile/index.js +2 -2
- package/typography/modern/title-responsive/component.js +2 -2
- package/typography/modern/title-responsive/index.js +2 -2
- package/typography/text/component.js +1 -1
- package/typography/title/component.js +1 -1
- package/typography/title/index.js +1 -1
- package/typography/title-mobile/component.js +1 -1
- package/typography/title-responsive/component.js +1 -1
- package/universal-date-input/Component.responsive.js +1 -2
- package/universal-date-input/cssm/Component.responsive.js +1 -2
- package/universal-date-input/esm/Component.responsive.js +2 -2
- package/universal-date-input/esm/index.js +1 -1
- package/universal-date-input/modern/Component.responsive.js +2 -2
- package/universal-date-input/modern/index.js +1 -1
- package/amount-input/@alfalab/core-components-shared/package.json +0 -23
- package/calendar-input/@alfalab/core-components-shared/package.json +0 -23
- package/checkbox-group/@alfalab/core-components-shared/package.json +0 -23
- package/code-input/@alfalab/core-components-shared/package.json +0 -23
- package/confirmation/@alfalab/core-components-shared/package.json +0 -23
- package/custom-picker-button/@alfalab/core-components-shared/package.json +0 -23
- package/date-range-input/@alfalab/core-components-shared/package.json +0 -23
- package/date-time-input/@alfalab/core-components-shared/package.json +0 -23
- package/filter-tag/@alfalab/core-components-shared/package.json +0 -23
- package/picker-button/@alfalab/core-components-shared/package.json +0 -23
- package/picker-button/Component-1fe708ea.d.ts +0 -5
- package/picker-button/cssm/Component-1fe708ea.d.ts +0 -5
- package/picker-button/esm/Component-1fe708ea.d.ts +0 -5
- package/picker-button/modern/Component-1fe708ea.d.ts +0 -5
- package/radio-group/@alfalab/core-components-shared/package.json +0 -23
- package/select-with-tags/@alfalab/core-components-shared/package.json +0 -23
- package/shared/cssm/getComponentBreakpoint/getComponentBreakpoint.d.ts +0 -2
- package/shared/cssm/getComponentBreakpoint/getComponentBreakpoint.js +0 -18
- package/shared/cssm/getComponentBreakpoint/index.d.ts +0 -1
- package/shared/cssm/getComponentBreakpoint/index.js +0 -7
- package/shared/esm/getComponentBreakpoint/getComponentBreakpoint.d.ts +0 -2
- package/shared/esm/getComponentBreakpoint/getComponentBreakpoint.js +0 -16
- package/shared/esm/getComponentBreakpoint/index.d.ts +0 -1
- package/shared/esm/getComponentBreakpoint/index.js +0 -1
- package/shared/getComponentBreakpoint/getComponentBreakpoint.d.ts +0 -2
- package/shared/getComponentBreakpoint/getComponentBreakpoint.js +0 -18
- package/shared/getComponentBreakpoint/index.d.ts +0 -1
- package/shared/getComponentBreakpoint/index.js +0 -7
- package/shared/modern/getComponentBreakpoint/getComponentBreakpoint.d.ts +0 -2
- package/shared/modern/getComponentBreakpoint/getComponentBreakpoint.js +0 -17
- package/shared/modern/getComponentBreakpoint/index.d.ts +0 -1
- package/shared/modern/getComponentBreakpoint/index.js +0 -1
- package/tag/@alfalab/core-components-shared/package.json +0 -23
- package/themes/breakpoints/breakpoint-768.css +0 -3
- package/toast/@alfalab/core-components-shared/package.json +0 -23
- package/toast-plate/@alfalab/core-components-shared/package.json +0 -23
- package/tooltip/@alfalab/core-components-shared/package.json +0 -23
- /package/modal/esm/{layout.module-8c2ad581.js → layout.module-702c2cb2.js} +0 -0
- /package/modal/{layout.module-9c7f42a7.js → layout.module-aab0bc9b.js} +0 -0
- /package/modal/modern/{layout.module-7b9f84d6.js → layout.module-b093854b.js} +0 -0
- /package/{plate → picker-button}/browser-a216f694.d.ts +0 -0
- /package/{plate → picker-button}/cssm/browser-a216f694.d.ts +0 -0
- /package/{plate → picker-button}/cssm/useCustomWebkitScrollbar-a216f694.d.ts +0 -0
- /package/{plate → picker-button}/esm/browser-a216f694.d.ts +0 -0
- /package/{plate → picker-button}/esm/useCustomWebkitScrollbar-a216f694.d.ts +0 -0
- /package/{plate → picker-button}/modern/browser-a216f694.d.ts +0 -0
- /package/{plate → picker-button}/modern/useCustomWebkitScrollbar-a216f694.d.ts +0 -0
- /package/{plate → picker-button}/useCustomWebkitScrollbar-a216f694.d.ts +0 -0
- /package/pure-cell/{component-450c931b.d.ts → component-d6b532a6.d.ts} +0 -0
- /package/pure-cell/{component-450c931b.js → component-d6b532a6.js} +0 -0
- /package/pure-cell/esm/{component-1f6fb693.d.ts → component-c7781796.d.ts} +0 -0
- /package/pure-cell/esm/{component-1f6fb693.js → component-c7781796.js} +0 -0
- /package/pure-cell/modern/{component-fe791444.d.ts → component-9e925174.d.ts} +0 -0
- /package/pure-cell/modern/{component-fe791444.js → component-9e925174.js} +0 -0
- /package/select/esm/{hook-cdd6fd77.d.ts → hook-74e64a0c.d.ts} +0 -0
- /package/select/esm/{hook-cdd6fd77.js → hook-74e64a0c.js} +0 -0
- /package/select/{hook-504cecce.d.ts → hook-0bb52889.d.ts} +0 -0
- /package/select/{hook-504cecce.js → hook-0bb52889.js} +0 -0
- /package/select/modern/{hook-f45c958e.d.ts → hook-6af684e1.d.ts} +0 -0
- /package/select/modern/{hook-f45c958e.js → hook-6af684e1.js} +0 -0
- /package/side-panel/esm/{layout.module-85dc8854.js → layout.module-2920265f.js} +0 -0
- /package/side-panel/{layout.module-7feda991.js → layout.module-e8737dea.js} +0 -0
- /package/side-panel/modern/{layout.module-3ff83598.js → layout.module-4fa2bc24.js} +0 -0
- /package/typography/{colors.module-95ea7fc4.js → colors.module-25aafc23.js} +0 -0
- /package/typography/{common.module-ae53b4de.js → common.module-341ca469.js} +0 -0
- /package/typography/esm/{colors.module-2b53143b.js → colors.module-b3609b01.js} +0 -0
- /package/typography/esm/{common.module-1373fada.js → common.module-9ba9bb80.js} +0 -0
- /package/typography/modern/{colors.module-5db1b616.js → colors.module-cdb9be5e.js} +0 -0
- /package/typography/modern/{common.module-49874e31.js → common.module-8139e615.js} +0 -0
package/status/esm/index.css
CHANGED
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-neutral-700: #898991;
|
|
5
|
-
--color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
|
|
6
5
|
--color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
|
|
7
6
|
--color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
|
|
8
7
|
--color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -31,12 +30,6 @@
|
|
|
31
30
|
--color-light-decorative-muted-alt-orange: #fde6c8;
|
|
32
31
|
--color-light-decorative-muted-alt-red: #ffdfdf;
|
|
33
32
|
--color-light-decorative-muted-alt-teal: #c8f1f3;
|
|
34
|
-
--color-light-decorative-muted-blue: #e4f0ff;
|
|
35
|
-
--color-light-decorative-muted-green: #dff8e5;
|
|
36
|
-
--color-light-decorative-muted-indigo: #eeedff;
|
|
37
|
-
--color-light-decorative-muted-orange: #ffefd9;
|
|
38
|
-
--color-light-decorative-muted-red: #ffebeb;
|
|
39
|
-
--color-light-decorative-muted-teal: #daf7f8;
|
|
40
33
|
--color-light-decorative-orange: #fa9313;
|
|
41
34
|
--color-light-decorative-red: #fe5e48;
|
|
42
35
|
--color-light-decorative-teal: #09b9be;
|
|
@@ -68,62 +61,41 @@
|
|
|
68
61
|
word-break: break-all;
|
|
69
62
|
} .status__component_1keqd:empty {
|
|
70
63
|
padding: 0;
|
|
71
|
-
} .
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
background: var(--color-light-decorative-muted-alt-teal);
|
|
85
|
-
color: var(--color-light-decorative-text-teal);
|
|
86
|
-
} .status__muted-alt_1keqd.status__grey_1keqd {
|
|
64
|
+
} .status__soft_1keqd.status__green_1keqd {
|
|
65
|
+
background: var(--color-light-decorative-muted-alt-green);
|
|
66
|
+
color: var(--color-light-decorative-text-green);
|
|
67
|
+
} .status__soft_1keqd.status__orange_1keqd {
|
|
68
|
+
background: var(--color-light-decorative-muted-alt-orange);
|
|
69
|
+
color: var(--color-light-decorative-text-orange);
|
|
70
|
+
} .status__soft_1keqd.status__red_1keqd {
|
|
71
|
+
background: var(--color-light-decorative-muted-alt-red);
|
|
72
|
+
color: var(--color-light-decorative-text-red);
|
|
73
|
+
} .status__soft_1keqd.status__blue_1keqd {
|
|
74
|
+
background: var(--color-light-decorative-muted-alt-blue);
|
|
75
|
+
color: var(--color-light-decorative-text-blue);
|
|
76
|
+
} .status__soft_1keqd.status__grey_1keqd {
|
|
87
77
|
background: var(--color-light-neutral-translucent-300);
|
|
88
78
|
color: var(--color-light-text-secondary);
|
|
89
|
-
} .
|
|
79
|
+
} .status__soft_1keqd.status__teal_1keqd {
|
|
80
|
+
background: var(--color-light-decorative-muted-alt-teal);
|
|
81
|
+
color: var(--color-light-decorative-text-teal);
|
|
82
|
+
} .status__soft_1keqd.status__purple_1keqd {
|
|
90
83
|
background: var(--color-light-decorative-muted-alt-indigo);
|
|
91
84
|
color: var(--color-light-decorative-text-indigo);
|
|
92
85
|
} .status__contrast_1keqd {
|
|
93
86
|
color: var(--color-light-text-primary-inverted)
|
|
94
87
|
} .status__contrast_1keqd.status__green_1keqd {
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
background: var(--color-light-decorative-teal);
|
|
104
|
-
} .status__contrast_1keqd.status__grey_1keqd {
|
|
88
|
+
background: var(--color-light-decorative-green);
|
|
89
|
+
} .status__contrast_1keqd.status__orange_1keqd {
|
|
90
|
+
background: var(--color-light-decorative-orange);
|
|
91
|
+
} .status__contrast_1keqd.status__red_1keqd {
|
|
92
|
+
background: var(--color-light-decorative-red);
|
|
93
|
+
} .status__contrast_1keqd.status__blue_1keqd {
|
|
94
|
+
background: var(--color-light-decorative-blue);
|
|
95
|
+
} .status__contrast_1keqd.status__grey_1keqd {
|
|
105
96
|
background: var(--color-light-neutral-700);
|
|
97
|
+
} .status__contrast_1keqd.status__teal_1keqd {
|
|
98
|
+
background: var(--color-light-decorative-teal);
|
|
106
99
|
} .status__contrast_1keqd.status__purple_1keqd {
|
|
107
100
|
background: var(--color-light-decorative-indigo);
|
|
108
|
-
} .status__muted_1keqd.status__green_1keqd {
|
|
109
|
-
background: var(--color-light-decorative-muted-green);
|
|
110
|
-
color: var(--color-light-decorative-text-green);
|
|
111
|
-
} .status__muted_1keqd.status__orange_1keqd {
|
|
112
|
-
background: var(--color-light-decorative-muted-orange);
|
|
113
|
-
color: var(--color-light-decorative-text-orange);
|
|
114
|
-
} .status__muted_1keqd.status__red_1keqd {
|
|
115
|
-
background: var(--color-light-decorative-muted-red);
|
|
116
|
-
color: var(--color-light-decorative-text-red);
|
|
117
|
-
} .status__muted_1keqd.status__blue_1keqd {
|
|
118
|
-
background: var(--color-light-decorative-muted-blue);
|
|
119
|
-
color: var(--color-light-decorative-text-blue);
|
|
120
|
-
} .status__muted_1keqd.status__teal_1keqd {
|
|
121
|
-
background: var(--color-light-decorative-muted-teal);
|
|
122
|
-
color: var(--color-light-decorative-text-teal);
|
|
123
|
-
} .status__muted_1keqd.status__grey_1keqd {
|
|
124
|
-
background: var(--color-light-neutral-translucent-200);
|
|
125
|
-
color: var(--color-light-text-secondary);
|
|
126
|
-
} .status__muted_1keqd.status__purple_1keqd {
|
|
127
|
-
background: var(--color-light-decorative-muted-indigo);
|
|
128
|
-
color: var(--color-light-decorative-text-indigo);
|
|
129
101
|
}
|
package/status/index.css
CHANGED
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-neutral-700: #898991;
|
|
5
|
-
--color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
|
|
6
5
|
--color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
|
|
7
6
|
--color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
|
|
8
7
|
--color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -31,12 +30,6 @@
|
|
|
31
30
|
--color-light-decorative-muted-alt-orange: #fde6c8;
|
|
32
31
|
--color-light-decorative-muted-alt-red: #ffdfdf;
|
|
33
32
|
--color-light-decorative-muted-alt-teal: #c8f1f3;
|
|
34
|
-
--color-light-decorative-muted-blue: #e4f0ff;
|
|
35
|
-
--color-light-decorative-muted-green: #dff8e5;
|
|
36
|
-
--color-light-decorative-muted-indigo: #eeedff;
|
|
37
|
-
--color-light-decorative-muted-orange: #ffefd9;
|
|
38
|
-
--color-light-decorative-muted-red: #ffebeb;
|
|
39
|
-
--color-light-decorative-muted-teal: #daf7f8;
|
|
40
33
|
--color-light-decorative-orange: #fa9313;
|
|
41
34
|
--color-light-decorative-red: #fe5e48;
|
|
42
35
|
--color-light-decorative-teal: #09b9be;
|
|
@@ -68,62 +61,41 @@
|
|
|
68
61
|
word-break: break-all;
|
|
69
62
|
} .status__component_1keqd:empty {
|
|
70
63
|
padding: 0;
|
|
71
|
-
} .
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
background: var(--color-light-decorative-muted-alt-teal);
|
|
85
|
-
color: var(--color-light-decorative-text-teal);
|
|
86
|
-
} .status__muted-alt_1keqd.status__grey_1keqd {
|
|
64
|
+
} .status__soft_1keqd.status__green_1keqd {
|
|
65
|
+
background: var(--color-light-decorative-muted-alt-green);
|
|
66
|
+
color: var(--color-light-decorative-text-green);
|
|
67
|
+
} .status__soft_1keqd.status__orange_1keqd {
|
|
68
|
+
background: var(--color-light-decorative-muted-alt-orange);
|
|
69
|
+
color: var(--color-light-decorative-text-orange);
|
|
70
|
+
} .status__soft_1keqd.status__red_1keqd {
|
|
71
|
+
background: var(--color-light-decorative-muted-alt-red);
|
|
72
|
+
color: var(--color-light-decorative-text-red);
|
|
73
|
+
} .status__soft_1keqd.status__blue_1keqd {
|
|
74
|
+
background: var(--color-light-decorative-muted-alt-blue);
|
|
75
|
+
color: var(--color-light-decorative-text-blue);
|
|
76
|
+
} .status__soft_1keqd.status__grey_1keqd {
|
|
87
77
|
background: var(--color-light-neutral-translucent-300);
|
|
88
78
|
color: var(--color-light-text-secondary);
|
|
89
|
-
} .
|
|
79
|
+
} .status__soft_1keqd.status__teal_1keqd {
|
|
80
|
+
background: var(--color-light-decorative-muted-alt-teal);
|
|
81
|
+
color: var(--color-light-decorative-text-teal);
|
|
82
|
+
} .status__soft_1keqd.status__purple_1keqd {
|
|
90
83
|
background: var(--color-light-decorative-muted-alt-indigo);
|
|
91
84
|
color: var(--color-light-decorative-text-indigo);
|
|
92
85
|
} .status__contrast_1keqd {
|
|
93
86
|
color: var(--color-light-text-primary-inverted)
|
|
94
87
|
} .status__contrast_1keqd.status__green_1keqd {
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
background: var(--color-light-decorative-teal);
|
|
104
|
-
} .status__contrast_1keqd.status__grey_1keqd {
|
|
88
|
+
background: var(--color-light-decorative-green);
|
|
89
|
+
} .status__contrast_1keqd.status__orange_1keqd {
|
|
90
|
+
background: var(--color-light-decorative-orange);
|
|
91
|
+
} .status__contrast_1keqd.status__red_1keqd {
|
|
92
|
+
background: var(--color-light-decorative-red);
|
|
93
|
+
} .status__contrast_1keqd.status__blue_1keqd {
|
|
94
|
+
background: var(--color-light-decorative-blue);
|
|
95
|
+
} .status__contrast_1keqd.status__grey_1keqd {
|
|
105
96
|
background: var(--color-light-neutral-700);
|
|
97
|
+
} .status__contrast_1keqd.status__teal_1keqd {
|
|
98
|
+
background: var(--color-light-decorative-teal);
|
|
106
99
|
} .status__contrast_1keqd.status__purple_1keqd {
|
|
107
100
|
background: var(--color-light-decorative-indigo);
|
|
108
|
-
} .status__muted_1keqd.status__green_1keqd {
|
|
109
|
-
background: var(--color-light-decorative-muted-green);
|
|
110
|
-
color: var(--color-light-decorative-text-green);
|
|
111
|
-
} .status__muted_1keqd.status__orange_1keqd {
|
|
112
|
-
background: var(--color-light-decorative-muted-orange);
|
|
113
|
-
color: var(--color-light-decorative-text-orange);
|
|
114
|
-
} .status__muted_1keqd.status__red_1keqd {
|
|
115
|
-
background: var(--color-light-decorative-muted-red);
|
|
116
|
-
color: var(--color-light-decorative-text-red);
|
|
117
|
-
} .status__muted_1keqd.status__blue_1keqd {
|
|
118
|
-
background: var(--color-light-decorative-muted-blue);
|
|
119
|
-
color: var(--color-light-decorative-text-blue);
|
|
120
|
-
} .status__muted_1keqd.status__teal_1keqd {
|
|
121
|
-
background: var(--color-light-decorative-muted-teal);
|
|
122
|
-
color: var(--color-light-decorative-text-teal);
|
|
123
|
-
} .status__muted_1keqd.status__grey_1keqd {
|
|
124
|
-
background: var(--color-light-neutral-translucent-200);
|
|
125
|
-
color: var(--color-light-text-secondary);
|
|
126
|
-
} .status__muted_1keqd.status__purple_1keqd {
|
|
127
|
-
background: var(--color-light-decorative-muted-indigo);
|
|
128
|
-
color: var(--color-light-decorative-text-indigo);
|
|
129
101
|
}
|
|
@@ -7,9 +7,8 @@ type StatusProps = {
|
|
|
7
7
|
className?: string;
|
|
8
8
|
/**
|
|
9
9
|
* Вид компонента
|
|
10
|
-
* @description soft deprecated, используйте вместо него muted-alt
|
|
11
10
|
*/
|
|
12
|
-
view?: 'contrast' | 'soft'
|
|
11
|
+
view?: 'contrast' | 'soft';
|
|
13
12
|
/**
|
|
14
13
|
* Цветовое оформление иконки
|
|
15
14
|
*/
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
|
|
4
|
-
const styles = {"component":"status__component_1keqd","ellipsis":"status__ellipsis_1keqd","
|
|
4
|
+
const styles = {"component":"status__component_1keqd","ellipsis":"status__ellipsis_1keqd","soft":"status__soft_1keqd","green":"status__green_1keqd","orange":"status__orange_1keqd","red":"status__red_1keqd","blue":"status__blue_1keqd","grey":"status__grey_1keqd","teal":"status__teal_1keqd","purple":"status__purple_1keqd","contrast":"status__contrast_1keqd"};
|
|
5
5
|
require('./index.css');
|
|
6
6
|
|
|
7
7
|
const colors = ['green', 'orange', 'red', 'blue', 'grey', 'teal', 'purple'];
|
|
8
|
-
const Status = ({ className, view = '
|
|
8
|
+
const Status = ({ className, view = 'soft', color = 'green', children, dataTestId, }) => (React.createElement("span", { className: cn(styles.component, styles[color], styles[view], className), "data-test-id": dataTestId },
|
|
9
9
|
React.createElement("span", { className: styles.ellipsis }, children)));
|
|
10
10
|
|
|
11
11
|
export { Status, colors };
|
package/status/modern/index.css
CHANGED
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
:root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-neutral-700: #898991;
|
|
5
|
-
--color-light-neutral-translucent-200: rgba(30, 43, 68, 0.08);
|
|
6
5
|
--color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
|
|
7
6
|
--color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
|
|
8
7
|
--color-light-text-secondary: rgba(4, 4, 19, 0.55); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -31,12 +30,6 @@
|
|
|
31
30
|
--color-light-decorative-muted-alt-orange: #fde6c8;
|
|
32
31
|
--color-light-decorative-muted-alt-red: #ffdfdf;
|
|
33
32
|
--color-light-decorative-muted-alt-teal: #c8f1f3;
|
|
34
|
-
--color-light-decorative-muted-blue: #e4f0ff;
|
|
35
|
-
--color-light-decorative-muted-green: #dff8e5;
|
|
36
|
-
--color-light-decorative-muted-indigo: #eeedff;
|
|
37
|
-
--color-light-decorative-muted-orange: #ffefd9;
|
|
38
|
-
--color-light-decorative-muted-red: #ffebeb;
|
|
39
|
-
--color-light-decorative-muted-teal: #daf7f8;
|
|
40
33
|
--color-light-decorative-orange: #fa9313;
|
|
41
34
|
--color-light-decorative-red: #fe5e48;
|
|
42
35
|
--color-light-decorative-teal: #09b9be;
|
|
@@ -68,62 +61,41 @@
|
|
|
68
61
|
word-break: break-all;
|
|
69
62
|
} .status__component_1keqd:empty {
|
|
70
63
|
padding: 0;
|
|
71
|
-
} .
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
background: var(--color-light-decorative-muted-alt-teal);
|
|
85
|
-
color: var(--color-light-decorative-text-teal);
|
|
86
|
-
} .status__muted-alt_1keqd.status__grey_1keqd {
|
|
64
|
+
} .status__soft_1keqd.status__green_1keqd {
|
|
65
|
+
background: var(--color-light-decorative-muted-alt-green);
|
|
66
|
+
color: var(--color-light-decorative-text-green);
|
|
67
|
+
} .status__soft_1keqd.status__orange_1keqd {
|
|
68
|
+
background: var(--color-light-decorative-muted-alt-orange);
|
|
69
|
+
color: var(--color-light-decorative-text-orange);
|
|
70
|
+
} .status__soft_1keqd.status__red_1keqd {
|
|
71
|
+
background: var(--color-light-decorative-muted-alt-red);
|
|
72
|
+
color: var(--color-light-decorative-text-red);
|
|
73
|
+
} .status__soft_1keqd.status__blue_1keqd {
|
|
74
|
+
background: var(--color-light-decorative-muted-alt-blue);
|
|
75
|
+
color: var(--color-light-decorative-text-blue);
|
|
76
|
+
} .status__soft_1keqd.status__grey_1keqd {
|
|
87
77
|
background: var(--color-light-neutral-translucent-300);
|
|
88
78
|
color: var(--color-light-text-secondary);
|
|
89
|
-
} .
|
|
79
|
+
} .status__soft_1keqd.status__teal_1keqd {
|
|
80
|
+
background: var(--color-light-decorative-muted-alt-teal);
|
|
81
|
+
color: var(--color-light-decorative-text-teal);
|
|
82
|
+
} .status__soft_1keqd.status__purple_1keqd {
|
|
90
83
|
background: var(--color-light-decorative-muted-alt-indigo);
|
|
91
84
|
color: var(--color-light-decorative-text-indigo);
|
|
92
85
|
} .status__contrast_1keqd {
|
|
93
86
|
color: var(--color-light-text-primary-inverted)
|
|
94
87
|
} .status__contrast_1keqd.status__green_1keqd {
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
background: var(--color-light-decorative-teal);
|
|
104
|
-
} .status__contrast_1keqd.status__grey_1keqd {
|
|
88
|
+
background: var(--color-light-decorative-green);
|
|
89
|
+
} .status__contrast_1keqd.status__orange_1keqd {
|
|
90
|
+
background: var(--color-light-decorative-orange);
|
|
91
|
+
} .status__contrast_1keqd.status__red_1keqd {
|
|
92
|
+
background: var(--color-light-decorative-red);
|
|
93
|
+
} .status__contrast_1keqd.status__blue_1keqd {
|
|
94
|
+
background: var(--color-light-decorative-blue);
|
|
95
|
+
} .status__contrast_1keqd.status__grey_1keqd {
|
|
105
96
|
background: var(--color-light-neutral-700);
|
|
97
|
+
} .status__contrast_1keqd.status__teal_1keqd {
|
|
98
|
+
background: var(--color-light-decorative-teal);
|
|
106
99
|
} .status__contrast_1keqd.status__purple_1keqd {
|
|
107
100
|
background: var(--color-light-decorative-indigo);
|
|
108
|
-
} .status__muted_1keqd.status__green_1keqd {
|
|
109
|
-
background: var(--color-light-decorative-muted-green);
|
|
110
|
-
color: var(--color-light-decorative-text-green);
|
|
111
|
-
} .status__muted_1keqd.status__orange_1keqd {
|
|
112
|
-
background: var(--color-light-decorative-muted-orange);
|
|
113
|
-
color: var(--color-light-decorative-text-orange);
|
|
114
|
-
} .status__muted_1keqd.status__red_1keqd {
|
|
115
|
-
background: var(--color-light-decorative-muted-red);
|
|
116
|
-
color: var(--color-light-decorative-text-red);
|
|
117
|
-
} .status__muted_1keqd.status__blue_1keqd {
|
|
118
|
-
background: var(--color-light-decorative-muted-blue);
|
|
119
|
-
color: var(--color-light-decorative-text-blue);
|
|
120
|
-
} .status__muted_1keqd.status__teal_1keqd {
|
|
121
|
-
background: var(--color-light-decorative-muted-teal);
|
|
122
|
-
color: var(--color-light-decorative-text-teal);
|
|
123
|
-
} .status__muted_1keqd.status__grey_1keqd {
|
|
124
|
-
background: var(--color-light-neutral-translucent-200);
|
|
125
|
-
color: var(--color-light-text-secondary);
|
|
126
|
-
} .status__muted_1keqd.status__purple_1keqd {
|
|
127
|
-
background: var(--color-light-decorative-muted-indigo);
|
|
128
|
-
color: var(--color-light-decorative-text-indigo);
|
|
129
101
|
}
|
|
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
13
|
|
|
14
14
|
var SystemMessageResponsiveComponent = function (_a) {
|
|
15
|
-
var _b = _a.breakpoint, breakpoint = _b === void 0 ?
|
|
15
|
+
var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "children"]);
|
|
16
16
|
var query = "(min-width: ".concat(breakpoint, "px)");
|
|
17
17
|
var getDefaultValue = function () { return (coreComponentsShared.isClient() ? window.matchMedia(query).matches : false); };
|
|
18
18
|
var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];
|
|
@@ -12,7 +12,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
13
|
|
|
14
14
|
var SystemMessageResponsiveComponent = function (_a) {
|
|
15
|
-
var _b = _a.breakpoint, breakpoint = _b === void 0 ?
|
|
15
|
+
var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "children"]);
|
|
16
16
|
var query = "(min-width: ".concat(breakpoint, "px)");
|
|
17
17
|
var getDefaultValue = function () { return (coreComponentsShared.isClient() ? window.matchMedia(query).matches : false); };
|
|
18
18
|
var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { __rest, __assign } from 'tslib';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { useMatchMedia } from '../../mq/esm';
|
|
4
|
-
import {
|
|
4
|
+
import { isClient } from '../../shared/esm';
|
|
5
5
|
import { SystemMessage } from './Component.js';
|
|
6
6
|
import { createCompound } from './utils.js';
|
|
7
7
|
import 'classnames';
|
|
@@ -13,7 +13,7 @@ import './components/subtitle/Component.js';
|
|
|
13
13
|
import './components/title/Component.js';
|
|
14
14
|
|
|
15
15
|
var SystemMessageResponsiveComponent = function (_a) {
|
|
16
|
-
var _b = _a.breakpoint, breakpoint = _b === void 0 ?
|
|
16
|
+
var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "children"]);
|
|
17
17
|
var query = "(min-width: ".concat(breakpoint, "px)");
|
|
18
18
|
var getDefaultValue = function () { return (isClient() ? window.matchMedia(query).matches : false); };
|
|
19
19
|
var isDesktop = useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { useMatchMedia } from '../../mq/modern';
|
|
3
|
-
import {
|
|
3
|
+
import { isClient } from '../../shared/modern';
|
|
4
4
|
import { SystemMessage } from './Component.js';
|
|
5
5
|
import { createCompound } from './utils.js';
|
|
6
6
|
import 'classnames';
|
|
@@ -11,7 +11,7 @@ import './components/graphic/Component.js';
|
|
|
11
11
|
import './components/subtitle/Component.js';
|
|
12
12
|
import './components/title/Component.js';
|
|
13
13
|
|
|
14
|
-
const SystemMessageResponsiveComponent = ({ breakpoint =
|
|
14
|
+
const SystemMessageResponsiveComponent = ({ breakpoint = 1024, defaultMatchMediaValue, children, ...restProps }) => {
|
|
15
15
|
const query = `(min-width: ${breakpoint}px)`;
|
|
16
16
|
const getDefaultValue = () => (isClient() ? window.matchMedia(query).matches : false);
|
|
17
17
|
const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue ?? getDefaultValue);
|
|
@@ -6,7 +6,6 @@ var cn = require('classnames');
|
|
|
6
6
|
var coreComponentsBadge = require('../../../badge');
|
|
7
7
|
var coreComponentsKeyboardFocusable = require('../../../keyboard-focusable');
|
|
8
8
|
var desktop = require('../../../picker-button/desktop');
|
|
9
|
-
var coreComponentsShared = require('../../../shared');
|
|
10
9
|
var hooks_useTablistTitles = require('../../hooks/use-tablist-titles.js');
|
|
11
10
|
var syntheticEvents = require('../../synthetic-events.js');
|
|
12
11
|
var components_title_Component = require('../title/Component.js');
|
|
@@ -18,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
|
18
17
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
19
18
|
|
|
20
19
|
var CollapsiblePrimaryTabList = function (_a) {
|
|
21
|
-
var _b = _a.size, size = _b === void 0 ? 'm' : _b, className = _a.className, containerClassName = _a.containerClassName, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, collapsedTabsIds = _a.collapsedTabsIds, fullWidthScroll = _a.fullWidthScroll, onChange = _a.onChange, dataTestId = _a.dataTestId, _e = _a.breakpoint, breakpoint = _e === void 0 ?
|
|
20
|
+
var _b = _a.size, size = _b === void 0 ? 'm' : _b, className = _a.className, containerClassName = _a.containerClassName, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, collapsedTabsIds = _a.collapsedTabsIds, fullWidthScroll = _a.fullWidthScroll, onChange = _a.onChange, dataTestId = _a.dataTestId, _e = _a.breakpoint, breakpoint = _e === void 0 ? 1024 : _e, defaultMatchMediaValue = _a.defaultMatchMediaValue, textStyle = _a.textStyle;
|
|
22
21
|
var lineRef = React.useRef(null);
|
|
23
22
|
var _f = hooks_useTablistTitles.useTablistTitles({
|
|
24
23
|
titles: titles,
|
|
@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
3
3
|
var tslib = require('tslib');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var coreComponentsMq = require('../../../mq');
|
|
6
|
-
var coreComponentsShared = require('../../../shared');
|
|
7
6
|
var components_primaryTablist_Component_desktop = require('./Component.desktop.js');
|
|
8
7
|
var components_primaryTablist_Component_mobile = require('./Component.mobile.js');
|
|
9
8
|
|
|
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
12
|
|
|
14
13
|
var PrimaryTabListResponsive = function (_a) {
|
|
15
|
-
var size = _a.size, _b = _a.breakpoint, breakpoint = _b === void 0 ?
|
|
14
|
+
var size = _a.size, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, fullWidthScroll = _a.fullWidthScroll, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["size", "breakpoint", "fullWidthScroll", "defaultMatchMediaValue"]);
|
|
16
15
|
var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
|
|
17
16
|
return isDesktop ? (React__default.default.createElement(components_primaryTablist_Component_desktop.PrimaryTabListDesktop, tslib.__assign({ breakpoint: breakpoint, size: size, defaultMatchMediaValue: defaultMatchMediaValue }, restProps))) : (React__default.default.createElement(components_primaryTablist_Component_mobile.PrimaryTabListMobile, tslib.__assign({ breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, fullWidthScroll: fullWidthScroll }, restProps)));
|
|
18
17
|
};
|
|
@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
3
3
|
var tslib = require('tslib');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var coreComponentsMq = require('../../../mq');
|
|
6
|
-
var coreComponentsShared = require('../../../shared');
|
|
7
6
|
var components_secondaryTablist_Component_desktop = require('./Component.desktop.js');
|
|
8
7
|
var components_secondaryTablist_Component_mobile = require('./Component.mobile.js');
|
|
9
8
|
|
|
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
12
|
|
|
14
13
|
var SecondaryTabListResponsive = function (_a) {
|
|
15
|
-
var defaultMatchMediaValue = _a.defaultMatchMediaValue, fullWidthScroll = _a.fullWidthScroll, _b = _a.breakpoint, breakpoint = _b === void 0 ?
|
|
14
|
+
var defaultMatchMediaValue = _a.defaultMatchMediaValue, fullWidthScroll = _a.fullWidthScroll, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["defaultMatchMediaValue", "fullWidthScroll", "breakpoint"]);
|
|
16
15
|
var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
|
|
17
16
|
return isDesktop ? (React__default.default.createElement(components_secondaryTablist_Component_desktop.SecondaryTabListDesktop, tslib.__assign({}, restProps))) : (React__default.default.createElement(components_secondaryTablist_Component_mobile.SecondaryTabListMobile, tslib.__assign({ fullWidthScroll: fullWidthScroll }, restProps)));
|
|
18
17
|
};
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
-
var coreComponentsShared = require('../../../shared');
|
|
5
4
|
|
|
6
5
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
7
6
|
|
|
8
7
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
9
8
|
|
|
10
9
|
var Tabs = function (_a) {
|
|
11
|
-
var TabList = _a.TabList, className = _a.className, containerClassName = _a.containerClassName, size = _a.size, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, selectedId = _a.selectedId, scrollable = _a.scrollable, collapsedTabsIds = _a.collapsedTabsIds, _b = _a.fullWidthScroll, fullWidthScroll = _b === void 0 ? false : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? false : _c, dataTestId = _a.dataTestId, onChange = _a.onChange, _d = _a.breakpoint, breakpoint = _d === void 0 ?
|
|
10
|
+
var TabList = _a.TabList, className = _a.className, containerClassName = _a.containerClassName, size = _a.size, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, selectedId = _a.selectedId, scrollable = _a.scrollable, collapsedTabsIds = _a.collapsedTabsIds, _b = _a.fullWidthScroll, fullWidthScroll = _b === void 0 ? false : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? false : _c, dataTestId = _a.dataTestId, onChange = _a.onChange, _d = _a.breakpoint, breakpoint = _d === void 0 ? 1024 : _d, tagShape = _a.tagShape, tagView = _a.tagView, textStyle = _a.textStyle, style = _a.style;
|
|
12
11
|
var tabsArray = React__default.default.Children.toArray(children);
|
|
13
12
|
var titles = tabsArray.map(function (_a) {
|
|
14
13
|
var _b = _a.props, title = _b.title, id = _b.id, rightAddons = _b.rightAddons, disabled = _b.disabled, hidden = _b.hidden, toggleClassName = _b.toggleClassName, toggleTestId = _b.dataTestId, toggleRef = _b.toggleRef;
|
|
@@ -6,7 +6,6 @@ var cn = require('classnames');
|
|
|
6
6
|
var coreComponentsBadge = require('../../../../badge/cssm');
|
|
7
7
|
var coreComponentsKeyboardFocusable = require('../../../../keyboard-focusable/cssm');
|
|
8
8
|
var desktop = require('../../../../picker-button/cssm/desktop');
|
|
9
|
-
var coreComponentsShared = require('../../../../shared/cssm');
|
|
10
9
|
var hooks_useTablistTitles = require('../../hooks/use-tablist-titles.js');
|
|
11
10
|
var syntheticEvents = require('../../synthetic-events.js');
|
|
12
11
|
var components_title_Component = require('../title/Component.js');
|
|
@@ -19,7 +18,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
|
19
18
|
var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
|
|
20
19
|
|
|
21
20
|
var CollapsiblePrimaryTabList = function (_a) {
|
|
22
|
-
var _b = _a.size, size = _b === void 0 ? 'm' : _b, className = _a.className, containerClassName = _a.containerClassName, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, collapsedTabsIds = _a.collapsedTabsIds, fullWidthScroll = _a.fullWidthScroll, onChange = _a.onChange, dataTestId = _a.dataTestId, _e = _a.breakpoint, breakpoint = _e === void 0 ?
|
|
21
|
+
var _b = _a.size, size = _b === void 0 ? 'm' : _b, className = _a.className, containerClassName = _a.containerClassName, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, collapsedTabsIds = _a.collapsedTabsIds, fullWidthScroll = _a.fullWidthScroll, onChange = _a.onChange, dataTestId = _a.dataTestId, _e = _a.breakpoint, breakpoint = _e === void 0 ? 1024 : _e, defaultMatchMediaValue = _a.defaultMatchMediaValue, textStyle = _a.textStyle;
|
|
23
22
|
var lineRef = React.useRef(null);
|
|
24
23
|
var _f = hooks_useTablistTitles.useTablistTitles({
|
|
25
24
|
titles: titles,
|
|
@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
3
3
|
var tslib = require('tslib');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var coreComponentsMq = require('../../../../mq/cssm');
|
|
6
|
-
var coreComponentsShared = require('../../../../shared/cssm');
|
|
7
6
|
var components_primaryTablist_Component_desktop = require('./Component.desktop.js');
|
|
8
7
|
var components_primaryTablist_Component_mobile = require('./Component.mobile.js');
|
|
9
8
|
|
|
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
12
|
|
|
14
13
|
var PrimaryTabListResponsive = function (_a) {
|
|
15
|
-
var size = _a.size, _b = _a.breakpoint, breakpoint = _b === void 0 ?
|
|
14
|
+
var size = _a.size, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, fullWidthScroll = _a.fullWidthScroll, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["size", "breakpoint", "fullWidthScroll", "defaultMatchMediaValue"]);
|
|
16
15
|
var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
|
|
17
16
|
return isDesktop ? (React__default.default.createElement(components_primaryTablist_Component_desktop.PrimaryTabListDesktop, tslib.__assign({ breakpoint: breakpoint, size: size, defaultMatchMediaValue: defaultMatchMediaValue }, restProps))) : (React__default.default.createElement(components_primaryTablist_Component_mobile.PrimaryTabListMobile, tslib.__assign({ breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, fullWidthScroll: fullWidthScroll }, restProps)));
|
|
18
17
|
};
|
|
@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
3
3
|
var tslib = require('tslib');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var coreComponentsMq = require('../../../../mq/cssm');
|
|
6
|
-
var coreComponentsShared = require('../../../../shared/cssm');
|
|
7
6
|
var components_secondaryTablist_Component_desktop = require('./Component.desktop.js');
|
|
8
7
|
var components_secondaryTablist_Component_mobile = require('./Component.mobile.js');
|
|
9
8
|
|
|
@@ -12,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
12
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
13
12
|
|
|
14
13
|
var SecondaryTabListResponsive = function (_a) {
|
|
15
|
-
var defaultMatchMediaValue = _a.defaultMatchMediaValue, fullWidthScroll = _a.fullWidthScroll, _b = _a.breakpoint, breakpoint = _b === void 0 ?
|
|
14
|
+
var defaultMatchMediaValue = _a.defaultMatchMediaValue, fullWidthScroll = _a.fullWidthScroll, _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["defaultMatchMediaValue", "fullWidthScroll", "breakpoint"]);
|
|
16
15
|
var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
|
|
17
16
|
return isDesktop ? (React__default.default.createElement(components_secondaryTablist_Component_desktop.SecondaryTabListDesktop, tslib.__assign({}, restProps))) : (React__default.default.createElement(components_secondaryTablist_Component_mobile.SecondaryTabListMobile, tslib.__assign({ fullWidthScroll: fullWidthScroll }, restProps)));
|
|
18
17
|
};
|
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
|
-
var coreComponentsShared = require('../../../../shared/cssm');
|
|
5
4
|
|
|
6
5
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
7
6
|
|
|
8
7
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
9
8
|
|
|
10
9
|
var Tabs = function (_a) {
|
|
11
|
-
var TabList = _a.TabList, className = _a.className, containerClassName = _a.containerClassName, size = _a.size, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, selectedId = _a.selectedId, scrollable = _a.scrollable, collapsedTabsIds = _a.collapsedTabsIds, _b = _a.fullWidthScroll, fullWidthScroll = _b === void 0 ? false : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? false : _c, dataTestId = _a.dataTestId, onChange = _a.onChange, _d = _a.breakpoint, breakpoint = _d === void 0 ?
|
|
10
|
+
var TabList = _a.TabList, className = _a.className, containerClassName = _a.containerClassName, size = _a.size, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, selectedId = _a.selectedId, scrollable = _a.scrollable, collapsedTabsIds = _a.collapsedTabsIds, _b = _a.fullWidthScroll, fullWidthScroll = _b === void 0 ? false : _b, _c = _a.keepMounted, keepMounted = _c === void 0 ? false : _c, dataTestId = _a.dataTestId, onChange = _a.onChange, _d = _a.breakpoint, breakpoint = _d === void 0 ? 1024 : _d, tagShape = _a.tagShape, tagView = _a.tagView, textStyle = _a.textStyle, style = _a.style;
|
|
12
11
|
var tabsArray = React__default.default.Children.toArray(children);
|
|
13
12
|
var titles = tabsArray.map(function (_a) {
|
|
14
13
|
var _b = _a.props, title = _b.title, id = _b.id, rightAddons = _b.rightAddons, disabled = _b.disabled, hidden = _b.hidden, toggleClassName = _b.toggleClassName, toggleTestId = _b.dataTestId, toggleRef = _b.toggleRef;
|
|
@@ -7,7 +7,6 @@ import 'classnames';
|
|
|
7
7
|
import '../../../badge/esm';
|
|
8
8
|
import '../../../keyboard-focusable/esm';
|
|
9
9
|
import '../../../picker-button/esm/desktop';
|
|
10
|
-
import '../../../shared/esm';
|
|
11
10
|
import '../hooks/use-tablist-titles.js';
|
|
12
11
|
import '../../../mq/esm';
|
|
13
12
|
import '../hooks/use-collapsible-elements.js';
|
|
@@ -15,6 +14,7 @@ import '@juggle/resize-observer';
|
|
|
15
14
|
import '@alfalab/hooks';
|
|
16
15
|
import '../hooks/use-tabs.js';
|
|
17
16
|
import 'react-merge-refs';
|
|
17
|
+
import '../../../shared/esm';
|
|
18
18
|
import '../synthetic-events.js';
|
|
19
19
|
import '../components/title/Component.js';
|
|
20
20
|
import '../index.module-ba7b2cb2.js';
|