@dreamcommerce/aurora 2.4.2-0 → 2.4.3-1
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/build/cjs/packages/aurora/src/components/color_picker/components/label.js +3 -2
- package/build/cjs/packages/aurora/src/components/color_picker/components/label.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/color_picker/css_classes.js +1 -5
- package/build/cjs/packages/aurora/src/components/color_picker/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/components/helper.js +23 -0
- package/build/cjs/packages/aurora/src/components/{typography/index.js.map → controls/components/helper.js.map} +1 -1
- package/build/cjs/packages/aurora/src/components/controls/components/input.js +1 -2
- package/build/cjs/packages/aurora/src/components/controls/components/input.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/components/label.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js +5 -1
- package/build/cjs/packages/aurora/src/components/controls/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +9 -5
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js +3 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_input/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/index.js +5 -4
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_range/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js +3 -2
- package/build/cjs/packages/aurora/src/components/controls/hoc/control_textarea/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/controls/index.js +6 -4
- package/build/cjs/packages/aurora/src/components/controls/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/components/content.js +56 -29
- package/build/cjs/packages/aurora/src/components/dropdown/components/content.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/hoc/multiselect/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_toggle.js +1 -3
- package/build/cjs/packages/aurora/src/components/dropdown/hooks/use_toggle.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/dropdown/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/file_picker/components/selected_file_preview.js +3 -3
- package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js +6 -4
- package/build/cjs/packages/aurora/src/components/flash_messenger/components/flash_message.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/heading/index.js +5 -4
- package/build/cjs/packages/aurora/src/components/heading/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/label/css_classes.js +1 -3
- package/build/cjs/packages/aurora/src/components/label/css_classes.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/label/index.js +2 -5
- package/build/cjs/packages/aurora/src/components/label/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/loader/constants.js +6 -7
- package/build/cjs/packages/aurora/src/components/loader/constants.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/loader/index.js +2 -2
- package/build/cjs/packages/aurora/src/components/slide/components/{slide_header.js → slide_close_btn_wrapper.js} +5 -5
- package/build/cjs/packages/aurora/src/components/slide/css_classes.js +1 -1
- package/build/cjs/packages/aurora/src/components/stack/index.js +4 -4
- package/build/cjs/packages/aurora/src/components/stack/stack_constants.js +1 -19
- package/build/cjs/packages/aurora/src/components/stack/stack_constants.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/tooltip/css_classes.js +10 -0
- package/build/{esm/packages/aurora/src/components/typography/index.js.map → cjs/packages/aurora/src/components/tooltip/css_classes.js.map} +1 -1
- package/build/cjs/packages/aurora/src/components/tooltip/index.js +20 -14
- package/build/cjs/packages/aurora/src/components/tooltip/index.js.map +1 -1
- package/build/cjs/packages/aurora/src/css/checkbox/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/css/color_picker/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/css/controls/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/css/heading/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/css/helper/main.module.less.js +12 -0
- package/build/cjs/packages/aurora/src/css/hint/main.module.less.js +1 -1
- package/build/cjs/packages/aurora/src/css/label/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/css/loader/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/css/message-box/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/css/slide/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/css/stack/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/css/tooltip/main.module.less.js +2 -2
- package/build/cjs/packages/aurora/src/index.js +45 -47
- package/build/cjs/packages/aurora/src/index.js.map +1 -1
- package/build/cjs/packages/utilities/build/esm/packages/utilities/src/file_utils.js +26 -0
- package/build/cjs/packages/utilities/build/esm/packages/utilities/src/file_utils.js.map +1 -0
- package/build/esm/packages/aurora/src/components/color_picker/components/label.js +4 -3
- package/build/esm/packages/aurora/src/components/color_picker/components/label.js.map +1 -1
- package/build/esm/packages/aurora/src/components/color_picker/css_classes.d.ts +0 -2
- package/build/esm/packages/aurora/src/components/color_picker/css_classes.js +2 -4
- package/build/esm/packages/aurora/src/components/color_picker/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/components/helper.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/controls/components/helper.js +14 -0
- package/build/esm/packages/aurora/src/components/controls/components/helper.js.map +1 -0
- package/build/esm/packages/aurora/src/components/controls/components/input.js +1 -2
- package/build/esm/packages/aurora/src/components/controls/components/input.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/components/label.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/css_classes.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/controls/css_classes.js +4 -2
- package/build/esm/packages/aurora/src/components/controls/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_cell_selector/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js +6 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_checkbox_switch/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_date_picker/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_file_picker/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js +3 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_input/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_multi_select/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.js +5 -4
- package/build/esm/packages/aurora/src/components/controls/hoc/control_radio/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/hoc/control_radio_group/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_range/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_select/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_tags_selector/index.js +2 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js +3 -2
- package/build/esm/packages/aurora/src/components/controls/hoc/control_textarea/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/index.js +6 -4
- package/build/esm/packages/aurora/src/components/controls/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/controls/types.d.ts +10 -15
- package/build/esm/packages/aurora/src/components/controls/types.js +0 -1
- package/build/esm/packages/aurora/src/components/controls/types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/date_picker/types.d.ts +1 -2
- package/build/esm/packages/aurora/src/components/date_picker/types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/components/content.js +56 -29
- package/build/esm/packages/aurora/src/components/dropdown/components/content.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/context/types.d.ts +0 -2
- package/build/esm/packages/aurora/src/components/dropdown/hoc/multiselect/index.js +2 -2
- package/build/esm/packages/aurora/src/components/dropdown/hooks/use_toggle.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/hooks/use_toggle.js +1 -3
- package/build/esm/packages/aurora/src/components/dropdown/hooks/use_toggle.js.map +1 -1
- package/build/esm/packages/aurora/src/components/dropdown/index.js +2 -2
- package/build/esm/packages/aurora/src/components/dropdown/types.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/file_picker/components/selected_file_preview.js +1 -1
- package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js +6 -4
- package/build/esm/packages/aurora/src/components/flash_messenger/components/flash_message.js.map +1 -1
- package/build/esm/packages/aurora/src/components/heading/index.js +5 -4
- package/build/esm/packages/aurora/src/components/heading/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/label/css_classes.d.ts +0 -1
- package/build/esm/packages/aurora/src/components/label/css_classes.js +2 -3
- package/build/esm/packages/aurora/src/components/label/css_classes.js.map +1 -1
- package/build/esm/packages/aurora/src/components/label/index.js +3 -6
- package/build/esm/packages/aurora/src/components/label/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/label/types.d.ts +1 -2
- package/build/esm/packages/aurora/src/components/label/types.js.map +1 -1
- package/build/esm/packages/aurora/src/components/loader/constants.d.ts +6 -7
- package/build/esm/packages/aurora/src/components/loader/constants.js +6 -7
- package/build/esm/packages/aurora/src/components/loader/constants.js.map +1 -1
- package/build/esm/packages/aurora/src/components/loader/index.js +2 -2
- package/build/esm/packages/aurora/src/components/loader/types.d.ts +0 -1
- package/build/esm/packages/aurora/src/components/slide/components/slide_close_btn_wrapper.d.ts +4 -0
- package/build/esm/packages/aurora/src/components/slide/components/{slide_header.js → slide_close_btn_wrapper.js} +5 -5
- package/build/esm/packages/aurora/src/components/slide/css_classes.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/slide/css_classes.js +1 -1
- package/build/esm/packages/aurora/src/components/stack/index.js +5 -5
- package/build/esm/packages/aurora/src/components/stack/stack_constants.d.ts +1 -5
- package/build/esm/packages/aurora/src/components/stack/stack_constants.js +2 -18
- package/build/esm/packages/aurora/src/components/stack/stack_constants.js.map +1 -1
- package/build/esm/packages/aurora/src/components/stack/stack_types.d.ts +2 -4
- package/build/esm/packages/aurora/src/components/tooltip/css_classes.d.ts +2 -0
- package/build/esm/packages/aurora/src/components/tooltip/css_classes.js +5 -0
- package/build/esm/packages/aurora/src/components/tooltip/css_classes.js.map +1 -0
- package/build/esm/packages/aurora/src/components/tooltip/index.js +20 -14
- package/build/esm/packages/aurora/src/components/tooltip/index.js.map +1 -1
- package/build/esm/packages/aurora/src/components/tooltip/tooltip_types.d.ts +3 -3
- package/build/esm/packages/aurora/src/components/tooltip/tooltip_types.js +1 -0
- package/build/esm/packages/aurora/src/components/tooltip/tooltip_types.js.map +1 -1
- package/build/esm/packages/aurora/src/css/checkbox/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/css/color_picker/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/css/controls/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/css/heading/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/css/helper/main.module.less.js +8 -0
- package/build/esm/packages/aurora/src/css/hint/main.module.less.js +1 -1
- package/build/esm/packages/aurora/src/css/label/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/css/loader/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/css/message-box/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/css/slide/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/css/stack/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/css/tooltip/main.module.less.js +2 -2
- package/build/esm/packages/aurora/src/hooks/use_portal_child_position.d.ts +9 -0
- package/build/esm/packages/aurora/src/hooks/use_portal_child_position.js +25 -0
- package/build/esm/packages/aurora/src/hooks/use_portal_child_position.js.map +1 -0
- package/build/esm/packages/aurora/src/index.d.ts +2 -3
- package/build/esm/packages/aurora/src/index.js +3 -4
- package/build/esm/packages/aurora/src/index.js.map +1 -1
- package/build/esm/packages/utilities/build/esm/packages/utilities/src/file_utils.js +22 -0
- package/build/esm/packages/utilities/build/esm/packages/utilities/src/file_utils.js.map +1 -0
- package/package.json +2 -2
- package/build/cjs/packages/aurora/src/components/typography/index.js +0 -25
- package/build/cjs/packages/aurora/src/components/typography/typography_constants.js +0 -68
- package/build/cjs/packages/aurora/src/components/typography/typography_constants.js.map +0 -1
- package/build/cjs/packages/aurora/src/css/typography/main.module.less.js +0 -12
- package/build/esm/packages/aurora/src/components/slide/components/slide_header.d.ts +0 -4
- package/build/esm/packages/aurora/src/components/typography/index.d.ts +0 -4
- package/build/esm/packages/aurora/src/components/typography/index.js +0 -16
- package/build/esm/packages/aurora/src/components/typography/typography_constants.d.ts +0 -52
- package/build/esm/packages/aurora/src/components/typography/typography_constants.js +0 -56
- package/build/esm/packages/aurora/src/components/typography/typography_constants.js.map +0 -1
- package/build/esm/packages/aurora/src/components/typography/typography_types.d.ts +0 -17
- package/build/esm/packages/aurora/src/components/typography/typography_types.js +0 -4
- package/build/esm/packages/aurora/src/components/typography/typography_types.js.map +0 -1
- package/build/esm/packages/aurora/src/css/typography/main.module.less.js +0 -8
- /package/build/cjs/packages/aurora/src/components/slide/components/{slide_header.js.map → slide_close_btn_wrapper.js.map} +0 -0
- /package/build/cjs/packages/aurora/src/css/{typography → helper}/main.module.less.js.map +0 -0
- /package/build/esm/packages/aurora/src/components/slide/components/{slide_header.js.map → slide_close_btn_wrapper.js.map} +0 -0
- /package/build/esm/packages/aurora/src/css/{typography → helper}/main.module.less.js.map +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n
|
|
4
|
-
var cssClasses = {"
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_message-box__2eSFA {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n max-width: 100%;\n padding: 1rem;\n margin-left: auto;\n margin-right: auto;\n background-color: #ebeffa;\n border-radius: 3px;\n color: #2d3748;\n}\n.main-module_message-box__2eSFA:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_message-box_alert__3K_Ml,\n.main-module_message-box_error__Cbckk {\n background-color: #ffe6ea;\n}\n.main-module_message-box_alert__3K_Ml .main-module_message-box__icon__2N_H_::before,\n.main-module_message-box_error__Cbckk .main-module_message-box__icon__2N_H_::before {\n content: '\\E93E';\n color: #e60c54;\n}\n.main-module_message-box_alert__3K_Ml .main-module_message-box__header__9jQvW,\n.main-module_message-box_error__Cbckk .main-module_message-box__header__9jQvW {\n color: #e60c54;\n}\n.main-module_message-box_warning__3Gk_4 {\n background-color: #fff6cc;\n}\n.main-module_message-box_warning__3Gk_4 .main-module_message-box__icon__2N_H_::before {\n color: #fad961;\n}\n.main-module_message-box_success__1poUE {\n background-color: #c5e4da;\n}\n.main-module_message-box_success__1poUE .main-module_message-box__icon__2N_H_::before {\n content: '\\E93D';\n color: #4a456d;\n}\n.main-module_message-box_light__1AtoA {\n background-color: #ececec;\n}\n.main-module_message-box_full-width__PSXNS {\n width: 100%;\n}\n.main-module_message-box_arrow__2pC5G {\n border: 1px solid #e1e6f3;\n}\n.main-module_message-box_arrow__2pC5G::after,\n.main-module_message-box_arrow__2pC5G::before {\n content: '';\n display: block;\n position: absolute;\n border-style: solid;\n}\n.main-module_message-box_arrow__2pC5G::before {\n top: -14px;\n left: 7px;\n border-width: 7px;\n border-color: transparent transparent #e1e6f3 transparent;\n}\n.main-module_message-box_arrow__2pC5G::after {\n top: -10px;\n left: 9px;\n border-width: 5px;\n border-color: transparent transparent #ebeffa transparent;\n}\n.main-module_message-box_arrow-right__1hMSX::before {\n left: auto;\n right: 7px;\n}\n.main-module_message-box_arrow-right__1hMSX::after {\n left: auto;\n right: 9px;\n}\n.main-module_message-box_arrow__2pC5G.main-module_message-box_light__1AtoA::after {\n border-color: transparent transparent #ececec transparent;\n}\n.main-module_message-box_center__2M7Yr {\n justify-content: center;\n}\n.main-module_message-box__icon__2N_H_::before {\n display: inline-block;\n font-family: 'aurora-icons';\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: inherit;\n text-decoration: none;\n position: relative;\n vertical-align: middle;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n color: #abb4cd;\n margin-right: 1rem;\n content: '\\E93C';\n}\n.main-module_message-box__icon__2N_H_::before::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.main-module_message-box__icon_custom-icon__2lVfZ {\n display: flex;\n margin-right: 1rem;\n}\n.main-module_message-box__icon_custom-icon__2lVfZ::before {\n margin-right: 0;\n content: '';\n}\n.main-module_message-box__content__zxfHd {\n max-width: 909px;\n}\n.main-module_message-box__header__9jQvW {\n font-size: 16px;\n font-size: 1.1428571428571428rem;\n font-weight: 600;\n}\n.main-module_message-box__header__9jQvW:not(:last-child) {\n margin-bottom: 0.2rem;\n}\n@media screen and (max-width: 767px) {\n .main-module_message-box__2eSFA {\n justify-content: center;\n }\n .main-module_message-box__content__zxfHd {\n max-width: 100%;\n }\n}\n";
|
|
4
|
+
var cssClasses = {"message-box":"main-module_message-box__2eSFA","message-box_alert":"main-module_message-box_alert__3K_Ml","message-box_error":"main-module_message-box_error__Cbckk","message-box__icon":"main-module_message-box__icon__2N_H_","message-box__header":"main-module_message-box__header__9jQvW","message-box_warning":"main-module_message-box_warning__3Gk_4","message-box_success":"main-module_message-box_success__1poUE","message-box_light":"main-module_message-box_light__1AtoA","message-box_full-width":"main-module_message-box_full-width__PSXNS","message-box_arrow":"main-module_message-box_arrow__2pC5G","message-box_arrow-right":"main-module_message-box_arrow-right__1hMSX","message-box_center":"main-module_message-box_center__2M7Yr","message-box__icon_custom-icon":"main-module_message-box__icon_custom-icon__2lVfZ","message-box__content":"main-module_message-box__content__zxfHd"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export default cssClasses;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(100%);\n }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(100%);\n }\n}\n.main-module_slide__1kcca {\n position: absolute;\n top: 0;\n height: 100%;\n background-color: #fff;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n overflow-y: hidden;\n z-index: 1;\n}\n.main-module_slide__wrapper__3mC8j {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n.main-
|
|
4
|
-
var cssClasses = {"slide":"main-module_slide__1kcca","slide__wrapper":"main-module_slide__wrapper__3mC8j","
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n@-webkit-keyframes main-module_directionLeftShow__1VVi1 {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n@keyframes main-module_directionLeftShow__1VVi1 {\n from {\n transform: translateX(100%);\n }\n to {\n transform: translateX(0);\n }\n}\n@-webkit-keyframes main-module_directionLeftHide__QSuRw {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(100%);\n }\n}\n@keyframes main-module_directionLeftHide__QSuRw {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(100%);\n }\n}\n.main-module_slide__1kcca {\n position: absolute;\n top: 0;\n height: 100%;\n background-color: #fff;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n overflow-y: hidden;\n z-index: 1;\n}\n.main-module_slide__wrapper__3mC8j {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n.main-module_slide__close-btn-wrapper__2xmw9 {\n width: 100%;\n border-bottom: 1px solid #abb4cd;\n background-color: #fff;\n text-align: left;\n box-shadow: 0 0 9px 0 rgba(16, 47, 102, 0.16);\n}\n.main-module_slide__content__3KeZM {\n flex: 1;\n overflow-y: scroll;\n}\n.main-module_slide__footer__3wvMP {\n padding: 1.5rem 1rem 1.5rem 1rem;\n background-color: #f3f4f8;\n border-top: 1px solid #abb4cd;\n box-shadow: 0 1px 5px 0 rgba(171, 180, 205, 0.6);\n}\n.main-module_slide_direction-left__Rg5kV {\n right: 0;\n left: 0;\n -webkit-animation-name: main-module_directionLeftHide__QSuRw;\n animation-name: main-module_directionLeftHide__QSuRw;\n}\n.main-module_slide_direction-left__Rg5kV.main-module_slide_is-open__3twK9 {\n -webkit-animation-name: main-module_directionLeftShow__1VVi1;\n animation-name: main-module_directionLeftShow__1VVi1;\n}\n";
|
|
4
|
+
var cssClasses = {"slide":"main-module_slide__1kcca","slide__wrapper":"main-module_slide__wrapper__3mC8j","slide__close-btn-wrapper":"main-module_slide__close-btn-wrapper__2xmw9","slide__content":"main-module_slide__content__3KeZM","slide__footer":"main-module_slide__footer__3wvMP","slide_direction-left":"main-module_slide_direction-left__Rg5kV","directionLeftHide":"main-module_directionLeftHide__QSuRw","slide_is-open":"main-module_slide_is-open__3twK9","directionLeftShow":"main-module_directionLeftShow__1VVi1"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export default cssClasses;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".main-module_stack__3-jiz {\n display: flex;\n}\n.main-
|
|
4
|
-
var cssClasses = {"stack":"main-module_stack__3-jiz","
|
|
3
|
+
var css_248z = ".main-module_stack__3-jiz {\n display: flex;\n}\n.main-module_stack_align_baseline__3SbXR {\n align-items: baseline;\n}\n.main-module_stack_align_center__8Oiot {\n align-items: center;\n}\n.main-module_stack_align_start__1XZH7 {\n align-items: start;\n}\n.main-module_stack_align_end__3QU1b {\n align-items: end;\n}\n.main-module_stack_align_flex-start__2f9Wz {\n align-items: flex-start;\n}\n.main-module_stack_align_flex-end__3xf08 {\n align-items: flex-end;\n}\n.main-module_stack_align_inherit__xPQNE {\n align-items: inherit;\n}\n.main-module_stack_align_initial__1qB9J {\n align-items: initial;\n}\n.main-module_stack_align_normal__3V4Fe {\n align-items: normal;\n}\n.main-module_stack_align_revert__11jKE {\n align-items: revert;\n}\n.main-module_stack_align_self-start__3Yb8f {\n align-items: self-start;\n}\n.main-module_stack_align_self-end__3eK1k {\n align-items: self-end;\n}\n.main-module_stack_align_stretch__1Wqh9 {\n align-items: stretch;\n}\n.main-module_stack_align_unset__3MxA_ {\n align-items: unset;\n}\n.main-module_stack_justify_center__2yHEa {\n flex-justify: center;\n}\n.main-module_stack_justify_start__3-Xzo {\n flex-justify: start;\n}\n.main-module_stack_justify_end__2bxER {\n flex-justify: end;\n}\n.main-module_stack_justify_flex-start__37n5K {\n flex-justify: flex-start;\n}\n.main-module_stack_justify_flex-end__1Bn86 {\n flex-justify: flex-end;\n}\n.main-module_stack_justify_inherit__vBXE0 {\n flex-justify: inherit;\n}\n.main-module_stack_justify_initial__1ZrSu {\n flex-justify: initial;\n}\n.main-module_stack_justify_normal__oCHaG {\n flex-justify: normal;\n}\n.main-module_stack_justify_revert__178VV {\n flex-justify: revert;\n}\n.main-module_stack_justify_left__2OXyY {\n flex-justify: left;\n}\n.main-module_stack_justify_right__SpZ4H {\n flex-justify: right;\n}\n.main-module_stack_justify_space-around__3bdw0 {\n flex-justify: space-around;\n}\n.main-module_stack_justify_space-between__3F8bw {\n flex-justify: space-between;\n}\n.main-module_stack_justify_space-evenly__FJU9F {\n flex-justify: space-evenly;\n}\n.main-module_stack_justify_stretch__1jlvC {\n flex-justify: stretch;\n}\n.main-module_stack_justify_unset__2HlHd {\n flex-justify: unset;\n}\n.main-module_stack_wrap_wrap__uKbM1 {\n flex-wrap: wrap;\n}\n.main-module_stack_wrap_nowrap__i2Afg {\n flex-wrap: nowrap;\n}\n.main-module_stack_wrap_wrap-reverse__d4f4t {\n flex-wrap: wrap-reverse;\n}\n.main-module_stack_wrap_inherit__14f1V {\n flex-wrap: inherit;\n}\n.main-module_stack_wrap_initial__12dgJ {\n flex-wrap: initial;\n}\n.main-module_stack_wrap_revert__2rF92 {\n flex-wrap: revert;\n}\n.main-module_stack_wrap_unset__3D9Go {\n flex-wrap: unset;\n}\n.main-module_stack_direction_column__1lGtW {\n flex-direction: column;\n}\n.main-module_stack_direction_column-reverse__2ZEqE {\n flex-direction: column-reverse;\n}\n.main-module_stack_direction_inherit__3-x4i {\n flex-direction: inherit;\n}\n.main-module_stack_direction_initial__jieCo {\n flex-direction: initial;\n}\n.main-module_stack_direction_row__1I2OC {\n flex-direction: row;\n}\n.main-module_stack_direction_row-reverse__2wnjd {\n flex-direction: row-reverse;\n}\n.main-module_stack_direction_unset__q3yaL {\n flex-direction: unset;\n}\n";
|
|
4
|
+
var cssClasses = {"stack":"main-module_stack__3-jiz","stack_align_baseline":"main-module_stack_align_baseline__3SbXR","stack_align_center":"main-module_stack_align_center__8Oiot","stack_align_start":"main-module_stack_align_start__1XZH7","stack_align_end":"main-module_stack_align_end__3QU1b","stack_align_flex-start":"main-module_stack_align_flex-start__2f9Wz","stack_align_flex-end":"main-module_stack_align_flex-end__3xf08","stack_align_inherit":"main-module_stack_align_inherit__xPQNE","stack_align_initial":"main-module_stack_align_initial__1qB9J","stack_align_normal":"main-module_stack_align_normal__3V4Fe","stack_align_revert":"main-module_stack_align_revert__11jKE","stack_align_self-start":"main-module_stack_align_self-start__3Yb8f","stack_align_self-end":"main-module_stack_align_self-end__3eK1k","stack_align_stretch":"main-module_stack_align_stretch__1Wqh9","stack_align_unset":"main-module_stack_align_unset__3MxA_","stack_justify_center":"main-module_stack_justify_center__2yHEa","stack_justify_start":"main-module_stack_justify_start__3-Xzo","stack_justify_end":"main-module_stack_justify_end__2bxER","stack_justify_flex-start":"main-module_stack_justify_flex-start__37n5K","stack_justify_flex-end":"main-module_stack_justify_flex-end__1Bn86","stack_justify_inherit":"main-module_stack_justify_inherit__vBXE0","stack_justify_initial":"main-module_stack_justify_initial__1ZrSu","stack_justify_normal":"main-module_stack_justify_normal__oCHaG","stack_justify_revert":"main-module_stack_justify_revert__178VV","stack_justify_left":"main-module_stack_justify_left__2OXyY","stack_justify_right":"main-module_stack_justify_right__SpZ4H","stack_justify_space-around":"main-module_stack_justify_space-around__3bdw0","stack_justify_space-between":"main-module_stack_justify_space-between__3F8bw","stack_justify_space-evenly":"main-module_stack_justify_space-evenly__FJU9F","stack_justify_stretch":"main-module_stack_justify_stretch__1jlvC","stack_justify_unset":"main-module_stack_justify_unset__2HlHd","stack_wrap_wrap":"main-module_stack_wrap_wrap__uKbM1","stack_wrap_nowrap":"main-module_stack_wrap_nowrap__i2Afg","stack_wrap_wrap-reverse":"main-module_stack_wrap_wrap-reverse__d4f4t","stack_wrap_inherit":"main-module_stack_wrap_inherit__14f1V","stack_wrap_initial":"main-module_stack_wrap_initial__12dgJ","stack_wrap_revert":"main-module_stack_wrap_revert__2rF92","stack_wrap_unset":"main-module_stack_wrap_unset__3D9Go","stack_direction_column":"main-module_stack_direction_column__1lGtW","stack_direction_column-reverse":"main-module_stack_direction_column-reverse__2ZEqE","stack_direction_inherit":"main-module_stack_direction_inherit__3-x4i","stack_direction_initial":"main-module_stack_direction_initial__jieCo","stack_direction_row":"main-module_stack_direction_row__1I2OC","stack_direction_row-reverse":"main-module_stack_direction_row-reverse__2wnjd","stack_direction_unset":"main-module_stack_direction_unset__q3yaL"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export default cssClasses;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-
|
|
4
|
-
var cssClasses = {"
|
|
3
|
+
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_tooltip__container__1T35Q {\n padding-right: 0.5rem;\n padding-left: 0.5rem;\n white-space: nowrap;\n color: #ffffff;\n font-size: 12px;\n text-align: center;\n background-color: #2d3748;\n}\n.main-module_tooltip__container__1T35Q::before {\n display: none;\n}\n";
|
|
4
|
+
var cssClasses = {"tooltip__container":"main-module_tooltip__container__1T35Q"};
|
|
5
5
|
styleInject(css_248z);
|
|
6
6
|
|
|
7
7
|
export default cssClasses;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { RefObject } from 'react';
|
|
2
|
+
export declare const usePortalChildPosition: ({ childRef, vPosition, hPosition }: {
|
|
3
|
+
vPosition?: "top" | "bottom" | undefined;
|
|
4
|
+
hPosition?: "left" | "right" | "center" | undefined;
|
|
5
|
+
childRef?: React.RefObject<HTMLDivElement> | undefined;
|
|
6
|
+
}) => {
|
|
7
|
+
style: React.CSSProperties;
|
|
8
|
+
onMouseEnter: (event: React.MouseEvent) => void;
|
|
9
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { useState } from 'react';
|
|
2
|
+
export const usePortalChildPosition = ({ childRef, vPosition, hPosition }) => {
|
|
3
|
+
const [position, setPosition] = useState({ top: 0, left: 0 });
|
|
4
|
+
const onMouseEnter = (event) => {
|
|
5
|
+
var _a, _b;
|
|
6
|
+
const $hoveredElement = event.target;
|
|
7
|
+
const parentBoundingRect = $hoveredElement.getBoundingClientRect();
|
|
8
|
+
const childBoundingRect = ((_a = childRef === null || childRef === void 0 ? void 0 : childRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || { width: 0, height: 0 };
|
|
9
|
+
console.log('parentBoundingRect', parentBoundingRect);
|
|
10
|
+
console.log('childRef', (_b = childRef === null || childRef === void 0 ? void 0 : childRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight);
|
|
11
|
+
console.log('childBoundingRect', childBoundingRect);
|
|
12
|
+
const top = vPosition === 'top' ? parentBoundingRect.top - childBoundingRect.height : parentBoundingRect.top + parentBoundingRect.height;
|
|
13
|
+
const left = hPosition === 'left' ? parentBoundingRect.left + parentBoundingRect.width - childBoundingRect.width : parentBoundingRect.left;
|
|
14
|
+
setPosition({ top, left });
|
|
15
|
+
};
|
|
16
|
+
const style = {
|
|
17
|
+
top: position.top,
|
|
18
|
+
left: position.left
|
|
19
|
+
};
|
|
20
|
+
return {
|
|
21
|
+
style,
|
|
22
|
+
onMouseEnter
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=use_portal_child_position.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use_portal_child_position.js","sourceRoot":"","sources":["../../../../../../src/hooks/use_portal_child_position.ts"],"names":[],"mappings":"AAAA,OAAc,EAAa,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEnD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACnC,QAAQ,EACR,SAAS,EACT,SAAS,EAKZ,EAAmF,EAAE;IAClF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;IAE9D,MAAM,YAAY,GAAG,CAAC,KAAuB,EAAE,EAAE;;QAC7C,MAAM,eAAe,GAAG,KAAK,CAAC,MAAqB,CAAC;QAEpD,MAAM,kBAAkB,GAAG,eAAe,CAAC,qBAAqB,EAAE,CAAC;QAEnE,MAAM,iBAAiB,GAAG,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,qBAAqB,EAAE,KAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;QAEhG,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,kBAAkB,CAAC,CAAC;QACtD,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,YAAY,CAAC,CAAC;QACzD,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,CAAC;QAEpD,MAAM,GAAG,GAAG,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,GAAG,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,GAAG,GAAG,kBAAkB,CAAC,MAAM,CAAC;QACzI,MAAM,IAAI,GACN,SAAS,KAAK,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,GAAG,kBAAkB,CAAC,KAAK,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,CAAC;QAElI,WAAW,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,KAAK,GAAG;QACV,GAAG,EAAE,QAAQ,CAAC,GAAG;QACjB,IAAI,EAAE,QAAQ,CAAC,IAAI;KACtB,CAAC;IAEF,OAAO;QACH,KAAK;QACL,YAAY;KACf,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -75,7 +75,7 @@ import SearchListInput from "./components/search_list/components/search_list_inp
|
|
|
75
75
|
import SearchListResults from "./components/search_list/components/search_list_results";
|
|
76
76
|
import Select from "./components/dropdown/hoc/select";
|
|
77
77
|
import Slide from "./components/slide";
|
|
78
|
-
import
|
|
78
|
+
import SlideCloseBtnWrapper from "./components/slide/components/slide_close_btn_wrapper";
|
|
79
79
|
import SlideContent from "./components/slide/components/slide_content";
|
|
80
80
|
import SlideFooter from "./components/slide/components/slide_footer";
|
|
81
81
|
import SlideWrapper from "./components/slide/components/slide_wrapper";
|
|
@@ -98,14 +98,13 @@ import { useDropdownContext } from "./components/dropdown/context";
|
|
|
98
98
|
import { useFlashMessenger } from "./components/flash_messenger/context";
|
|
99
99
|
import { useSearchList } from "./components/search_list/use_search_list";
|
|
100
100
|
import { useToggle } from "./components/dropdown/hooks";
|
|
101
|
-
import { Typography } from "./components/typography";
|
|
102
101
|
/**
|
|
103
102
|
* export hooks
|
|
104
103
|
*/
|
|
105
104
|
/**
|
|
106
105
|
* export components
|
|
107
106
|
*/
|
|
108
|
-
export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading,
|
|
107
|
+
export { Accordion, Button, Tooltip, ButtonsGroup, Dropdown, Select, MultiSelect, Label, Stack, Control, ControlInput, ControlCheckbox, ControlCheckboxSwitch, ControlRadio, ControlSelect, ControlRange, ControlMultiSelect, ControlTextarea, Gallery, Datepicker, ColorPicker, ControlColorPicker, ControlDatepicker, ControlFilePicker, Heading, Modal, ModalProvider, AbsoluteModal, RelativeModal, TabsWrapper, Tabs, TabsItem, TabsItemList, TabsPanel, TabsPanelList, SearchList, SearchListInput, SearchListResults, Tag, TagsSelector, ControlTagsSelector, Table, DataTable, Grid, DropdownContext, ModalContext, IconCalendar, Spacing, IconArrow, IconTick, FilePicker, ControlCellSelector, Hint, ControlRadioGroup, MessageBox, FlashMessenger, useFlashMessenger, Loader, WithLoader, useDropdownContext, FlashMessengerContext, FlashMessagesList, Link, IconTablet, IconMobile, IconLaptop, IconDesktop, IconWarning, useToggle, useSearchList, Slide, SlideWrapper, SlideCloseBtnWrapper, SlideContent, SlideFooter };
|
|
109
108
|
/**
|
|
110
109
|
* export types
|
|
111
110
|
*/
|
|
@@ -5,7 +5,6 @@ export { default as ButtonsGroup } from './components/buttons_group/index.js';
|
|
|
5
5
|
export { DropdownContext, useDropdownContext } from './components/dropdown/context/index.js';
|
|
6
6
|
export { default as ColorPicker } from './components/color_picker/index.js';
|
|
7
7
|
export { default as IconTick } from './assets/icon_tick.js';
|
|
8
|
-
export { default as Stack } from './components/stack/index.js';
|
|
9
8
|
export { default as Label } from './components/label/index.js';
|
|
10
9
|
export { default as Control } from './components/controls/index.js';
|
|
11
10
|
export { default as Hint } from './components/hint/index.js';
|
|
@@ -37,11 +36,10 @@ export { default as Table } from './components/table/index.js';
|
|
|
37
36
|
export { default as DataTable } from './components/table/hoc/data-table.js';
|
|
38
37
|
export { FlashMessengerContext, useFlashMessenger } from './components/flash_messenger/context.js';
|
|
39
38
|
export { default as MessageBox } from './components/message-box/index.js';
|
|
39
|
+
export { default as Grid } from './components/grid/index.js';
|
|
40
40
|
export { default as FlashMessagesList } from './components/flash_messenger/components/flash_messages_list.js';
|
|
41
41
|
export { default as FlashMessenger } from './components/flash_messenger/index.js';
|
|
42
42
|
export { default as Gallery } from './components/gallery/index.js';
|
|
43
|
-
export { default as Grid } from './components/grid/index.js';
|
|
44
|
-
export { Typography } from './components/typography/index.js';
|
|
45
43
|
export { default as Heading } from './components/heading/index.js';
|
|
46
44
|
export { default as IconDesktop } from './assets/icon_desktop.js';
|
|
47
45
|
export { default as IconLaptop } from './assets/icon_laptop.js';
|
|
@@ -59,11 +57,12 @@ export { useSearchList } from './components/search_list/use_search_list.js';
|
|
|
59
57
|
export { SearchListInput } from './components/search_list/components/search_list_input.js';
|
|
60
58
|
export { SearchListResults } from './components/search_list/components/search_list_results.js';
|
|
61
59
|
export { default as Slide } from './components/slide/index.js';
|
|
62
|
-
export {
|
|
60
|
+
export { SlideCloseBtnWrapper } from './components/slide/components/slide_close_btn_wrapper.js';
|
|
63
61
|
export { SlideContent } from './components/slide/components/slide_content.js';
|
|
64
62
|
export { SlideFooter } from './components/slide/components/slide_footer.js';
|
|
65
63
|
export { SlideWrapper } from './components/slide/components/slide_wrapper.js';
|
|
66
64
|
export { default as Spacing } from './components/spacing/index.js';
|
|
65
|
+
export { default as Stack } from './components/stack/index.js';
|
|
67
66
|
export { default as Tabs } from './components/tabs/components/tabs.js';
|
|
68
67
|
export { TabsItem } from './components/tabs/components/tabs_item.js';
|
|
69
68
|
export { TabsItemList } from './components/tabs/components/tabs_item_list.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
class FileUtils {
|
|
2
|
+
static bytesToSize(bytes) {
|
|
3
|
+
const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
|
|
4
|
+
if (bytes === 0)
|
|
5
|
+
return 'n/a';
|
|
6
|
+
const i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)).toString());
|
|
7
|
+
if (i === 0)
|
|
8
|
+
return `${bytes} ${sizes[i]}`;
|
|
9
|
+
return `${(bytes / Math.pow(1024, i)).toFixed(1)} ${sizes[i]}`;
|
|
10
|
+
}
|
|
11
|
+
static getFileExtension(filename) {
|
|
12
|
+
var _a;
|
|
13
|
+
const filenameParts = filename.split('.').filter((part) => part);
|
|
14
|
+
return filenameParts.length > 1 ? (_a = filenameParts.pop()) !== null && _a !== void 0 ? _a : '' : '';
|
|
15
|
+
}
|
|
16
|
+
static getFileName(filename) {
|
|
17
|
+
return filename.substring(0, filename.lastIndexOf('.')) || filename;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
export { FileUtils };
|
|
22
|
+
//# sourceMappingURL=file_utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@dreamcommerce/aurora",
|
|
3
3
|
"packageManager": "yarn@3.2.0",
|
|
4
4
|
"sideEffects": false,
|
|
5
|
-
"version": "2.4.
|
|
5
|
+
"version": "2.4.3-1",
|
|
6
6
|
"description": "aurora",
|
|
7
7
|
"author": "k0ssak",
|
|
8
8
|
"license": "MIT",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"update-visuals": "jest -c .config/jest/jest.config.visual.js --updateSnapshot"
|
|
45
45
|
},
|
|
46
46
|
"devDependencies": {
|
|
47
|
-
"@dreamcommerce/utilities": "^1.
|
|
47
|
+
"@dreamcommerce/utilities": "^1.6.0",
|
|
48
48
|
"@shoper/jest_config": "^0.0.0",
|
|
49
49
|
"@shoper/tsconfig": "^0.0.0",
|
|
50
50
|
"@storybook/react": "6.5.7",
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var React = require('react');
|
|
6
|
-
var classnames = require('classnames');
|
|
7
|
-
var typography_constants = require('./typography_constants.js');
|
|
8
|
-
var main_module = require('../../css/typography/main.module.less.js');
|
|
9
|
-
|
|
10
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
-
|
|
12
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
-
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
14
|
-
|
|
15
|
-
const Typography = ({ as = 'p', children, variant = 'h1', weight, transform, cssClasses, color, style }) => {
|
|
16
|
-
const typographyClasses = classnames__default['default'](main_module['default'][typography_constants.TYPOGRAPHY_CSS_CLASSES.typography], as ? main_module['default'][typography_constants.TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP[as]] : '', variant ? main_module['default'][typography_constants.TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP[variant]] : '', transform ? main_module['default'][typography_constants.TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP[transform]] : '', weight ? main_module['default'][typography_constants.TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP[weight]] : '', color ? main_module['default'][typography_constants.TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP[color]] : '', cssClasses);
|
|
17
|
-
return React__default['default'].createElement(as, {
|
|
18
|
-
className: typographyClasses,
|
|
19
|
-
style: style
|
|
20
|
-
}, children);
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
exports.Typography = Typography;
|
|
24
|
-
exports.default = Typography;
|
|
25
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const TYPOGRAPHY_COMPONENTS_TYPES = {
|
|
6
|
-
h1: 'h1',
|
|
7
|
-
h2: 'h2',
|
|
8
|
-
h3: 'h3',
|
|
9
|
-
h4: 'h4',
|
|
10
|
-
h5: 'h5',
|
|
11
|
-
h6: 'h6',
|
|
12
|
-
p: 'p',
|
|
13
|
-
span: 'span',
|
|
14
|
-
div: 'div'
|
|
15
|
-
};
|
|
16
|
-
const TYPOGRAPHY_TRANSFORM = {
|
|
17
|
-
uppercase: 'uppercase',
|
|
18
|
-
lowercase: 'lowercase',
|
|
19
|
-
capitalize: 'capitalize'
|
|
20
|
-
};
|
|
21
|
-
const TYPOGRAPHY_WEIGHT = {
|
|
22
|
-
normal: 'normal',
|
|
23
|
-
bold: 'bold',
|
|
24
|
-
semibold: 'semibold'
|
|
25
|
-
};
|
|
26
|
-
const typographyCssBaseClass = 'typography';
|
|
27
|
-
const TYPOGRAPHY_CSS_CLASSES = {
|
|
28
|
-
typography: typographyCssBaseClass
|
|
29
|
-
};
|
|
30
|
-
const TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP = {
|
|
31
|
-
[TYPOGRAPHY_COMPONENTS_TYPES.h1]: `${typographyCssBaseClass}_h1`,
|
|
32
|
-
[TYPOGRAPHY_COMPONENTS_TYPES.h2]: `${typographyCssBaseClass}_h2`,
|
|
33
|
-
[TYPOGRAPHY_COMPONENTS_TYPES.h3]: `${typographyCssBaseClass}_h3`,
|
|
34
|
-
[TYPOGRAPHY_COMPONENTS_TYPES.h4]: `${typographyCssBaseClass}_h4`,
|
|
35
|
-
[TYPOGRAPHY_COMPONENTS_TYPES.h5]: `${typographyCssBaseClass}_h5`,
|
|
36
|
-
[TYPOGRAPHY_COMPONENTS_TYPES.h6]: `${typographyCssBaseClass}_h6`,
|
|
37
|
-
[TYPOGRAPHY_COMPONENTS_TYPES.p]: `${typographyCssBaseClass}_p`,
|
|
38
|
-
[TYPOGRAPHY_COMPONENTS_TYPES.span]: `${typographyCssBaseClass}_span`
|
|
39
|
-
};
|
|
40
|
-
const TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP = {
|
|
41
|
-
[TYPOGRAPHY_TRANSFORM.uppercase]: `${typographyCssBaseClass}_uppercase`,
|
|
42
|
-
[TYPOGRAPHY_TRANSFORM.lowercase]: `${typographyCssBaseClass}_lowercase`,
|
|
43
|
-
[TYPOGRAPHY_TRANSFORM.capitalize]: `${typographyCssBaseClass}_capitalize`
|
|
44
|
-
};
|
|
45
|
-
const TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP = {
|
|
46
|
-
[TYPOGRAPHY_WEIGHT.normal]: `${typographyCssBaseClass}_normal`,
|
|
47
|
-
[TYPOGRAPHY_WEIGHT.bold]: `${typographyCssBaseClass}_bold`,
|
|
48
|
-
[TYPOGRAPHY_WEIGHT.semibold]: `${typographyCssBaseClass}_semibold`
|
|
49
|
-
};
|
|
50
|
-
const TYPOGRAPHY_COLORS = {
|
|
51
|
-
dark: 'dark',
|
|
52
|
-
light: 'light'
|
|
53
|
-
};
|
|
54
|
-
const TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP = {
|
|
55
|
-
[TYPOGRAPHY_COLORS.dark]: `${typographyCssBaseClass}_color_dark`,
|
|
56
|
-
[TYPOGRAPHY_COLORS.light]: `${typographyCssBaseClass}_color_light`
|
|
57
|
-
};
|
|
58
|
-
|
|
59
|
-
exports.TYPOGRAPHY_COLORS = TYPOGRAPHY_COLORS;
|
|
60
|
-
exports.TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP = TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP;
|
|
61
|
-
exports.TYPOGRAPHY_COMPONENTS_TYPES = TYPOGRAPHY_COMPONENTS_TYPES;
|
|
62
|
-
exports.TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP = TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP;
|
|
63
|
-
exports.TYPOGRAPHY_CSS_CLASSES = TYPOGRAPHY_CSS_CLASSES;
|
|
64
|
-
exports.TYPOGRAPHY_TRANSFORM = TYPOGRAPHY_TRANSFORM;
|
|
65
|
-
exports.TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP = TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP;
|
|
66
|
-
exports.TYPOGRAPHY_WEIGHT = TYPOGRAPHY_WEIGHT;
|
|
67
|
-
exports.TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP = TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP;
|
|
68
|
-
//# sourceMappingURL=typography_constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
|
|
6
|
-
|
|
7
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_typography_h1__3-Uq1,\n.main-module_typography_h2__2S8Us,\n.main-module_typography_h3__2TNaC,\n.main-module_typography_h4__2yTuP,\n.main-module_typography_h5__1-Tt-,\n.main-module_typography_h6__2oHDB {\n display: block;\n color: #2d3748;\n font-weight: 600;\n}\n.main-module_typography_h1__3-Uq1:not(:last-child),\n.main-module_typography_h2__2S8Us:not(:last-child) {\n margin-bottom: 2rem;\n}\n.main-module_typography_h3__2TNaC:not(:last-child),\n.main-module_typography_h4__2yTuP:not(:last-child),\n.main-module_typography_h5__1-Tt-:not(:last-child),\n.main-module_typography_h6__2oHDB:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_typography_p__vWW6a {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_p__vWW6a:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_typography_h1__3-Uq1 {\n font-size: 36px;\n font-size: 2.5714285714285716rem;\n}\n.main-module_typography_h2__2S8Us {\n font-size: 24px;\n font-size: 1.7142857142857142rem;\n}\n.main-module_typography_h3__2TNaC {\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n}\n.main-module_typography_h4__2yTuP {\n font-size: 16px;\n font-size: 1.1428571428571428rem;\n}\n.main-module_typography_h5__1-Tt- {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_h6__2oHDB {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n}\n.main-module_typography_p__vWW6a {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_bold__18xiI {\n font-weight: 700;\n}\n.main-module_typography_semibold__1kr14 {\n font-weight: 600;\n}\n.main-module_typography_normal__oKS8F {\n font-weight: 400;\n}\n.main-module_typography_uppercase__PMlo5 {\n text-transform: uppercase;\n}\n.main-module_typography_lowercase__17D2L {\n text-transform: lowercase;\n}\n.main-module_typography_capitalize__3L3XA {\n text-transform: capitalize;\n}\n.main-module_typography_color_dark__1rr5f {\n color: #2d3748;\n}\n.main-module_typography_color_light__2gFfI {\n color: #abb4cd;\n}\n";
|
|
8
|
-
var typographyCssClasses = {"typography_h1":"main-module_typography_h1__3-Uq1","typography_h2":"main-module_typography_h2__2S8Us","typography_h3":"main-module_typography_h3__2TNaC","typography_h4":"main-module_typography_h4__2yTuP","typography_h5":"main-module_typography_h5__1-Tt-","typography_h6":"main-module_typography_h6__2oHDB","typography_p":"main-module_typography_p__vWW6a","typography_bold":"main-module_typography_bold__18xiI","typography_semibold":"main-module_typography_semibold__1kr14","typography_normal":"main-module_typography_normal__oKS8F","typography_uppercase":"main-module_typography_uppercase__PMlo5","typography_lowercase":"main-module_typography_lowercase__17D2L","typography_capitalize":"main-module_typography_capitalize__3L3XA","typography_color_dark":"main-module_typography_color_dark__1rr5f","typography_color_light":"main-module_typography_color_light__2gFfI"};
|
|
9
|
-
styleInject_es['default'](css_248z);
|
|
10
|
-
|
|
11
|
-
exports.default = typographyCssClasses;
|
|
12
|
-
//# sourceMappingURL=main.module.less.js.map
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import classnames from 'classnames';
|
|
3
|
-
import { TYPOGRAPHY_CSS_CLASSES, TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP, TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP, TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP, TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP } from './typography_constants.js';
|
|
4
|
-
import typographyCssClasses from '../../css/typography/main.module.less.js';
|
|
5
|
-
|
|
6
|
-
const Typography = ({ as = 'p', children, variant = 'h1', weight, transform, cssClasses, color, style }) => {
|
|
7
|
-
const typographyClasses = classnames(typographyCssClasses[TYPOGRAPHY_CSS_CLASSES.typography], as ? typographyCssClasses[TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP[as]] : '', variant ? typographyCssClasses[TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP[variant]] : '', transform ? typographyCssClasses[TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP[transform]] : '', weight ? typographyCssClasses[TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP[weight]] : '', color ? typographyCssClasses[TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP[color]] : '', cssClasses);
|
|
8
|
-
return React.createElement(as, {
|
|
9
|
-
className: typographyClasses,
|
|
10
|
-
style: style
|
|
11
|
-
}, children);
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export default Typography;
|
|
15
|
-
export { Typography };
|
|
16
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
export declare const TYPOGRAPHY_COMPONENTS_TYPES: {
|
|
2
|
-
readonly h1: "h1";
|
|
3
|
-
readonly h2: "h2";
|
|
4
|
-
readonly h3: "h3";
|
|
5
|
-
readonly h4: "h4";
|
|
6
|
-
readonly h5: "h5";
|
|
7
|
-
readonly h6: "h6";
|
|
8
|
-
readonly p: "p";
|
|
9
|
-
readonly span: "span";
|
|
10
|
-
readonly div: "div";
|
|
11
|
-
};
|
|
12
|
-
export declare const TYPOGRAPHY_TRANSFORM: {
|
|
13
|
-
readonly uppercase: "uppercase";
|
|
14
|
-
readonly lowercase: "lowercase";
|
|
15
|
-
readonly capitalize: "capitalize";
|
|
16
|
-
};
|
|
17
|
-
export declare const TYPOGRAPHY_WEIGHT: {
|
|
18
|
-
readonly normal: "normal";
|
|
19
|
-
readonly bold: "bold";
|
|
20
|
-
readonly semibold: "semibold";
|
|
21
|
-
};
|
|
22
|
-
export declare const TYPOGRAPHY_CSS_CLASSES: {
|
|
23
|
-
readonly typography: "typography";
|
|
24
|
-
};
|
|
25
|
-
export declare const TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP: {
|
|
26
|
-
readonly h1: "typography_h1";
|
|
27
|
-
readonly h2: "typography_h2";
|
|
28
|
-
readonly h3: "typography_h3";
|
|
29
|
-
readonly h4: "typography_h4";
|
|
30
|
-
readonly h5: "typography_h5";
|
|
31
|
-
readonly h6: "typography_h6";
|
|
32
|
-
readonly p: "typography_p";
|
|
33
|
-
readonly span: "typography_span";
|
|
34
|
-
};
|
|
35
|
-
export declare const TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP: {
|
|
36
|
-
readonly uppercase: "typography_uppercase";
|
|
37
|
-
readonly lowercase: "typography_lowercase";
|
|
38
|
-
readonly capitalize: "typography_capitalize";
|
|
39
|
-
};
|
|
40
|
-
export declare const TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP: {
|
|
41
|
-
readonly normal: "typography_normal";
|
|
42
|
-
readonly bold: "typography_bold";
|
|
43
|
-
readonly semibold: "typography_semibold";
|
|
44
|
-
};
|
|
45
|
-
export declare const TYPOGRAPHY_COLORS: {
|
|
46
|
-
readonly dark: "dark";
|
|
47
|
-
readonly light: "light";
|
|
48
|
-
};
|
|
49
|
-
export declare const TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP: {
|
|
50
|
-
readonly dark: "typography_color_dark";
|
|
51
|
-
readonly light: "typography_color_light";
|
|
52
|
-
};
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
const TYPOGRAPHY_COMPONENTS_TYPES = {
|
|
2
|
-
h1: 'h1',
|
|
3
|
-
h2: 'h2',
|
|
4
|
-
h3: 'h3',
|
|
5
|
-
h4: 'h4',
|
|
6
|
-
h5: 'h5',
|
|
7
|
-
h6: 'h6',
|
|
8
|
-
p: 'p',
|
|
9
|
-
span: 'span',
|
|
10
|
-
div: 'div'
|
|
11
|
-
};
|
|
12
|
-
const TYPOGRAPHY_TRANSFORM = {
|
|
13
|
-
uppercase: 'uppercase',
|
|
14
|
-
lowercase: 'lowercase',
|
|
15
|
-
capitalize: 'capitalize'
|
|
16
|
-
};
|
|
17
|
-
const TYPOGRAPHY_WEIGHT = {
|
|
18
|
-
normal: 'normal',
|
|
19
|
-
bold: 'bold',
|
|
20
|
-
semibold: 'semibold'
|
|
21
|
-
};
|
|
22
|
-
const typographyCssBaseClass = 'typography';
|
|
23
|
-
const TYPOGRAPHY_CSS_CLASSES = {
|
|
24
|
-
typography: typographyCssBaseClass
|
|
25
|
-
};
|
|
26
|
-
const TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP = {
|
|
27
|
-
[TYPOGRAPHY_COMPONENTS_TYPES.h1]: `${typographyCssBaseClass}_h1`,
|
|
28
|
-
[TYPOGRAPHY_COMPONENTS_TYPES.h2]: `${typographyCssBaseClass}_h2`,
|
|
29
|
-
[TYPOGRAPHY_COMPONENTS_TYPES.h3]: `${typographyCssBaseClass}_h3`,
|
|
30
|
-
[TYPOGRAPHY_COMPONENTS_TYPES.h4]: `${typographyCssBaseClass}_h4`,
|
|
31
|
-
[TYPOGRAPHY_COMPONENTS_TYPES.h5]: `${typographyCssBaseClass}_h5`,
|
|
32
|
-
[TYPOGRAPHY_COMPONENTS_TYPES.h6]: `${typographyCssBaseClass}_h6`,
|
|
33
|
-
[TYPOGRAPHY_COMPONENTS_TYPES.p]: `${typographyCssBaseClass}_p`,
|
|
34
|
-
[TYPOGRAPHY_COMPONENTS_TYPES.span]: `${typographyCssBaseClass}_span`
|
|
35
|
-
};
|
|
36
|
-
const TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP = {
|
|
37
|
-
[TYPOGRAPHY_TRANSFORM.uppercase]: `${typographyCssBaseClass}_uppercase`,
|
|
38
|
-
[TYPOGRAPHY_TRANSFORM.lowercase]: `${typographyCssBaseClass}_lowercase`,
|
|
39
|
-
[TYPOGRAPHY_TRANSFORM.capitalize]: `${typographyCssBaseClass}_capitalize`
|
|
40
|
-
};
|
|
41
|
-
const TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP = {
|
|
42
|
-
[TYPOGRAPHY_WEIGHT.normal]: `${typographyCssBaseClass}_normal`,
|
|
43
|
-
[TYPOGRAPHY_WEIGHT.bold]: `${typographyCssBaseClass}_bold`,
|
|
44
|
-
[TYPOGRAPHY_WEIGHT.semibold]: `${typographyCssBaseClass}_semibold`
|
|
45
|
-
};
|
|
46
|
-
const TYPOGRAPHY_COLORS = {
|
|
47
|
-
dark: 'dark',
|
|
48
|
-
light: 'light'
|
|
49
|
-
};
|
|
50
|
-
const TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP = {
|
|
51
|
-
[TYPOGRAPHY_COLORS.dark]: `${typographyCssBaseClass}_color_dark`,
|
|
52
|
-
[TYPOGRAPHY_COLORS.light]: `${typographyCssBaseClass}_color_light`
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
export { TYPOGRAPHY_COLORS, TYPOGRAPHY_COLORS_TO_CSS_CLASSES_MAP, TYPOGRAPHY_COMPONENTS_TYPES, TYPOGRAPHY_COMPONENTS_TYPES_TO_CSS_CLASSES_MAP, TYPOGRAPHY_CSS_CLASSES, TYPOGRAPHY_TRANSFORM, TYPOGRAPHY_TRANSFORM_TO_CSS_CLASSES_MAP, TYPOGRAPHY_WEIGHT, TYPOGRAPHY_WEIGHT_TO_CSS_CLASSES_MAP };
|
|
56
|
-
//# sourceMappingURL=typography_constants.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { TYPOGRAPHY_COLORS, TYPOGRAPHY_COMPONENTS_TYPES, TYPOGRAPHY_TRANSFORM, TYPOGRAPHY_WEIGHT } from "./typography_constants";
|
|
2
|
-
import { Any } from 'ts-toolbelt';
|
|
3
|
-
import React from 'react';
|
|
4
|
-
export declare type TTypographyComponentTypes = Any.Keys<typeof TYPOGRAPHY_COMPONENTS_TYPES>;
|
|
5
|
-
export interface ITypographyProps {
|
|
6
|
-
as: TTypographyComponentTypes;
|
|
7
|
-
variant?: TTypographyVariantTypes;
|
|
8
|
-
transform?: TTypographyTransform;
|
|
9
|
-
weight?: TTypographyWeight;
|
|
10
|
-
cssClasses?: string;
|
|
11
|
-
style?: React.CSSProperties;
|
|
12
|
-
color?: TTypographyColor;
|
|
13
|
-
}
|
|
14
|
-
export declare type TTypographyTransform = Any.Keys<typeof TYPOGRAPHY_TRANSFORM>;
|
|
15
|
-
export declare type TTypographyVariantTypes = TTypographyComponentTypes;
|
|
16
|
-
export declare type TTypographyWeight = Any.Keys<typeof TYPOGRAPHY_WEIGHT>;
|
|
17
|
-
export declare type TTypographyColor = Any.Keys<typeof TYPOGRAPHY_COLORS>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"typography_types.js","sourceRoot":"","sources":["../../../../../../../src/components/typography/typography_types.ts"],"names":[],"mappings":"AAAA,OAKO,mDAAmD,CAAC;AAC3D,OAAoB,aAAa,CAAC;AAClC,OAAkB,OAAO,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
|
|
2
|
-
|
|
3
|
-
var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_typography_h1__3-Uq1,\n.main-module_typography_h2__2S8Us,\n.main-module_typography_h3__2TNaC,\n.main-module_typography_h4__2yTuP,\n.main-module_typography_h5__1-Tt-,\n.main-module_typography_h6__2oHDB {\n display: block;\n color: #2d3748;\n font-weight: 600;\n}\n.main-module_typography_h1__3-Uq1:not(:last-child),\n.main-module_typography_h2__2S8Us:not(:last-child) {\n margin-bottom: 2rem;\n}\n.main-module_typography_h3__2TNaC:not(:last-child),\n.main-module_typography_h4__2yTuP:not(:last-child),\n.main-module_typography_h5__1-Tt-:not(:last-child),\n.main-module_typography_h6__2oHDB:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_typography_p__vWW6a {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_p__vWW6a:not(:last-child) {\n margin-bottom: 1rem;\n}\n.main-module_typography_h1__3-Uq1 {\n font-size: 36px;\n font-size: 2.5714285714285716rem;\n}\n.main-module_typography_h2__2S8Us {\n font-size: 24px;\n font-size: 1.7142857142857142rem;\n}\n.main-module_typography_h3__2TNaC {\n font-size: 18px;\n font-size: 1.2857142857142858rem;\n}\n.main-module_typography_h4__2yTuP {\n font-size: 16px;\n font-size: 1.1428571428571428rem;\n}\n.main-module_typography_h5__1-Tt- {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_h6__2oHDB {\n font-size: 12px;\n font-size: 0.8571428571428571rem;\n}\n.main-module_typography_p__vWW6a {\n font-size: 14px;\n font-size: 1rem;\n}\n.main-module_typography_bold__18xiI {\n font-weight: 700;\n}\n.main-module_typography_semibold__1kr14 {\n font-weight: 600;\n}\n.main-module_typography_normal__oKS8F {\n font-weight: 400;\n}\n.main-module_typography_uppercase__PMlo5 {\n text-transform: uppercase;\n}\n.main-module_typography_lowercase__17D2L {\n text-transform: lowercase;\n}\n.main-module_typography_capitalize__3L3XA {\n text-transform: capitalize;\n}\n.main-module_typography_color_dark__1rr5f {\n color: #2d3748;\n}\n.main-module_typography_color_light__2gFfI {\n color: #abb4cd;\n}\n";
|
|
4
|
-
var typographyCssClasses = {"typography_h1":"main-module_typography_h1__3-Uq1","typography_h2":"main-module_typography_h2__2S8Us","typography_h3":"main-module_typography_h3__2TNaC","typography_h4":"main-module_typography_h4__2yTuP","typography_h5":"main-module_typography_h5__1-Tt-","typography_h6":"main-module_typography_h6__2oHDB","typography_p":"main-module_typography_p__vWW6a","typography_bold":"main-module_typography_bold__18xiI","typography_semibold":"main-module_typography_semibold__1kr14","typography_normal":"main-module_typography_normal__oKS8F","typography_uppercase":"main-module_typography_uppercase__PMlo5","typography_lowercase":"main-module_typography_lowercase__17D2L","typography_capitalize":"main-module_typography_capitalize__3L3XA","typography_color_dark":"main-module_typography_color_dark__1rr5f","typography_color_light":"main-module_typography_color_light__2gFfI"};
|
|
5
|
-
styleInject(css_248z);
|
|
6
|
-
|
|
7
|
-
export default typographyCssClasses;
|
|
8
|
-
//# sourceMappingURL=main.module.less.js.map
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|