@tcn/ui 0.0.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/README.md +11 -0
- package/dist/actions/button/base_button/base_button.d.ts +15 -0
- package/dist/actions/button/base_button/base_button.d.ts.map +1 -0
- package/dist/actions/button/base_button/base_button.js +56 -0
- package/dist/actions/button/base_button/base_button.js.map +1 -0
- package/dist/actions/button/button/button.d.ts +6 -0
- package/dist/actions/button/button/button.d.ts.map +1 -0
- package/dist/actions/button/button/button.js +11 -0
- package/dist/actions/button/button/button.js.map +1 -0
- package/dist/actions/button/button_group/button_group.d.ts +12 -0
- package/dist/actions/button/button_group/button_group.d.ts.map +1 -0
- package/dist/actions/button/button_group/button_group.js +57 -0
- package/dist/actions/button/button_group/button_group.js.map +1 -0
- package/dist/actions/button/select_group/select_group.d.ts +13 -0
- package/dist/actions/button/select_group/select_group.d.ts.map +1 -0
- package/dist/actions/button/select_group/select_group.js +51 -0
- package/dist/actions/button/select_group/select_group.js.map +1 -0
- package/dist/actions/button/select_group/single_select_group.d.ts +10 -0
- package/dist/actions/button/select_group/single_select_group.d.ts.map +1 -0
- package/dist/actions/button/select_group/single_select_group.js +34 -0
- package/dist/actions/button/select_group/single_select_group.js.map +1 -0
- package/dist/actions/button/slim_button/slim_button.d.ts +4 -0
- package/dist/actions/button/slim_button/slim_button.d.ts.map +1 -0
- package/dist/actions/button/slim_button/slim_button.js +19 -0
- package/dist/actions/button/slim_button/slim_button.js.map +1 -0
- package/dist/actions/index.d.ts +7 -0
- package/dist/actions/index.d.ts.map +1 -0
- package/dist/actions/index.js +15 -0
- package/dist/actions/index.js.map +1 -0
- package/dist/badge.css +1 -0
- package/dist/base_button.css +1 -0
- package/dist/body_text.css +1 -0
- package/dist/body_text.module-h4XQE2pC.js +5 -0
- package/dist/body_text.module-h4XQE2pC.js.map +1 -0
- package/dist/bottom_resize_handle.css +1 -0
- package/dist/bubble.css +1 -0
- package/dist/button.css +1 -0
- package/dist/button_group.css +1 -0
- package/dist/callout.css +1 -0
- package/dist/callout.module-D8ECmxpO.js +5 -0
- package/dist/callout.module-D8ECmxpO.js.map +1 -0
- package/dist/caption.css +1 -0
- package/dist/caption.module-DDq0H4xZ.js +5 -0
- package/dist/caption.module-DDq0H4xZ.js.map +1 -0
- package/dist/card.css +1 -0
- package/dist/checkbox.css +1 -0
- package/dist/chip.css +1 -0
- package/dist/circle.css +1 -0
- package/dist/collapsible_box.css +1 -0
- package/dist/collapsible_box.module-BiS98xXA.js +5 -0
- package/dist/collapsible_box.module-BiS98xXA.js.map +1 -0
- package/dist/color_input.css +1 -0
- package/dist/color_picker.css +1 -0
- package/dist/column.css +1 -0
- package/dist/confirm.css +1 -0
- package/dist/date_picker.css +1 -0
- package/dist/date_picker_date.css +1 -0
- package/dist/date_picker_day.css +1 -0
- package/dist/date_picker_header.css +1 -0
- package/dist/date_picker_input.css +1 -0
- package/dist/date_picker_time_selector.css +1 -0
- package/dist/date_picker_year_input.css +1 -0
- package/dist/date_picker_year_selector.css +1 -0
- package/dist/divider.css +1 -0
- package/dist/drawer_bottom.css +1 -0
- package/dist/drawer_end.css +1 -0
- package/dist/drawer_start.css +1 -0
- package/dist/drawer_top.css +1 -0
- package/dist/end_resize_handle.css +1 -0
- package/dist/feedback/index.d.ts +4 -0
- package/dist/feedback/index.d.ts.map +1 -0
- package/dist/feedback/index.js +9 -0
- package/dist/feedback/index.js.map +1 -0
- package/dist/feedback/lazy/lazy.d.ts +11 -0
- package/dist/feedback/lazy/lazy.d.ts.map +1 -0
- package/dist/feedback/lazy/lazy.js +27 -0
- package/dist/feedback/lazy/lazy.js.map +1 -0
- package/dist/feedback/loading/loading.d.ts +11 -0
- package/dist/feedback/loading/loading.d.ts.map +1 -0
- package/dist/feedback/loading/loading.js +52 -0
- package/dist/feedback/loading/loading.js.map +1 -0
- package/dist/feedback/progress/progress_bar.d.ts +7 -0
- package/dist/feedback/progress/progress_bar.d.ts.map +1 -0
- package/dist/feedback/progress/progress_bar.js +41 -0
- package/dist/feedback/progress/progress_bar.js.map +1 -0
- package/dist/field_control.css +1 -0
- package/dist/field_set.css +1 -0
- package/dist/footer.css +1 -0
- package/dist/footnote.css +1 -0
- package/dist/footnote.module-DEyFuqOr.js +5 -0
- package/dist/footnote.module-DEyFuqOr.js.map +1 -0
- package/dist/form/field/common/field_control/field_control.d.ts +13 -0
- package/dist/form/field/common/field_control/field_control.d.ts.map +1 -0
- package/dist/form/field/common/field_control/field_control.js +38 -0
- package/dist/form/field/common/field_control/field_control.js.map +1 -0
- package/dist/form/field/common/field_description.d.ts +7 -0
- package/dist/form/field/common/field_description.d.ts.map +1 -0
- package/dist/form/field/common/field_description.js +25 -0
- package/dist/form/field/common/field_description.js.map +1 -0
- package/dist/form/field/common/field_error.d.ts +6 -0
- package/dist/form/field/common/field_error.d.ts.map +1 -0
- package/dist/form/field/common/field_error.js +35 -0
- package/dist/form/field/common/field_error.js.map +1 -0
- package/dist/form/field/common/field_header.d.ts +12 -0
- package/dist/form/field/common/field_header.d.ts.map +1 -0
- package/dist/form/field/common/field_header.js +28 -0
- package/dist/form/field/common/field_header.js.map +1 -0
- package/dist/form/field/common/field_label.d.ts +8 -0
- package/dist/form/field/common/field_label.d.ts.map +1 -0
- package/dist/form/field/common/field_label.js +38 -0
- package/dist/form/field/common/field_label.js.map +1 -0
- package/dist/form/field/common/status_input/status_input.d.ts +14 -0
- package/dist/form/field/common/status_input/status_input.d.ts.map +1 -0
- package/dist/form/field/common/status_input/status_input.js +56 -0
- package/dist/form/field/common/status_input/status_input.js.map +1 -0
- package/dist/form/field/common/types.d.ts +10 -0
- package/dist/form/field/common/types.d.ts.map +1 -0
- package/dist/form/field/common/types.js +2 -0
- package/dist/form/field/common/types.js.map +1 -0
- package/dist/form/field/field.d.ts +10 -0
- package/dist/form/field/field.d.ts.map +1 -0
- package/dist/form/field/field.js +19 -0
- package/dist/form/field/field.js.map +1 -0
- package/dist/form/field/form_field.d.ts +6 -0
- package/dist/form/field/form_field.d.ts.map +1 -0
- package/dist/form/field/form_field.js +18 -0
- package/dist/form/field/form_field.js.map +1 -0
- package/dist/form/field/h_field/h_field.d.ts +11 -0
- package/dist/form/field/h_field/h_field.d.ts.map +1 -0
- package/dist/form/field/h_field/h_field.js +60 -0
- package/dist/form/field/h_field/h_field.js.map +1 -0
- package/dist/form/field/v_field/v_field.d.ts +10 -0
- package/dist/form/field/v_field/v_field.d.ts.map +1 -0
- package/dist/form/field/v_field/v_field.js +68 -0
- package/dist/form/field/v_field/v_field.js.map +1 -0
- package/dist/form/field_presenters/field_presenter.d.ts +39 -0
- package/dist/form/field_presenters/field_presenter.d.ts.map +1 -0
- package/dist/form/field_presenters/field_presenter.js +71 -0
- package/dist/form/field_presenters/field_presenter.js.map +1 -0
- package/dist/form/field_presenters/options_field_presenter.d.ts +15 -0
- package/dist/form/field_presenters/options_field_presenter.d.ts.map +1 -0
- package/dist/form/field_presenters/options_field_presenter.js +18 -0
- package/dist/form/field_presenters/options_field_presenter.js.map +1 -0
- package/dist/form/field_set/field_set.d.ts +13 -0
- package/dist/form/field_set/field_set.d.ts.map +1 -0
- package/dist/form/field_set/field_set.js +65 -0
- package/dist/form/field_set/field_set.js.map +1 -0
- package/dist/form/form_field.d.ts +6 -0
- package/dist/form/form_field.d.ts.map +1 -0
- package/dist/form/form_field.js +18 -0
- package/dist/form/form_field.js.map +1 -0
- package/dist/form/index.d.ts +6 -0
- package/dist/form/index.d.ts.map +1 -0
- package/dist/form/index.js +11 -0
- package/dist/form/index.js.map +1 -0
- package/dist/grid.css +1 -0
- package/dist/h_field.css +1 -0
- package/dist/header.css +1 -0
- package/dist/headline.css +1 -0
- package/dist/headline.module-BiwHBtGf.js +5 -0
- package/dist/headline.module-BiwHBtGf.js.map +1 -0
- package/dist/input.css +1 -0
- package/dist/inputs/checkbox/checkbox.d.ts +11 -0
- package/dist/inputs/checkbox/checkbox.d.ts.map +1 -0
- package/dist/inputs/checkbox/checkbox.js +34 -0
- package/dist/inputs/checkbox/checkbox.js.map +1 -0
- package/dist/inputs/checkbox/checkbox_row.d.ts +8 -0
- package/dist/inputs/checkbox/checkbox_row.d.ts.map +1 -0
- package/dist/inputs/checkbox/checkbox_row.js +16 -0
- package/dist/inputs/checkbox/checkbox_row.js.map +1 -0
- package/dist/inputs/color_input/color_input.d.ts +13 -0
- package/dist/inputs/color_input/color_input.d.ts.map +1 -0
- package/dist/inputs/color_input/color_input.js +145 -0
- package/dist/inputs/color_input/color_input.js.map +1 -0
- package/dist/inputs/color_input/color_picker.d.ts +8 -0
- package/dist/inputs/color_input/color_picker.d.ts.map +1 -0
- package/dist/inputs/color_input/color_picker.js +39 -0
- package/dist/inputs/color_input/color_picker.js.map +1 -0
- package/dist/inputs/combo_box/combo_box.d.ts +11 -0
- package/dist/inputs/combo_box/combo_box.d.ts.map +1 -0
- package/dist/inputs/combo_box/combo_box.js +91 -0
- package/dist/inputs/combo_box/combo_box.js.map +1 -0
- package/dist/inputs/date_picker/date_picker.d.ts +20 -0
- package/dist/inputs/date_picker/date_picker.d.ts.map +1 -0
- package/dist/inputs/date_picker/date_picker.js +114 -0
- package/dist/inputs/date_picker/date_picker.js.map +1 -0
- package/dist/inputs/date_picker/date_picker_body.d.ts +7 -0
- package/dist/inputs/date_picker/date_picker_body.d.ts.map +1 -0
- package/dist/inputs/date_picker/date_picker_body.js +26 -0
- package/dist/inputs/date_picker/date_picker_body.js.map +1 -0
- package/dist/inputs/date_picker/date_picker_date.d.ts +8 -0
- package/dist/inputs/date_picker/date_picker_date.d.ts.map +1 -0
- package/dist/inputs/date_picker/date_picker_date.js +71 -0
- package/dist/inputs/date_picker/date_picker_date.js.map +1 -0
- package/dist/inputs/date_picker/date_picker_day.d.ts +6 -0
- package/dist/inputs/date_picker/date_picker_day.d.ts.map +1 -0
- package/dist/inputs/date_picker/date_picker_day.js +25 -0
- package/dist/inputs/date_picker/date_picker_day.js.map +1 -0
- package/dist/inputs/date_picker/date_picker_header.d.ts +7 -0
- package/dist/inputs/date_picker/date_picker_header.d.ts.map +1 -0
- package/dist/inputs/date_picker/date_picker_header.js +87 -0
- package/dist/inputs/date_picker/date_picker_header.js.map +1 -0
- package/dist/inputs/date_picker/date_picker_input.d.ts +24 -0
- package/dist/inputs/date_picker/date_picker_input.d.ts.map +1 -0
- package/dist/inputs/date_picker/date_picker_input.js +139 -0
- package/dist/inputs/date_picker/date_picker_input.js.map +1 -0
- package/dist/inputs/date_picker/date_picker_presenter.d.ts +45 -0
- package/dist/inputs/date_picker/date_picker_presenter.d.ts.map +1 -0
- package/dist/inputs/date_picker/date_picker_presenter.js +170 -0
- package/dist/inputs/date_picker/date_picker_presenter.js.map +1 -0
- package/dist/inputs/date_picker/date_picker_time_selector.d.ts +13 -0
- package/dist/inputs/date_picker/date_picker_time_selector.d.ts.map +1 -0
- package/dist/inputs/date_picker/date_picker_time_selector.js +90 -0
- package/dist/inputs/date_picker/date_picker_time_selector.js.map +1 -0
- package/dist/inputs/date_picker/date_picker_year_input.d.ts +6 -0
- package/dist/inputs/date_picker/date_picker_year_input.d.ts.map +1 -0
- package/dist/inputs/date_picker/date_picker_year_input.js +51 -0
- package/dist/inputs/date_picker/date_picker_year_input.js.map +1 -0
- package/dist/inputs/date_picker/date_picker_year_selector.d.ts +7 -0
- package/dist/inputs/date_picker/date_picker_year_selector.d.ts.map +1 -0
- package/dist/inputs/date_picker/date_picker_year_selector.js +116 -0
- package/dist/inputs/date_picker/date_picker_year_selector.js.map +1 -0
- package/dist/inputs/index.d.ts +46 -0
- package/dist/inputs/index.d.ts.map +1 -0
- package/dist/inputs/index.js +90 -0
- package/dist/inputs/index.js.map +1 -0
- package/dist/inputs/input/input.d.ts +14 -0
- package/dist/inputs/input/input.d.ts.map +1 -0
- package/dist/inputs/input/input.js +24 -0
- package/dist/inputs/input/input.js.map +1 -0
- package/dist/inputs/mask_input/alpha_character.d.ts +10 -0
- package/dist/inputs/mask_input/alpha_character.d.ts.map +1 -0
- package/dist/inputs/mask_input/alpha_character.js +15 -0
- package/dist/inputs/mask_input/alpha_character.js.map +1 -0
- package/dist/inputs/mask_input/alpha_numeric_character.d.ts +10 -0
- package/dist/inputs/mask_input/alpha_numeric_character.d.ts.map +1 -0
- package/dist/inputs/mask_input/alpha_numeric_character.js +15 -0
- package/dist/inputs/mask_input/alpha_numeric_character.js.map +1 -0
- package/dist/inputs/mask_input/character.d.ts +14 -0
- package/dist/inputs/mask_input/character.d.ts.map +1 -0
- package/dist/inputs/mask_input/character.js +26 -0
- package/dist/inputs/mask_input/character.js.map +1 -0
- package/dist/inputs/mask_input/constant_character.d.ts +10 -0
- package/dist/inputs/mask_input/constant_character.d.ts.map +1 -0
- package/dist/inputs/mask_input/constant_character.js +23 -0
- package/dist/inputs/mask_input/constant_character.js.map +1 -0
- package/dist/inputs/mask_input/key_capture_input.d.ts +11 -0
- package/dist/inputs/mask_input/key_capture_input.d.ts.map +1 -0
- package/dist/inputs/mask_input/key_capture_input.js +79 -0
- package/dist/inputs/mask_input/key_capture_input.js.map +1 -0
- package/dist/inputs/mask_input/language_character.d.ts +10 -0
- package/dist/inputs/mask_input/language_character.d.ts.map +1 -0
- package/dist/inputs/mask_input/language_character.js +15 -0
- package/dist/inputs/mask_input/language_character.js.map +1 -0
- package/dist/inputs/mask_input/mask.d.ts +38 -0
- package/dist/inputs/mask_input/mask.d.ts.map +1 -0
- package/dist/inputs/mask_input/mask.js +174 -0
- package/dist/inputs/mask_input/mask.js.map +1 -0
- package/dist/inputs/mask_input/mask_config.d.ts +26 -0
- package/dist/inputs/mask_input/mask_config.d.ts.map +1 -0
- package/dist/inputs/mask_input/mask_config.js +2 -0
- package/dist/inputs/mask_input/mask_config.js.map +1 -0
- package/dist/inputs/mask_input/mask_cursor.d.ts +14 -0
- package/dist/inputs/mask_input/mask_cursor.d.ts.map +1 -0
- package/dist/inputs/mask_input/mask_cursor.js +2 -0
- package/dist/inputs/mask_input/mask_cursor.js.map +1 -0
- package/dist/inputs/mask_input/mask_input.d.ts +13 -0
- package/dist/inputs/mask_input/mask_input.d.ts.map +1 -0
- package/dist/inputs/mask_input/mask_input.js +122 -0
- package/dist/inputs/mask_input/mask_input.js.map +1 -0
- package/dist/inputs/mask_input/mask_presenter.d.ts +45 -0
- package/dist/inputs/mask_input/mask_presenter.d.ts.map +1 -0
- package/dist/inputs/mask_input/mask_presenter.js +146 -0
- package/dist/inputs/mask_input/mask_presenter.js.map +1 -0
- package/dist/inputs/mask_input/numeric_character.d.ts +10 -0
- package/dist/inputs/mask_input/numeric_character.d.ts.map +1 -0
- package/dist/inputs/mask_input/numeric_character.js +15 -0
- package/dist/inputs/mask_input/numeric_character.js.map +1 -0
- package/dist/inputs/mask_input/regex_character.d.ts +13 -0
- package/dist/inputs/mask_input/regex_character.d.ts.map +1 -0
- package/dist/inputs/mask_input/regex_character.js +33 -0
- package/dist/inputs/mask_input/regex_character.js.map +1 -0
- package/dist/inputs/multi_combo_box/multi_combo_box.d.ts +16 -0
- package/dist/inputs/multi_combo_box/multi_combo_box.d.ts.map +1 -0
- package/dist/inputs/multi_combo_box/multi_combo_box.js +101 -0
- package/dist/inputs/multi_combo_box/multi_combo_box.js.map +1 -0
- package/dist/inputs/multiselect/multiselect.d.ts +11 -0
- package/dist/inputs/multiselect/multiselect.d.ts.map +1 -0
- package/dist/inputs/multiselect/multiselect.js +105 -0
- package/dist/inputs/multiselect/multiselect.js.map +1 -0
- package/dist/inputs/multiselect/multiselect_inline_values.d.ts +9 -0
- package/dist/inputs/multiselect/multiselect_inline_values.d.ts.map +1 -0
- package/dist/inputs/multiselect/multiselect_inline_values.js +49 -0
- package/dist/inputs/multiselect/multiselect_inline_values.js.map +1 -0
- package/dist/inputs/multiselect/multiselect_row.d.ts +10 -0
- package/dist/inputs/multiselect/multiselect_row.d.ts.map +1 -0
- package/dist/inputs/multiselect/multiselect_row.js +35 -0
- package/dist/inputs/multiselect/multiselect_row.js.map +1 -0
- package/dist/inputs/multiselect/multiselect_values.d.ts +10 -0
- package/dist/inputs/multiselect/multiselect_values.d.ts.map +1 -0
- package/dist/inputs/multiselect/multiselect_values.js +62 -0
- package/dist/inputs/multiselect/multiselect_values.js.map +1 -0
- package/dist/inputs/options/option.d.ts +11 -0
- package/dist/inputs/options/option.d.ts.map +1 -0
- package/dist/inputs/options/option.js +10 -0
- package/dist/inputs/options/option.js.map +1 -0
- package/dist/inputs/options/utils.d.ts +5 -0
- package/dist/inputs/options/utils.d.ts.map +1 -0
- package/dist/inputs/options/utils.js +13 -0
- package/dist/inputs/options/utils.js.map +1 -0
- package/dist/inputs/phone_number_input/countries_phone_information.d.ts +11 -0
- package/dist/inputs/phone_number_input/countries_phone_information.d.ts.map +1 -0
- package/dist/inputs/phone_number_input/countries_phone_information.js +840 -0
- package/dist/inputs/phone_number_input/countries_phone_information.js.map +1 -0
- package/dist/inputs/phone_number_input/phone_number_input.d.ts +15 -0
- package/dist/inputs/phone_number_input/phone_number_input.d.ts.map +1 -0
- package/dist/inputs/phone_number_input/phone_number_input.js +209 -0
- package/dist/inputs/phone_number_input/phone_number_input.js.map +1 -0
- package/dist/inputs/phone_number_input/utils.d.ts +2 -0
- package/dist/inputs/phone_number_input/utils.d.ts.map +1 -0
- package/dist/inputs/phone_number_input/utils.js +7 -0
- package/dist/inputs/phone_number_input/utils.js.map +1 -0
- package/dist/inputs/radio/radio.d.ts +13 -0
- package/dist/inputs/radio/radio.d.ts.map +1 -0
- package/dist/inputs/radio/radio.js +57 -0
- package/dist/inputs/radio/radio.js.map +1 -0
- package/dist/inputs/radio/radio_row.d.ts +9 -0
- package/dist/inputs/radio/radio_row.d.ts.map +1 -0
- package/dist/inputs/radio/radio_row.js +19 -0
- package/dist/inputs/radio/radio_row.js.map +1 -0
- package/dist/inputs/select/select.d.ts +13 -0
- package/dist/inputs/select/select.d.ts.map +1 -0
- package/dist/inputs/select/select.js +107 -0
- package/dist/inputs/select/select.js.map +1 -0
- package/dist/inputs/slider/slider.d.ts +12 -0
- package/dist/inputs/slider/slider.d.ts.map +1 -0
- package/dist/inputs/slider/slider.js +42 -0
- package/dist/inputs/slider/slider.js.map +1 -0
- package/dist/inputs/slider/slider_row.d.ts +8 -0
- package/dist/inputs/slider/slider_row.d.ts.map +1 -0
- package/dist/inputs/slider/slider_row.js +16 -0
- package/dist/inputs/slider/slider_row.js.map +1 -0
- package/dist/inputs/suggestions/suggestion_item.d.ts +9 -0
- package/dist/inputs/suggestions/suggestion_item.d.ts.map +1 -0
- package/dist/inputs/suggestions/suggestion_item.js +38 -0
- package/dist/inputs/suggestions/suggestion_item.js.map +1 -0
- package/dist/inputs/suggestions/suggestion_list.d.ts +15 -0
- package/dist/inputs/suggestions/suggestion_list.d.ts.map +1 -0
- package/dist/inputs/suggestions/suggestion_list.js +240 -0
- package/dist/inputs/suggestions/suggestion_list.js.map +1 -0
- package/dist/inputs/switch/switch.d.ts +11 -0
- package/dist/inputs/switch/switch.d.ts.map +1 -0
- package/dist/inputs/switch/switch.js +71 -0
- package/dist/inputs/switch/switch.js.map +1 -0
- package/dist/inputs/switch/switch_row.d.ts +8 -0
- package/dist/inputs/switch/switch_row.d.ts.map +1 -0
- package/dist/inputs/switch/switch_row.js +16 -0
- package/dist/inputs/switch/switch_row.js.map +1 -0
- package/dist/inputs/textarea/textarea.d.ts +11 -0
- package/dist/inputs/textarea/textarea.d.ts.map +1 -0
- package/dist/inputs/textarea/textarea.js +22 -0
- package/dist/inputs/textarea/textarea.js.map +1 -0
- package/dist/inputs/textarea/textarea_row.d.ts +8 -0
- package/dist/inputs/textarea/textarea_row.d.ts.map +1 -0
- package/dist/inputs/textarea/textarea_row.js +12 -0
- package/dist/inputs/textarea/textarea_row.js.map +1 -0
- package/dist/inputs/unit_input/unit_input.d.ts +14 -0
- package/dist/inputs/unit_input/unit_input.d.ts.map +1 -0
- package/dist/inputs/unit_input/unit_input.js +83 -0
- package/dist/inputs/unit_input/unit_input.js.map +1 -0
- package/dist/layouts/column/column.d.ts +10 -0
- package/dist/layouts/column/column.d.ts.map +1 -0
- package/dist/layouts/column/column.js +52 -0
- package/dist/layouts/column/column.js.map +1 -0
- package/dist/layouts/divider/divider.d.ts +26 -0
- package/dist/layouts/divider/divider.d.ts.map +1 -0
- package/dist/layouts/divider/divider.js +54 -0
- package/dist/layouts/divider/divider.js.map +1 -0
- package/dist/layouts/draggable_list/draggable_list.d.ts +2 -0
- package/dist/layouts/draggable_list/draggable_list.d.ts.map +1 -0
- package/dist/layouts/draggable_list/draggable_list.js +6 -0
- package/dist/layouts/draggable_list/draggable_list.js.map +1 -0
- package/dist/layouts/drawers/drawer_bottom/drawer_bottom.d.ts +7 -0
- package/dist/layouts/drawers/drawer_bottom/drawer_bottom.d.ts.map +1 -0
- package/dist/layouts/drawers/drawer_bottom/drawer_bottom.js +22 -0
- package/dist/layouts/drawers/drawer_bottom/drawer_bottom.js.map +1 -0
- package/dist/layouts/drawers/drawer_end/drawer_end.d.ts +7 -0
- package/dist/layouts/drawers/drawer_end/drawer_end.d.ts.map +1 -0
- package/dist/layouts/drawers/drawer_end/drawer_end.js +20 -0
- package/dist/layouts/drawers/drawer_end/drawer_end.js.map +1 -0
- package/dist/layouts/drawers/drawer_start/drawer_start.d.ts +7 -0
- package/dist/layouts/drawers/drawer_start/drawer_start.d.ts.map +1 -0
- package/dist/layouts/drawers/drawer_start/drawer_start.js +22 -0
- package/dist/layouts/drawers/drawer_start/drawer_start.js.map +1 -0
- package/dist/layouts/drawers/drawer_top/drawer_top.d.ts +7 -0
- package/dist/layouts/drawers/drawer_top/drawer_top.d.ts.map +1 -0
- package/dist/layouts/drawers/drawer_top/drawer_top.js +20 -0
- package/dist/layouts/drawers/drawer_top/drawer_top.js.map +1 -0
- package/dist/layouts/footer/footer.d.ts +10 -0
- package/dist/layouts/footer/footer.d.ts.map +1 -0
- package/dist/layouts/footer/footer.js +22 -0
- package/dist/layouts/footer/footer.js.map +1 -0
- package/dist/layouts/grid/grid.d.ts +29 -0
- package/dist/layouts/grid/grid.d.ts.map +1 -0
- package/dist/layouts/grid/grid.js +78 -0
- package/dist/layouts/grid/grid.js.map +1 -0
- package/dist/layouts/header/header.d.ts +9 -0
- package/dist/layouts/header/header.d.ts.map +1 -0
- package/dist/layouts/header/header.js +30 -0
- package/dist/layouts/header/header.js.map +1 -0
- package/dist/layouts/index.d.ts +15 -0
- package/dist/layouts/index.d.ts.map +1 -0
- package/dist/layouts/index.js +31 -0
- package/dist/layouts/index.js.map +1 -0
- package/dist/layouts/list/item.d.ts +7 -0
- package/dist/layouts/list/item.d.ts.map +1 -0
- package/dist/layouts/list/item.js +11 -0
- package/dist/layouts/list/item.js.map +1 -0
- package/dist/layouts/list/list.d.ts +7 -0
- package/dist/layouts/list/list.d.ts.map +1 -0
- package/dist/layouts/list/list.js +20 -0
- package/dist/layouts/list/list.js.map +1 -0
- package/dist/layouts/list/section_header.d.ts +6 -0
- package/dist/layouts/list/section_header.d.ts.map +1 -0
- package/dist/layouts/list/section_header.js +12 -0
- package/dist/layouts/list/section_header.js.map +1 -0
- package/dist/layouts/sidebar_end/sidebar_end.d.ts +11 -0
- package/dist/layouts/sidebar_end/sidebar_end.d.ts.map +1 -0
- package/dist/layouts/sidebar_end/sidebar_end.js +58 -0
- package/dist/layouts/sidebar_end/sidebar_end.js.map +1 -0
- package/dist/layouts/sidebar_start/sidebar_start.d.ts +11 -0
- package/dist/layouts/sidebar_start/sidebar_start.d.ts.map +1 -0
- package/dist/layouts/sidebar_start/sidebar_start.js +55 -0
- package/dist/layouts/sidebar_start/sidebar_start.js.map +1 -0
- package/dist/layouts/utility_bar/utility_bar.d.ts +9 -0
- package/dist/layouts/utility_bar/utility_bar.d.ts.map +1 -0
- package/dist/layouts/utility_bar/utility_bar.js +32 -0
- package/dist/layouts/utility_bar/utility_bar.js.map +1 -0
- package/dist/left_resize_handle.css +1 -0
- package/dist/loading.css +1 -0
- package/dist/menu.css +1 -0
- package/dist/modal.css +1 -0
- package/dist/multi_combo_box.css +1 -0
- package/dist/multiselect.css +1 -0
- package/dist/multiselect_values.css +1 -0
- package/dist/multiselect_values.module-BMJOyYHe.js +5 -0
- package/dist/multiselect_values.module-BMJOyYHe.js.map +1 -0
- package/dist/overlay/context_menu/context_menu.d.ts +10 -0
- package/dist/overlay/context_menu/context_menu.d.ts.map +1 -0
- package/dist/overlay/context_menu/context_menu.js +45 -0
- package/dist/overlay/context_menu/context_menu.js.map +1 -0
- package/dist/overlay/menu/menu.d.ts +29 -0
- package/dist/overlay/menu/menu.d.ts.map +1 -0
- package/dist/overlay/menu/menu.js +165 -0
- package/dist/overlay/menu/menu.js.map +1 -0
- package/dist/overlay/popper/popper.d.ts +22 -0
- package/dist/overlay/popper/popper.d.ts.map +1 -0
- package/dist/overlay/popper/popper.js +111 -0
- package/dist/overlay/popper/popper.js.map +1 -0
- package/dist/overlay/portal/portal.css +1 -0
- package/dist/overlay/portal/portal.d.ts +7 -0
- package/dist/overlay/portal/portal.d.ts.map +1 -0
- package/dist/overlay/portal/portal_platform.d.ts +27 -0
- package/dist/overlay/portal/portal_platform.d.ts.map +1 -0
- package/dist/overlay/portal/portal_platform.js +70 -0
- package/dist/overlay/portal/portal_platform.js.map +1 -0
- package/dist/overlay/portal/portal_platform_context.d.ts +6 -0
- package/dist/overlay/portal/portal_platform_context.d.ts.map +1 -0
- package/dist/overlay/portal/portal_platform_context.js +12 -0
- package/dist/overlay/portal/portal_platform_context.js.map +1 -0
- package/dist/overlay/tooltip/tooltip.d.ts +7 -0
- package/dist/overlay/tooltip/tooltip.d.ts.map +1 -0
- package/dist/overlay/tooltip/tooltip.js +20 -0
- package/dist/overlay/tooltip/tooltip.js.map +1 -0
- package/dist/page.css +1 -0
- package/dist/page.module-DXhph-u6.js +5 -0
- package/dist/page.module-DXhph-u6.js.map +1 -0
- package/dist/panel.css +1 -0
- package/dist/panel.module-CtikcmYB.js +5 -0
- package/dist/panel.module-CtikcmYB.js.map +1 -0
- package/dist/phone_number_input.css +1 -0
- package/dist/picture_placeholder.css +1 -0
- package/dist/popper.css +1 -0
- package/dist/portal-qqIp4SIl.js +12 -0
- package/dist/portal-qqIp4SIl.js.map +1 -0
- package/dist/progress_bar.css +1 -0
- package/dist/radio.css +1 -0
- package/dist/rect.css +1 -0
- package/dist/right_resize_handle.css +1 -0
- package/dist/select.css +1 -0
- package/dist/select_group.css +1 -0
- package/dist/sidebar_end.css +1 -0
- package/dist/sidebar_start.css +1 -0
- package/dist/slider.css +1 -0
- package/dist/slim_button.css +1 -0
- package/dist/stack.css +1 -0
- package/dist/stack.module-CBV1f12Z.js +5 -0
- package/dist/stack.module-CBV1f12Z.js.map +1 -0
- package/dist/stacks/box/bottom_resize_handle.d.ts +10 -0
- package/dist/stacks/box/bottom_resize_handle.d.ts.map +1 -0
- package/dist/stacks/box/bottom_resize_handle.js +33 -0
- package/dist/stacks/box/bottom_resize_handle.js.map +1 -0
- package/dist/stacks/box/box.d.ts +42 -0
- package/dist/stacks/box/box.d.ts.map +1 -0
- package/dist/stacks/box/box.js +168 -0
- package/dist/stacks/box/box.js.map +1 -0
- package/dist/stacks/box/end_resize_handle.d.ts +10 -0
- package/dist/stacks/box/end_resize_handle.d.ts.map +1 -0
- package/dist/stacks/box/end_resize_handle.js +33 -0
- package/dist/stacks/box/end_resize_handle.js.map +1 -0
- package/dist/stacks/box/handle_props.d.ts +7 -0
- package/dist/stacks/box/handle_props.d.ts.map +1 -0
- package/dist/stacks/box/handle_props.js +2 -0
- package/dist/stacks/box/handle_props.js.map +1 -0
- package/dist/stacks/box/left_resize_handle.d.ts +10 -0
- package/dist/stacks/box/left_resize_handle.d.ts.map +1 -0
- package/dist/stacks/box/left_resize_handle.js +35 -0
- package/dist/stacks/box/left_resize_handle.js.map +1 -0
- package/dist/stacks/box/resize_handlers.d.ts +3 -0
- package/dist/stacks/box/resize_handlers.d.ts.map +1 -0
- package/dist/stacks/box/resize_handlers.js +50 -0
- package/dist/stacks/box/resize_handlers.js.map +1 -0
- package/dist/stacks/box/right_resize_handle.d.ts +10 -0
- package/dist/stacks/box/right_resize_handle.d.ts.map +1 -0
- package/dist/stacks/box/right_resize_handle.js +35 -0
- package/dist/stacks/box/right_resize_handle.js.map +1 -0
- package/dist/stacks/box/start_resize_handle.d.ts +10 -0
- package/dist/stacks/box/start_resize_handle.d.ts.map +1 -0
- package/dist/stacks/box/start_resize_handle.js +34 -0
- package/dist/stacks/box/start_resize_handle.js.map +1 -0
- package/dist/stacks/box/top_resize_handle.d.ts +10 -0
- package/dist/stacks/box/top_resize_handle.d.ts.map +1 -0
- package/dist/stacks/box/top_resize_handle.js +34 -0
- package/dist/stacks/box/top_resize_handle.js.map +1 -0
- package/dist/stacks/h_collapsible_box.d.ts +8 -0
- package/dist/stacks/h_collapsible_box.d.ts.map +1 -0
- package/dist/stacks/h_collapsible_box.js +40 -0
- package/dist/stacks/h_collapsible_box.js.map +1 -0
- package/dist/stacks/h_stack.d.ts +10 -0
- package/dist/stacks/h_stack.d.ts.map +1 -0
- package/dist/stacks/h_stack.js +101 -0
- package/dist/stacks/h_stack.js.map +1 -0
- package/dist/stacks/index.d.ts +12 -0
- package/dist/stacks/index.d.ts.map +1 -0
- package/dist/stacks/index.js +17 -0
- package/dist/stacks/index.js.map +1 -0
- package/dist/stacks/spacer.d.ts +12 -0
- package/dist/stacks/spacer.d.ts.map +1 -0
- package/dist/stacks/spacer.js +37 -0
- package/dist/stacks/spacer.js.map +1 -0
- package/dist/stacks/story_components/circle.d.ts +8 -0
- package/dist/stacks/story_components/circle.d.ts.map +1 -0
- package/dist/stacks/story_components/circle.js +25 -0
- package/dist/stacks/story_components/circle.js.map +1 -0
- package/dist/stacks/story_components/horizontal_border.d.ts +5 -0
- package/dist/stacks/story_components/horizontal_border.d.ts.map +1 -0
- package/dist/stacks/story_components/horizontal_border.js +18 -0
- package/dist/stacks/story_components/horizontal_border.js.map +1 -0
- package/dist/stacks/story_components/picture_placeholder.d.ts +7 -0
- package/dist/stacks/story_components/picture_placeholder.d.ts.map +1 -0
- package/dist/stacks/story_components/picture_placeholder.js +39 -0
- package/dist/stacks/story_components/picture_placeholder.js.map +1 -0
- package/dist/stacks/story_components/rect.d.ts +7 -0
- package/dist/stacks/story_components/rect.d.ts.map +1 -0
- package/dist/stacks/story_components/rect.js +32 -0
- package/dist/stacks/story_components/rect.js.map +1 -0
- package/dist/stacks/story_components/style_box.d.ts +5 -0
- package/dist/stacks/story_components/style_box.d.ts.map +1 -0
- package/dist/stacks/story_components/style_box.js +12 -0
- package/dist/stacks/story_components/style_box.js.map +1 -0
- package/dist/stacks/types/alignment.d.ts +2 -0
- package/dist/stacks/types/alignment.d.ts.map +1 -0
- package/dist/stacks/types/as.d.ts +5 -0
- package/dist/stacks/types/as.d.ts.map +1 -0
- package/dist/stacks/types/common.d.ts +5 -0
- package/dist/stacks/types/common.d.ts.map +1 -0
- package/dist/stacks/types/styles.d.ts +42 -0
- package/dist/stacks/types/styles.d.ts.map +1 -0
- package/dist/stacks/utils/extract_style_props.d.ts +10 -0
- package/dist/stacks/utils/extract_style_props.d.ts.map +1 -0
- package/dist/stacks/utils/extract_style_props.js +297 -0
- package/dist/stacks/utils/extract_style_props.js.map +1 -0
- package/dist/stacks/utils/isCustomSizeProp.d.ts +2 -0
- package/dist/stacks/utils/isCustomSizeProp.d.ts.map +1 -0
- package/dist/stacks/utils/isCustomSizeProp.js +7 -0
- package/dist/stacks/utils/isCustomSizeProp.js.map +1 -0
- package/dist/stacks/utils/remove_undefined_properties.d.ts +2 -0
- package/dist/stacks/utils/remove_undefined_properties.d.ts.map +1 -0
- package/dist/stacks/utils/remove_undefined_properties.js +10 -0
- package/dist/stacks/utils/remove_undefined_properties.js.map +1 -0
- package/dist/stacks/utils/use_is_collapsed.d.ts +3 -0
- package/dist/stacks/utils/use_is_collapsed.d.ts.map +1 -0
- package/dist/stacks/utils/use_is_collapsed.js +22 -0
- package/dist/stacks/utils/use_is_collapsed.js.map +1 -0
- package/dist/stacks/v_collapsible_box.d.ts +8 -0
- package/dist/stacks/v_collapsible_box.d.ts.map +1 -0
- package/dist/stacks/v_collapsible_box.js +40 -0
- package/dist/stacks/v_collapsible_box.js.map +1 -0
- package/dist/stacks/v_stack.d.ts +10 -0
- package/dist/stacks/v_stack.d.ts.map +1 -0
- package/dist/stacks/v_stack.js +102 -0
- package/dist/stacks/v_stack.js.map +1 -0
- package/dist/stacks/z_stack.d.ts +12 -0
- package/dist/stacks/z_stack.d.ts.map +1 -0
- package/dist/stacks/z_stack.js +89 -0
- package/dist/stacks/z_stack.js.map +1 -0
- package/dist/start_resize_handle.css +1 -0
- package/dist/status_input.css +1 -0
- package/dist/subheadline.css +1 -0
- package/dist/subheadline.module-C-v7zMkQ.js +5 -0
- package/dist/subheadline.module-C-v7zMkQ.js.map +1 -0
- package/dist/suggestion_item.css +1 -0
- package/dist/suggestion_list.css +1 -0
- package/dist/surfaces/alert/alert.d.ts +11 -0
- package/dist/surfaces/alert/alert.d.ts.map +1 -0
- package/dist/surfaces/alert/alert.js +25 -0
- package/dist/surfaces/alert/alert.js.map +1 -0
- package/dist/surfaces/card/card.d.ts +7 -0
- package/dist/surfaces/card/card.d.ts.map +1 -0
- package/dist/surfaces/card/card.js +20 -0
- package/dist/surfaces/card/card.js.map +1 -0
- package/dist/surfaces/confirm/confirm.d.ts +12 -0
- package/dist/surfaces/confirm/confirm.d.ts.map +1 -0
- package/dist/surfaces/confirm/confirm.js +70 -0
- package/dist/surfaces/confirm/confirm.js.map +1 -0
- package/dist/surfaces/index.d.ts +11 -0
- package/dist/surfaces/index.d.ts.map +1 -0
- package/dist/surfaces/index.js +23 -0
- package/dist/surfaces/index.js.map +1 -0
- package/dist/surfaces/modal/modal.d.ts +7 -0
- package/dist/surfaces/modal/modal.d.ts.map +1 -0
- package/dist/surfaces/modal/modal.js +11 -0
- package/dist/surfaces/modal/modal.js.map +1 -0
- package/dist/surfaces/page/h_page.d.ts +6 -0
- package/dist/surfaces/page/h_page.d.ts.map +1 -0
- package/dist/surfaces/page/h_page.js +22 -0
- package/dist/surfaces/page/h_page.js.map +1 -0
- package/dist/surfaces/page/v_page.d.ts +6 -0
- package/dist/surfaces/page/v_page.d.ts.map +1 -0
- package/dist/surfaces/page/v_page.js +21 -0
- package/dist/surfaces/page/v_page.js.map +1 -0
- package/dist/surfaces/panel/h_panel.d.ts +9 -0
- package/dist/surfaces/panel/h_panel.d.ts.map +1 -0
- package/dist/surfaces/panel/h_panel.js +56 -0
- package/dist/surfaces/panel/h_panel.js.map +1 -0
- package/dist/surfaces/panel/v_panel.d.ts +9 -0
- package/dist/surfaces/panel/v_panel.d.ts.map +1 -0
- package/dist/surfaces/panel/v_panel.js +56 -0
- package/dist/surfaces/panel/v_panel.js.map +1 -0
- package/dist/surfaces/popover/popover.d.ts +6 -0
- package/dist/surfaces/popover/popover.d.ts.map +1 -0
- package/dist/surfaces/popover/popover.js +52 -0
- package/dist/surfaces/popover/popover.js.map +1 -0
- package/dist/surfaces/window/window.d.ts +5 -0
- package/dist/surfaces/window/window.d.ts.map +1 -0
- package/dist/surfaces/window/window.js +19 -0
- package/dist/surfaces/window/window.js.map +1 -0
- package/dist/switch.css +1 -0
- package/dist/textarea.css +1 -0
- package/dist/themes/index.d.ts +6 -0
- package/dist/themes/index.d.ts.map +1 -0
- package/dist/themes/index.js +343 -0
- package/dist/themes/index.js.map +1 -0
- package/dist/themes/stories/button_showcase.d.ts +2 -0
- package/dist/themes/stories/button_showcase.d.ts.map +1 -0
- package/dist/themes/stories/controls_fieldset.d.ts +2 -0
- package/dist/themes/stories/controls_fieldset.d.ts.map +1 -0
- package/dist/themes/stories/menu_showcase.d.ts +2 -0
- package/dist/themes/stories/menu_showcase.d.ts.map +1 -0
- package/dist/themes/stylesheets/reset.css +1 -0
- package/dist/themes/stylesheets/reset.d.ts +2 -0
- package/dist/themes/stylesheets/reset.d.ts.map +1 -0
- package/dist/themes/theme.d.ts +7 -0
- package/dist/themes/theme.d.ts.map +1 -0
- package/dist/themes/theme.js +10 -0
- package/dist/themes/theme.js.map +1 -0
- package/dist/themes/theme_variables.d.ts +66 -0
- package/dist/themes/theme_variables.d.ts.map +1 -0
- package/dist/themes/theme_variables.js +69 -0
- package/dist/themes/theme_variables.js.map +1 -0
- package/dist/themes/themes/ergo/ergo_theme.css +1 -0
- package/dist/themes/themes/ergo/ergo_theme.d.ts +2 -0
- package/dist/themes/themes/ergo/ergo_theme.d.ts.map +1 -0
- package/dist/themes/themes/windows_98/windows_98.css +1 -0
- package/dist/themes/themes/windows_98/windows_98_theme.d.ts +2 -0
- package/dist/themes/themes/windows_98/windows_98_theme.d.ts.map +1 -0
- package/dist/themes/themes/windows_98/windows_98_theme.js +1171 -0
- package/dist/themes/themes/windows_98/windows_98_theme.js.map +1 -0
- package/dist/title.css +1 -0
- package/dist/title.module-B16de2jd.js +5 -0
- package/dist/title.module-B16de2jd.js.map +1 -0
- package/dist/tokens/badge/badge.d.ts +8 -0
- package/dist/tokens/badge/badge.d.ts.map +1 -0
- package/dist/tokens/badge/badge.js +50 -0
- package/dist/tokens/badge/badge.js.map +1 -0
- package/dist/tokens/bubble/bubble.d.ts +11 -0
- package/dist/tokens/bubble/bubble.d.ts.map +1 -0
- package/dist/tokens/bubble/bubble.js +44 -0
- package/dist/tokens/bubble/bubble.js.map +1 -0
- package/dist/tokens/chip/chip.d.ts +9 -0
- package/dist/tokens/chip/chip.d.ts.map +1 -0
- package/dist/tokens/chip/chip.js +30 -0
- package/dist/tokens/chip/chip.js.map +1 -0
- package/dist/tokens/index.d.ts +4 -0
- package/dist/tokens/index.d.ts.map +1 -0
- package/dist/tokens/index.js +9 -0
- package/dist/tokens/index.js.map +1 -0
- package/dist/tooltip.css +1 -0
- package/dist/top_resize_handle.css +1 -0
- package/dist/typography/body_text/body_text.d.ts +18 -0
- package/dist/typography/body_text/body_text.d.ts.map +1 -0
- package/dist/typography/body_text/body_text.js +37 -0
- package/dist/typography/body_text/body_text.js.map +1 -0
- package/dist/typography/callout/callout.d.ts +18 -0
- package/dist/typography/callout/callout.d.ts.map +1 -0
- package/dist/typography/callout/callout.js +35 -0
- package/dist/typography/callout/callout.js.map +1 -0
- package/dist/typography/caption/caption.d.ts +18 -0
- package/dist/typography/caption/caption.d.ts.map +1 -0
- package/dist/typography/caption/caption.js +35 -0
- package/dist/typography/caption/caption.js.map +1 -0
- package/dist/typography/footnote/footnote.d.ts +18 -0
- package/dist/typography/footnote/footnote.d.ts.map +1 -0
- package/dist/typography/footnote/footnote.js +35 -0
- package/dist/typography/footnote/footnote.js.map +1 -0
- package/dist/typography/headline/headline.d.ts +18 -0
- package/dist/typography/headline/headline.d.ts.map +1 -0
- package/dist/typography/headline/headline.js +36 -0
- package/dist/typography/headline/headline.js.map +1 -0
- package/dist/typography/index.d.ts +8 -0
- package/dist/typography/index.d.ts.map +1 -0
- package/dist/typography/index.js +17 -0
- package/dist/typography/index.js.map +1 -0
- package/dist/typography/subheadline/subheadline.d.ts +18 -0
- package/dist/typography/subheadline/subheadline.d.ts.map +1 -0
- package/dist/typography/subheadline/subheadline.js +36 -0
- package/dist/typography/subheadline/subheadline.js.map +1 -0
- package/dist/typography/title/title.d.ts +19 -0
- package/dist/typography/title/title.d.ts.map +1 -0
- package/dist/typography/title/title.js +37 -0
- package/dist/typography/title/title.js.map +1 -0
- package/dist/unit_input.css +1 -0
- package/dist/utility_bar.css +1 -0
- package/dist/utils/calendar/calendar_date.d.ts +10 -0
- package/dist/utils/calendar/calendar_date.d.ts.map +1 -0
- package/dist/utils/calendar/calendar_date.js +2 -0
- package/dist/utils/calendar/calendar_date.js.map +1 -0
- package/dist/utils/calendar/calendar_dates_generator.d.ts +10 -0
- package/dist/utils/calendar/calendar_dates_generator.d.ts.map +1 -0
- package/dist/utils/calendar/calendar_dates_generator.js +37 -0
- package/dist/utils/calendar/calendar_dates_generator.js.map +1 -0
- package/dist/utils/calendar/get_days_of_week.d.ts +2 -0
- package/dist/utils/calendar/get_days_of_week.d.ts.map +1 -0
- package/dist/utils/calendar/get_days_of_week.js +12 -0
- package/dist/utils/calendar/get_days_of_week.js.map +1 -0
- package/dist/utils/calendar/get_months_of_year.d.ts +2 -0
- package/dist/utils/calendar/get_months_of_year.d.ts.map +1 -0
- package/dist/utils/calendar/get_months_of_year.js +18 -0
- package/dist/utils/calendar/get_months_of_year.js.map +1 -0
- package/dist/utils/calendar/month.d.ts +16 -0
- package/dist/utils/calendar/month.d.ts.map +1 -0
- package/dist/utils/calendar/month.js +18 -0
- package/dist/utils/calendar/month.js.map +1 -0
- package/dist/utils/click_away_listener.d.ts +11 -0
- package/dist/utils/click_away_listener.d.ts.map +1 -0
- package/dist/utils/click_away_listener.js +58 -0
- package/dist/utils/click_away_listener.js.map +1 -0
- package/dist/utils/default_value.d.ts +2 -0
- package/dist/utils/default_value.d.ts.map +1 -0
- package/dist/utils/default_value.js +7 -0
- package/dist/utils/default_value.js.map +1 -0
- package/dist/utils/focus_redirect.d.ts +6 -0
- package/dist/utils/focus_redirect.d.ts.map +1 -0
- package/dist/utils/focus_redirect.js +24 -0
- package/dist/utils/focus_redirect.js.map +1 -0
- package/dist/utils/hooks/make_context_hook.d.ts +5 -0
- package/dist/utils/hooks/make_context_hook.d.ts.map +1 -0
- package/dist/utils/hooks/make_context_hook.js +11 -0
- package/dist/utils/hooks/make_context_hook.js.map +1 -0
- package/dist/utils/hooks/use_draggable.d.ts +8 -0
- package/dist/utils/hooks/use_draggable.d.ts.map +1 -0
- package/dist/utils/hooks/use_draggable.js +30 -0
- package/dist/utils/hooks/use_draggable.js.map +1 -0
- package/dist/utils/hooks/use_fork_ref.d.ts +3 -0
- package/dist/utils/hooks/use_fork_ref.d.ts.map +1 -0
- package/dist/utils/hooks/use_fork_ref.js +12 -0
- package/dist/utils/hooks/use_fork_ref.js.map +1 -0
- package/dist/utils/hooks/use_media_query.d.ts +9 -0
- package/dist/utils/hooks/use_media_query.d.ts.map +1 -0
- package/dist/utils/hooks/use_media_query.js +16 -0
- package/dist/utils/hooks/use_media_query.js.map +1 -0
- package/dist/utils/hooks/use_resize_observer.d.ts +9 -0
- package/dist/utils/hooks/use_resize_observer.d.ts.map +1 -0
- package/dist/utils/hooks/use_resize_observer.js +78 -0
- package/dist/utils/hooks/use_resize_observer.js.map +1 -0
- package/dist/utils/index.d.ts +17 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +30 -0
- package/dist/utils/index.js.map +1 -0
- package/dist/utils/responsive/responsive_renderer.d.ts +21 -0
- package/dist/utils/responsive/responsive_renderer.d.ts.map +1 -0
- package/dist/utils/responsive/responsive_renderer.js +12 -0
- package/dist/utils/responsive/responsive_renderer.js.map +1 -0
- package/dist/utils/scroll_away_listener.d.ts +18 -0
- package/dist/utils/scroll_away_listener.d.ts.map +1 -0
- package/dist/utils/scroll_away_listener.js +23 -0
- package/dist/utils/scroll_away_listener.js.map +1 -0
- package/dist/utils/types/dimensions.d.ts +15 -0
- package/dist/utils/types/dimensions.d.ts.map +1 -0
- package/dist/utils/types/variations.d.ts +5 -0
- package/dist/utils/types/variations.d.ts.map +1 -0
- package/dist/v_field.css +0 -0
- package/dist/window.css +1 -0
- package/package.json +136 -0
- package/src/actions/button/__stories__/button.stories.tsx +159 -0
- package/src/actions/button/__stories__/button_group.stories.tsx +106 -0
- package/src/actions/button/__stories__/select_group.stories.tsx +156 -0
- package/src/actions/button/__stories__/slim_button.stories.tsx +274 -0
- package/src/actions/button/base_button/base_button.module.css +15 -0
- package/src/actions/button/base_button/base_button.tsx +81 -0
- package/src/actions/button/button/button.module.css +129 -0
- package/src/actions/button/button/button.tsx +21 -0
- package/src/actions/button/button_group/button_group.module.css +67 -0
- package/src/actions/button/button_group/button_group.tsx +69 -0
- package/src/actions/button/select_group/select_group.module.css +67 -0
- package/src/actions/button/select_group/select_group.tsx +78 -0
- package/src/actions/button/select_group/single_select_group.tsx +48 -0
- package/src/actions/button/slim_button/slim_button.module.css +33 -0
- package/src/actions/button/slim_button/slim_button.tsx +18 -0
- package/src/actions/index.ts +19 -0
- package/src/feedback/index.ts +3 -0
- package/src/feedback/lazy/lazy.stories.tsx +56 -0
- package/src/feedback/lazy/lazy.tsx +53 -0
- package/src/feedback/loading/__storybook__/loading.stories.tsx +81 -0
- package/src/feedback/loading/__storybook__/storybook_custom_lines.module.css +3 -0
- package/src/feedback/loading/loading.module.css +20 -0
- package/src/feedback/loading/loading.tsx +71 -0
- package/src/feedback/progress/progress_bar.module.css +59 -0
- package/src/feedback/progress/progress_bar.stories.tsx +48 -0
- package/src/feedback/progress/progress_bar.tsx +43 -0
- package/src/feedback/storybook.module.css +5 -0
- package/src/form/field/common/field_control/field_control.module.css +20 -0
- package/src/form/field/common/field_control/field_control.tsx +53 -0
- package/src/form/field/common/field_description.tsx +26 -0
- package/src/form/field/common/field_error.tsx +37 -0
- package/src/form/field/common/field_header.tsx +40 -0
- package/src/form/field/common/field_label.tsx +38 -0
- package/src/form/field/common/status_input/status_input.module.css +10 -0
- package/src/form/field/common/status_input/status_input.tsx +84 -0
- package/src/form/field/common/types.ts +9 -0
- package/src/form/field/field.stories.tsx +131 -0
- package/src/form/field/field.tsx +37 -0
- package/src/form/field/form_field.tsx +29 -0
- package/src/form/field/h_field/h_field.module.css +6 -0
- package/src/form/field/h_field/h_field.stories.tsx +90 -0
- package/src/form/field/h_field/h_field.tsx +70 -0
- package/src/form/field/v_field/v_field.module.css +0 -0
- package/src/form/field/v_field/v_field.stories.tsx +90 -0
- package/src/form/field/v_field/v_field.tsx +74 -0
- package/src/form/field_presenters/field_presenter.ts +162 -0
- package/src/form/field_presenters/options_field_presenter.ts +36 -0
- package/src/form/field_set/field_set.module.css +17 -0
- package/src/form/field_set/field_set.stories.tsx +102 -0
- package/src/form/field_set/field_set.tsx +65 -0
- package/src/form/form_field.tsx +29 -0
- package/src/form/index.ts +5 -0
- package/src/inputs/__storybook__/stories.module.css +5 -0
- package/src/inputs/checkbox/checkbox.module.css +51 -0
- package/src/inputs/checkbox/checkbox.stories.tsx +48 -0
- package/src/inputs/checkbox/checkbox.tsx +43 -0
- package/src/inputs/checkbox/checkbox_row.tsx +29 -0
- package/src/inputs/color_input/color_input.module.css +62 -0
- package/src/inputs/color_input/color_input.stories.tsx +39 -0
- package/src/inputs/color_input/color_input.tsx +153 -0
- package/src/inputs/color_input/color_picker.module.css +13 -0
- package/src/inputs/color_input/color_picker.tsx +41 -0
- package/src/inputs/combo_box/combo_box.stories.tsx +93 -0
- package/src/inputs/combo_box/combo_box.tsx +153 -0
- package/src/inputs/date_picker/date_picker.module.css +20 -0
- package/src/inputs/date_picker/date_picker.stories.tsx +126 -0
- package/src/inputs/date_picker/date_picker.tsx +170 -0
- package/src/inputs/date_picker/date_picker_body.tsx +53 -0
- package/src/inputs/date_picker/date_picker_date.module.css +78 -0
- package/src/inputs/date_picker/date_picker_date.tsx +99 -0
- package/src/inputs/date_picker/date_picker_day.module.css +4 -0
- package/src/inputs/date_picker/date_picker_day.tsx +29 -0
- package/src/inputs/date_picker/date_picker_header.module.css +3 -0
- package/src/inputs/date_picker/date_picker_header.tsx +98 -0
- package/src/inputs/date_picker/date_picker_input.module.css +61 -0
- package/src/inputs/date_picker/date_picker_input.stories.tsx +108 -0
- package/src/inputs/date_picker/date_picker_input.tsx +180 -0
- package/src/inputs/date_picker/date_picker_presenter.ts +426 -0
- package/src/inputs/date_picker/date_picker_time_selector.module.css +33 -0
- package/src/inputs/date_picker/date_picker_time_selector.tsx +112 -0
- package/src/inputs/date_picker/date_picker_year_input.module.css +49 -0
- package/src/inputs/date_picker/date_picker_year_input.tsx +51 -0
- package/src/inputs/date_picker/date_picker_year_selector.module.css +51 -0
- package/src/inputs/date_picker/date_picker_year_selector.tsx +130 -0
- package/src/inputs/index.ts +60 -0
- package/src/inputs/input/input.module.css +80 -0
- package/src/inputs/input/input.stories.tsx +129 -0
- package/src/inputs/input/input.tsx +36 -0
- package/src/inputs/mask_input/__tests__/mask_presenter.test.ts +131 -0
- package/src/inputs/mask_input/alpha_character.ts +13 -0
- package/src/inputs/mask_input/alpha_numeric_character.ts +13 -0
- package/src/inputs/mask_input/character.ts +31 -0
- package/src/inputs/mask_input/constant_character.ts +46 -0
- package/src/inputs/mask_input/key_capture_input.stories.tsx +69 -0
- package/src/inputs/mask_input/key_capture_input.tsx +144 -0
- package/src/inputs/mask_input/language_character.ts +13 -0
- package/src/inputs/mask_input/mask.ts +309 -0
- package/src/inputs/mask_input/mask_config.ts +25 -0
- package/src/inputs/mask_input/mask_cursor.ts +23 -0
- package/src/inputs/mask_input/mask_input.stories.tsx +63 -0
- package/src/inputs/mask_input/mask_input.tsx +246 -0
- package/src/inputs/mask_input/mask_presenter.ts +306 -0
- package/src/inputs/mask_input/numeric_character.ts +13 -0
- package/src/inputs/mask_input/regex_character.ts +62 -0
- package/src/inputs/multi_combo_box/multi_combo_box.module.css +3 -0
- package/src/inputs/multi_combo_box/multi_combo_box.stories.tsx +71 -0
- package/src/inputs/multi_combo_box/multi_combo_box.tsx +133 -0
- package/src/inputs/multiselect/multiselect.module.css +3 -0
- package/src/inputs/multiselect/multiselect.tsx +133 -0
- package/src/inputs/multiselect/multiselect_inline_values.tsx +49 -0
- package/src/inputs/multiselect/multiselect_row.tsx +57 -0
- package/src/inputs/multiselect/multiselect_values.module.css +31 -0
- package/src/inputs/multiselect/multiselect_values.tsx +63 -0
- package/src/inputs/multiselect/mutliselect.stories.tsx +112 -0
- package/src/inputs/options/option.tsx +23 -0
- package/src/inputs/options/utils.ts +18 -0
- package/src/inputs/phone_number_input/__tests__/utils.test.ts +52 -0
- package/src/inputs/phone_number_input/countries_phone_information.ts +846 -0
- package/src/inputs/phone_number_input/phone_number_input.module.css +50 -0
- package/src/inputs/phone_number_input/phone_number_input.stories.tsx +119 -0
- package/src/inputs/phone_number_input/phone_number_input.tsx +329 -0
- package/src/inputs/phone_number_input/utils.ts +7 -0
- package/src/inputs/radio/radio.module.css +87 -0
- package/src/inputs/radio/radio.stories.tsx +20 -0
- package/src/inputs/radio/radio.tsx +68 -0
- package/src/inputs/radio/radio_row.tsx +45 -0
- package/src/inputs/select/select.module.css +66 -0
- package/src/inputs/select/select.stories.tsx +173 -0
- package/src/inputs/select/select.tsx +160 -0
- package/src/inputs/slider/slider.module.css +150 -0
- package/src/inputs/slider/slider.stories.tsx +52 -0
- package/src/inputs/slider/slider.tsx +57 -0
- package/src/inputs/slider/slider_row.tsx +33 -0
- package/src/inputs/suggestions/suggestion_item.module.css +54 -0
- package/src/inputs/suggestions/suggestion_item.tsx +53 -0
- package/src/inputs/suggestions/suggestion_list.module.css +29 -0
- package/src/inputs/suggestions/suggestion_list.stories.tsx +348 -0
- package/src/inputs/suggestions/suggestion_list.tsx +411 -0
- package/src/inputs/switch/TODO.md +3 -0
- package/src/inputs/switch/switch.module.css +110 -0
- package/src/inputs/switch/switch.stories.tsx +63 -0
- package/src/inputs/switch/switch.tsx +82 -0
- package/src/inputs/switch/switch_row.tsx +33 -0
- package/src/inputs/textarea/textarea.module.css +66 -0
- package/src/inputs/textarea/textarea.stories.tsx +44 -0
- package/src/inputs/textarea/textarea.tsx +32 -0
- package/src/inputs/textarea/textarea_row.tsx +24 -0
- package/src/inputs/unit_input/unit_input.module.css +23 -0
- package/src/inputs/unit_input/unit_input.stories.tsx +100 -0
- package/src/inputs/unit_input/unit_input.tsx +115 -0
- package/src/layouts/column/column.module.css +33 -0
- package/src/layouts/column/column.tsx +57 -0
- package/src/layouts/divider/__stories__/divider.stories.tsx +103 -0
- package/src/layouts/divider/divider.module.css +102 -0
- package/src/layouts/divider/divider.tsx +81 -0
- package/src/layouts/draggable_list/draggable_list.tsx +5 -0
- package/src/layouts/drawers/__stories__/drawers.stories.tsx +26 -0
- package/src/layouts/drawers/drawer_bottom/drawer_bottom.module.css +3 -0
- package/src/layouts/drawers/drawer_bottom/drawer_bottom.tsx +23 -0
- package/src/layouts/drawers/drawer_end/drawer_end.module.css +3 -0
- package/src/layouts/drawers/drawer_end/drawer_end.tsx +24 -0
- package/src/layouts/drawers/drawer_start/drawer_start.module.css +3 -0
- package/src/layouts/drawers/drawer_start/drawer_start.tsx +23 -0
- package/src/layouts/drawers/drawer_top/drawer_top.module.css +3 -0
- package/src/layouts/drawers/drawer_top/drawer_top.tsx +24 -0
- package/src/layouts/footer/footer.module.css +31 -0
- package/src/layouts/footer/footer.tsx +29 -0
- package/src/layouts/grid/grid.module.css +22 -0
- package/src/layouts/grid/grid.stories.tsx +260 -0
- package/src/layouts/grid/grid.tsx +120 -0
- package/src/layouts/header/header.module.css +6 -0
- package/src/layouts/header/header.tsx +37 -0
- package/src/layouts/index.ts +14 -0
- package/src/layouts/list/item.tsx +18 -0
- package/src/layouts/list/list.tsx +23 -0
- package/src/layouts/list/section_header.module.css +18 -0
- package/src/layouts/list/section_header.tsx +15 -0
- package/src/layouts/sidebar_end/sidebar_end.module.css +31 -0
- package/src/layouts/sidebar_end/sidebar_end.tsx +64 -0
- package/src/layouts/sidebar_start/sidebar_start.module.css +31 -0
- package/src/layouts/sidebar_start/sidebar_start.tsx +61 -0
- package/src/layouts/utility_bar/utility_bar.module.css +7 -0
- package/src/layouts/utility_bar/utility_bar.tsx +39 -0
- package/src/overlay/context_menu/context_menu.stories.tsx +79 -0
- package/src/overlay/context_menu/context_menu.tsx +55 -0
- package/src/overlay/menu/menu.module.css +33 -0
- package/src/overlay/menu/menu.stories.tsx +345 -0
- package/src/overlay/menu/menu.tsx +267 -0
- package/src/overlay/popper/popper.module.css +10 -0
- package/src/overlay/popper/popper.stories.tsx +431 -0
- package/src/overlay/popper/popper.tsx +218 -0
- package/src/overlay/portal/portal.css +35 -0
- package/src/overlay/portal/portal.stories.tsx +43 -0
- package/src/overlay/portal/portal.tsx +26 -0
- package/src/overlay/portal/portal_platform.tsx +120 -0
- package/src/overlay/portal/portal_platform_context.ts +11 -0
- package/src/overlay/tooltip/tooltip.module.css +3 -0
- package/src/overlay/tooltip/tooltip.stories.tsx +15 -0
- package/src/overlay/tooltip/tooltip.tsx +24 -0
- package/src/stacks/box/bottom_resize_handle.module.css +10 -0
- package/src/stacks/box/bottom_resize_handle.tsx +42 -0
- package/src/stacks/box/box.tsx +220 -0
- package/src/stacks/box/end_resize_handle.module.css +17 -0
- package/src/stacks/box/end_resize_handle.tsx +42 -0
- package/src/stacks/box/handle_props.ts +6 -0
- package/src/stacks/box/left_resize_handle.module.css +10 -0
- package/src/stacks/box/left_resize_handle.tsx +43 -0
- package/src/stacks/box/resize_handlers.ts +129 -0
- package/src/stacks/box/right_resize_handle.module.css +10 -0
- package/src/stacks/box/right_resize_handle.tsx +43 -0
- package/src/stacks/box/start_resize_handle.module.css +17 -0
- package/src/stacks/box/start_resize_handle.tsx +42 -0
- package/src/stacks/box/top_resize_handle.module.css +10 -0
- package/src/stacks/box/top_resize_handle.tsx +41 -0
- package/src/stacks/collapsible_box.module.css +37 -0
- package/src/stacks/collapsible_box.stories.tsx +66 -0
- package/src/stacks/demo.module.css +4 -0
- package/src/stacks/demo.stories.tsx +145 -0
- package/src/stacks/h_collapsible_box.tsx +48 -0
- package/src/stacks/h_stack.stories.tsx +107 -0
- package/src/stacks/h_stack.tsx +114 -0
- package/src/stacks/index.ts +11 -0
- package/src/stacks/spacer.tsx +47 -0
- package/src/stacks/stack.module.css +357 -0
- package/src/stacks/stacks.mdx +240 -0
- package/src/stacks/story_components/circle.module.css +7 -0
- package/src/stacks/story_components/circle.tsx +30 -0
- package/src/stacks/story_components/horizontal_border.tsx +15 -0
- package/src/stacks/story_components/picture_placeholder.module.css +3 -0
- package/src/stacks/story_components/picture_placeholder.tsx +42 -0
- package/src/stacks/story_components/rect.module.css +8 -0
- package/src/stacks/story_components/rect.tsx +36 -0
- package/src/stacks/story_components/style_box.tsx +19 -0
- package/src/stacks/types/alignment.ts +1 -0
- package/src/stacks/types/as.tsx +11 -0
- package/src/stacks/types/common.ts +4 -0
- package/src/stacks/types/styles.ts +44 -0
- package/src/stacks/utils/extract_style_props.ts +323 -0
- package/src/stacks/utils/isCustomSizeProp.ts +3 -0
- package/src/stacks/utils/remove_undefined_properties.ts +11 -0
- package/src/stacks/utils/use_is_collapsed.ts +33 -0
- package/src/stacks/v_collapsible_box.tsx +48 -0
- package/src/stacks/v_stack.stories.tsx +40 -0
- package/src/stacks/v_stack.tsx +118 -0
- package/src/stacks/z_stack.stories.tsx +119 -0
- package/src/stacks/z_stack.tsx +104 -0
- package/src/surfaces/alert/alert.stories.tsx +33 -0
- package/src/surfaces/alert/alert.tsx +30 -0
- package/src/surfaces/card/card.module.css +5 -0
- package/src/surfaces/card/card.tsx +24 -0
- package/src/surfaces/confirm/confirm.module.css +40 -0
- package/src/surfaces/confirm/confirm.stories.tsx +43 -0
- package/src/surfaces/confirm/confirm.tsx +91 -0
- package/src/surfaces/index.ts +10 -0
- package/src/surfaces/modal/modal.module.css +3 -0
- package/src/surfaces/modal/modal.stories.tsx +15 -0
- package/src/surfaces/modal/modal.tsx +19 -0
- package/src/surfaces/page/h_page.tsx +23 -0
- package/src/surfaces/page/page.module.css +12 -0
- package/src/surfaces/page/v_page.tsx +22 -0
- package/src/surfaces/panel/h_panel.tsx +59 -0
- package/src/surfaces/panel/panel.module.css +14 -0
- package/src/surfaces/panel/v_panel.tsx +59 -0
- package/src/surfaces/popover/popover.tsx +53 -0
- package/src/surfaces/window/window.module.css +5 -0
- package/src/surfaces/window/window.stories.tsx +15 -0
- package/src/surfaces/window/window.tsx +21 -0
- package/src/themes/index.ts +5 -0
- package/src/themes/stories/button_showcase.tsx +153 -0
- package/src/themes/stories/controls_fieldset.tsx +249 -0
- package/src/themes/stories/menu_showcase.tsx +508 -0
- package/src/themes/stories/themes.stories.tsx +35 -0
- package/src/themes/stylesheets/reset.css +134 -0
- package/src/themes/stylesheets/reset.ts +4 -0
- package/src/themes/theme.tsx +14 -0
- package/src/themes/theme_variables.ts +81 -0
- package/src/themes/themes/ergo/ergo_theme.css +194 -0
- package/src/themes/themes/ergo/ergo_theme.ts +4 -0
- package/src/themes/themes/windows_98/windows_98.css +1165 -0
- package/src/themes/themes/windows_98/windows_98_theme.ts +4 -0
- package/src/tokens/badge/badge.module.css +14 -0
- package/src/tokens/badge/badge.stories.tsx +25 -0
- package/src/tokens/badge/badge.tsx +56 -0
- package/src/tokens/bubble/bubble.module.css +11 -0
- package/src/tokens/bubble/bubble.stories.tsx +168 -0
- package/src/tokens/bubble/bubble.tsx +53 -0
- package/src/tokens/chip/chip.module.css +13 -0
- package/src/tokens/chip/chip.stories.tsx +51 -0
- package/src/tokens/chip/chip.tsx +36 -0
- package/src/tokens/index.ts +3 -0
- package/src/typography/__tests__/sanity.test.ts +7 -0
- package/src/typography/body_text/body_text.module.css +60 -0
- package/src/typography/body_text/body_text.stories.tsx +46 -0
- package/src/typography/body_text/body_text.tsx +76 -0
- package/src/typography/callout/callout.module.css +55 -0
- package/src/typography/callout/callout.stories.tsx +94 -0
- package/src/typography/callout/callout.tsx +74 -0
- package/src/typography/caption/caption.module.css +55 -0
- package/src/typography/caption/caption.stories.tsx +94 -0
- package/src/typography/caption/caption.tsx +74 -0
- package/src/typography/footnote/footnote.module.css +55 -0
- package/src/typography/footnote/footnote.stories.tsx +94 -0
- package/src/typography/footnote/footnote.tsx +74 -0
- package/src/typography/headline/headline.module.css +56 -0
- package/src/typography/headline/headline.stories.tsx +94 -0
- package/src/typography/headline/headline.tsx +84 -0
- package/src/typography/index.ts +7 -0
- package/src/typography/subheadline/subheadline.module.css +56 -0
- package/src/typography/subheadline/subheadline.stories.tsx +94 -0
- package/src/typography/subheadline/subheadline.tsx +87 -0
- package/src/typography/title/title.module.css +53 -0
- package/src/typography/title/title.stories.tsx +46 -0
- package/src/typography/title/title.tsx +88 -0
- package/src/typography/typography-showcase.stories.tsx +347 -0
- package/src/utils/__stories__/use_draggable.stories.tsx +217 -0
- package/src/utils/calendar/calendar_date.ts +10 -0
- package/src/utils/calendar/calendar_dates_generator.ts +59 -0
- package/src/utils/calendar/get_days_of_week.ts +17 -0
- package/src/utils/calendar/get_months_of_year.ts +32 -0
- package/src/utils/calendar/month.ts +16 -0
- package/src/utils/click_away_listener.stories.tsx +264 -0
- package/src/utils/click_away_listener.tsx +124 -0
- package/src/utils/default_value.test.ts +20 -0
- package/src/utils/default_value.ts +3 -0
- package/src/utils/focus_redirect.tsx +26 -0
- package/src/utils/hooks/make_context_hook.ts +17 -0
- package/src/utils/hooks/use_draggable.ts +74 -0
- package/src/utils/hooks/use_fork_ref.ts +18 -0
- package/src/utils/hooks/use_media_query.ts +32 -0
- package/src/utils/hooks/use_resize_observer.ts +148 -0
- package/src/utils/index.ts +20 -0
- package/src/utils/responsive/responsive_renderer.stories.tsx +77 -0
- package/src/utils/responsive/responsive_renderer.tsx +31 -0
- package/src/utils/scroll_away_listener.stories.tsx +293 -0
- package/src/utils/scroll_away_listener.tsx +55 -0
- package/src/utils/types/dimensions.ts +16 -0
- package/src/utils/types/variations.ts +4 -0
- package/tsconfig.json +30 -0
- package/types/css_variables.d.ts +8 -0
- package/types/file_types.d.ts +54 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"windows_98_theme.js","sources":["../../../../src/themes/themes/windows_98/windows_98.css?raw","../../../../src/themes/themes/windows_98/windows_98_theme.ts"],"sourcesContent":["export default \"/* https://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 */\\nhtml,\\nbody,\\ndiv,\\nspan,\\napplet,\\nobject,\\niframe,\\nh1,\\nh2,\\nh3,\\nh4,\\nh5,\\nh6,\\np,\\nblockquote,\\npre,\\na,\\nabbr,\\nacronym,\\naddress,\\nbig,\\ncite,\\ncode,\\ndel,\\ndfn,\\nem,\\nimg,\\nins,\\nkbd,\\nq,\\ns,\\nsamp,\\nsmall,\\nstrike,\\nstrong,\\nsub,\\nsup,\\ntt,\\nvar,\\nb,\\nu,\\ni,\\ncenter,\\ndl,\\ndt,\\ndd,\\nol,\\nul,\\nli,\\nfieldset,\\nform,\\nlabel,\\nlegend,\\ntable,\\ncaption,\\ntbody,\\ntfoot,\\nthead,\\ntr,\\nth,\\ntd,\\narticle,\\naside,\\ncanvas,\\ndetails,\\nembed,\\nfigure,\\nfigcaption,\\nfooter,\\nheader,\\nhgroup,\\nmenu,\\nnav,\\noutput,\\nruby,\\nsection,\\nsummary,\\ntime,\\nmark,\\naudio,\\nvideo {\\n margin: 0;\\n padding: 0;\\n border: 0;\\n font-size: 100%;\\n font: inherit;\\n vertical-align: baseline;\\n}\\n/* HTML5 display-role reset for older browsers */\\narticle,\\naside,\\ndetails,\\nfigcaption,\\nfigure,\\nfooter,\\nheader,\\nhgroup,\\nmenu,\\nnav,\\nsection {\\n display: block;\\n}\\nbody {\\n line-height: 1;\\n}\\nol,\\nul {\\n list-style: none;\\n}\\nblockquote,\\nq {\\n quotes: none;\\n}\\nblockquote:before,\\nblockquote:after,\\nq:before,\\nq:after {\\n content: \\\"\\\";\\n content: none;\\n}\\ntable {\\n border-collapse: collapse;\\n border-spacing: 0;\\n}\\n\\nlegend {\\n all: unset;\\n display: block;\\n margin: 0;\\n padding: 0;\\n font: inherit;\\n color: inherit;\\n}\\n\\n* {\\n position: relative;\\n box-sizing: border-box;\\n}\\n\\n/* ===== CSS VARIABLES ===== */\\n:root {\\n --scalar: 1;\\n --gap-small: 2px;\\n --gap-medium: 4px;\\n --gap-large: 8px;\\n\\n --padding-small: 2px;\\n --padding-medium: 4px;\\n --padding-large: 8px;\\n\\n --status-color-disabled: #7f7f7f;\\n --status-color-info: #000080;\\n --status-color-warning: #000080;\\n --status-color-error: #be0000;\\n\\n --async-color-initial: #c0c0c0;\\n --async-color-pending: #000080;\\n --async-color-success: #00ff00;\\n --async-color-failed: #be0000;\\n\\n --primary-color-faint: #c0c0c0;\\n --primary-color: #000080;\\n --primary-color-strong: #000080;\\n\\n --secondary-color-faint: #c0c0c0;\\n --secondary-color: #000080;\\n --secondary-color-strong: #000080;\\n\\n --tertiary-color-faint: #c0c0c0;\\n --tertiary-color: #000080;\\n --tertiary-color-strong: #000080;\\n\\n --quaternary-color-faint: #c0c0c0;\\n --quaternary-color: #000080;\\n --quaternary-color-strong: #000080;\\n\\n --font-color: #222222;\\n --font-family: \\\"Pixelated MS Sans Serif\\\", Arial;\\n --font-size: 12px;\\n\\n --background-color-primary: #c0c0c0;\\n --background-color-secondary: #c0c0c0;\\n --background-color-tertiary: #c0c0c0;\\n --background-color-quaternary: #c0c0c0;\\n\\n --foreground-color-primary: #222222;\\n --foreground-color-secondary: #222222;\\n --foreground-color-tertiary: #222222;\\n --foreground-color-quaternary: #222222;\\n\\n --accent-color: #000080;\\n}\\n\\n/* ===== TYPOGRAPHY ===== */\\n.title[data-size=\\\"sm\\\"] {\\n font-size: 10px;\\n}\\n.title[data-size=\\\"md\\\"] {\\n font-size: 12px;\\n}\\n.title[data-size=\\\"lg\\\"] {\\n font-size: 14px;\\n}\\n\\n.body-text[data-size=\\\"sm\\\"] {\\n font-size: 10px;\\n}\\n.body-text[data-size=\\\"md\\\"] {\\n font-size: 11px;\\n}\\n.body-text[data-size=\\\"lg\\\"] {\\n font-size: 12px;\\n}\\n\\n.button-text {\\n position: relative;\\n opacity: 1;\\n font-size: 12px !important;\\n}\\n\\n/* ===== BUTTONS ===== */\\n/* Base button styles */\\n.button,\\n.button[data-hierarchy=\\\"primary\\\"],\\n.button[data-hierarchy=\\\"secondary\\\"],\\n.button[data-hierarchy=\\\"primary\\\"]:hover,\\n.button[data-hierarchy=\\\"secondary\\\"]:hover {\\n background: silver;\\n border: none;\\n border-radius: 0;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n box-sizing: border-box;\\n color: #222;\\n min-height: 23px;\\n min-width: 0;\\n padding: 0 12px;\\n font-size: 12px;\\n text-decoration: none;\\n outline: none;\\n}\\n\\n/* Button content positioning */\\n.button[data-hierarchy=\\\"primary\\\"] > *,\\n.button[data-hierarchy=\\\"secondary\\\"] > * {\\n position: relative;\\n}\\n\\n.button[data-hierarchy=\\\"primary\\\"]:active > *,\\n.button[data-hierarchy=\\\"secondary\\\"]:active > * {\\n position: relative;\\n top: 0;\\n left: 1px;\\n}\\n\\n/* Button focus states */\\n.button[data-hierarchy=\\\"primary\\\"]:focus:not(:active)::before,\\n.button[data-hierarchy=\\\"secondary\\\"]:focus:not(:active)::before {\\n content: \\\"\\\";\\n position: absolute;\\n top: 1px;\\n bottom: 2px;\\n left: 1px;\\n right: 2px;\\n outline: 1px dotted #222;\\n outline-offset: -3px;\\n}\\n\\n/* Primary button specific styles */\\n.button[data-hierarchy=\\\"primary\\\"],\\n.button[data-hierarchy=\\\"primary\\\"]:hover {\\n box-shadow:\\n inset -2px -2px #0a0a0a,\\n inset 1px 1px #0a0a0a,\\n inset -3px -3px grey,\\n inset 2px 2px #fff,\\n inset 3px 3px #c0c0c0;\\n}\\n\\n/* Active states */\\n.button[data-hierarchy=\\\"primary\\\"]:active,\\n.button[data-hierarchy=\\\"secondary\\\"]:active {\\n background: silver;\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px #0a0a0a,\\n inset -2px -2px #c0c0c0,\\n inset 2px 2px grey;\\n color: #222;\\n border: none;\\n text-decoration: none;\\n}\\n\\n/* Focus states */\\n.button[data-hierarchy=\\\"primary\\\"]:focus,\\n.button[data-hierarchy=\\\"secondary\\\"]:focus,\\n.button[data-hierarchy=\\\"primary\\\"]:focus:not(:active),\\n.button[data-hierarchy=\\\"secondary\\\"]:focus:not(:active) {\\n background: silver;\\n border: none;\\n text-decoration: none;\\n}\\n\\n/* Tertiary button styles */\\n.button[data-hierarchy=\\\"tertiary\\\"] {\\n padding: 0 4px;\\n background: none;\\n border: none;\\n border-radius: 0;\\n box-shadow: none;\\n box-sizing: border-box;\\n color: #000080;\\n min-height: auto;\\n min-width: auto;\\n text-decoration: none;\\n}\\n\\n.button[data-hierarchy=\\\"tertiary\\\"]:hover {\\n background: none;\\n border: none;\\n border-radius: 0;\\n box-shadow: none;\\n box-sizing: border-box;\\n color: #000080;\\n min-height: auto;\\n min-width: auto;\\n text-decoration: none;\\n}\\n\\n.button[data-hierarchy=\\\"tertiary\\\"]:active {\\n background: none;\\n border: none;\\n border-radius: 0;\\n box-shadow: none;\\n box-sizing: border-box;\\n color: rgba(0, 0, 128, 0.6);\\n min-height: auto;\\n min-width: auto;\\n text-decoration: none;\\n}\\n\\n.button[data-hierarchy=\\\"tertiary\\\"]:focus,\\n.button[data-hierarchy=\\\"tertiary\\\"]:focus:not(:active) {\\n background: none;\\n outline: 1px dotted #000080;\\n outline-offset: 0;\\n border: none;\\n text-decoration: none;\\n}\\n\\n/* Disabled states */\\n.button[data-hierarchy=\\\"secondary\\\"][data-is-disabled=\\\"true\\\"] {\\n box-shadow:\\n inset -1px -1px #717171,\\n inset 1px 1px #fff,\\n inset -2px -2px #999,\\n inset 2px 2px #c0c0c0;\\n}\\n\\n.button[data-hierarchy=\\\"primary\\\"][data-is-disabled=\\\"true\\\"] {\\n box-shadow:\\n inset -2px -2px #717171,\\n inset 1px 1px #717171,\\n inset -3px -3px #999,\\n inset 2px 2px #fff,\\n inset 3px 3px #c0c0c0;\\n}\\n\\n.button[data-hierarchy=\\\"primary\\\"][data-is-disabled=\\\"true\\\"],\\n.button[data-hierarchy=\\\"secondary\\\"][data-is-disabled=\\\"true\\\"],\\n.button[data-hierarchy=\\\"tertiary\\\"][data-is-disabled=\\\"true\\\"] {\\n color: #7f7f7f;\\n cursor: not-allowed;\\n}\\n\\n/* Select button styles */\\n.button.select,\\n.button.select:hover {\\n position: relative;\\n padding-inline-end: 20px;\\n padding-inline-start: 4px;\\n}\\n\\n.button.select:dir(ltr)::after {\\n content: \\\"\\\";\\n position: absolute;\\n right: calc(4px * var(--scalar, 1));\\n top: 50%;\\n transform: translateY(-50%);\\n width: calc(12px * var(--scalar, 1));\\n height: calc(12px * var(--scalar, 1));\\n background-color: currentColor;\\n mask-image: url(\\\"data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 12 12' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z' fill='currentColor'/%3E%3C/svg%3E\\\");\\n mask-repeat: no-repeat;\\n mask-position: center;\\n mask-size: contain;\\n pointer-events: none;\\n}\\n\\n.button.select:dir(rtl)::after {\\n content: \\\"\\\";\\n position: absolute;\\n left: calc(4px * var(--scalar, 1));\\n top: 50%;\\n transform: translateY(-50%);\\n width: calc(12px * var(--scalar, 1));\\n height: calc(12px * var(--scalar, 1));\\n background-color: #222;\\n mask-image: url(\\\"data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 12 12' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z' fill='black'/%3E%3C/svg%3E\\\");\\n mask-repeat: no-repeat;\\n mask-position: center;\\n mask-size: contain;\\n pointer-events: none;\\n}\\n\\n/* Slim button styles */\\n.slim-button,\\n.slim-button[data-hierarchy=\\\"primary\\\"],\\n.slim-button[data-hierarchy=\\\"secondary\\\"],\\n.slim-button[data-hierarchy=\\\"primary\\\"]:hover,\\n.slim-button[data-hierarchy=\\\"secondary\\\"]:hover {\\n padding: 2px;\\n min-width: 0;\\n min-height: 0;\\n height: auto;\\n width: auto;\\n}\\n\\n.slim-button[data-size=\\\"sm\\\"],\\n.slim-button[data-hierarchy=\\\"primary\\\"][data-size=\\\"sm\\\"],\\n.slim-button[data-hierarchy=\\\"secondary\\\"][data-size=\\\"sm\\\"],\\n.slim-button[data-hierarchy=\\\"primary\\\"][data-size=\\\"sm\\\"]:hover,\\n.slim-button[data-hierarchy=\\\"secondary\\\"][data-size=\\\"sm\\\"]:hover {\\n padding: 1px;\\n}\\n\\n.slim-button[data-size=\\\"md\\\"],\\n.slim-button[data-hierarchy=\\\"primary\\\"][data-size=\\\"md\\\"],\\n.slim-button[data-hierarchy=\\\"secondary\\\"][data-size=\\\"md\\\"],\\n.slim-button[data-hierarchy=\\\"primary\\\"][data-size=\\\"md\\\"]:hover,\\n.slim-button[data-hierarchy=\\\"secondary\\\"][data-size=\\\"md\\\"]:hover {\\n padding: 2px;\\n}\\n\\n.slim-button[data-size=\\\"lg\\\"],\\n.slim-button[data-hierarchy=\\\"primary\\\"][data-size=\\\"lg\\\"],\\n.slim-button[data-hierarchy=\\\"secondary\\\"][data-size=\\\"lg\\\"],\\n.slim-button[data-hierarchy=\\\"primary\\\"][data-size=\\\"lg\\\"]:hover,\\n.slim-button[data-hierarchy=\\\"secondary\\\"][data-size=\\\"lg\\\"]:hover {\\n padding: 4px;\\n}\\n\\n/* Select group styles */\\n.select-group .button[data-hierarchy=\\\"primary\\\"],\\n.select-group .button[data-hierarchy=\\\"primary\\\"]:hover,\\n.select-group .button[data-hierarchy=\\\"primary\\\"]:focus {\\n background-color: #000080;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n color: #fff;\\n}\\n\\n.select-group .button:hover,\\n.select-group .button:focus,\\n.button-group .button:hover,\\n.button-group .button:focus {\\n z-index: 1;\\n}\\n\\n/* ===== INPUT FIELDS ===== */\\n.input,\\n.textarea,\\n.suggestion-list-search-input,\\n.multi-combo-box-values-container,\\n.multiselect-values-container {\\n border-radius: 0;\\n outline: none;\\n border: none;\\n background-color: #fff;\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px grey,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #0a0a0a;\\n box-sizing: border-box;\\n padding: 3px 4px;\\n}\\n\\n.suggestion-list-search-input {\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px grey,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #0a0a0a,\\n 0px -2px 0px 2px #c0c0c0;\\n}\\n\\n.input,\\n.textarea,\\n.suggestion-list-search-input {\\n height: 23px;\\n}\\n\\n.input:is(:focus, :focus-visible, :active, :hover),\\n.input:is(:focus, :focus-visible, :active, :hover)[data-is-disabled=\\\"false\\\"],\\n.textarea:is(:focus, :focus-visible, :active, :hover),\\n.textarea:is(:focus, :focus-visible, :active, :hover)[data-is-disabled=\\\"false\\\"] {\\n outline: none;\\n border: none;\\n}\\n\\n.input[data-is-disabled=\\\"true\\\"],\\n.textarea[data-is-disabled=\\\"true\\\"],\\n.suggestion-list-search-input[data-is-disabled=\\\"true\\\"],\\n.multiselect-values-container[data-is-disabled=\\\"true\\\"] {\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px #999,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #717171;\\n}\\n\\n.input[data-is-disabled=\\\"true\\\"],\\n.textarea[data-is-disabled=\\\"true\\\"],\\n.suggestion-list-search-input[data-is-disabled=\\\"true\\\"],\\n.multiselect-values-container[data-is-disabled=\\\"true\\\"],\\n.input[data-is-disabled=\\\"true\\\"]::placeholder,\\n.textarea[data-is-disabled=\\\"true\\\"]::placeholder,\\n.suggestion-list-search-input[data-is-disabled=\\\"true\\\"]::placeholder,\\n.multiselect-values-container[data-is-disabled=\\\"true\\\"]::placeholder {\\n color: #7f7f7f;\\n cursor: not-allowed;\\n background-color: #c0c0c0;\\n}\\n\\n/* Select group active and focus states */\\n.select-group .button[data-hierarchy=\\\"primary\\\"]:active {\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px #0a0a0a,\\n inset -2px -2px #c0c0c0,\\n inset 2px 2px grey;\\n color: #fff;\\n}\\n\\n.select-group .button[data-hierarchy=\\\"primary\\\"]:focus:not(:active)::before {\\n outline: 1px dotted #fcfcfc;\\n}\\n\\n/* ===== SUGGESTION LISTS ===== */\\n.suggestion-list {\\n padding: 2px;\\n}\\n\\n.suggestion-item {\\n padding: 0;\\n background: transparent;\\n border: none;\\n min-height: 0;\\n}\\n\\n.suggestion-item:hover {\\n background: #000080;\\n color: #fff;\\n}\\n\\n.suggestion-item[data-is-selected=\\\"true\\\"],\\n.suggestion-item[data-is-focused=\\\"true\\\"] {\\n padding: 0;\\n background: #000080;\\n color: #fff;\\n border: none;\\n}\\n\\n.suggestion-list-search-input {\\n border-radius: 0;\\n padding: 4px;\\n height: 24px;\\n min-height: 24px;\\n}\\n\\n/* ===== LAYOUT COMPONENTS ===== */\\n\\n.title {\\n color: black;\\n}\\n\\n.header .title {\\n color: #fff;\\n}\\n/* Headers */\\n.header[data-kind=\\\"window\\\"] {\\n padding: 4px;\\n background: linear-gradient(90deg, #000080, #1084d0);\\n border: none;\\n color: #fff;\\n}\\n\\n.header[data-kind=\\\"window\\\"] > .button {\\n color: #222;\\n}\\n\\n.header[data-kind=\\\"toolbar\\\"],\\n.header[data-kind=\\\"app\\\"],\\n.header[data-kind=\\\"nav\\\"] {\\n padding: 4px 0;\\n background: #c0c0c0;\\n color: #222222;\\n border-bottom: 1px solid #808080;\\n border-top: 1px solid #f5f5f5;\\n border-right: 1px solid #808080;\\n border-left: 1px solid #f5f5f5;\\n padding-inline-start: 4px;\\n}\\n\\n.header[data-kind=\\\"panel\\\"] {\\n padding: 4px;\\n background: linear-gradient(90deg, #7c7c7c, #aeaeae);\\n border: none;\\n color: #fff;\\n}\\n\\n/* Main content areas */\\n.main[data-kind=\\\"window\\\"],\\n.main[data-kind=\\\"app\\\"],\\n.main[data-kind=\\\"nav\\\"],\\n.main[data-kind=\\\"toolbar\\\"],\\n.main[data-kind=\\\"section\\\"],\\n.main[data-kind=\\\"panel\\\"],\\n.main[data-kind=\\\"panel\\\"],\\n.main[data-kind=\\\"drawer\\\"],\\n.main[data-kind=\\\"card\\\"],\\n.panel,\\n.h-panel,\\n.v-panel,\\n.sidebar-start[data-hierarchy],\\n.sidebar-end[data-hierarchy] {\\n border-radius: 0;\\n background: #c0c0c0;\\n color: #222222;\\n border-bottom: 1px solid #808080;\\n border-top: 1px solid #f5f5f5;\\n border-right: 1px solid #808080;\\n border-left: 1px solid #f5f5f5;\\n}\\n\\n.column:after {\\n content: \\\"\\\";\\n position: absolute;\\n bottom: var(--padding);\\n top: var(--padding);\\n right: 0;\\n width: 0px;\\n border-bottom: 1px solid #f5f5f5;\\n border-top: 1px solid #808080;\\n border-right: 1px solid #f5f5f5;\\n border-left: 1px solid #808080;\\n}\\n\\n.column:last-child:after {\\n display: none;\\n}\\n\\n.main[data-kind=\\\"panel\\\"],\\n.sidebar-start[data-kind=\\\"panel\\\"],\\n.sidebar-end[data-kind=\\\"panel\\\"] {\\n padding: 0;\\n}\\n\\n/* Sidebar styles */\\n.sidebar-start[data-hierarchy=\\\"tertiary\\\"],\\n.sidebar-start[data-hierarchy=\\\"secondary\\\"] {\\n background: #c0c0c0;\\n color: #222222;\\n}\\n\\n.sidebar-start[data-kind=\\\"nav\\\"],\\n.v-nav {\\n background: #fff;\\n padding: 2px;\\n border-top: 1px solid #808080;\\n border-bottom: 1px solid #f5f5f5;\\n border-right: 1px solid #f5f5f5;\\n border-left: 1px solid #808080;\\n}\\n\\n.sidebar-end[data-hierarchy=\\\"tertiary\\\"],\\n.sidebar-end[data-hierarchy=\\\"secondary\\\"] {\\n background: #c0c0c0;\\n color: #222222;\\n}\\n\\n.sidebar-end[data-hierarchy=\\\"primary\\\"],\\n.sidebar-start[data-hierarchy=\\\"primary\\\"] {\\n background: #fff;\\n color: #222222;\\n}\\n\\n/* Footer */\\n.footer[data-kind=\\\"window\\\"] {\\n padding: 4px;\\n background: #c0c0c0;\\n box-shadow:\\n inset 1px 1px #808080,\\n inset -1px -1px #f5f5f5,\\n inset 2px 2px #c1c1c1,\\n inset -2px -2px #c0c0c0;\\n color: #222222;\\n}\\n\\n/* ===== WINDOWS AND POPOVERS ===== */\\n.window,\\n.date-picker-popover,\\n.date-picker-year-selector,\\n.menu,\\n.suggestion-list {\\n border-radius: 0;\\n background: #c0c0c0;\\n padding: 4px;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #f5f5f5,\\n inset -2px -2px #808080,\\n inset 2px 2px #c0c0c0;\\n}\\n\\n.suggestion-list-header {\\n background: #c0c0c0;\\n}\\n\\n/* ===== DATE PICKER COMPONENTS ===== */\\n.date-picker-box {\\n background: #c0c0c0;\\n padding: 0;\\n}\\n\\n.date-picker-date {\\n box-shadow: none !important;\\n}\\n\\n.date-picker-year-button {\\n box-shadow: none !important;\\n}\\n\\n.date-picker-header {\\n height: 20px;\\n}\\n\\n.button.phone-number-input-select,\\n.button.phone-number-input-select:hover {\\n min-width: 0;\\n}\\n\\n.phone-number-input[data-has-phone-book=\\\"false\\\"] {\\n border-end-end-radius: 0px;\\n border-start-end-radius: 0px;\\n}\\n\\n.button.phone-number-input-phone-book {\\n max-width: 23px !important;\\n max-height: 23px !important;\\n height: 23px !important;\\n min-width: 23px !important;\\n min-height: 23px !important;\\n}\\n\\n.button.date-picker-year-select {\\n padding-inline-end: 20px;\\n}\\n\\n.button.date-picker-year-select:dir(ltr)::after {\\n width: calc(12px * var(--scalar, 1));\\n height: calc(12px * var(--scalar, 1));\\n mask-image: url(\\\"data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 12 12' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z' fill='black'/%3E%3C/svg%3E\\\");\\n}\\n\\n.button.date-picker-year-select:dir(rtl)::after {\\n width: calc(12px * var(--scalar, 1));\\n height: calc(12px * var(--scalar, 1));\\n mask-image: url(\\\"data:image/svg+xml,%3Csvg width='100%25' height='100%25' viewBox='0 0 12 12' fill='black' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4l4 4 4-4z' fill='black'/%3E%3C/svg%3E\\\");\\n}\\n\\n/* ===== TIME BOX ===== */\\n.time-box {\\n border-radius: 0;\\n background: #fff;\\n border: none;\\n box-shadow:\\n inset 1px 1px #808080,\\n inset -1px -1px #f5f5f5,\\n inset 2px 2px #c1c1c1,\\n inset -2px -2px #c0c0c0;\\n}\\n\\n.time-box-title-container {\\n min-height: 25px;\\n height: 25px;\\n}\\n\\n/* ===== FORM COMPONENTS ===== */\\n.field-set {\\n padding: 8px 12px 12px 12px;\\n margin-top: 10px;\\n border-radius: 0;\\n background: #c0c0c0;\\n box-shadow:\\n inset 1px 1px #808080,\\n inset -1px -1px #f5f5f5,\\n inset 2px 2px #f5f5f5,\\n inset -2px -2px #808080;\\n}\\n\\n.field-set > .field-set-body {\\n background: transparent;\\n padding: 0;\\n gap: 8px;\\n}\\n\\n.field-set > .field-set-legend {\\n position: relative;\\n top: -7px;\\n left: -4px;\\n height: 0;\\n}\\n\\n.field-set-legend-text {\\n background: #c0c0c0;\\n padding: 0;\\n font-size: 12px;\\n}\\n\\n/* ===== CHIPS ===== */\\n.chip {\\n background: #c0c0c0;\\n border-radius: 0;\\n color: #222222;\\n border: none;\\n font-size: 12px;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n}\\n\\n/* ===== CHECKBOXES ===== */\\n.checkbox {\\n outline: none;\\n border-radius: 0;\\n background: #fff;\\n border: none;\\n background-position: center;\\n background-repeat: no-repeat;\\n box-shadow:\\n inset 1px 1px #808080,\\n inset -1px -1px #f5f5f5,\\n inset 2px 2px #c1c1c1,\\n inset -2px -2px #c0c0c0;\\n}\\n\\n.checkbox:focus {\\n outline: none;\\n}\\n\\n.checkbox[data-checked=\\\"true\\\"] {\\n background-color: #fff;\\n background-image: url(\\\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='%23222' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='%23222' stroke-width='2'/%3E%3C/svg%3E\\\");\\n}\\n\\n.checkbox[data-is-disabled=\\\"false\\\"]:active {\\n background-color: #fff;\\n background-image: url(\\\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='%23222' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='%23222' stroke-width='2'/%3E%3C/svg%3E\\\");\\n}\\n\\n.checkbox[data-is-disabled=\\\"true\\\"] {\\n background-color: #c0c0c0;\\n}\\n\\n.checkbox[data-checked=\\\"true\\\"][data-is-disabled=\\\"true\\\"] {\\n background-image: url(\\\"data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='%23222' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.5068 5.44714C20.8121 5.72703 20.8328 6.20146 20.5529 6.5068L9.55287 18.5068C9.41464 18.6576 9.22081 18.7454 9.01629 18.7498C8.81178 18.7543 8.61432 18.675 8.46967 18.5303L3.46967 13.5303C3.17678 13.2374 3.17678 12.7626 3.46967 12.4697C3.76256 12.1768 4.23744 12.1768 4.53033 12.4697L8.97644 16.9158L19.4471 5.49321C19.727 5.18787 20.2015 5.16724 20.5068 5.44714Z' stroke='%23707070' stroke-width='2'/%3E%3C/svg%3E\\\");\\n}\\n\\n/* ===== RADIO BUTTONS ===== */\\n.radio,\\n.radio[data-checked=\\\"true\\\"],\\n.radio[checked=\\\"true\\\"] {\\n width: 14px;\\n height: 14px;\\n min-width: 14px;\\n min-height: 14px;\\n border-inline-end: 1px solid #fff;\\n border-inline-start: 1px solid #222;\\n border-block-end: 1px solid #fff;\\n border-block-start: 1px solid #222;\\n}\\n\\n.radio:focus {\\n outline: none;\\n}\\n\\n.radio::before {\\n content: \\\"\\\";\\n background: transparent;\\n position: absolute;\\n border-radius: 50%;\\n inset: 0;\\n border-inline-end: 1px solid #dfdfdf;\\n border-inline-start: 1px solid #808080;\\n border-block-end: 1px solid #dfdfdf;\\n border-block-start: 1px solid #808080;\\n}\\n\\n.radio[data-checked=\\\"true\\\"]::after {\\n content: \\\"\\\";\\n position: absolute;\\n top: 50%;\\n left: 50%;\\n transform: translate(-50%, -50%);\\n width: 40%;\\n height: 40%;\\n background: #222;\\n border-radius: 50%;\\n}\\n\\n/* ===== SWITCHES ===== */\\n.switch:focus,\\n.switch:focus-visible,\\n.switch-wrapper[data-focused=\\\"true\\\"][data-is-checked=\\\"false\\\"],\\n.switch-wrapper[data-focused=\\\"true\\\"][data-is-checked=\\\"true\\\"] {\\n outline: none;\\n}\\n\\n.switch-wrapper {\\n border-radius: 0;\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px grey,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #0a0a0a;\\n border-color: #c0c0c0;\\n background-color: #fff;\\n transition: background-color 200ms ease-out;\\n margin-top: 2px;\\n margin-bottom: 3px;\\n}\\n\\n.switch-wrapper[data-is-checked=\\\"false\\\"] > .switch-icon {\\n color: #222;\\n}\\n\\n.switch::after {\\n content: \\\"\\\";\\n cursor: pointer;\\n position: absolute;\\n top: 0;\\n transition: transform 200ms ease-out;\\n width: calc(16px * var(--scalar, 1));\\n height: calc(16px * var(--scalar, 1));\\n border-radius: 0;\\n background-color: #c0c0c0;\\n box-sizing: border-box;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n}\\n\\n.switch-wrapper[data-is-checked=\\\"true\\\"][data-is-disabled=\\\"false\\\"] {\\n background-color: var(--accent-color);\\n border-color: #c0c0c0;\\n}\\n\\n.switch-wrapper[data-is-disabled=\\\"true\\\"] {\\n background-color: #c0c0c0;\\n border-color: #c0c0c0;\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px #999,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #7f7f7f;\\n}\\n\\n.switch[data-is-disabled=\\\"true\\\"]:after {\\n box-shadow:\\n inset -1px -1px #666666,\\n inset 1px 1px #fff,\\n inset -2px -2px #949494,\\n inset 2px 2px #c0c0c0;\\n}\\n\\n.switch-wrapper[data-is-disabled=\\\"true\\\"] > .switch-icon {\\n color: #707070;\\n}\\n\\n/* ===== SLIDERS ===== */\\n.slider::-webkit-slider-runnable-track {\\n border-radius: 0;\\n height: 5px;\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px grey,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #0a0a0a;\\n}\\n\\n.slider::-webkit-slider-runnable-track[data-is-disabled=\\\"true\\\"] {\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px #999,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #717171;\\n}\\n\\n.slider::-webkit-slider-thumb {\\n outline: none;\\n width: calc(12px * var(--scalar, 1));\\n height: calc(16px * var(--scalar, 1));\\n border-radius: 0;\\n border: none;\\n background-color: #c0c0c0;\\n box-sizing: border-box;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n}\\n\\n.slider[data-is-disabled=\\\"false\\\"]:active::-webkit-slider-thumb {\\n background-color: #c0c0c0;\\n}\\n\\n.slider[data-is-disabled=\\\"true\\\"]::-webkit-slider-thumb {\\n box-shadow:\\n inset -1px -1px #717171,\\n inset 1px 1px #fff,\\n inset -2px -2px #999,\\n inset 2px 2px #c0c0c0;\\n}\\n\\n/* Mozilla slider styles */\\n.slider::-moz-range-track {\\n border-radius: 0;\\n height: 5px;\\n border: none;\\n background: #c0c0c0;\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px grey,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #0a0a0a;\\n}\\n\\n.slider::-moz-range-track[data-is-disabled=\\\"true\\\"] {\\n box-shadow:\\n inset -1px -1px #fff,\\n inset 1px 1px #999,\\n inset -2px -2px #dfdfdf,\\n inset 2px 2px #717171;\\n}\\n\\n.slider::-moz-range-thumb {\\n outline: none;\\n width: calc(12px * var(--scalar, 1));\\n height: calc(16px * var(--scalar, 1));\\n border-radius: 0;\\n border: none;\\n background-color: #c0c0c0;\\n box-sizing: border-box;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n cursor: pointer;\\n}\\n\\n.slider[data-is-disabled=\\\"false\\\"]:active::-moz-range-thumb,\\n.slider[data-is-disabled=\\\"false\\\"]:focus::-moz-range-thumb {\\n background-color: #c0c0c0;\\n box-shadow:\\n inset -1px -1px #0a0a0a,\\n inset 1px 1px #fff,\\n inset -2px -2px grey,\\n inset 2px 2px #c0c0c0;\\n outline: none;\\n}\\n\\n.slider[data-is-disabled=\\\"true\\\"]::-moz-range-thumb {\\n box-shadow:\\n inset -1px -1px #717171,\\n inset 1px 1px #fff,\\n inset -2px -2px #999,\\n inset 2px 2px #c0c0c0;\\n cursor: not-allowed;\\n}\\n\\n.nav-item,\\n.nav-item[data-is-selected],\\n.menu-item {\\n border-radius: 0;\\n font-size: 12px;\\n}\\n\\n.nav-item,\\n.menu-item .body-text {\\n font-size: 12px;\\n}\\n\\n.main[data-hierarchy=\\\"primary\\\"] {\\n background: #c0c0c0;\\n padding: 0px;\\n}\\n\\n.main[data-hierarchy=\\\"secondary\\\"] {\\n background: #c0c0c0;\\n padding: 0px;\\n}\\n\\n.main[data-hierarchy=\\\"tertiary\\\"] {\\n background: #c0c0c0;\\n padding: 0px;\\n}\\n\\n.h-nav {\\n border: none;\\n}\\n\\n.h-nav:after {\\n content: \\\"\\\";\\n position: absolute;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n height: 0px;\\n border-bottom: 1px solid #f5f5f5;\\n border-top: 1px solid #808080;\\n border-right: 1px solid #f5f5f5;\\n border-left: 1px solid #808080;\\n}\\n\\n.footer {\\n border: none;\\n}\\n\\n.footer:after {\\n content: \\\"\\\";\\n position: absolute;\\n left: 0;\\n right: 0;\\n top: 0;\\n height: 0px;\\n border-bottom: 1px solid #f5f5f5;\\n border-top: 1px solid #808080;\\n border-right: 1px solid #f5f5f5;\\n border-left: 1px solid #808080;\\n}\\n\"","import css from './windows_98.css?raw';\n\nexport const windows98StyleSheet = new CSSStyleSheet();\nwindows98StyleSheet.replaceSync(css);\n"],"names":["css","windows98StyleSheet"],"mappings":"AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCEFC,IAAsB,IAAI,cAAA;AACvCA,EAAoB,YAAYD,CAAG;"}
|
package/dist/title.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._title_64bd0fd{margin:0;padding:0;line-height:1.1;color:#395578}._title_64bd0fd[data-selectable=true]{-webkit-user-select:auto;user-select:auto}._title_64bd0fd[data-selectable=false]{-webkit-user-select:none;user-select:none}._title_64bd0fd[data-size=sm]{font-size:calc(16px * var(--scalar, 1))}._title_64bd0fd[data-size=md]{font-size:calc(18px * var(--scalar, 1))}._title_64bd0fd[data-size=lg]{font-size:calc(21px * var(--scalar, 1))}._title_64bd0fd[data-hierarchy=primary]{opacity:1}._title_64bd0fd[data-hierarchy=secondary]{opacity:.85}._title_64bd0fd[data-hierarchy=tertiary]{opacity:.7}._title_64bd0fd[data-emphasis=strong]{font-weight:700}._title_64bd0fd[data-emphasis=normal]{font-weight:400}._title_64bd0fd[data-emphasis=light]{font-weight:200}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"title.module-B16de2jd.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React, HTMLAttributes } from 'react';
|
|
2
|
+
export interface BadgeProps extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
value: React.ReactNode;
|
|
4
|
+
backgroundColor?: string;
|
|
5
|
+
textColor?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/tokens/badge/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAQ9C,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,mFAyCjB,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { jsxs as t, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import h from "react";
|
|
3
|
+
import o from "classnames";
|
|
4
|
+
import { Spacer as s } from "../../stacks/spacer.js";
|
|
5
|
+
import { VStack as u } from "../../stacks/v_stack.js";
|
|
6
|
+
import { ZStack as r } from "../../stacks/z_stack.js";
|
|
7
|
+
import { Bubble as c } from "../bubble/bubble.js";
|
|
8
|
+
import '../../badge.css';const g = "_badge-bubble_7fe9ed5", f = { "badge-bubble": g }, S = h.forwardRef(
|
|
9
|
+
({
|
|
10
|
+
value: a,
|
|
11
|
+
children: i,
|
|
12
|
+
backgroundColor: b,
|
|
13
|
+
textColor: d,
|
|
14
|
+
className: l,
|
|
15
|
+
...n
|
|
16
|
+
}, m) => /* @__PURE__ */ t(
|
|
17
|
+
r,
|
|
18
|
+
{
|
|
19
|
+
inline: !0,
|
|
20
|
+
width: "auto",
|
|
21
|
+
height: "auto",
|
|
22
|
+
ref: m,
|
|
23
|
+
vAlign: "end",
|
|
24
|
+
hAlign: "end",
|
|
25
|
+
zIndex: 0,
|
|
26
|
+
className: o("badge", l),
|
|
27
|
+
...n,
|
|
28
|
+
children: [
|
|
29
|
+
/* @__PURE__ */ e(r, { zIndex: 0, inline: !0, width: "auto", height: "auto", children: i }),
|
|
30
|
+
/* @__PURE__ */ t(u, { zIndex: 1, height: "100%", width: "auto", children: [
|
|
31
|
+
/* @__PURE__ */ e(
|
|
32
|
+
c,
|
|
33
|
+
{
|
|
34
|
+
className: o(f["badge-bubble"], "badge-bubble"),
|
|
35
|
+
backgroundColor: b,
|
|
36
|
+
textColor: d,
|
|
37
|
+
elevate: !0,
|
|
38
|
+
children: a
|
|
39
|
+
}
|
|
40
|
+
),
|
|
41
|
+
/* @__PURE__ */ e(s, { height: "100%" })
|
|
42
|
+
] })
|
|
43
|
+
]
|
|
44
|
+
}
|
|
45
|
+
)
|
|
46
|
+
);
|
|
47
|
+
export {
|
|
48
|
+
S as Badge
|
|
49
|
+
};
|
|
50
|
+
//# sourceMappingURL=badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.js","sources":["../../../src/tokens/badge/badge.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\nimport classNames from 'classnames';\nimport { Spacer } from '../../stacks/spacer.js';\nimport { VStack } from '../../stacks/v_stack.js';\nimport { ZStack } from '../../stacks/z_stack.js';\nimport { Bubble } from '../bubble/bubble.js';\nimport styles from './badge.module.css';\n\nexport interface BadgeProps extends HTMLAttributes<HTMLDivElement> {\n value: React.ReactNode;\n backgroundColor?: string;\n textColor?: string;\n}\n\nexport const Badge = React.forwardRef(\n (\n {\n value,\n children,\n backgroundColor,\n textColor: color,\n className,\n ...props\n }: BadgeProps,\n ref: React.Ref<HTMLDivElement>\n ) => {\n return (\n <ZStack\n inline\n width=\"auto\"\n height=\"auto\"\n ref={ref}\n vAlign=\"end\"\n hAlign=\"end\"\n zIndex={0}\n className={classNames('badge', className)}\n {...props}\n >\n <ZStack zIndex={0} inline width=\"auto\" height=\"auto\">\n {children}\n </ZStack>\n <VStack zIndex={1} height=\"100%\" width=\"auto\">\n <Bubble\n className={classNames(styles['badge-bubble'], 'badge-bubble')}\n backgroundColor={backgroundColor}\n textColor={color}\n elevate\n >\n {value}\n </Bubble>\n <Spacer height=\"100%\" />\n </VStack>\n </ZStack>\n );\n }\n);\n"],"names":["Badge","React","value","children","backgroundColor","color","className","props","ref","jsxs","ZStack","classNames","jsx","VStack","Bubble","styles","Spacer"],"mappings":";;;;;;;8DAcaA,IAAQC,EAAM;AAAA,EACzB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,WAAWC;AAAA,IACX,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAGE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,KAAAF;AAAA,MACA,QAAO;AAAA,MACP,QAAO;AAAA,MACP,QAAQ;AAAA,MACR,WAAWG,EAAW,SAASL,CAAS;AAAA,MACvC,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAK,EAACF,GAAA,EAAO,QAAQ,GAAG,QAAM,IAAC,OAAM,QAAO,QAAO,QAC3C,UAAAP,EAAA,CACH;AAAA,0BACCU,GAAA,EAAO,QAAQ,GAAG,QAAO,QAAO,OAAM,QACrC,UAAA;AAAA,UAAA,gBAAAD;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,WAAWH,EAAWI,EAAO,cAAc,GAAG,cAAc;AAAA,cAC5D,iBAAAX;AAAA,cACA,WAAWC;AAAA,cACX,SAAO;AAAA,cAEN,UAAAH;AAAA,YAAA;AAAA,UAAA;AAAA,UAEH,gBAAAU,EAACI,GAAA,EAAO,QAAO,OAAA,CAAO;AAAA,QAAA,EAAA,CACxB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { default as React, HTMLAttributes } from 'react';
|
|
2
|
+
import { Size } from '../../utils/index.js';
|
|
3
|
+
export interface BubbleProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
backgroundColor?: string;
|
|
6
|
+
textColor?: string;
|
|
7
|
+
elevate?: boolean;
|
|
8
|
+
size?: Size;
|
|
9
|
+
}
|
|
10
|
+
export declare const Bubble: React.ForwardRefExoticComponent<BubbleProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
//# sourceMappingURL=bubble.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bubble.d.ts","sourceRoot":"","sources":["../../../src/tokens/bubble/bubble.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;CACb;AAED,eAAO,MAAM,MAAM,oFAqCjB,CAAC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import n from "classnames";
|
|
3
|
+
import u from "react";
|
|
4
|
+
import { theme as f } from "../../themes/theme_variables.js";
|
|
5
|
+
import "../../themes/themes/windows_98/windows_98_theme.js";
|
|
6
|
+
import { HStack as p } from "../../stacks/h_stack.js";
|
|
7
|
+
import '../../bubble.css';const d = "_bubble_d3b757e", h = { bubble: d }, N = u.forwardRef(function({
|
|
8
|
+
children: e,
|
|
9
|
+
className: t,
|
|
10
|
+
style: o,
|
|
11
|
+
backgroundColor: b = f.accentColor,
|
|
12
|
+
textColor: r = "#fff",
|
|
13
|
+
size: l = "md",
|
|
14
|
+
elevate: a = !1,
|
|
15
|
+
...s
|
|
16
|
+
}, c) {
|
|
17
|
+
const i = {
|
|
18
|
+
"--bubble-text-color": r,
|
|
19
|
+
"--bubble-color": b,
|
|
20
|
+
...o
|
|
21
|
+
};
|
|
22
|
+
return /* @__PURE__ */ m(
|
|
23
|
+
p,
|
|
24
|
+
{
|
|
25
|
+
inline: !0,
|
|
26
|
+
className: n(h.bubble, "bubble", t),
|
|
27
|
+
width: "auto",
|
|
28
|
+
height: "auto",
|
|
29
|
+
ref: c,
|
|
30
|
+
style: i,
|
|
31
|
+
hAlign: "center",
|
|
32
|
+
vAlign: "center",
|
|
33
|
+
"data-size": l,
|
|
34
|
+
"data-elevate": a,
|
|
35
|
+
padding: "4px",
|
|
36
|
+
...s,
|
|
37
|
+
children: e
|
|
38
|
+
}
|
|
39
|
+
);
|
|
40
|
+
});
|
|
41
|
+
export {
|
|
42
|
+
N as Bubble
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=bubble.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"bubble.js","sources":["../../../src/tokens/bubble/bubble.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport React, { HTMLAttributes } from 'react';\nimport styles from './bubble.module.css';\nimport { theme } from '../../themes/index.js';\nimport { HStack } from '../../stacks/h_stack.js';\nimport { Size } from '../../utils/index.js';\n\nexport interface BubbleProps extends HTMLAttributes<HTMLDivElement> {\n children?: React.ReactNode;\n backgroundColor?: string;\n textColor?: string;\n elevate?: boolean;\n size?: Size;\n}\n\nexport const Bubble = React.forwardRef(function Bubble(\n {\n children,\n className,\n style: defaultStyle,\n backgroundColor = theme.accentColor,\n textColor = '#fff',\n size = 'md',\n elevate = false,\n ...props\n }: BubbleProps,\n ref: React.Ref<HTMLDivElement>\n) {\n const style = {\n '--bubble-text-color': textColor,\n '--bubble-color': backgroundColor,\n ...defaultStyle,\n } as React.CSSProperties;\n\n return (\n <HStack\n inline\n className={classNames(styles.bubble, 'bubble', className)}\n width=\"auto\"\n height=\"auto\"\n ref={ref}\n style={style}\n hAlign=\"center\"\n vAlign=\"center\"\n data-size={size}\n data-elevate={elevate}\n padding=\"4px\"\n {...props}\n >\n {children}\n </HStack>\n );\n});\n"],"names":["Bubble","React","children","className","defaultStyle","backgroundColor","theme","textColor","size","elevate","props","ref","style","jsx","HStack","classNames","styles"],"mappings":";;;;;;gDAeaA,IAASC,EAAM,WAAW,SACrC;AAAA,EACE,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAOC;AAAA,EACP,iBAAAC,IAAkBC,EAAM;AAAA,EACxB,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAQ;AAAA,IACZ,uBAAuBL;AAAA,IACvB,kBAAkBF;AAAA,IAClB,GAAGD;AAAA,EAAA;AAGL,SACE,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,WAAWC,EAAWC,EAAO,QAAQ,UAAUb,CAAS;AAAA,MACxD,OAAM;AAAA,MACN,QAAO;AAAA,MACP,KAAAQ;AAAA,MACA,OAAAC;AAAA,MACA,QAAO;AAAA,MACP,QAAO;AAAA,MACP,aAAWJ;AAAA,MACX,gBAAcC;AAAA,MACd,SAAQ;AAAA,MACP,GAAGC;AAAA,MAEH,UAAAR;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { HStackProps } from '../../stacks/h_stack.js';
|
|
2
|
+
import { default as React } from 'react';
|
|
3
|
+
export interface ChipProps extends HStackProps {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
color?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
//# sourceMappingURL=chip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../src/tokens/chip/chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,SAAU,SAAQ,WAAW;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,IAAI,kFAuBf,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { jsx as p } from "react/jsx-runtime";
|
|
2
|
+
import { HStack as n } from "../../stacks/h_stack.js";
|
|
3
|
+
import s from "classnames";
|
|
4
|
+
import a from "react";
|
|
5
|
+
import { theme as f } from "../../themes/theme_variables.js";
|
|
6
|
+
import "../../themes/themes/windows_98/windows_98_theme.js";
|
|
7
|
+
import '../../chip.css';const h = "_chip_35f6f0b", l = { chip: h }, N = a.forwardRef(function({ children: t, style: o, className: i, color: r = f.accentColor, ...c }, e) {
|
|
8
|
+
const m = {
|
|
9
|
+
"--chip-color": r,
|
|
10
|
+
...o
|
|
11
|
+
};
|
|
12
|
+
return /* @__PURE__ */ p(
|
|
13
|
+
n,
|
|
14
|
+
{
|
|
15
|
+
ref: e,
|
|
16
|
+
inline: !0,
|
|
17
|
+
width: "auto",
|
|
18
|
+
height: "auto",
|
|
19
|
+
vAlign: "center",
|
|
20
|
+
className: s(l.chip, "chip", i),
|
|
21
|
+
style: m,
|
|
22
|
+
...c,
|
|
23
|
+
children: t
|
|
24
|
+
}
|
|
25
|
+
);
|
|
26
|
+
});
|
|
27
|
+
export {
|
|
28
|
+
N as Chip
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=chip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chip.js","sources":["../../../src/tokens/chip/chip.tsx"],"sourcesContent":["import { HStack, HStackProps } from '../../stacks/h_stack.js';\nimport classNames from 'classnames';\nimport React from 'react';\nimport styles from './chip.module.css';\nimport { theme } from '../../themes/index.js';\n\nexport interface ChipProps extends HStackProps {\n children?: React.ReactNode;\n color?: string;\n disabled?: boolean;\n}\n\nexport const Chip = React.forwardRef(function Chip(\n { children, style, className, color = theme.accentColor, ...props }: ChipProps,\n ref: React.Ref<HTMLDivElement>\n) {\n const finalStyle = {\n '--chip-color': color,\n ...style,\n };\n\n return (\n <HStack\n ref={ref}\n inline\n width=\"auto\"\n height=\"auto\"\n vAlign=\"center\"\n className={classNames(styles.chip, 'chip', className)}\n style={finalStyle}\n {...props}\n >\n {children}\n </HStack>\n );\n});\n"],"names":["Chip","React","children","style","className","color","theme","props","ref","finalStyle","jsx","HStack","classNames","styles"],"mappings":";;;;;;4CAYaA,IAAOC,EAAM,WAAW,SACnC,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,GAAW,OAAAC,IAAQC,EAAM,aAAa,GAAGC,EAAA,GAC5DC,GACA;AACA,QAAMC,IAAa;AAAA,IACjB,gBAAgBJ;AAAA,IAChB,GAAGF;AAAA,EAAA;AAGL,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,QAAM;AAAA,MACN,OAAM;AAAA,MACN,QAAO;AAAA,MACP,QAAO;AAAA,MACP,WAAWI,EAAWC,EAAO,MAAM,QAAQT,CAAS;AAAA,MACpD,OAAOK;AAAA,MACN,GAAGF;AAAA,MAEH,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tokens/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
|
package/dist/tooltip.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._tooltip_e324d7e{background-color:var(--background-color-primary)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._top-resize-handle_fe19234{position:fixed;top:0;left:0;width:100%;height:16px;cursor:ns-resize;z-index:1;pointer-events:auto}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Emphasis, Hierarchy, Size } from '../../utils/index.js';
|
|
2
|
+
import { WithDetailedHTMLProps } from '../../stacks/types/as.js';
|
|
3
|
+
export interface BodyTextOwnProps {
|
|
4
|
+
size?: Size;
|
|
5
|
+
emphasis?: Emphasis;
|
|
6
|
+
hierarchy?: Hierarchy;
|
|
7
|
+
color?: string;
|
|
8
|
+
pad?: string;
|
|
9
|
+
padStart?: string;
|
|
10
|
+
padEnd?: string;
|
|
11
|
+
padTop?: string;
|
|
12
|
+
padBottom?: string;
|
|
13
|
+
selectable?: boolean;
|
|
14
|
+
breakWords?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export type BodyTextProps = WithDetailedHTMLProps<BodyTextOwnProps, 'div'>;
|
|
17
|
+
export declare function BodyText({ size, emphasis, hierarchy, color, children, className, style, padStart, padEnd, padBottom, padTop, pad, selectable, breakWords, }: BodyTextProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
//# sourceMappingURL=body_text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"body_text.d.ts","sourceRoot":"","sources":["../../../src/typography/body_text/body_text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAItE,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;AAE3E,wBAAgB,QAAQ,CAAC,EACvB,IAAW,EACX,QAAmB,EACnB,SAAqB,EACrB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,EACT,MAAM,EACN,GAAG,EACH,UAAiB,EACjB,UAAkB,GACnB,EAAE,aAAa,2CAsCf"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsx as x } from "react/jsx-runtime";
|
|
2
|
+
import b from "classnames";
|
|
3
|
+
import { s as h } from "../../body_text.module-h4XQE2pC.js";
|
|
4
|
+
function N({
|
|
5
|
+
size: t = "md",
|
|
6
|
+
emphasis: m = "normal",
|
|
7
|
+
hierarchy: f = "primary",
|
|
8
|
+
color: i,
|
|
9
|
+
children: s,
|
|
10
|
+
className: p,
|
|
11
|
+
style: a = {},
|
|
12
|
+
padStart: r,
|
|
13
|
+
padEnd: d,
|
|
14
|
+
padBottom: e,
|
|
15
|
+
padTop: n,
|
|
16
|
+
pad: o,
|
|
17
|
+
selectable: c = !0,
|
|
18
|
+
breakWords: g = !1
|
|
19
|
+
}) {
|
|
20
|
+
return o && (a.padding = o), r && (a.paddingInlineStart = r), d && (a.paddingInlineEnd = d), n && (a.paddingTop = n), e && (a.paddingBottom = e), i && (a.color = i), /* @__PURE__ */ x(
|
|
21
|
+
"div",
|
|
22
|
+
{
|
|
23
|
+
"data-hierarchy": f,
|
|
24
|
+
"data-emphasis": m,
|
|
25
|
+
"data-selectable": c,
|
|
26
|
+
className: b(h["body-text"], "body-text", p),
|
|
27
|
+
style: a,
|
|
28
|
+
"data-size": t,
|
|
29
|
+
"data-word-break": g,
|
|
30
|
+
children: s
|
|
31
|
+
}
|
|
32
|
+
);
|
|
33
|
+
}
|
|
34
|
+
export {
|
|
35
|
+
N as BodyText
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=body_text.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"body_text.js","sources":["../../../src/typography/body_text/body_text.tsx"],"sourcesContent":["import React from 'react';\nimport { Emphasis, Hierarchy, Size } from '../../utils/index.js';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport classnames from 'classnames';\nimport styles from './body_text.module.css';\n\nexport interface BodyTextOwnProps {\n size?: Size;\n emphasis?: Emphasis;\n hierarchy?: Hierarchy;\n color?: string;\n pad?: string;\n padStart?: string;\n padEnd?: string;\n padTop?: string;\n padBottom?: string;\n selectable?: boolean;\n breakWords?: boolean;\n}\n\nexport type BodyTextProps = WithDetailedHTMLProps<BodyTextOwnProps, 'div'>;\n\nexport function BodyText({\n size = 'md',\n emphasis = 'normal',\n hierarchy = 'primary',\n color,\n children,\n className,\n style = {},\n padStart,\n padEnd,\n padBottom,\n padTop,\n pad,\n selectable = true,\n breakWords = false,\n}: BodyTextProps) {\n if (pad) {\n style.padding = pad;\n }\n\n if (padStart) {\n style.paddingInlineStart = padStart;\n }\n\n if (padEnd) {\n style.paddingInlineEnd = padEnd;\n }\n\n if (padTop) {\n style.paddingTop = padTop;\n }\n\n if (padBottom) {\n style.paddingBottom = padBottom;\n }\n\n if (color) {\n style.color = color;\n }\n\n return (\n <div\n data-hierarchy={hierarchy}\n data-emphasis={emphasis}\n data-selectable={selectable}\n className={classnames(styles['body-text'], 'body-text', className)}\n style={style}\n data-size={size}\n data-word-break={breakWords}\n >\n {children}\n </div>\n );\n}\n"],"names":["BodyText","size","emphasis","hierarchy","color","children","className","style","padStart","padEnd","padBottom","padTop","pad","selectable","breakWords","jsx","classnames","styles"],"mappings":";;;AAsBO,SAASA,EAAS;AAAA,EACvB,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,YAAAC,IAAa;AACf,GAAkB;AAChB,SAAIF,MACFL,EAAM,UAAUK,IAGdJ,MACFD,EAAM,qBAAqBC,IAGzBC,MACFF,EAAM,mBAAmBE,IAGvBE,MACFJ,EAAM,aAAaI,IAGjBD,MACFH,EAAM,gBAAgBG,IAGpBN,MACFG,EAAM,QAAQH,IAId,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,kBAAgBZ;AAAA,MAChB,iBAAeD;AAAA,MACf,mBAAiBW;AAAA,MACjB,WAAWG,EAAWC,EAAO,WAAW,GAAG,aAAaX,CAAS;AAAA,MACjE,OAAAC;AAAA,MACA,aAAWN;AAAA,MACX,mBAAiBa;AAAA,MAEhB,UAAAT;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Emphasis, Hierarchy, Size } from '../../utils/index.js';
|
|
2
|
+
import { WithDetailedHTMLProps } from '../../stacks/types/as.js';
|
|
3
|
+
export interface CalloutOwnProps {
|
|
4
|
+
children?: string;
|
|
5
|
+
size?: Size;
|
|
6
|
+
emphasis?: Emphasis;
|
|
7
|
+
hierarchy?: Hierarchy;
|
|
8
|
+
color?: string;
|
|
9
|
+
pad?: string;
|
|
10
|
+
padStart?: string;
|
|
11
|
+
padEnd?: string;
|
|
12
|
+
padTop?: string;
|
|
13
|
+
padBottom?: string;
|
|
14
|
+
selectable?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export type CalloutProps = WithDetailedHTMLProps<CalloutOwnProps, 'div'>;
|
|
17
|
+
export declare function Callout({ size, emphasis, hierarchy, color, children, className, style, padStart, padEnd, padBottom, padTop, pad, selectable, }: CalloutProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
//# sourceMappingURL=callout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"callout.d.ts","sourceRoot":"","sources":["../../../src/typography/callout/callout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,YAAY,GAAG,qBAAqB,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAEzE,wBAAgB,OAAO,CAAC,EACtB,IAAW,EACX,QAAmB,EACnB,SAAqB,EACrB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,EACT,MAAM,EACN,GAAG,EACH,UAAiB,GAClB,EAAE,YAAY,2CAqCd"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx as p } from "react/jsx-runtime";
|
|
2
|
+
import u from "classnames";
|
|
3
|
+
import { s as g } from "../../callout.module-D8ECmxpO.js";
|
|
4
|
+
function N({
|
|
5
|
+
size: f = "md",
|
|
6
|
+
emphasis: t = "normal",
|
|
7
|
+
hierarchy: e = "primary",
|
|
8
|
+
color: a,
|
|
9
|
+
children: l,
|
|
10
|
+
className: s,
|
|
11
|
+
style: i = {},
|
|
12
|
+
padStart: r,
|
|
13
|
+
padEnd: n,
|
|
14
|
+
padBottom: m,
|
|
15
|
+
padTop: o,
|
|
16
|
+
pad: d,
|
|
17
|
+
selectable: c = !0
|
|
18
|
+
}) {
|
|
19
|
+
return d && (i.padding = d), r && (i.paddingInlineStart = r), n && (i.paddingInlineEnd = n), o && (i.paddingTop = o), m && (i.paddingBottom = m), a && (i.color = a), /* @__PURE__ */ p(
|
|
20
|
+
"div",
|
|
21
|
+
{
|
|
22
|
+
"data-hierarchy": e,
|
|
23
|
+
"data-emphasis": t,
|
|
24
|
+
"data-selectable": c,
|
|
25
|
+
className: u(g.callout, "callout", s),
|
|
26
|
+
style: i,
|
|
27
|
+
"data-size": f,
|
|
28
|
+
children: l
|
|
29
|
+
}
|
|
30
|
+
);
|
|
31
|
+
}
|
|
32
|
+
export {
|
|
33
|
+
N as Callout
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=callout.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"callout.js","sources":["../../../src/typography/callout/callout.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { Emphasis, Hierarchy, Size } from '../../utils/index.js';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport styles from './callout.module.css';\n\nexport interface CalloutOwnProps {\n children?: string;\n size?: Size;\n emphasis?: Emphasis;\n hierarchy?: Hierarchy;\n color?: string;\n pad?: string;\n padStart?: string;\n padEnd?: string;\n padTop?: string;\n padBottom?: string;\n selectable?: boolean;\n}\n\nexport type CalloutProps = WithDetailedHTMLProps<CalloutOwnProps, 'div'>;\n\nexport function Callout({\n size = 'md',\n emphasis = 'normal',\n hierarchy = 'primary',\n color,\n children,\n className,\n style = {},\n padStart,\n padEnd,\n padBottom,\n padTop,\n pad,\n selectable = true,\n}: CalloutProps) {\n if (pad) {\n style.padding = pad;\n }\n\n if (padStart) {\n style.paddingInlineStart = padStart;\n }\n\n if (padEnd) {\n style.paddingInlineEnd = padEnd;\n }\n\n if (padTop) {\n style.paddingTop = padTop;\n }\n\n if (padBottom) {\n style.paddingBottom = padBottom;\n }\n\n if (color) {\n style.color = color;\n }\n\n return (\n <div\n data-hierarchy={hierarchy}\n data-emphasis={emphasis}\n data-selectable={selectable}\n className={classnames(styles['callout'], 'callout', className)}\n style={style}\n data-size={size}\n >\n {children}\n </div>\n );\n}\n"],"names":["Callout","size","emphasis","hierarchy","color","children","className","style","padStart","padEnd","padBottom","padTop","pad","selectable","jsx","classnames","styles"],"mappings":";;;AAsBO,SAASA,EAAQ;AAAA,EACtB,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AACf,GAAiB;AACf,SAAID,MACFL,EAAM,UAAUK,IAGdJ,MACFD,EAAM,qBAAqBC,IAGzBC,MACFF,EAAM,mBAAmBE,IAGvBE,MACFJ,EAAM,aAAaI,IAGjBD,MACFH,EAAM,gBAAgBG,IAGpBN,MACFG,EAAM,QAAQH,IAId,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,kBAAgBX;AAAA,MAChB,iBAAeD;AAAA,MACf,mBAAiBW;AAAA,MACjB,WAAWE,EAAWC,EAAO,SAAY,WAAWV,CAAS;AAAA,MAC7D,OAAAC;AAAA,MACA,aAAWN;AAAA,MAEV,UAAAI;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Emphasis, Hierarchy, Size } from '../../utils/index.js';
|
|
2
|
+
import { WithDetailedHTMLProps } from '../../stacks/types/as.js';
|
|
3
|
+
export interface CaptionOwnProps {
|
|
4
|
+
children?: string;
|
|
5
|
+
size?: Size;
|
|
6
|
+
emphasis?: Emphasis;
|
|
7
|
+
hierarchy?: Hierarchy;
|
|
8
|
+
color?: string;
|
|
9
|
+
pad?: string;
|
|
10
|
+
padStart?: string;
|
|
11
|
+
padEnd?: string;
|
|
12
|
+
padTop?: string;
|
|
13
|
+
padBottom?: string;
|
|
14
|
+
selectable?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export type CaptionProps = WithDetailedHTMLProps<CaptionOwnProps, 'div'>;
|
|
17
|
+
export declare function Caption({ size, emphasis, hierarchy, color, children, className, style, padStart, padEnd, padBottom, padTop, pad, selectable, }: CaptionProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
//# sourceMappingURL=caption.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"caption.d.ts","sourceRoot":"","sources":["../../../src/typography/caption/caption.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,YAAY,GAAG,qBAAqB,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;AAEzE,wBAAgB,OAAO,CAAC,EACtB,IAAW,EACX,QAAmB,EACnB,SAAqB,EACrB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,EACT,MAAM,EACN,GAAG,EACH,UAAiB,GAClB,EAAE,YAAY,2CAqCd"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx as g } from "react/jsx-runtime";
|
|
2
|
+
import h from "classnames";
|
|
3
|
+
import { s as u } from "../../caption.module-DDq0H4xZ.js";
|
|
4
|
+
function N({
|
|
5
|
+
size: f = "md",
|
|
6
|
+
emphasis: t = "normal",
|
|
7
|
+
hierarchy: p = "primary",
|
|
8
|
+
color: a,
|
|
9
|
+
children: e,
|
|
10
|
+
className: s,
|
|
11
|
+
style: i = {},
|
|
12
|
+
padStart: n,
|
|
13
|
+
padEnd: r,
|
|
14
|
+
padBottom: m,
|
|
15
|
+
padTop: o,
|
|
16
|
+
pad: d,
|
|
17
|
+
selectable: c = !0
|
|
18
|
+
}) {
|
|
19
|
+
return d && (i.padding = d), n && (i.paddingInlineStart = n), r && (i.paddingInlineEnd = r), o && (i.paddingTop = o), m && (i.paddingBottom = m), a && (i.color = a), /* @__PURE__ */ g(
|
|
20
|
+
"div",
|
|
21
|
+
{
|
|
22
|
+
"data-hierarchy": p,
|
|
23
|
+
"data-emphasis": t,
|
|
24
|
+
"data-selectable": c,
|
|
25
|
+
className: h(u.caption, "caption", s),
|
|
26
|
+
style: i,
|
|
27
|
+
"data-size": f,
|
|
28
|
+
children: e
|
|
29
|
+
}
|
|
30
|
+
);
|
|
31
|
+
}
|
|
32
|
+
export {
|
|
33
|
+
N as Caption
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=caption.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"caption.js","sources":["../../../src/typography/caption/caption.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { Emphasis, Hierarchy, Size } from '../../utils/index.js';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport styles from './caption.module.css';\n\nexport interface CaptionOwnProps {\n children?: string;\n size?: Size;\n emphasis?: Emphasis;\n hierarchy?: Hierarchy;\n color?: string;\n pad?: string;\n padStart?: string;\n padEnd?: string;\n padTop?: string;\n padBottom?: string;\n selectable?: boolean;\n}\n\nexport type CaptionProps = WithDetailedHTMLProps<CaptionOwnProps, 'div'>;\n\nexport function Caption({\n size = 'md',\n emphasis = 'normal',\n hierarchy = 'primary',\n color,\n children,\n className,\n style = {},\n padStart,\n padEnd,\n padBottom,\n padTop,\n pad,\n selectable = true,\n}: CaptionProps) {\n if (pad) {\n style.padding = pad;\n }\n\n if (padStart) {\n style.paddingInlineStart = padStart;\n }\n\n if (padEnd) {\n style.paddingInlineEnd = padEnd;\n }\n\n if (padTop) {\n style.paddingTop = padTop;\n }\n\n if (padBottom) {\n style.paddingBottom = padBottom;\n }\n\n if (color) {\n style.color = color;\n }\n\n return (\n <div\n data-hierarchy={hierarchy}\n data-emphasis={emphasis}\n data-selectable={selectable}\n className={classnames(styles['caption'], 'caption', className)}\n style={style}\n data-size={size}\n >\n {children}\n </div>\n );\n}\n"],"names":["Caption","size","emphasis","hierarchy","color","children","className","style","padStart","padEnd","padBottom","padTop","pad","selectable","jsx","classnames","styles"],"mappings":";;;AAsBO,SAASA,EAAQ;AAAA,EACtB,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AACf,GAAiB;AACf,SAAID,MACFL,EAAM,UAAUK,IAGdJ,MACFD,EAAM,qBAAqBC,IAGzBC,MACFF,EAAM,mBAAmBE,IAGvBE,MACFJ,EAAM,aAAaI,IAGjBD,MACFH,EAAM,gBAAgBG,IAGpBN,MACFG,EAAM,QAAQH,IAId,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,kBAAgBX;AAAA,MAChB,iBAAeD;AAAA,MACf,mBAAiBW;AAAA,MACjB,WAAWE,EAAWC,EAAO,SAAY,WAAWV,CAAS;AAAA,MAC7D,OAAAC;AAAA,MACA,aAAWN;AAAA,MAEV,UAAAI;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Emphasis, Hierarchy, Size } from '../../utils/index.js';
|
|
2
|
+
import { WithDetailedHTMLProps } from '../../stacks/types/as.js';
|
|
3
|
+
export interface FootnoteOwnProps {
|
|
4
|
+
children?: string;
|
|
5
|
+
size?: Size;
|
|
6
|
+
emphasis?: Emphasis;
|
|
7
|
+
hierarchy?: Hierarchy;
|
|
8
|
+
color?: string;
|
|
9
|
+
pad?: string;
|
|
10
|
+
padStart?: string;
|
|
11
|
+
padEnd?: string;
|
|
12
|
+
padTop?: string;
|
|
13
|
+
padBottom?: string;
|
|
14
|
+
selectable?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export type FootnoteProps = WithDetailedHTMLProps<FootnoteOwnProps, 'div'>;
|
|
17
|
+
export declare function Footnote({ size, emphasis, hierarchy, color, children, className, style, padStart, padEnd, padBottom, padTop, pad, selectable, }: FootnoteProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
//# sourceMappingURL=footnote.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"footnote.d.ts","sourceRoot":"","sources":["../../../src/typography/footnote/footnote.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AACjE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGtE,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,aAAa,GAAG,qBAAqB,CAAC,gBAAgB,EAAE,KAAK,CAAC,CAAC;AAE3E,wBAAgB,QAAQ,CAAC,EACvB,IAAW,EACX,QAAmB,EACnB,SAAqB,EACrB,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAU,EACV,QAAQ,EACR,MAAM,EACN,SAAS,EACT,MAAM,EACN,GAAG,EACH,UAAiB,GAClB,EAAE,aAAa,2CAqCf"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx as g } from "react/jsx-runtime";
|
|
2
|
+
import h from "classnames";
|
|
3
|
+
import { s as u } from "../../footnote.module-DEyFuqOr.js";
|
|
4
|
+
function N({
|
|
5
|
+
size: m = "md",
|
|
6
|
+
emphasis: d = "normal",
|
|
7
|
+
hierarchy: e = "primary",
|
|
8
|
+
color: a,
|
|
9
|
+
children: s,
|
|
10
|
+
className: p,
|
|
11
|
+
style: i = {},
|
|
12
|
+
padStart: o,
|
|
13
|
+
padEnd: n,
|
|
14
|
+
padBottom: r,
|
|
15
|
+
padTop: t,
|
|
16
|
+
pad: f,
|
|
17
|
+
selectable: c = !0
|
|
18
|
+
}) {
|
|
19
|
+
return f && (i.padding = f), o && (i.paddingInlineStart = o), n && (i.paddingInlineEnd = n), t && (i.paddingTop = t), r && (i.paddingBottom = r), a && (i.color = a), /* @__PURE__ */ g(
|
|
20
|
+
"div",
|
|
21
|
+
{
|
|
22
|
+
"data-hierarchy": e,
|
|
23
|
+
"data-emphasis": d,
|
|
24
|
+
"data-selectable": c,
|
|
25
|
+
className: h(u.footnote, "footnote", p),
|
|
26
|
+
style: i,
|
|
27
|
+
"data-size": m,
|
|
28
|
+
children: s
|
|
29
|
+
}
|
|
30
|
+
);
|
|
31
|
+
}
|
|
32
|
+
export {
|
|
33
|
+
N as Footnote
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=footnote.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"footnote.js","sources":["../../../src/typography/footnote/footnote.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport { Emphasis, Hierarchy, Size } from '../../utils/index.js';\nimport type { WithDetailedHTMLProps } from '../../stacks/types/as.js';\nimport styles from './footnote.module.css';\n\nexport interface FootnoteOwnProps {\n children?: string;\n size?: Size;\n emphasis?: Emphasis;\n hierarchy?: Hierarchy;\n color?: string;\n pad?: string;\n padStart?: string;\n padEnd?: string;\n padTop?: string;\n padBottom?: string;\n selectable?: boolean;\n}\n\nexport type FootnoteProps = WithDetailedHTMLProps<FootnoteOwnProps, 'div'>;\n\nexport function Footnote({\n size = 'md',\n emphasis = 'normal',\n hierarchy = 'primary',\n color,\n children,\n className,\n style = {},\n padStart,\n padEnd,\n padBottom,\n padTop,\n pad,\n selectable = true,\n}: FootnoteProps) {\n if (pad) {\n style.padding = pad;\n }\n\n if (padStart) {\n style.paddingInlineStart = padStart;\n }\n\n if (padEnd) {\n style.paddingInlineEnd = padEnd;\n }\n\n if (padTop) {\n style.paddingTop = padTop;\n }\n\n if (padBottom) {\n style.paddingBottom = padBottom;\n }\n\n if (color) {\n style.color = color;\n }\n\n return (\n <div\n data-hierarchy={hierarchy}\n data-emphasis={emphasis}\n data-selectable={selectable}\n className={classnames(styles['footnote'], 'footnote', className)}\n style={style}\n data-size={size}\n >\n {children}\n </div>\n );\n}\n"],"names":["Footnote","size","emphasis","hierarchy","color","children","className","style","padStart","padEnd","padBottom","padTop","pad","selectable","jsx","classnames","styles"],"mappings":";;;AAsBO,SAASA,EAAS;AAAA,EACvB,MAAAC,IAAO;AAAA,EACP,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,YAAAC,IAAa;AACf,GAAkB;AAChB,SAAID,MACFL,EAAM,UAAUK,IAGdJ,MACFD,EAAM,qBAAqBC,IAGzBC,MACFF,EAAM,mBAAmBE,IAGvBE,MACFJ,EAAM,aAAaI,IAGjBD,MACFH,EAAM,gBAAgBG,IAGpBN,MACFG,EAAM,QAAQH,IAId,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,kBAAgBX;AAAA,MAChB,iBAAeD;AAAA,MACf,mBAAiBW;AAAA,MACjB,WAAWE,EAAWC,EAAO,UAAa,YAAYV,CAAS;AAAA,MAC/D,OAAAC;AAAA,MACA,aAAWN;AAAA,MAEV,UAAAI;AAAA,IAAA;AAAA,EAAA;AAGP;"}
|