@eturnity/eturnity_reusable_components 7.39.3 → 7.39.4-EPDM-11314.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +29 -29
- package/package.json +85 -85
- package/src/App.vue +30 -30
- package/src/Test.vue +128 -128
- package/src/assets/icons/arrow_down.svg +3 -3
- package/src/assets/icons/arrow_up_red.svg +3 -3
- package/src/assets/icons/black_spinner.svg +35 -35
- package/src/assets/icons/delete_icon.svg +11 -11
- package/src/assets/icons/delete_icon_gray.svg +11 -11
- package/src/assets/icons/drag_icon.svg +8 -8
- package/src/assets/icons/external_icon.svg +6 -6
- package/src/assets/icons/language_icon.svg +6 -6
- package/src/assets/icons/pdf_icon.svg +6 -6
- package/src/assets/icons/plus_button.svg +4 -4
- package/src/assets/icons/search_icon_black.svg +3 -3
- package/src/assets/icons/subposition_icon.svg +3 -3
- package/src/assets/icons/subposition_marker.svg +3 -3
- package/src/assets/icons/warning_icon.svg +3 -3
- package/src/assets/svgIcons/2d_active.svg +7 -7
- package/src/assets/svgIcons/2d_inactive.svg +8 -8
- package/src/assets/svgIcons/3d_active.svg +7 -7
- package/src/assets/svgIcons/3d_inactive.svg +8 -8
- package/src/assets/svgIcons/_readme.md +7 -7
- package/src/assets/svgIcons/accept.svg +5 -5
- package/src/assets/svgIcons/activate_panels_active.svg +22 -22
- package/src/assets/svgIcons/activate_panels_inactive.svg +20 -20
- package/src/assets/svgIcons/add_icon-1.svg +3 -3
- package/src/assets/svgIcons/add_icon.svg +4 -4
- package/src/assets/svgIcons/address_book.svg +3 -3
- package/src/assets/svgIcons/adjust_roof.svg +6 -6
- package/src/assets/svgIcons/after_sale_as_a_service.svg +6 -6
- package/src/assets/svgIcons/all_good.svg +3 -3
- package/src/assets/svgIcons/angle_active.svg +5 -5
- package/src/assets/svgIcons/angle_inactive.svg +4 -4
- package/src/assets/svgIcons/area_active.svg +11 -11
- package/src/assets/svgIcons/area_inactive.svg +26 -26
- package/src/assets/svgIcons/areas_tool.svg +14 -14
- package/src/assets/svgIcons/arrow_down.svg +3 -3
- package/src/assets/svgIcons/arrow_left.svg +4 -4
- package/src/assets/svgIcons/arrow_right.svg +4 -4
- package/src/assets/svgIcons/arrow_up.svg +3 -3
- package/src/assets/svgIcons/attachment.svg +3 -3
- package/src/assets/svgIcons/base_layer.svg +3 -3
- package/src/assets/svgIcons/battery.svg +3 -3
- package/src/assets/svgIcons/bell.svg +3 -3
- package/src/assets/svgIcons/bexio.svg +4 -4
- package/src/assets/svgIcons/bold.svg +3 -3
- package/src/assets/svgIcons/bom.svg +3 -3
- package/src/assets/svgIcons/bom_generation.svg +10 -10
- package/src/assets/svgIcons/bookmaker.svg +3 -3
- package/src/assets/svgIcons/bubble.svg +3 -3
- package/src/assets/svgIcons/bug.svg +5 -5
- package/src/assets/svgIcons/buildings.svg +55 -0
- package/src/assets/svgIcons/bullet_list.svg +8 -8
- package/src/assets/svgIcons/calendar.svg +7 -7
- package/src/assets/svgIcons/calendar_icon.svg +7 -7
- package/src/assets/svgIcons/call.svg +3 -3
- package/src/assets/svgIcons/camera.svg +3 -3
- package/src/assets/svgIcons/car.svg +3 -3
- package/src/assets/svgIcons/cart.svg +3 -3
- package/src/assets/svgIcons/charger_icon_white.svg +44 -44
- package/src/assets/svgIcons/checkbox.svg +3 -3
- package/src/assets/svgIcons/clear_formatting.svg +7 -7
- package/src/assets/svgIcons/clickable_info.svg +4 -4
- package/src/assets/svgIcons/clip.svg +3 -3
- package/src/assets/svgIcons/clock.svg +17 -17
- package/src/assets/svgIcons/clock_full.svg +3 -3
- package/src/assets/svgIcons/close_for_modals,_tool_tips.svg +4 -4
- package/src/assets/svgIcons/co_branding.svg +5 -5
- package/src/assets/svgIcons/collapse.svg +4 -4
- package/src/assets/svgIcons/collections.svg +3 -3
- package/src/assets/svgIcons/component_library.svg +7 -7
- package/src/assets/svgIcons/consumption_tariffs.svg +43 -43
- package/src/assets/svgIcons/context_menu-1.svg +6 -6
- package/src/assets/svgIcons/context_menu-2.svg +5 -5
- package/src/assets/svgIcons/context_menu.svg +5 -5
- package/src/assets/svgIcons/context_menu_tabs.svg +5 -5
- package/src/assets/svgIcons/cross.svg +4 -4
- package/src/assets/svgIcons/current_variant.svg +4 -4
- package/src/assets/svgIcons/dashboard.svg +3 -3
- package/src/assets/svgIcons/data_transfer.svg +3 -3
- package/src/assets/svgIcons/deadline.svg +4 -4
- package/src/assets/svgIcons/deal_flow.svg +5 -5
- package/src/assets/svgIcons/delete.svg +4 -4
- package/src/assets/svgIcons/delete_area_active.svg +16 -16
- package/src/assets/svgIcons/delete_area_inactive.svg +15 -15
- package/src/assets/svgIcons/direction_active-1.svg +12 -12
- package/src/assets/svgIcons/direction_active.svg +5 -5
- package/src/assets/svgIcons/direction_arrow.svg +4 -4
- package/src/assets/svgIcons/direction_inactive.svg +4 -4
- package/src/assets/svgIcons/dislike.svg +3 -3
- package/src/assets/svgIcons/distance_tool.svg +8 -8
- package/src/assets/svgIcons/distances_active.svg +9 -9
- package/src/assets/svgIcons/distances_inactive.svg +8 -8
- package/src/assets/svgIcons/distort_tool.svg +10 -10
- package/src/assets/svgIcons/distort_tool2.svg +16 -16
- package/src/assets/svgIcons/document.svg +3 -3
- package/src/assets/svgIcons/documents.svg +4 -4
- package/src/assets/svgIcons/downarrow.svg +3 -3
- package/src/assets/svgIcons/download.svg +4 -4
- package/src/assets/svgIcons/drag_icon.svg +8 -8
- package/src/assets/svgIcons/draggable_corner.svg +5 -5
- package/src/assets/svgIcons/draw_tool.svg +3 -3
- package/src/assets/svgIcons/duplicate-1.svg +8 -8
- package/src/assets/svgIcons/duplicate-2.svg +5 -5
- package/src/assets/svgIcons/duplicate.svg +4 -4
- package/src/assets/svgIcons/e-mobility_configurator.svg +6 -6
- package/src/assets/svgIcons/e_signature.svg +5 -5
- package/src/assets/svgIcons/edit_button.svg +3 -3
- package/src/assets/svgIcons/electricity_tariff.svg +3 -3
- package/src/assets/svgIcons/email.svg +3 -3
- package/src/assets/svgIcons/ems-1.svg +3 -3
- package/src/assets/svgIcons/ems.svg +3 -3
- package/src/assets/svgIcons/end_of_the_list.svg +5 -5
- package/src/assets/svgIcons/erase.svg +4 -4
- package/src/assets/svgIcons/external_icon.svg +5 -5
- package/src/assets/svgIcons/fav_icon.svg +4 -4
- package/src/assets/svgIcons/finance.svg +3 -3
- package/src/assets/svgIcons/financing_for_pv-1.svg +5 -5
- package/src/assets/svgIcons/financing_for_pv-2.svg +3 -3
- package/src/assets/svgIcons/financing_for_pv.svg +6 -6
- package/src/assets/svgIcons/finish-1.svg +4 -4
- package/src/assets/svgIcons/finish.svg +3 -3
- package/src/assets/svgIcons/flatten.svg +11 -11
- package/src/assets/svgIcons/flatten_roof.svg +20 -20
- package/src/assets/svgIcons/folder.svg +3 -3
- package/src/assets/svgIcons/free_technology.svg +5 -5
- package/src/assets/svgIcons/handle.svg +5 -5
- package/src/assets/svgIcons/heat_calc.svg +7 -7
- package/src/assets/svgIcons/height_equalize.svg +3 -3
- package/src/assets/svgIcons/height_snap.svg +3 -3
- package/src/assets/svgIcons/house.svg +3 -3
- package/src/assets/svgIcons/house_3d-1.svg +7 -7
- package/src/assets/svgIcons/house_3d.svg +7 -7
- package/src/assets/svgIcons/inclination.svg +2 -2
- package/src/assets/svgIcons/info.svg +3 -3
- package/src/assets/svgIcons/initial_situation.svg +3 -3
- package/src/assets/svgIcons/integrations.svg +3 -3
- package/src/assets/svgIcons/intro-tour-1.svg +3 -3
- package/src/assets/svgIcons/intro-tour.svg +3 -3
- package/src/assets/svgIcons/inverter-1.svg +5 -5
- package/src/assets/svgIcons/inverter.svg +3 -3
- package/src/assets/svgIcons/italic.svg +3 -3
- package/src/assets/svgIcons/key.svg +3 -3
- package/src/assets/svgIcons/lake.svg +29 -0
- package/src/assets/svgIcons/layers_close.svg +4 -4
- package/src/assets/svgIcons/layers_open.svg +4 -4
- package/src/assets/svgIcons/lead_marketplace.svg +6 -6
- package/src/assets/svgIcons/lead_provider.svg +4 -4
- package/src/assets/svgIcons/length_2d.svg +2 -2
- package/src/assets/svgIcons/length_3d.svg +4 -4
- package/src/assets/svgIcons/length_calculator.svg +2 -2
- package/src/assets/svgIcons/length_in_2d_active.svg +12 -12
- package/src/assets/svgIcons/length_in_2d_inctive.svg +13 -13
- package/src/assets/svgIcons/light_bulb.svg +3 -3
- package/src/assets/svgIcons/like.svg +3 -3
- package/src/assets/svgIcons/line_graph.svg +3 -3
- package/src/assets/svgIcons/local_subsidies.svg +18 -18
- package/src/assets/svgIcons/location.svg +3 -3
- package/src/assets/svgIcons/lock.svg +3 -3
- package/src/assets/svgIcons/logout.svg +3 -3
- package/src/assets/svgIcons/loop.svg +3 -3
- package/src/assets/svgIcons/low-vegetation.svg +37 -0
- package/src/assets/svgIcons/lunch.svg +4 -4
- package/src/assets/svgIcons/magic_tool.svg +6 -6
- package/src/assets/svgIcons/map_icon.svg +5 -5
- package/src/assets/svgIcons/map_settings.svg +3 -3
- package/src/assets/svgIcons/margin_tool.svg +4 -4
- package/src/assets/svgIcons/meeting.svg +6 -6
- package/src/assets/svgIcons/move_copy.svg +4 -4
- package/src/assets/svgIcons/new_area_inactive.svg +11 -11
- package/src/assets/svgIcons/next.svg +4 -4
- package/src/assets/svgIcons/normal-tg.svg +30 -0
- package/src/assets/svgIcons/normal-vegetation.svg +53 -0
- package/src/assets/svgIcons/not_equal_to.svg +3 -3
- package/src/assets/svgIcons/numbered_list.svg +6 -6
- package/src/assets/svgIcons/obstacle_tool.svg +8 -8
- package/src/assets/svgIcons/obstacle_tool_origin.svg +3 -3
- package/src/assets/svgIcons/offset_tool.svg +8 -8
- package/src/assets/svgIcons/open-tg.svg +21 -0
- package/src/assets/svgIcons/outline_tool.svg +11 -11
- package/src/assets/svgIcons/pan_tool.svg +12 -12
- package/src/assets/svgIcons/panels_tool.svg +8 -8
- package/src/assets/svgIcons/pen_tool.svg +4 -4
- package/src/assets/svgIcons/picker_tool.svg +4 -4
- package/src/assets/svgIcons/picture.svg +3 -3
- package/src/assets/svgIcons/pin.svg +5 -5
- package/src/assets/svgIcons/presentation.svg +3 -3
- package/src/assets/svgIcons/previous.svg +4 -4
- package/src/assets/svgIcons/profile-1.svg +4 -4
- package/src/assets/svgIcons/profile.svg +4 -4
- package/src/assets/svgIcons/profitability.svg +3 -3
- package/src/assets/svgIcons/project_analysis.svg +4 -4
- package/src/assets/svgIcons/project_settings.svg +4 -4
- package/src/assets/svgIcons/protected-tg.svg +47 -0
- package/src/assets/svgIcons/pv.svg +3 -3
- package/src/assets/svgIcons/quotations.svg +6 -6
- package/src/assets/svgIcons/redo.svg +6 -6
- package/src/assets/svgIcons/resizer.svg +5 -5
- package/src/assets/svgIcons/roof_layer.svg +3 -3
- package/src/assets/svgIcons/rotate_tool.svg +3 -3
- package/src/assets/svgIcons/rotate_view.svg +5 -5
- package/src/assets/svgIcons/ruler_tool.svg +3 -3
- package/src/assets/svgIcons/run_simulation.svg +3 -3
- package/src/assets/svgIcons/save.svg +3 -3
- package/src/assets/svgIcons/scaling_tool.svg +8 -8
- package/src/assets/svgIcons/sea.svg +34 -0
- package/src/assets/svgIcons/search.svg +3 -3
- package/src/assets/svgIcons/security.svg +3 -3
- package/src/assets/svgIcons/settings.svg +3 -3
- package/src/assets/svgIcons/show_in_a_new_tab.svg +12 -12
- package/src/assets/svgIcons/smartphone.svg +4 -4
- package/src/assets/svgIcons/solar_calc.svg +13 -13
- package/src/assets/svgIcons/sorting.svg +4 -4
- package/src/assets/svgIcons/split.svg +12 -12
- package/src/assets/svgIcons/start_of_the_list.svg +5 -5
- package/src/assets/svgIcons/strikethrough.svg +4 -4
- package/src/assets/svgIcons/subscriptions.svg +3 -3
- package/src/assets/svgIcons/subsidies-1.svg +5 -5
- package/src/assets/svgIcons/subsidies-2.svg +3 -3
- package/src/assets/svgIcons/subsidies.svg +3 -3
- package/src/assets/svgIcons/subtract_icon.svg +3 -3
- package/src/assets/svgIcons/suitcase.svg +3 -3
- package/src/assets/svgIcons/summer.svg +3 -3
- package/src/assets/svgIcons/template_icon_not_clickable.svg +6 -6
- package/src/assets/svgIcons/transfer.svg +4 -4
- package/src/assets/svgIcons/trim_tool.svg +4 -4
- package/src/assets/svgIcons/truck.svg +3 -3
- package/src/assets/svgIcons/underlined.svg +3 -3
- package/src/assets/svgIcons/undo.svg +6 -6
- package/src/assets/svgIcons/uparrow.svg +3 -3
- package/src/assets/svgIcons/update.svg +3 -3
- package/src/assets/svgIcons/upload_avatar-1.svg +12 -12
- package/src/assets/svgIcons/upload_avatar.svg +5 -5
- package/src/assets/svgIcons/upload_image.svg +8 -8
- package/src/assets/svgIcons/upload_image_tool.svg +7 -7
- package/src/assets/svgIcons/variants.svg +6 -6
- package/src/assets/svgIcons/vertical_tool.svg +3 -3
- package/src/assets/svgIcons/virtual_storage.svg +4 -4
- package/src/assets/svgIcons/warning.svg +4 -4
- package/src/assets/svgIcons/way.svg +5 -5
- package/src/assets/svgIcons/wifi.svg +3 -3
- package/src/assets/svgIcons/winter.svg +3 -3
- package/src/assets/svgIcons/workflow_template.svg +11 -11
- package/src/assets/tests/__mocks__/iconCache.js +1 -1
- package/src/assets/tests/__mocks__/svgMock.js +1 -1
- package/src/assets/tests/helpers.js +12 -12
- package/src/assets/theme.js +41 -41
- package/src/components/addNewButton/AddNewButton.stories.js +17 -17
- package/src/components/addNewButton/addNewButton.spec.js +23 -23
- package/src/components/addNewButton/index.vue +62 -62
- package/src/components/banner/actionBanner/ActionBanner.stories.js +45 -45
- package/src/components/banner/actionBanner/actionBanner.spec.js +76 -76
- package/src/components/banner/actionBanner/index.vue +86 -86
- package/src/components/banner/banner/Banner.stories.js +64 -64
- package/src/components/banner/banner/banner.spec.js +149 -149
- package/src/components/banner/banner/index.vue +205 -205
- package/src/components/banner/infoBanner/index.vue +57 -57
- package/src/components/buttons/buttonIcon/index.vue +145 -145
- package/src/components/buttons/closeButton/CloseButton.stories.js +25 -25
- package/src/components/buttons/closeButton/index.vue +62 -62
- package/src/components/buttons/mainButton/MainButton.stories.js +51 -51
- package/src/components/buttons/mainButton/index.vue +150 -150
- package/src/components/buttons/mainButton/mainButton.spec.js +35 -35
- package/src/components/card/index.vue +96 -96
- package/src/components/collapsableInfoText/index.vue +127 -127
- package/src/components/deleteIcon/DeleteIcon.stories.js +29 -29
- package/src/components/deleteIcon/index.vue +78 -78
- package/src/components/draggableInputHandle/index.vue +46 -46
- package/src/components/dropdown/Dropdown.stories.js +53 -53
- package/src/components/dropdown/index.vue +138 -138
- package/src/components/errorMessage/index.vue +64 -64
- package/src/components/filter/filterSettings.vue +669 -669
- package/src/components/filter/index.vue +154 -154
- package/src/components/filter/parentDropdown.vue +91 -91
- package/src/components/icon/Icons.stories.js +41 -41
- package/src/components/icon/iconCache.mjs +23 -23
- package/src/components/icon/iconCollection.vue +82 -82
- package/src/components/icon/index.vue +140 -140
- package/src/components/iconWrapper/index.vue +179 -179
- package/src/components/infoCard/index.vue +126 -40
- package/src/components/infoText/index.vue +170 -170
- package/src/components/inputs/checkbox/Checkbox.stories.js +63 -63
- package/src/components/inputs/checkbox/checkbox.spec.js +109 -109
- package/src/components/inputs/checkbox/index.vue +225 -225
- package/src/components/inputs/inputNumber/InputNumber.stories.js +150 -150
- package/src/components/inputs/inputNumber/index.vue +789 -789
- package/src/components/inputs/inputNumberQuestion/index.vue +218 -218
- package/src/components/inputs/inputText/InputText.stories.js +75 -75
- package/src/components/inputs/inputText/index.vue +376 -376
- package/src/components/inputs/radioButton/RadioButton.stories.js +58 -58
- package/src/components/inputs/radioButton/index.vue +273 -273
- package/src/components/inputs/searchInput/SearchInput.stories.js +40 -40
- package/src/components/inputs/searchInput/index.vue +151 -151
- package/src/components/inputs/select/index.vue +917 -910
- package/src/components/inputs/select/option/index.vue +156 -156
- package/src/components/inputs/select/select.stories.js +58 -58
- package/src/components/inputs/slider/index.vue +126 -126
- package/src/components/inputs/switchField/index.vue +254 -254
- package/src/components/inputs/textAreaInput/TextAreaInput.stories.js +127 -127
- package/src/components/inputs/textAreaInput/index.vue +198 -198
- package/src/components/inputs/toggle/Toggle.stories.js +77 -77
- package/src/components/inputs/toggle/index.vue +317 -317
- package/src/components/inputs/toggle/toggle.spec.js +102 -102
- package/src/components/label/index.vue +99 -99
- package/src/components/markerItem/index.vue +88 -88
- package/src/components/modals/actionModal/index.vue +64 -64
- package/src/components/modals/infoModal/index.vue +52 -52
- package/src/components/modals/modal/index.vue +190 -190
- package/src/components/modals/modal/modal.stories.js +31 -31
- package/src/components/navigationTabs/index.vue +114 -114
- package/src/components/pageSubtitle/PageSubtitle.stories.js +59 -59
- package/src/components/pageSubtitle/index.vue +78 -78
- package/src/components/pageSubtitle/pageSubtitle.spec.js +46 -46
- package/src/components/pageTitle/PageTitle.stories.js +95 -95
- package/src/components/pageTitle/index.vue +91 -91
- package/src/components/pageTitle/pageTitle.spec.js +46 -46
- package/src/components/pagination/index.vue +148 -148
- package/src/components/progressBar/index.vue +125 -125
- package/src/components/projectMarker/index.vue +300 -300
- package/src/components/rangeSlider/Slider.vue +573 -573
- package/src/components/rangeSlider/index.vue +517 -517
- package/src/components/rangeSlider/utils/dom.js +49 -49
- package/src/components/rangeSlider/utils/fns.js +26 -26
- package/src/components/selectedOptions/index.vue +471 -471
- package/src/components/selectedOptions/selectedOptions.spec.js +176 -176
- package/src/components/selectedOptions/selectedOptions.stories.js +155 -155
- package/src/components/sideMenu/index.vue +270 -270
- package/src/components/spinner/Spinner.stories.js +34 -34
- package/src/components/spinner/index.vue +85 -85
- package/src/components/spinner/spinner.spec.js +69 -69
- package/src/components/tableDropdown/index.vue +638 -638
- package/src/components/tables/mainTable/exampleNested.vue +328 -328
- package/src/components/tables/mainTable/index.vue +510 -510
- package/src/components/tables/viewTable/index.vue +195 -195
- package/src/components/tabsHeader/index.vue +83 -83
- package/src/components/threeDots/index.vue +413 -413
- package/src/components/videoThumbnail/index.vue +103 -103
- package/src/components/videoThumbnail/videoThumbnail.stories.js +33 -33
- package/src/helpers/currencyMapping.js +28 -28
- package/src/helpers/numberConverter.js +103 -103
- package/src/helpers/translateLang.js +128 -128
- package/src/main.js +7 -7
- package/src/mixins/inputValidations.js +97 -97
- package/src/router/dynamicRoutes.js +23 -23
- package/src/stories/Button.stories.js +48 -48
- package/src/stories/Button.vue +52 -52
- package/src/stories/Configure.mdx +364 -364
- package/src/stories/Header.stories.js +41 -41
- package/src/stories/Header.vue +59 -59
- package/src/stories/Page.stories.js +30 -30
- package/src/stories/Page.vue +83 -83
- package/src/stories/button.css +30 -30
- package/src/stories/header.css +32 -32
- package/src/stories/page.css +69 -69
- package/src/utils/index.js +12 -12
@@ -1,5 +1,5 @@
|
|
1
|
-
<svg fill="none" height="42" viewbox="-1 -1 42 42" width="42" xmlns="http://www.w3.org/2000/svg">
|
2
|
-
<path d="M27.2144 20.5893C25.8428 20.7321 24.5312 21.2262 23.4064 22.0239C22.2815 22.8217 21.3814 23.8961 20.7931 25.1433H10.5909C10.4955 25.1432 10.404 25.1052 10.3365 25.0378C10.269 24.9703 10.2311 24.8788 10.231 24.7834V23.2581C10.2308 22.675 10.3878 22.1026 10.6856 21.6012C10.9833 21.0999 11.4106 20.688 11.9227 20.4091L15.9751 18.6579C16.1252 18.5763 16.2505 18.4557 16.3377 18.3089C16.425 18.1621 16.471 17.9944 16.4708 17.8236V16.6334C15.8872 15.8545 15.4594 14.9703 15.2107 14.0294C15.0427 13.8953 14.9071 13.7252 14.8139 13.5315C14.7206 13.3379 14.6722 13.1257 14.6723 12.9108V11.4722C14.6732 11.124 14.8012 10.7881 15.0322 10.5275V8.61338C15.0114 8.41636 14.9323 7.23771 15.7845 6.26591C16.5234 5.42295 17.7229 4.91162 19.3493 4.91162C19.3735 4.91162 19.3978 4.91162 19.4221 4.9122C19.4463 4.91162 19.4706 4.91162 19.4949 4.91162C21.1213 4.91162 22.3207 5.42295 23.0597 6.26591C23.9119 7.23771 23.8328 8.41636 23.812 8.61338V10.5275C24.043 10.7881 24.171 11.124 24.1719 11.4722V12.9108C24.1719 13.1257 24.1235 13.3379 24.0303 13.5315C23.9371 13.7252 23.8014 13.8953 23.6334 14.0294C23.3848 14.9703 22.957 15.8545 22.3733 16.6334V17.8236C22.3732 17.9944 22.4192 18.1621 22.5064 18.3089C22.5937 18.4557 22.719 18.5763 22.869 18.6579L26.9215 20.4091C27.0223 20.464 27.12 20.5241 27.2144 20.5893V20.5893Z" fill="#B1B8C5"></path>
|
3
|
-
<path d="M0 0V40H40V0H0ZM2.49364 2.49364H37.5064V27.6843H35.9828C36.0137 27.9704 36.0291 28.258 36.029 28.5458C36.029 32.9559 32.4411 36.5438 28.031 36.5438C23.6209 36.5438 20.0329 32.9559 20.0329 28.5458C20.0328 28.258 20.0483 27.9704 20.0792 27.6843H2.49364V2.49364Z" fill="#B1B8C5"></path>
|
4
|
-
<path d="M34.003 27.6844C33.8063 26.3343 33.1586 25.0904 32.1651 24.1552C31.1717 23.22 29.8911 22.6485 28.5315 22.5336C28.3669 22.5191 28.2001 22.512 28.0312 22.5122C26.5806 22.5137 25.179 23.0371 24.0826 23.9867C22.9861 24.9364 22.2679 26.2489 22.0594 27.6844C22.018 27.9697 21.9973 28.2576 21.9976 28.5458C21.9976 30.146 22.6332 31.6807 23.7648 32.8122C24.8963 33.9438 26.431 34.5795 28.0312 34.5795C29.6314 34.5795 31.1661 33.9438 32.2976 32.8122C33.4291 31.6807 34.0648 30.146 34.0648 28.5458C34.065 28.2576 34.0444 27.9697 34.003 27.6844V27.6844ZM31.8577 29.6147H29.1V32.3724H26.9623V29.6147H24.2046V27.477H26.9623V24.7193H29.1V27.477H31.8577V29.6147Z" fill="#009587"></path>
|
5
|
-
</svg>
|
1
|
+
<svg fill="none" height="42" viewbox="-1 -1 42 42" width="42" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M27.2144 20.5893C25.8428 20.7321 24.5312 21.2262 23.4064 22.0239C22.2815 22.8217 21.3814 23.8961 20.7931 25.1433H10.5909C10.4955 25.1432 10.404 25.1052 10.3365 25.0378C10.269 24.9703 10.2311 24.8788 10.231 24.7834V23.2581C10.2308 22.675 10.3878 22.1026 10.6856 21.6012C10.9833 21.0999 11.4106 20.688 11.9227 20.4091L15.9751 18.6579C16.1252 18.5763 16.2505 18.4557 16.3377 18.3089C16.425 18.1621 16.471 17.9944 16.4708 17.8236V16.6334C15.8872 15.8545 15.4594 14.9703 15.2107 14.0294C15.0427 13.8953 14.9071 13.7252 14.8139 13.5315C14.7206 13.3379 14.6722 13.1257 14.6723 12.9108V11.4722C14.6732 11.124 14.8012 10.7881 15.0322 10.5275V8.61338C15.0114 8.41636 14.9323 7.23771 15.7845 6.26591C16.5234 5.42295 17.7229 4.91162 19.3493 4.91162C19.3735 4.91162 19.3978 4.91162 19.4221 4.9122C19.4463 4.91162 19.4706 4.91162 19.4949 4.91162C21.1213 4.91162 22.3207 5.42295 23.0597 6.26591C23.9119 7.23771 23.8328 8.41636 23.812 8.61338V10.5275C24.043 10.7881 24.171 11.124 24.1719 11.4722V12.9108C24.1719 13.1257 24.1235 13.3379 24.0303 13.5315C23.9371 13.7252 23.8014 13.8953 23.6334 14.0294C23.3848 14.9703 22.957 15.8545 22.3733 16.6334V17.8236C22.3732 17.9944 22.4192 18.1621 22.5064 18.3089C22.5937 18.4557 22.719 18.5763 22.869 18.6579L26.9215 20.4091C27.0223 20.464 27.12 20.5241 27.2144 20.5893V20.5893Z" fill="#B1B8C5"></path>
|
3
|
+
<path d="M0 0V40H40V0H0ZM2.49364 2.49364H37.5064V27.6843H35.9828C36.0137 27.9704 36.0291 28.258 36.029 28.5458C36.029 32.9559 32.4411 36.5438 28.031 36.5438C23.6209 36.5438 20.0329 32.9559 20.0329 28.5458C20.0328 28.258 20.0483 27.9704 20.0792 27.6843H2.49364V2.49364Z" fill="#B1B8C5"></path>
|
4
|
+
<path d="M34.003 27.6844C33.8063 26.3343 33.1586 25.0904 32.1651 24.1552C31.1717 23.22 29.8911 22.6485 28.5315 22.5336C28.3669 22.5191 28.2001 22.512 28.0312 22.5122C26.5806 22.5137 25.179 23.0371 24.0826 23.9867C22.9861 24.9364 22.2679 26.2489 22.0594 27.6844C22.018 27.9697 21.9973 28.2576 21.9976 28.5458C21.9976 30.146 22.6332 31.6807 23.7648 32.8122C24.8963 33.9438 26.431 34.5795 28.0312 34.5795C29.6314 34.5795 31.1661 33.9438 32.2976 32.8122C33.4291 31.6807 34.0648 30.146 34.0648 28.5458C34.065 28.2576 34.0444 27.9697 34.003 27.6844V27.6844ZM31.8577 29.6147H29.1V32.3724H26.9623V29.6147H24.2046V27.477H26.9623V24.7193H29.1V27.477H31.8577V29.6147Z" fill="#009587"></path>
|
5
|
+
</svg>
|
@@ -1,8 +1,8 @@
|
|
1
|
-
<svg fill="none" height="16" viewbox="12 12 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
|
2
|
-
<path d="M16.1111 24.6667L20 27L23.8889 24.6667H16.1111Z" fill="#B2B9C5"></path>
|
3
|
-
<path d="M13 13H27V14.5556H13V13Z" fill="#B2B9C5"></path>
|
4
|
-
<path d="M13 21.5556H27V23.1111H13V21.5556Z" fill="#B2B9C5"></path>
|
5
|
-
<path d="M13 13H14.5556V22.3333H13V13Z" fill="#B2B9C5"></path>
|
6
|
-
<path d="M25.4444 13L27 13V22.3333H25.4444V13Z" fill="#B2B9C5"></path>
|
7
|
-
<path d="M23.8889 19.6111H16.1111L18.0556 16.1111L20.7778 18.0556L21.5556 17.2778L23.8889 19.6111Z" fill="#B2B9C5"></path>
|
8
|
-
</svg>
|
1
|
+
<svg fill="none" height="16" viewbox="12 12 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M16.1111 24.6667L20 27L23.8889 24.6667H16.1111Z" fill="#B2B9C5"></path>
|
3
|
+
<path d="M13 13H27V14.5556H13V13Z" fill="#B2B9C5"></path>
|
4
|
+
<path d="M13 21.5556H27V23.1111H13V21.5556Z" fill="#B2B9C5"></path>
|
5
|
+
<path d="M13 13H14.5556V22.3333H13V13Z" fill="#B2B9C5"></path>
|
6
|
+
<path d="M25.4444 13L27 13V22.3333H25.4444V13Z" fill="#B2B9C5"></path>
|
7
|
+
<path d="M23.8889 19.6111H16.1111L18.0556 16.1111L20.7778 18.0556L21.5556 17.2778L23.8889 19.6111Z" fill="#B2B9C5"></path>
|
8
|
+
</svg>
|
@@ -1,7 +1,7 @@
|
|
1
|
-
<svg fill="none" height="20" viewbox="12 12 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
|
2
|
-
<path d="M13 13H27V14.5556H13V13Z" fill="#B2B9C5"></path>
|
3
|
-
<path d="M13 21.5556H27V23.1111H13V21.5556Z" fill="#B2B9C5"></path>
|
4
|
-
<path d="M13 13H14.5556V22.3333H13V13Z" fill="#B2B9C5"></path>
|
5
|
-
<path d="M25.4444 13L27 13V22.3333H25.4444V13Z" fill="#B2B9C5"></path>
|
6
|
-
<path d="M23.8889 19.6111H16.1111L18.0556 16.1111L20.7778 18.0556L21.5556 17.2778L23.8889 19.6111Z" fill="#B2B9C5"></path>
|
7
|
-
</svg>
|
1
|
+
<svg fill="none" height="20" viewbox="12 12 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M13 13H27V14.5556H13V13Z" fill="#B2B9C5"></path>
|
3
|
+
<path d="M13 21.5556H27V23.1111H13V21.5556Z" fill="#B2B9C5"></path>
|
4
|
+
<path d="M13 13H14.5556V22.3333H13V13Z" fill="#B2B9C5"></path>
|
5
|
+
<path d="M25.4444 13L27 13V22.3333H25.4444V13Z" fill="#B2B9C5"></path>
|
6
|
+
<path d="M23.8889 19.6111H16.1111L18.0556 16.1111L20.7778 18.0556L21.5556 17.2778L23.8889 19.6111Z" fill="#B2B9C5"></path>
|
7
|
+
</svg>
|
@@ -1,6 +1,6 @@
|
|
1
|
-
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
-
<path d="M7 0H1C0.45 0 0 0.45 0 1V7C0 7.55 0.45 8 1 8H7C7.55 8 8 7.55 8 7C8 6.45 8 1 8 1C8 0.45 7.55 0 7 0ZM4 6C2.9 6 2 5.1 2 4C2 2.9 2.9 2 4 2C5.1 2 6 2.9 6 4C6 5.1 5.1 6 4 6Z" fill="white"/>
|
3
|
-
<path d="M7 10H1C0.45 10 0 10.45 0 11V17C0 17.55 0.45 18 1 18H7C7.55 18 8 17.55 8 17C8 16.45 8 11 8 11C8 10.45 7.55 10 7 10ZM4 16C2.9 16 2 15.1 2 14C2 12.9 2.9 12 4 12C5.1 12 6 12.9 6 14C6 15.1 5.1 16 4 16Z" fill="white"/>
|
4
|
-
<path d="M17 0H11C10.45 0 10 0.45 10 1V7C10 7.55 10.45 8 11 8H17C17.55 8 18 7.55 18 7C18 6.45 18 1 18 1C18 0.45 17.55 0 17 0ZM14 6C12.9 6 12 5.1 12 4C12 2.9 12.9 2 14 2C15.1 2 16 2.9 16 4C16 5.1 15.1 6 14 6Z" fill="white"/>
|
5
|
-
<path d="M17 10H11C10.45 10 10 10.45 10 11V17C10 17.55 10.45 18 11 18H17C17.55 18 18 17.55 18 17C18 16.45 18 11 18 11C18 10.45 17.55 10 17 10ZM14 16C12.9 16 12 15.1 12 14C12 12.9 12.9 12 14 12C15.1 12 16 12.9 16 14C16 15.1 15.1 16 14 16Z" fill="white"/>
|
6
|
-
</svg>
|
1
|
+
<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M7 0H1C0.45 0 0 0.45 0 1V7C0 7.55 0.45 8 1 8H7C7.55 8 8 7.55 8 7C8 6.45 8 1 8 1C8 0.45 7.55 0 7 0ZM4 6C2.9 6 2 5.1 2 4C2 2.9 2.9 2 4 2C5.1 2 6 2.9 6 4C6 5.1 5.1 6 4 6Z" fill="white"/>
|
3
|
+
<path d="M7 10H1C0.45 10 0 10.45 0 11V17C0 17.55 0.45 18 1 18H7C7.55 18 8 17.55 8 17C8 16.45 8 11 8 11C8 10.45 7.55 10 7 10ZM4 16C2.9 16 2 15.1 2 14C2 12.9 2.9 12 4 12C5.1 12 6 12.9 6 14C6 15.1 5.1 16 4 16Z" fill="white"/>
|
4
|
+
<path d="M17 0H11C10.45 0 10 0.45 10 1V7C10 7.55 10.45 8 11 8H17C17.55 8 18 7.55 18 7C18 6.45 18 1 18 1C18 0.45 17.55 0 17 0ZM14 6C12.9 6 12 5.1 12 4C12 2.9 12.9 2 14 2C15.1 2 16 2.9 16 4C16 5.1 15.1 6 14 6Z" fill="white"/>
|
5
|
+
<path d="M17 10H11C10.45 10 10 10.45 10 11V17C10 17.55 10.45 18 11 18H17C17.55 18 18 17.55 18 17C18 16.45 18 11 18 11C18 10.45 17.55 10 17 10ZM14 16C12.9 16 12 15.1 12 14C12 12.9 12.9 12 14 12C15.1 12 16 12.9 16 14C16 15.1 15.1 16 14 16Z" fill="white"/>
|
6
|
+
</svg>
|
@@ -1,3 +1,3 @@
|
|
1
|
-
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.96161 0L10.9232 3.96161L7.96713 3.96161V6.55264L12.3875 9.0786L14 10L12.3875 10.9214L7 14L1.61245 10.9214L0 10L1.61245 9.0786L5.99272 6.57559V3.96161L3 3.96161L6.96161 0ZM5.99272 8.41839L3.2249 10L7 12.1572L10.7751 10L7.96713 8.39545V9.78795H5.99272V8.41839Z" fill="white"/>
|
3
|
-
</svg>
|
1
|
+
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.96161 0L10.9232 3.96161L7.96713 3.96161V6.55264L12.3875 9.0786L14 10L12.3875 10.9214L7 14L1.61245 10.9214L0 10L1.61245 9.0786L5.99272 6.57559V3.96161L3 3.96161L6.96161 0ZM5.99272 8.41839L3.2249 10L7 12.1572L10.7751 10L7.96713 8.39545V9.78795H5.99272V8.41839Z" fill="white"/>
|
3
|
+
</svg>
|
@@ -1,4 +1,4 @@
|
|
1
|
-
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
-
<path d="M11.0497 8.45352H8.91235V10.296H11.0497V8.45352Z" fill="white"/>
|
3
|
-
<path d="M15.0927 6.53724C14.9069 6.52637 14.7205 6.52637 14.5347 6.53724C14.1318 5.37717 13.336 4.39446 12.2851 3.75918C11.2341 3.12389 9.99417 2.876 8.77976 3.05841C7.56535 3.24082 6.45293 3.84205 5.635 4.75806C4.81708 5.67406 4.34512 6.84719 4.30082 8.07442C4.30975 8.30745 4.33437 8.5396 4.37452 8.76931C4.18359 8.73213 3.98989 8.711 3.79544 8.70614C3.3069 8.6797 2.8181 8.75309 2.35886 8.92183C1.89963 9.09058 1.4796 9.35114 1.12442 9.68762C0.769239 10.0241 0.486352 10.4294 0.293029 10.8789C0.0997049 11.3283 0 11.8124 0 12.3017C0 12.7909 0.0997049 13.2751 0.293029 13.7245C0.486352 14.1739 0.769239 14.5793 1.12442 14.9157C1.4796 15.2522 1.89963 15.5128 2.35886 15.6815C2.8181 15.8503 3.3069 15.9237 3.79544 15.8972H15.0927C15.726 15.9273 16.3587 15.8285 16.9527 15.6068C17.5467 15.3852 18.0895 15.0453 18.5483 14.6078C19.007 14.1703 19.3723 13.6442 19.6218 13.0614C19.8713 12.4786 20 11.8512 20 11.2172C20 10.5833 19.8713 9.95588 19.6218 9.37308C19.3723 8.79029 19.007 8.26419 18.5483 7.82666C18.0895 7.38912 17.5467 7.04925 16.9527 6.82761C16.3587 6.60598 15.726 6.50719 15.0927 6.53724ZM12.6711 13.4862H7.31202V7.05314H8.80709V6.21085H11.1655V7.05314H12.6711V13.4862Z" fill="white"/>
|
4
|
-
</svg>
|
1
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M11.0497 8.45352H8.91235V10.296H11.0497V8.45352Z" fill="white"/>
|
3
|
+
<path d="M15.0927 6.53724C14.9069 6.52637 14.7205 6.52637 14.5347 6.53724C14.1318 5.37717 13.336 4.39446 12.2851 3.75918C11.2341 3.12389 9.99417 2.876 8.77976 3.05841C7.56535 3.24082 6.45293 3.84205 5.635 4.75806C4.81708 5.67406 4.34512 6.84719 4.30082 8.07442C4.30975 8.30745 4.33437 8.5396 4.37452 8.76931C4.18359 8.73213 3.98989 8.711 3.79544 8.70614C3.3069 8.6797 2.8181 8.75309 2.35886 8.92183C1.89963 9.09058 1.4796 9.35114 1.12442 9.68762C0.769239 10.0241 0.486352 10.4294 0.293029 10.8789C0.0997049 11.3283 0 11.8124 0 12.3017C0 12.7909 0.0997049 13.2751 0.293029 13.7245C0.486352 14.1739 0.769239 14.5793 1.12442 14.9157C1.4796 15.2522 1.89963 15.5128 2.35886 15.6815C2.8181 15.8503 3.3069 15.9237 3.79544 15.8972H15.0927C15.726 15.9273 16.3587 15.8285 16.9527 15.6068C17.5467 15.3852 18.0895 15.0453 18.5483 14.6078C19.007 14.1703 19.3723 13.6442 19.6218 13.0614C19.8713 12.4786 20 11.8512 20 11.2172C20 10.5833 19.8713 9.95588 19.6218 9.37308C19.3723 8.79029 19.007 8.26419 18.5483 7.82666C18.0895 7.38912 17.5467 7.04925 16.9527 6.82761C16.3587 6.60598 15.726 6.50719 15.0927 6.53724ZM12.6711 13.4862H7.31202V7.05314H8.80709V6.21085H11.1655V7.05314H12.6711V13.4862Z" fill="white"/>
|
4
|
+
</svg>
|
@@ -1,4 +1,4 @@
|
|
1
|
-
<svg fill="none" height="16" viewbox="12 12 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
|
2
|
-
<circle cx="20" cy="20" fill="white" r="7"></circle>
|
3
|
-
<path d="M20 27C18.6155 27 17.2622 26.5895 16.111 25.8203C14.9599 25.0511 14.0627 23.9579 13.5328 22.6788C13.003 21.3997 12.8644 19.9922 13.1345 18.6344C13.4046 17.2765 14.0713 16.0292 15.0503 15.0503C16.0292 14.0713 17.2765 13.4046 18.6344 13.1345C19.9922 12.8644 21.3997 13.003 22.6788 13.5328C23.9579 14.0627 25.0511 14.9599 25.8203 16.111C26.5895 17.2622 27 18.6155 27 20C27 21.8565 26.2625 23.637 24.9497 24.9497C23.637 26.2625 21.8565 27 20 27V27ZM21.3125 15.4442H18.6875V20.6942H21.3125V15.4442ZM20 21.9308C19.7404 21.9308 19.4867 22.0078 19.2708 22.152C19.055 22.2962 18.8868 22.5012 18.7874 22.7411C18.6881 22.9809 18.6621 23.2448 18.7127 23.4994C18.7634 23.754 18.8884 23.9879 19.0719 24.1714C19.2555 24.355 19.4893 24.48 19.7439 24.5306C19.9985 24.5813 20.2624 24.5553 20.5023 24.4559C20.7421 24.3566 20.9471 24.1884 21.0913 23.9725C21.2355 23.7567 21.3125 23.5029 21.3125 23.2433C21.312 22.8954 21.1736 22.5618 20.9276 22.3158C20.6815 22.0697 20.348 21.9313 20 21.9308V21.9308Z" fill="#FF5656"></path>
|
4
|
-
</svg>
|
1
|
+
<svg fill="none" height="16" viewbox="12 12 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<circle cx="20" cy="20" fill="white" r="7"></circle>
|
3
|
+
<path d="M20 27C18.6155 27 17.2622 26.5895 16.111 25.8203C14.9599 25.0511 14.0627 23.9579 13.5328 22.6788C13.003 21.3997 12.8644 19.9922 13.1345 18.6344C13.4046 17.2765 14.0713 16.0292 15.0503 15.0503C16.0292 14.0713 17.2765 13.4046 18.6344 13.1345C19.9922 12.8644 21.3997 13.003 22.6788 13.5328C23.9579 14.0627 25.0511 14.9599 25.8203 16.111C26.5895 17.2622 27 18.6155 27 20C27 21.8565 26.2625 23.637 24.9497 24.9497C23.637 26.2625 21.8565 27 20 27V27ZM21.3125 15.4442H18.6875V20.6942H21.3125V15.4442ZM20 21.9308C19.7404 21.9308 19.4867 22.0078 19.2708 22.152C19.055 22.2962 18.8868 22.5012 18.7874 22.7411C18.6881 22.9809 18.6621 23.2448 18.7127 23.4994C18.7634 23.754 18.8884 23.9879 19.0719 24.1714C19.2555 24.355 19.4893 24.48 19.7439 24.5306C19.9985 24.5813 20.2624 24.5553 20.5023 24.4559C20.7421 24.3566 20.9471 24.1884 21.0913 23.9725C21.2355 23.7567 21.3125 23.5029 21.3125 23.2433C21.312 22.8954 21.1736 22.5618 20.9276 22.3158C20.6815 22.0697 20.348 21.9313 20 21.9308V21.9308Z" fill="#FF5656"></path>
|
4
|
+
</svg>
|
@@ -1,5 +1,5 @@
|
|
1
|
-
<svg fill="none" height="16" viewbox="12 12 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
|
2
|
-
<path d="M17 15C17 16.1046 16.1046 17 15 17C13.8954 17 13 16.1046 13 15C13 13.8954 13.8954 13 15 13C16.1046 13 17 13.8954 17 15Z" fill="#263238"></path>
|
3
|
-
<path d="M27 25C27 26.1046 26.1046 27 25 27C23.8954 27 23 26.1046 23 25C23 23.8954 23.8954 23 25 23C26.1046 23 27 23.8954 27 25Z" fill="#263238"></path>
|
4
|
-
<path d="M21 16.5C21 15.6716 21.6716 15 22.5 15C23.3284 15 24 15.6716 24 16.5V21H26V16.5C26 14.567 24.433 13 22.5 13C20.567 13 19 14.567 19 16.5V23.5C19 24.3284 18.3284 25 17.5 25C16.6716 25 16 24.3284 16 23.5V19H14V23.5C14 25.433 15.567 27 17.5 27C19.433 27 21 25.433 21 23.5V16.5Z" fill="#263238"></path>
|
5
|
-
</svg>
|
1
|
+
<svg fill="none" height="16" viewbox="12 12 16 16" width="16" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M17 15C17 16.1046 16.1046 17 15 17C13.8954 17 13 16.1046 13 15C13 13.8954 13.8954 13 15 13C16.1046 13 17 13.8954 17 15Z" fill="#263238"></path>
|
3
|
+
<path d="M27 25C27 26.1046 26.1046 27 25 27C23.8954 27 23 26.1046 23 25C23 23.8954 23.8954 23 25 23C26.1046 23 27 23.8954 27 25Z" fill="#263238"></path>
|
4
|
+
<path d="M21 16.5C21 15.6716 21.6716 15 22.5 15C23.3284 15 24 15.6716 24 16.5V21H26V16.5C26 14.567 24.433 13 22.5 13C20.567 13 19 14.567 19 16.5V23.5C19 24.3284 18.3284 25 17.5 25C16.6716 25 16 24.3284 16 23.5V19H14V23.5C14 25.433 15.567 27 17.5 27C19.433 27 21 25.433 21 23.5V16.5Z" fill="#263238"></path>
|
5
|
+
</svg>
|
@@ -1,3 +1,3 @@
|
|
1
|
-
<svg fill="none" height="12" viewbox="12 14 16 12" width="16" xmlns="http://www.w3.org/2000/svg">
|
2
|
-
<path d="M13 17.9486L14.2727 19.2213C17.4355 16.0586 22.5645 16.0586 25.7273 19.2213L27 17.9486C23.1373 14.0858 16.8691 14.0858 13 17.9486ZM18.0909 23.0395L20 24.9486L21.9091 23.0395C20.8591 21.9831 19.1473 21.9831 18.0909 23.0395ZM15.5455 20.494L16.8182 21.7667C18.5745 20.0104 21.4255 20.0104 23.1818 21.7667L24.4545 20.494C21.9982 18.0376 18.0082 18.0376 15.5455 20.494Z" fill="#263238"></path>
|
3
|
-
</svg>
|
1
|
+
<svg fill="none" height="12" viewbox="12 14 16 12" width="16" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M13 17.9486L14.2727 19.2213C17.4355 16.0586 22.5645 16.0586 25.7273 19.2213L27 17.9486C23.1373 14.0858 16.8691 14.0858 13 17.9486ZM18.0909 23.0395L20 24.9486L21.9091 23.0395C20.8591 21.9831 19.1473 21.9831 18.0909 23.0395ZM15.5455 20.494L16.8182 21.7667C18.5745 20.0104 21.4255 20.0104 23.1818 21.7667L24.4545 20.494C21.9982 18.0376 18.0082 18.0376 15.5455 20.494Z" fill="#263238"></path>
|
3
|
+
</svg>
|
@@ -1,3 +1,3 @@
|
|
1
|
-
<svg fill="none" height="26" viewbox="7 7 26 26" width="26" xmlns="http://www.w3.org/2000/svg">
|
2
|
-
<path d="M31.6196 20.5231V19.4663H29.6856L32 17.1625L31.2497 16.4122L28.1955 19.4663H21.2734L26.1664 14.5733H30.4888V13.5165H27.2233L28.5865 12.1532L27.8468 11.4029L26.4729 12.7768V9.51123H25.4161V13.8336L20.5231 18.7266V11.8045L23.5878 8.75033L22.8375 8L20.5231 10.3144V8.36988H19.4663V10.3144L17.1625 8L16.4122 8.75033L19.4663 11.8045V18.7266L14.5733 13.8336V9.51123H13.5165V12.7768L12.1532 11.4029L11.4029 12.1532L12.7768 13.5165H9.51123V14.5733H13.8336L18.7266 19.4663H11.8045L8.75033 16.4122L8 17.1625L10.3144 19.4663H8.36988V20.5231H10.3144L8 22.8375L8.75033 23.5773L11.8045 20.5231H18.7266L13.8336 25.4161H9.51123V26.4729H12.7768L11.4029 27.8468L12.1532 28.5865L13.5165 27.2233V30.4888H14.5733V26.1664L19.4663 21.2734V28.1955L16.4122 31.2497L17.1625 32L19.4663 29.6856V31.6196H20.5231V29.6856L22.8375 32L23.5878 31.2497L20.5231 28.1955V21.2734L25.4161 26.1664V30.4888H26.4729V27.2233L27.8468 28.5865L28.5865 27.8468L27.2233 26.4729H30.4888V25.4161H26.1664L21.2734 20.5231H28.1955L31.2497 23.5773L32 22.8375L29.6856 20.5231H31.6196Z" fill="#20A4CA"></path>
|
3
|
-
</svg>
|
1
|
+
<svg fill="none" height="26" viewbox="7 7 26 26" width="26" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M31.6196 20.5231V19.4663H29.6856L32 17.1625L31.2497 16.4122L28.1955 19.4663H21.2734L26.1664 14.5733H30.4888V13.5165H27.2233L28.5865 12.1532L27.8468 11.4029L26.4729 12.7768V9.51123H25.4161V13.8336L20.5231 18.7266V11.8045L23.5878 8.75033L22.8375 8L20.5231 10.3144V8.36988H19.4663V10.3144L17.1625 8L16.4122 8.75033L19.4663 11.8045V18.7266L14.5733 13.8336V9.51123H13.5165V12.7768L12.1532 11.4029L11.4029 12.1532L12.7768 13.5165H9.51123V14.5733H13.8336L18.7266 19.4663H11.8045L8.75033 16.4122L8 17.1625L10.3144 19.4663H8.36988V20.5231H10.3144L8 22.8375L8.75033 23.5773L11.8045 20.5231H18.7266L13.8336 25.4161H9.51123V26.4729H12.7768L11.4029 27.8468L12.1532 28.5865L13.5165 27.2233V30.4888H14.5733V26.1664L19.4663 21.2734V28.1955L16.4122 31.2497L17.1625 32L19.4663 29.6856V31.6196H20.5231V29.6856L22.8375 32L23.5878 31.2497L20.5231 28.1955V21.2734L25.4161 26.1664V30.4888H26.4729V27.2233L27.8468 28.5865L28.5865 27.8468L27.2233 26.4729H30.4888V25.4161H26.1664L21.2734 20.5231H28.1955L31.2497 23.5773L32 22.8375L29.6856 20.5231H31.6196Z" fill="#20A4CA"></path>
|
3
|
+
</svg>
|
@@ -1,12 +1,12 @@
|
|
1
|
-
<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
-
<path d="M2.4 1.2C2.4 1.86274 1.86274 2.4 1.2 2.4C0.537258 2.4 0 1.86274 0 1.2C0 0.537258 0.537258 0 1.2 0C1.86274 0 2.4 0.537258 2.4 1.2Z" fill="#263238" />
|
3
|
-
<path d="M6 1.2C6 1.86274 5.46274 2.4 4.8 2.4C4.13726 2.4 3.6 1.86274 3.6 1.2C3.6 0.537258 4.13726 0 4.8 0C5.46274 0 6 0.537258 6 1.2Z" fill="#263238" />
|
4
|
-
<path d="M2.4 4.8C2.4 5.46274 1.86274 6 1.2 6C0.537258 6 0 5.46274 0 4.8C0 4.13726 0.537258 3.6 1.2 3.6C1.86274 3.6 2.4 4.13726 2.4 4.8Z" fill="#263238" />
|
5
|
-
<path d="M6 4.8C6 5.46274 5.46274 6 4.8 6C4.13726 6 3.6 5.46274 3.6 4.8C3.6 4.13726 4.13726 3.6 4.8 3.6C5.46274 3.6 6 4.13726 6 4.8Z" fill="#263238" />
|
6
|
-
<path fill="#263238" d="M10 1h6s2 0 2 2v0s0 2 -2 2h-6s-2 0 -2 -2v0s0 -2 2 -2" />
|
7
|
-
<path d="M2.4 11.2C2.4 11.8627 1.86274 12.4 1.2 12.4C0.537258 12.4 0 11.8627 0 11.2C0 10.5373 0.537258 10 1.2 10C1.86274 10 2.4 10.5373 2.4 11.2Z" fill="#263238" />
|
8
|
-
<path d="M6 11.2C6 11.8627 5.46274 12.4 4.8 12.4C4.13726 12.4 3.6 11.8627 3.6 11.2C3.6 10.5373 4.13726 10 4.8 10C5.46274 10 6 10.5373 6 11.2Z" fill="#263238" />
|
9
|
-
<path d="M2.4 14.8C2.4 15.4627 1.86274 16 1.2 16C0.537258 16 0 15.4627 0 14.8C0 14.1373 0.537258 13.6 1.2 13.6C1.86274 13.6 2.4 14.1373 2.4 14.8Z" fill="#263238" />
|
10
|
-
<path d="M6 14.8C6 15.4627 5.46274 16 4.8 16C4.13726 16 3.6 15.4627 3.6 14.8C3.6 14.1373 4.13726 13.6 4.8 13.6C5.46274 13.6 6 14.1373 6 14.8Z" fill="#263238" />
|
11
|
-
<path fill="#263238" d="M10 11h6s2 0 2 2v0s0 2 -2 2h-6s-2 0 -2 -2v0s0 -2 2 -2" />
|
1
|
+
<svg width="18" height="16" viewBox="0 0 18 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
2
|
+
<path d="M2.4 1.2C2.4 1.86274 1.86274 2.4 1.2 2.4C0.537258 2.4 0 1.86274 0 1.2C0 0.537258 0.537258 0 1.2 0C1.86274 0 2.4 0.537258 2.4 1.2Z" fill="#263238" />
|
3
|
+
<path d="M6 1.2C6 1.86274 5.46274 2.4 4.8 2.4C4.13726 2.4 3.6 1.86274 3.6 1.2C3.6 0.537258 4.13726 0 4.8 0C5.46274 0 6 0.537258 6 1.2Z" fill="#263238" />
|
4
|
+
<path d="M2.4 4.8C2.4 5.46274 1.86274 6 1.2 6C0.537258 6 0 5.46274 0 4.8C0 4.13726 0.537258 3.6 1.2 3.6C1.86274 3.6 2.4 4.13726 2.4 4.8Z" fill="#263238" />
|
5
|
+
<path d="M6 4.8C6 5.46274 5.46274 6 4.8 6C4.13726 6 3.6 5.46274 3.6 4.8C3.6 4.13726 4.13726 3.6 4.8 3.6C5.46274 3.6 6 4.13726 6 4.8Z" fill="#263238" />
|
6
|
+
<path fill="#263238" d="M10 1h6s2 0 2 2v0s0 2 -2 2h-6s-2 0 -2 -2v0s0 -2 2 -2" />
|
7
|
+
<path d="M2.4 11.2C2.4 11.8627 1.86274 12.4 1.2 12.4C0.537258 12.4 0 11.8627 0 11.2C0 10.5373 0.537258 10 1.2 10C1.86274 10 2.4 10.5373 2.4 11.2Z" fill="#263238" />
|
8
|
+
<path d="M6 11.2C6 11.8627 5.46274 12.4 4.8 12.4C4.13726 12.4 3.6 11.8627 3.6 11.2C3.6 10.5373 4.13726 10 4.8 10C5.46274 10 6 10.5373 6 11.2Z" fill="#263238" />
|
9
|
+
<path d="M2.4 14.8C2.4 15.4627 1.86274 16 1.2 16C0.537258 16 0 15.4627 0 14.8C0 14.1373 0.537258 13.6 1.2 13.6C1.86274 13.6 2.4 14.1373 2.4 14.8Z" fill="#263238" />
|
10
|
+
<path d="M6 14.8C6 15.4627 5.46274 16 4.8 16C4.13726 16 3.6 15.4627 3.6 14.8C3.6 14.1373 4.13726 13.6 4.8 13.6C5.46274 13.6 6 14.1373 6 14.8Z" fill="#263238" />
|
11
|
+
<path fill="#263238" d="M10 11h6s2 0 2 2v0s0 2 -2 2h-6s-2 0 -2 -2v0s0 -2 2 -2" />
|
12
12
|
</svg>
|
@@ -1 +1 @@
|
|
1
|
-
export const fetchIcon = jest.fn(() => Promise.resolve('mocked-icon-url.svg'))
|
1
|
+
export const fetchIcon = jest.fn(() => Promise.resolve('mocked-icon-url.svg'))
|
@@ -1 +1 @@
|
|
1
|
-
module.exports = 'SvgMock'
|
1
|
+
module.exports = 'SvgMock'
|
@@ -1,12 +1,12 @@
|
|
1
|
-
export function convertHexToRGB(hex) {
|
2
|
-
// Remove the '#' if it's included in the input
|
3
|
-
hex = hex.replace(/^#/, '')
|
4
|
-
|
5
|
-
// Parse the hex values into separate R, G, and B values
|
6
|
-
const red = parseInt(hex.substring(0, 2), 16)
|
7
|
-
const green = parseInt(hex.substring(2, 4), 16)
|
8
|
-
const blue = parseInt(hex.substring(4, 6), 16)
|
9
|
-
|
10
|
-
// Return the RGB values as a string
|
11
|
-
return `rgb(${red}, ${green}, ${blue})`
|
12
|
-
}
|
1
|
+
export function convertHexToRGB(hex) {
|
2
|
+
// Remove the '#' if it's included in the input
|
3
|
+
hex = hex.replace(/^#/, '')
|
4
|
+
|
5
|
+
// Parse the hex values into separate R, G, and B values
|
6
|
+
const red = parseInt(hex.substring(0, 2), 16)
|
7
|
+
const green = parseInt(hex.substring(2, 4), 16)
|
8
|
+
const blue = parseInt(hex.substring(4, 6), 16)
|
9
|
+
|
10
|
+
// Return the RGB values as a string
|
11
|
+
return `rgb(${red}, ${green}, ${blue})`
|
12
|
+
}
|
package/src/assets/theme.js
CHANGED
@@ -1,41 +1,41 @@
|
|
1
|
-
const theme = {
|
2
|
-
colors: {
|
3
|
-
primary: '#48a2d0',
|
4
|
-
secondary: '#fdb813',
|
5
|
-
tertiary: '#d5d5d5',
|
6
|
-
black: '#263238',
|
7
|
-
yellow: '#fdb813',
|
8
|
-
darkGray: '#818181',
|
9
|
-
gray1: '#666',
|
10
|
-
mediumGray: '#d5d5d5',
|
11
|
-
lightGray: '#f2f2f2',
|
12
|
-
white: '#ffffff',
|
13
|
-
blue: '#48a2d0',
|
14
|
-
red: '#ff5656',
|
15
|
-
blue1: '#e4efff',
|
16
|
-
brightBlue: '#0068DE',
|
17
|
-
grey1: '#666',
|
18
|
-
grey2: '#c4c4c4',
|
19
|
-
grey3: '#b2b9c5',
|
20
|
-
grey4: '#dee2eb',
|
21
|
-
grey5: '#fafafa',
|
22
|
-
grey6: '#555d61',
|
23
|
-
green: '#99db0c',
|
24
|
-
transparentWhite1: '#ffffff32',
|
25
|
-
transparentWhite2: '#ffffff16',
|
26
|
-
transparentWhite3: '#ffffff48',
|
27
|
-
transparentBlack1: '#263238e6',
|
28
|
-
disabled: '#dfe1e1',
|
29
|
-
eturnityGrey: '#263238',
|
30
|
-
},
|
31
|
-
screen: {
|
32
|
-
mobileSmall: '345px',
|
33
|
-
mobile: '425px',
|
34
|
-
mobileLarge: '530px',
|
35
|
-
tablet: '768px',
|
36
|
-
tabletLarge: '950px',
|
37
|
-
},
|
38
|
-
borderRadius: '4px',
|
39
|
-
}
|
40
|
-
|
41
|
-
export default theme
|
1
|
+
const theme = {
|
2
|
+
colors: {
|
3
|
+
primary: '#48a2d0',
|
4
|
+
secondary: '#fdb813',
|
5
|
+
tertiary: '#d5d5d5',
|
6
|
+
black: '#263238',
|
7
|
+
yellow: '#fdb813',
|
8
|
+
darkGray: '#818181',
|
9
|
+
gray1: '#666',
|
10
|
+
mediumGray: '#d5d5d5',
|
11
|
+
lightGray: '#f2f2f2',
|
12
|
+
white: '#ffffff',
|
13
|
+
blue: '#48a2d0',
|
14
|
+
red: '#ff5656',
|
15
|
+
blue1: '#e4efff',
|
16
|
+
brightBlue: '#0068DE',
|
17
|
+
grey1: '#666',
|
18
|
+
grey2: '#c4c4c4',
|
19
|
+
grey3: '#b2b9c5',
|
20
|
+
grey4: '#dee2eb',
|
21
|
+
grey5: '#fafafa',
|
22
|
+
grey6: '#555d61',
|
23
|
+
green: '#99db0c',
|
24
|
+
transparentWhite1: '#ffffff32',
|
25
|
+
transparentWhite2: '#ffffff16',
|
26
|
+
transparentWhite3: '#ffffff48',
|
27
|
+
transparentBlack1: '#263238e6',
|
28
|
+
disabled: '#dfe1e1',
|
29
|
+
eturnityGrey: '#263238',
|
30
|
+
},
|
31
|
+
screen: {
|
32
|
+
mobileSmall: '345px',
|
33
|
+
mobile: '425px',
|
34
|
+
mobileLarge: '530px',
|
35
|
+
tablet: '768px',
|
36
|
+
tabletLarge: '950px',
|
37
|
+
},
|
38
|
+
borderRadius: '4px',
|
39
|
+
}
|
40
|
+
|
41
|
+
export default theme
|
@@ -1,17 +1,17 @@
|
|
1
|
-
import AddNewButton from './index.vue'
|
2
|
-
|
3
|
-
export default {
|
4
|
-
title: 'AddNewButton',
|
5
|
-
component: AddNewButton,
|
6
|
-
tags: ['autodocs'],
|
7
|
-
}
|
8
|
-
|
9
|
-
// import AddNewButton from "@eturnity/eturnity_reusable_components/src/components/addNewButton"
|
10
|
-
// To use:
|
11
|
-
// <add-new-button :shouldPosition="true" />
|
12
|
-
|
13
|
-
export const Default = {
|
14
|
-
args: {
|
15
|
-
shouldPosition: true,
|
16
|
-
},
|
17
|
-
}
|
1
|
+
import AddNewButton from './index.vue'
|
2
|
+
|
3
|
+
export default {
|
4
|
+
title: 'AddNewButton',
|
5
|
+
component: AddNewButton,
|
6
|
+
tags: ['autodocs'],
|
7
|
+
}
|
8
|
+
|
9
|
+
// import AddNewButton from "@eturnity/eturnity_reusable_components/src/components/addNewButton"
|
10
|
+
// To use:
|
11
|
+
// <add-new-button :shouldPosition="true" />
|
12
|
+
|
13
|
+
export const Default = {
|
14
|
+
args: {
|
15
|
+
shouldPosition: true,
|
16
|
+
},
|
17
|
+
}
|
@@ -1,23 +1,23 @@
|
|
1
|
-
/* eslint-disable */
|
2
|
-
import { mount } from '@vue/test-utils'
|
3
|
-
import AddNewButton from '@/components/addNewButton'
|
4
|
-
import theme from '@/assets/theme'
|
5
|
-
|
6
|
-
describe('addNewButton.vue', () => {
|
7
|
-
it('it is rendered with initial props', async () => {
|
8
|
-
// a very simple test to make sure the component renders
|
9
|
-
// no other tests needed since there aren't any other props
|
10
|
-
const wrapper = mount(AddNewButton, {
|
11
|
-
props: { dataId: 'button_wrapper', shouldPosition: true },
|
12
|
-
global: {
|
13
|
-
provide: {
|
14
|
-
theme,
|
15
|
-
},
|
16
|
-
},
|
17
|
-
})
|
18
|
-
await wrapper.vm.$nextTick()
|
19
|
-
const componentWrapper = wrapper.find('[data-id="button_wrapper"]')
|
20
|
-
// check that the element exists
|
21
|
-
expect(componentWrapper.exists()).toBe(true)
|
22
|
-
})
|
23
|
-
})
|
1
|
+
/* eslint-disable */
|
2
|
+
import { mount } from '@vue/test-utils'
|
3
|
+
import AddNewButton from '@/components/addNewButton'
|
4
|
+
import theme from '@/assets/theme'
|
5
|
+
|
6
|
+
describe('addNewButton.vue', () => {
|
7
|
+
it('it is rendered with initial props', async () => {
|
8
|
+
// a very simple test to make sure the component renders
|
9
|
+
// no other tests needed since there aren't any other props
|
10
|
+
const wrapper = mount(AddNewButton, {
|
11
|
+
props: { dataId: 'button_wrapper', shouldPosition: true },
|
12
|
+
global: {
|
13
|
+
provide: {
|
14
|
+
theme,
|
15
|
+
},
|
16
|
+
},
|
17
|
+
})
|
18
|
+
await wrapper.vm.$nextTick()
|
19
|
+
const componentWrapper = wrapper.find('[data-id="button_wrapper"]')
|
20
|
+
// check that the element exists
|
21
|
+
expect(componentWrapper.exists()).toBe(true)
|
22
|
+
})
|
23
|
+
})
|
@@ -1,62 +1,62 @@
|
|
1
|
-
<template>
|
2
|
-
<PageContainer :should-position="shouldPosition">
|
3
|
-
<ButtonContainer :data-id="dataId">
|
4
|
-
<PlusButtonSvg />
|
5
|
-
</ButtonContainer>
|
6
|
-
</PageContainer>
|
7
|
-
</template>
|
8
|
-
|
9
|
-
<script>
|
10
|
-
// import AddNewButton from "@eturnity/eturnity_reusable_components/src/components/addNewButton"
|
11
|
-
import styled from 'vue3-styled-components'
|
12
|
-
import PlusButtonSvg from '../../assets/icons/plus_button.svg'
|
13
|
-
|
14
|
-
const pageAttrs = { shouldPosition: Boolean }
|
15
|
-
const PageContainer = styled('div', pageAttrs)`
|
16
|
-
position: ${(props) => (props.shouldPosition ? 'fixed' : 'unset')};
|
17
|
-
bottom: 30px;
|
18
|
-
right: 30px;
|
19
|
-
`
|
20
|
-
|
21
|
-
const ButtonContainer = styled.div`
|
22
|
-
height: 60px;
|
23
|
-
width: 60px;
|
24
|
-
background-color: ${(props) => props.theme.colors.green};
|
25
|
-
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
26
|
-
border-radius: 100%;
|
27
|
-
cursor: pointer;
|
28
|
-
display: grid;
|
29
|
-
align-items: center;
|
30
|
-
justify-items: center;
|
31
|
-
|
32
|
-
&:hover {
|
33
|
-
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
|
34
|
-
${(props) => props.theme.colors.green};
|
35
|
-
}
|
36
|
-
|
37
|
-
&:active,
|
38
|
-
&:focus {
|
39
|
-
background: ${(props) => props.theme.colors.green};
|
40
|
-
}
|
41
|
-
`
|
42
|
-
|
43
|
-
export default {
|
44
|
-
name: 'AddNewButton',
|
45
|
-
components: {
|
46
|
-
PageContainer,
|
47
|
-
ButtonContainer,
|
48
|
-
PlusButtonSvg,
|
49
|
-
},
|
50
|
-
props: {
|
51
|
-
shouldPosition: {
|
52
|
-
required: false,
|
53
|
-
default: true,
|
54
|
-
type: Boolean,
|
55
|
-
},
|
56
|
-
dataId: {
|
57
|
-
type: String,
|
58
|
-
default: '',
|
59
|
-
},
|
60
|
-
},
|
61
|
-
}
|
62
|
-
</script>
|
1
|
+
<template>
|
2
|
+
<PageContainer :should-position="shouldPosition">
|
3
|
+
<ButtonContainer :data-id="dataId">
|
4
|
+
<PlusButtonSvg />
|
5
|
+
</ButtonContainer>
|
6
|
+
</PageContainer>
|
7
|
+
</template>
|
8
|
+
|
9
|
+
<script>
|
10
|
+
// import AddNewButton from "@eturnity/eturnity_reusable_components/src/components/addNewButton"
|
11
|
+
import styled from 'vue3-styled-components'
|
12
|
+
import PlusButtonSvg from '../../assets/icons/plus_button.svg'
|
13
|
+
|
14
|
+
const pageAttrs = { shouldPosition: Boolean }
|
15
|
+
const PageContainer = styled('div', pageAttrs)`
|
16
|
+
position: ${(props) => (props.shouldPosition ? 'fixed' : 'unset')};
|
17
|
+
bottom: 30px;
|
18
|
+
right: 30px;
|
19
|
+
`
|
20
|
+
|
21
|
+
const ButtonContainer = styled.div`
|
22
|
+
height: 60px;
|
23
|
+
width: 60px;
|
24
|
+
background-color: ${(props) => props.theme.colors.green};
|
25
|
+
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
|
26
|
+
border-radius: 100%;
|
27
|
+
cursor: pointer;
|
28
|
+
display: grid;
|
29
|
+
align-items: center;
|
30
|
+
justify-items: center;
|
31
|
+
|
32
|
+
&:hover {
|
33
|
+
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
|
34
|
+
${(props) => props.theme.colors.green};
|
35
|
+
}
|
36
|
+
|
37
|
+
&:active,
|
38
|
+
&:focus {
|
39
|
+
background: ${(props) => props.theme.colors.green};
|
40
|
+
}
|
41
|
+
`
|
42
|
+
|
43
|
+
export default {
|
44
|
+
name: 'AddNewButton',
|
45
|
+
components: {
|
46
|
+
PageContainer,
|
47
|
+
ButtonContainer,
|
48
|
+
PlusButtonSvg,
|
49
|
+
},
|
50
|
+
props: {
|
51
|
+
shouldPosition: {
|
52
|
+
required: false,
|
53
|
+
default: true,
|
54
|
+
type: Boolean,
|
55
|
+
},
|
56
|
+
dataId: {
|
57
|
+
type: String,
|
58
|
+
default: '',
|
59
|
+
},
|
60
|
+
},
|
61
|
+
}
|
62
|
+
</script>
|
@@ -1,45 +1,45 @@
|
|
1
|
-
import ActionBanner from './index.vue'
|
2
|
-
import theme from '@/assets/theme'
|
3
|
-
export default {
|
4
|
-
title: 'ActionBanner',
|
5
|
-
component: ActionBanner,
|
6
|
-
tags: ['autodocs'],
|
7
|
-
}
|
8
|
-
|
9
|
-
// <RCActionBanner
|
10
|
-
// :isOpen="true"
|
11
|
-
// @on-close="handleClose"
|
12
|
-
// >
|
13
|
-
// <template #title>Sample title</template>
|
14
|
-
// <template #body>Sample body</template>
|
15
|
-
// <template #buttons>
|
16
|
-
// <button>Sample button </button>
|
17
|
-
// </template>
|
18
|
-
// </RCActionBanner>
|
19
|
-
|
20
|
-
export const Default = {
|
21
|
-
args: {
|
22
|
-
isOpen: false,
|
23
|
-
},
|
24
|
-
}
|
25
|
-
|
26
|
-
export const OpenedActionBanner = {
|
27
|
-
args: {
|
28
|
-
isOpen: true,
|
29
|
-
},
|
30
|
-
render: (args) => ({
|
31
|
-
components: { ActionBanner },
|
32
|
-
setup() {
|
33
|
-
return { args }
|
34
|
-
},
|
35
|
-
template: `
|
36
|
-
<ActionBanner v-bind="args">
|
37
|
-
<template #title>Sample title</template>
|
38
|
-
<template #body>Sample body</template>
|
39
|
-
<template #buttons>
|
40
|
-
<button>Sample button </button>
|
41
|
-
</template>
|
42
|
-
</ActionBanner>
|
43
|
-
`,
|
44
|
-
}),
|
45
|
-
}
|
1
|
+
import ActionBanner from './index.vue'
|
2
|
+
import theme from '@/assets/theme'
|
3
|
+
export default {
|
4
|
+
title: 'ActionBanner',
|
5
|
+
component: ActionBanner,
|
6
|
+
tags: ['autodocs'],
|
7
|
+
}
|
8
|
+
|
9
|
+
// <RCActionBanner
|
10
|
+
// :isOpen="true"
|
11
|
+
// @on-close="handleClose"
|
12
|
+
// >
|
13
|
+
// <template #title>Sample title</template>
|
14
|
+
// <template #body>Sample body</template>
|
15
|
+
// <template #buttons>
|
16
|
+
// <button>Sample button </button>
|
17
|
+
// </template>
|
18
|
+
// </RCActionBanner>
|
19
|
+
|
20
|
+
export const Default = {
|
21
|
+
args: {
|
22
|
+
isOpen: false,
|
23
|
+
},
|
24
|
+
}
|
25
|
+
|
26
|
+
export const OpenedActionBanner = {
|
27
|
+
args: {
|
28
|
+
isOpen: true,
|
29
|
+
},
|
30
|
+
render: (args) => ({
|
31
|
+
components: { ActionBanner },
|
32
|
+
setup() {
|
33
|
+
return { args }
|
34
|
+
},
|
35
|
+
template: `
|
36
|
+
<ActionBanner v-bind="args">
|
37
|
+
<template #title>Sample title</template>
|
38
|
+
<template #body>Sample body</template>
|
39
|
+
<template #buttons>
|
40
|
+
<button>Sample button </button>
|
41
|
+
</template>
|
42
|
+
</ActionBanner>
|
43
|
+
`,
|
44
|
+
}),
|
45
|
+
}
|