@team-monolith/cds 1.119.3 → 1.119.4
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/@types/emotion.d.ts +160 -160
- package/README.md +37 -37
- package/dist/CdsProvider.js +4 -4
- package/dist/components/AlertDialog/AlertDialog.js +54 -54
- package/dist/components/AlertDialog/AlertDialogActions.js +7 -7
- package/dist/components/AlertDialog/AlertDialogContent.js +8 -8
- package/dist/components/AlertDialog/AlertDialogTitle.js +34 -34
- package/dist/components/AnimatedButton.js +32 -32
- package/dist/components/Banner.js +51 -51
- package/dist/components/Book/Book.js +174 -174
- package/dist/components/Button.js +179 -179
- package/dist/components/CheckboxInput.js +148 -148
- package/dist/components/FileTypeAlertDialog.js +4 -4
- package/dist/components/Input.js +53 -53
- package/dist/components/InputBase.js +72 -72
- package/dist/components/Modal.js +4 -4
- package/dist/components/OverflowTooltip.js +4 -4
- package/dist/components/Pagination.js +56 -56
- package/dist/components/PinInput.js +64 -64
- package/dist/components/Popover.js +27 -27
- package/dist/components/RadioInput.js +73 -73
- package/dist/components/SquareButton.js +109 -109
- package/dist/components/Switch.js +69 -69
- package/dist/components/SwitchButton.js +107 -107
- package/dist/components/Tag.js +72 -72
- package/dist/components/Tooltip.js +19 -19
- package/dist/foundation/breakpoints.js +16 -16
- package/dist/icons/custom/colored/ai-helper.svg +4 -4
- package/dist/icons/custom/colored/ai-quiz-color.svg +20 -20
- package/dist/icons/custom/colored/badge-color.svg +4 -4
- package/dist/icons/custom/colored/badge-gold.svg +11 -11
- package/dist/icons/custom/colored/badge-green.svg +11 -11
- package/dist/icons/custom/colored/badge-silver.svg +11 -11
- package/dist/icons/custom/colored/basic-plus.svg +31 -31
- package/dist/icons/custom/colored/basic.svg +3 -3
- package/dist/icons/custom/colored/board-color.svg +5 -5
- package/dist/icons/custom/colored/cast-cloudy-color.svg +6 -6
- package/dist/icons/custom/colored/cast-partly-color.svg +7 -7
- package/dist/icons/custom/colored/cast-rainbow-color.svg +13 -13
- package/dist/icons/custom/colored/cast-sunny-color.svg +4 -4
- package/dist/icons/custom/colored/clap-bronze.svg +8 -8
- package/dist/icons/custom/colored/clap-gold.svg +8 -8
- package/dist/icons/custom/colored/clap-silver.svg +8 -8
- package/dist/icons/custom/colored/class.svg +13 -13
- package/dist/icons/custom/colored/codap-color.svg +13 -13
- package/dist/icons/custom/colored/ebook-color.svg +5 -5
- package/dist/icons/custom/colored/embedded-color.svg +38 -38
- package/dist/icons/custom/colored/emo-clap-color.svg +252 -252
- package/dist/icons/custom/colored/emo-good-color.svg +68 -68
- package/dist/icons/custom/colored/emo-great-color.svg +67 -67
- package/dist/icons/custom/colored/emo-heart-color.svg +239 -239
- package/dist/icons/custom/colored/emo-hundred-color.svg +194 -194
- package/dist/icons/custom/colored/emo-neutral-color.svg +76 -76
- package/dist/icons/custom/colored/emo-stars-color.svg +121 -121
- package/dist/icons/custom/colored/emo-thumbup-color.svg +238 -238
- package/dist/icons/custom/colored/empty.svg +1 -1
- package/dist/icons/custom/colored/entry-color.svg +4 -4
- package/dist/icons/custom/colored/filename-all-color.svg +4 -4
- package/dist/icons/custom/colored/filename-doc-color.svg +5 -5
- package/dist/icons/custom/colored/filename-hwp-color.svg +6 -6
- package/dist/icons/custom/colored/filename-img-color.svg +6 -6
- package/dist/icons/custom/colored/filename-mp4-color.svg +5 -5
- package/dist/icons/custom/colored/filename-pdf-color.svg +12 -12
- package/dist/icons/custom/colored/filename-ppt-color.svg +6 -6
- package/dist/icons/custom/colored/filename-xls-color.svg +5 -5
- package/dist/icons/custom/colored/filename-zip-color.svg +5 -5
- package/dist/icons/custom/colored/google.svg +13 -13
- package/dist/icons/custom/colored/hand-fill.svg +4 -4
- package/dist/icons/custom/colored/judge-color.svg +6 -6
- package/dist/icons/custom/colored/makecode-color.svg +4 -4
- package/dist/icons/custom/colored/master.svg +12 -12
- package/dist/icons/custom/colored/material.svg +6 -6
- package/dist/icons/custom/colored/medal-bronze.svg +9 -9
- package/dist/icons/custom/colored/medal-gold.svg +9 -9
- package/dist/icons/custom/colored/medal-silver.svg +9 -9
- package/dist/icons/custom/colored/pro.svg +4 -4
- package/dist/icons/custom/colored/problem.svg +7 -7
- package/dist/icons/custom/colored/python-color.svg +4 -4
- package/dist/icons/custom/colored/quiz-color.svg +12 -12
- package/dist/icons/custom/colored/resource-color.svg +13 -13
- package/dist/icons/custom/colored/scratch-color.svg +6 -6
- package/dist/icons/custom/colored/type-helper.svg +9 -9
- package/dist/icons/custom/colored/whale.svg +7 -7
- package/dist/icons/custom/colored/worksheet-color.svg +5 -5
- package/dist/icons/custom/default/ai-quiz.svg +8 -8
- package/dist/icons/custom/default/badge.svg +4 -4
- package/dist/icons/custom/default/board.svg +5 -5
- package/dist/icons/custom/default/cast-cloudy.svg +3 -3
- package/dist/icons/custom/default/cast-partly.svg +4 -4
- package/dist/icons/custom/default/cast-rainbow.svg +12 -12
- package/dist/icons/custom/default/cast-sunny.svg +3 -3
- package/dist/icons/custom/default/codap.svg +11 -11
- package/dist/icons/custom/default/ebook.svg +3 -3
- package/dist/icons/custom/default/embedded.svg +4 -4
- package/dist/icons/custom/default/emo-clap.svg +6 -6
- package/dist/icons/custom/default/emo-good.svg +12 -12
- package/dist/icons/custom/default/emo-great.svg +12 -12
- package/dist/icons/custom/default/emo-heart.svg +5 -5
- package/dist/icons/custom/default/emo-hundred.svg +3 -3
- package/dist/icons/custom/default/emo-neutral.svg +14 -14
- package/dist/icons/custom/default/emo-stars.svg +14 -14
- package/dist/icons/custom/default/emo-thumbup.svg +3 -3
- package/dist/icons/custom/default/entry.svg +4 -4
- package/dist/icons/custom/default/fab.svg +10 -10
- package/dist/icons/custom/default/grant-alt.svg +5 -5
- package/dist/icons/custom/default/grant.svg +4 -4
- package/dist/icons/custom/default/hand-line.svg +3 -3
- package/dist/icons/custom/default/judge.svg +3 -3
- package/dist/icons/custom/default/makecode.svg +5 -5
- package/dist/icons/custom/default/pdf.svg +3 -3
- package/dist/icons/custom/default/python.svg +7 -7
- package/dist/icons/custom/default/quiz.svg +4 -4
- package/dist/icons/custom/default/resource.svg +11 -11
- package/dist/icons/custom/default/scratch.svg +3 -3
- package/dist/icons/custom/default/scroll-alt.svg +5 -5
- package/dist/icons/custom/default/scroll-fill.svg +4 -4
- package/dist/icons/custom/default/scroll-line.svg +5 -5
- package/dist/icons/custom/default/symbol.svg +4 -4
- package/dist/icons/custom/default/worksheet.svg +4 -4
- package/dist/icons/custom/svgrColoredTemplate.js +26 -26
- package/dist/icons/custom/svgrDefaultTemplate.js +26 -26
- package/dist/patterns/Accordion.js +20 -20
- package/dist/patterns/Dropdown/DropdownItem/DropdownItem.js +60 -60
- package/dist/patterns/Dropdown/DropdownMenu/DropdownMenu.js +27 -27
- package/dist/patterns/Dropdown/DropdownMenu/style.js +19 -19
- package/dist/patterns/LexicalEditor/Plugins.js +38 -37
- package/dist/patterns/LexicalEditor/components/FileSelectInput.js +23 -23
- package/dist/patterns/LexicalEditor/components/InsertImageDialog/ImagePreview.js +4 -4
- package/dist/patterns/LexicalEditor/components/InsertImageDialog/InsertImageDialog.js +15 -15
- package/dist/patterns/LexicalEditor/components/InsertVideoDialog/InsertVideoDialog.js +17 -17
- package/dist/patterns/LexicalEditor/components/UploadFileDialog/UploadFileDialog.js +2 -2
- package/dist/patterns/LexicalEditor/hr.svg +3 -3
- package/dist/patterns/LexicalEditor/nodes/FileNode/FileComponent.js +44 -44
- package/dist/patterns/LexicalEditor/nodes/FileNode/FileDownloadButton.js +25 -25
- package/dist/patterns/LexicalEditor/nodes/ImageNode/ImageComponent.js +8 -8
- package/dist/patterns/LexicalEditor/nodes/ImageNode/ImageResizer.js +60 -60
- package/dist/patterns/LexicalEditor/nodes/ProblemInputNode/InputComponent.js +19 -19
- package/dist/patterns/LexicalEditor/nodes/ProblemInputNode/SegmentedInput.js +49 -49
- package/dist/patterns/LexicalEditor/nodes/ProblemInputNode/SettingForm/FormSolution.js +7 -7
- package/dist/patterns/LexicalEditor/nodes/ProblemInputNode/SettingForm/SettingForm.js +73 -73
- package/dist/patterns/LexicalEditor/nodes/ProblemInputNode/SettingForm/TextTypeDropdown.js +5 -5
- package/dist/patterns/LexicalEditor/nodes/ProblemInputNode/TextInput.js +7 -7
- package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SelectBox/SelectBoxComponent.js +69 -69
- package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SelectBox/SelectBoxEdit.js +3 -3
- package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SelectBox/SelectBoxView.js +15 -15
- package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SelectComponent.js +28 -28
- package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SettingForm/FormSelection.js +54 -54
- package/dist/patterns/LexicalEditor/nodes/ProblemSelectNode/SettingForm/SettingForm.js +61 -61
- package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/Evaluation.js +75 -75
- package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/FormIconAndLabel/FormIconAndLabel.js +17 -17
- package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/FormIconAndLabel/FormLabel.js +7 -7
- package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/FormQuestion.js +28 -28
- package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/Evaluation/SettingForm/SettingForm.js +52 -52
- package/dist/patterns/LexicalEditor/nodes/SelfEvaluationNode/EvaluationComponent/EvaluationComponent.js +7 -7
- package/dist/patterns/LexicalEditor/nodes/SheetInputNode/InputComponent.js +25 -25
- package/dist/patterns/LexicalEditor/nodes/SheetInputNode/SettingForm.js +53 -53
- package/dist/patterns/LexicalEditor/nodes/SheetSelectNode/SelectComponent/SelectBox/SelectBoxComponent.js +54 -54
- package/dist/patterns/LexicalEditor/nodes/SheetSelectNode/SelectComponent/SelectBox/SelectBoxView.js +5 -5
- package/dist/patterns/LexicalEditor/nodes/SheetSelectNode/SelectComponent/SelectComponent.js +21 -21
- package/dist/patterns/LexicalEditor/nodes/SheetSelectNode/SelectComponent/SettingForm/FormSelection.js +42 -42
- package/dist/patterns/LexicalEditor/nodes/SheetSelectNode/SelectComponent/SettingForm/SettingForm.js +71 -71
- package/dist/patterns/LexicalEditor/nodes/VideoNode/VideoComponent.js +6 -6
- package/dist/patterns/LexicalEditor/nodes/index.d.ts +3 -0
- package/dist/patterns/LexicalEditor/nodes/index.js +3 -0
- package/dist/patterns/LexicalEditor/nodes/nodes.d.ts +4 -2
- package/dist/patterns/LexicalEditor/nodes/nodes.js +6 -0
- package/dist/patterns/LexicalEditor/nodes/toggleNodes/ToggleContainerNode.d.ts +32 -0
- package/dist/patterns/LexicalEditor/nodes/toggleNodes/ToggleContainerNode.js +131 -0
- package/dist/patterns/LexicalEditor/nodes/toggleNodes/ToggleContentNode.d.ts +23 -0
- package/dist/patterns/LexicalEditor/nodes/toggleNodes/ToggleContentNode.js +88 -0
- package/dist/patterns/LexicalEditor/nodes/toggleNodes/ToggleTitleNode.d.ts +24 -0
- package/dist/patterns/LexicalEditor/nodes/toggleNodes/ToggleTitleNode.js +105 -0
- package/dist/patterns/LexicalEditor/plugins/ComponentAdderPlugin/ComponentAdder.js +51 -51
- package/dist/patterns/LexicalEditor/plugins/ComponentAdderPlugin/ComponentAdderPlugin.js +11 -11
- package/dist/patterns/LexicalEditor/plugins/ComponentAdderPlugin/menu.svg +7 -7
- package/dist/patterns/LexicalEditor/plugins/ComponentAdderPlugin/plus.svg +2 -2
- package/dist/patterns/LexicalEditor/plugins/ComponentAdderPlugin/useContextMenuOptions.js +76 -12
- package/dist/patterns/LexicalEditor/plugins/ComponentPickerMenuPlugin/ComponentPickerMenuItem.js +32 -32
- package/dist/patterns/LexicalEditor/plugins/ComponentPickerMenuPlugin/ComponentPickerMenuList.js +32 -32
- package/dist/patterns/LexicalEditor/plugins/ComponentPickerMenuPlugin/ComponentPickerMenuPlugin.js +38 -17
- package/dist/patterns/LexicalEditor/plugins/FloatingLinkEditorPlugin/FloatingLinkEditor.js +49 -49
- package/dist/patterns/LexicalEditor/plugins/FloatingTextFormatToolbarPlugin/FloatingTextFormatPopup.js +36 -36
- package/dist/patterns/LexicalEditor/plugins/ParagraphPlaceholderPlugin/index.js +10 -1
- package/dist/patterns/LexicalEditor/plugins/TogglePlugin/index.d.ts +9 -0
- package/dist/patterns/LexicalEditor/plugins/TogglePlugin/index.js +198 -0
- package/dist/patterns/LexicalEditor/theme.d.ts +6 -0
- package/dist/patterns/LexicalEditor/theme.js +281 -243
- package/dist/patterns/LexicalEditor/utils/toggleUtils.d.ts +9 -0
- package/dist/patterns/LexicalEditor/utils/toggleUtils.js +18 -0
- package/dist/patterns/SegmentedControl/SegmentedControlButton.js +10 -10
- package/dist/patterns/SegmentedControl/SegmentedControlGroup.js +8 -8
- package/dist/patterns/SegmentedControl/SegmentedControlSquareButton.js +2 -2
- package/dist/patterns/Tabs.js +43 -43
- package/dist/patterns/ToggleButtonGroup/ToggleButton.js +40 -40
- package/dist/patterns/ToggleButtonGroup/ToggleButtonGroup.js +11 -11
- package/dist/utils/hover.js +12 -12
- package/dist/utils/reset.js +19 -19
- package/dist/utils/visuallyHidden.js +10 -10
- package/package.json +109 -109
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 20.8V6.5L15.375 1H5.25C4.65285 1 4.08118 1.23216 3.65931 1.64466C3.23743 2.05716 3 2.61612 3 3.2V20.8C3 21.3829 3.23743 21.9428 3.65931 22.3553C4.08118 22.7678 4.65285 23 5.25 23H18.75C19.3461 23 19.9188 22.7678 20.3407 22.3553C20.7626 21.9428 21 21.3839 21 20.8ZM10.6651 6.80746H12.7437V6.80832C12.8585 6.80832 12.9554 6.89616 12.9599 7.00922C13.0719 9.94434 15.6166 13.0343 18.8043 14.1579C18.9084 14.1944 18.9698 14.3005 18.944 14.4066L18.461 16.4086C18.4352 16.5138 18.332 16.5825 18.2217 16.5695C14.415 16.1077 10.4935 17.6731 6.93308 19.9646C6.83613 20.0272 6.70717 20.0046 6.63868 19.9133L5.40326 18.2618C5.33655 18.1723 5.35078 18.047 5.43706 17.9757C6.74186 16.8982 7.98528 15.1502 8.91562 13.1195C9.84597 11.0932 10.409 8.90248 10.4481 7.01704C10.4508 6.90051 10.546 6.80746 10.6651 6.80746ZM10.8733 14.8066C10.787 14.9788 10.9586 15.1649 11.1428 15.0989C12.0108 14.7884 12.8985 14.5336 13.8013 14.3518C13.9729 14.317 14.0334 14.1083 13.9053 13.9909C13.321 13.4526 12.7927 12.8577 12.3293 12.2168C12.227 12.075 12.0046 12.1055 11.9477 12.269C11.728 12.8986 11.4781 13.5195 11.2024 14.1222C11.0965 14.3527 10.9871 14.5805 10.8733 14.8066Z" fill="#363636" style="fill:#363636;fill:color(display-p3 0.2118 0.2118 0.2118);fill-opacity:1;"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M21 20.8V6.5L15.375 1H5.25C4.65285 1 4.08118 1.23216 3.65931 1.64466C3.23743 2.05716 3 2.61612 3 3.2V20.8C3 21.3829 3.23743 21.9428 3.65931 22.3553C4.08118 22.7678 4.65285 23 5.25 23H18.75C19.3461 23 19.9188 22.7678 20.3407 22.3553C20.7626 21.9428 21 21.3839 21 20.8ZM10.6651 6.80746H12.7437V6.80832C12.8585 6.80832 12.9554 6.89616 12.9599 7.00922C13.0719 9.94434 15.6166 13.0343 18.8043 14.1579C18.9084 14.1944 18.9698 14.3005 18.944 14.4066L18.461 16.4086C18.4352 16.5138 18.332 16.5825 18.2217 16.5695C14.415 16.1077 10.4935 17.6731 6.93308 19.9646C6.83613 20.0272 6.70717 20.0046 6.63868 19.9133L5.40326 18.2618C5.33655 18.1723 5.35078 18.047 5.43706 17.9757C6.74186 16.8982 7.98528 15.1502 8.91562 13.1195C9.84597 11.0932 10.409 8.90248 10.4481 7.01704C10.4508 6.90051 10.546 6.80746 10.6651 6.80746ZM10.8733 14.8066C10.787 14.9788 10.9586 15.1649 11.1428 15.0989C12.0108 14.7884 12.8985 14.5336 13.8013 14.3518C13.9729 14.317 14.0334 14.1083 13.9053 13.9909C13.321 13.4526 12.7927 12.8577 12.3293 12.2168C12.227 12.075 12.0046 12.1055 11.9477 12.269C11.728 12.8986 11.4781 13.5195 11.2024 14.1222C11.0965 14.3527 10.9871 14.5805 10.8733 14.8066Z" fill="#363636" style="fill:#363636;fill:color(display-p3 0.2118 0.2118 0.2118);fill-opacity:1;"/>
|
|
3
|
+
</svg>
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
3
|
-
d="M9.38589 2.19076C10.061 2.07148 10.8283 2.00385 11.6325 2.00016C12.4368 1.99647 13.2754 2.05673 14.0821 2.19076C15.3585 2.40104 16.4333 3.35036 16.4333 4.61203V9.0463C16.4333 10.3473 15.3892 11.4122 14.0821 11.4122H9.38466C7.78974 11.4122 6.44692 12.7686 6.44692 14.3057V16.4343H4.8311C3.46491 16.4343 2.66561 15.4518 2.33114 14.0733C1.87984 12.2214 1.89951 11.1134 2.33114 9.3402C2.70619 7.79201 3.90268 6.97919 5.26887 6.97919H11.7358V5.89583H7.03225V4.61203C7.03225 3.26797 7.39378 2.53876 9.38343 2.19076H9.38589ZM9.20143 4.14597C9.20143 3.80658 8.92598 3.53113 8.58658 3.53113C8.24719 3.53113 7.97174 3.80781 7.97174 4.1472C7.97174 4.4866 8.24719 4.76082 8.58658 4.76082C8.92598 4.76082 9.20143 4.48537 9.20143 4.14597Z"
|
|
4
|
-
fill="#363636" />
|
|
5
|
-
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
6
|
-
d="M17.5354 9.6223C17.5354 11.2135 16.1655 12.5527 14.6038 12.5527V12.5502H9.9162C8.6324 12.5502 7.56995 13.6323 7.56995 14.8989V19.3C7.56995 20.553 8.67544 21.2896 9.9162 21.6487C11.4017 22.0791 12.8257 22.1566 14.6038 21.6487C15.7843 21.3118 16.95 20.633 16.95 19.3V18.0309H12.2625V16.9525H19.2963C20.66 16.9525 21.1679 16.0167 21.6426 14.6099C22.132 13.1626 22.1123 11.7693 21.6426 9.91251C21.3056 8.57583 20.6613 7.56995 19.2963 7.56995H17.5354V9.6223ZM14.8608 19.2447C15.2002 19.2447 15.4756 19.5176 15.4756 19.857C15.4756 20.1977 15.199 20.4743 14.8608 20.4743C14.5226 20.4743 14.2459 20.1952 14.2459 19.857C14.2459 19.5189 14.5214 19.2447 14.8608 19.2447Z"
|
|
7
|
-
fill="#363636" />
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
3
|
+
d="M9.38589 2.19076C10.061 2.07148 10.8283 2.00385 11.6325 2.00016C12.4368 1.99647 13.2754 2.05673 14.0821 2.19076C15.3585 2.40104 16.4333 3.35036 16.4333 4.61203V9.0463C16.4333 10.3473 15.3892 11.4122 14.0821 11.4122H9.38466C7.78974 11.4122 6.44692 12.7686 6.44692 14.3057V16.4343H4.8311C3.46491 16.4343 2.66561 15.4518 2.33114 14.0733C1.87984 12.2214 1.89951 11.1134 2.33114 9.3402C2.70619 7.79201 3.90268 6.97919 5.26887 6.97919H11.7358V5.89583H7.03225V4.61203C7.03225 3.26797 7.39378 2.53876 9.38343 2.19076H9.38589ZM9.20143 4.14597C9.20143 3.80658 8.92598 3.53113 8.58658 3.53113C8.24719 3.53113 7.97174 3.80781 7.97174 4.1472C7.97174 4.4866 8.24719 4.76082 8.58658 4.76082C8.92598 4.76082 9.20143 4.48537 9.20143 4.14597Z"
|
|
4
|
+
fill="#363636" />
|
|
5
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
6
|
+
d="M17.5354 9.6223C17.5354 11.2135 16.1655 12.5527 14.6038 12.5527V12.5502H9.9162C8.6324 12.5502 7.56995 13.6323 7.56995 14.8989V19.3C7.56995 20.553 8.67544 21.2896 9.9162 21.6487C11.4017 22.0791 12.8257 22.1566 14.6038 21.6487C15.7843 21.3118 16.95 20.633 16.95 19.3V18.0309H12.2625V16.9525H19.2963C20.66 16.9525 21.1679 16.0167 21.6426 14.6099C22.132 13.1626 22.1123 11.7693 21.6426 9.91251C21.3056 8.57583 20.6613 7.56995 19.2963 7.56995H17.5354V9.6223ZM14.8608 19.2447C15.2002 19.2447 15.4756 19.5176 15.4756 19.857C15.4756 20.1977 15.199 20.4743 14.8608 20.4743C14.5226 20.4743 14.2459 20.1952 14.2459 19.857C14.2459 19.5189 14.5214 19.2447 14.8608 19.2447Z"
|
|
7
|
+
fill="#363636" />
|
|
8
8
|
</svg>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.3773 18.3971C21.7758 18.0113 22 17.4886 22 16.9426V4.05744C22 3.51233 21.7758 2.98865 21.3773 2.60288C20.9789 2.21711 20.439 2 19.875 2H7.125C6.56199 2 6.02112 2.21711 5.62268 2.60288C5.22424 2.98865 5 3.5114 5 4.05744V16.9426C5 17.4877 5.22424 18.0113 5.62268 18.3971C6.02112 18.7829 6.56103 19 7.125 19H19.875C20.438 19 20.9789 18.7829 21.3773 18.3971ZM19 10.1849C19 11.8566 18.4006 13.359 17.3294 14.3998L18.1518 15.6515C18.1901 15.7107 18.1995 15.7848 18.1776 15.8515C18.1549 15.919 18.1033 15.9698 18.0399 15.9898L16.4022 16.4915C16.3177 16.5173 16.2261 16.4832 16.1761 16.4057L15.5837 15.5032C14.9601 15.7398 14.2629 15.8698 13.5 15.8698C10.1158 15.8698 8 13.324 8 10.1849C8 7.04579 10.1158 4.5 13.5 4.5C16.8842 4.5 19 7.04413 19 10.1849ZM10.6424 10.1849C10.6424 11.8157 11.7426 13.1382 13.5 13.1382C13.6761 13.1382 13.8427 13.1224 14.0031 13.0974L13.0837 11.6974C13.0454 11.6382 13.036 11.5641 13.0579 11.4974C13.0806 11.4299 13.1322 11.3791 13.1956 11.3591L14.8341 10.8574C14.9186 10.8316 15.0094 10.8666 15.0603 10.9432L15.7801 12.0399C16.1526 11.5324 16.3576 10.8874 16.3576 10.1849C16.3576 8.55411 15.259 7.23163 13.5 7.23163C11.741 7.23163 10.6424 8.55411 10.6424 10.1849Z" fill="#363636"/>
|
|
3
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 3C3.55228 3 4 3.44772 4 4V18C4 19.1046 4.89543 20 6 20H20C20.5523 20 21 20.4477 21 21C21 21.5523 20.5523 22 20 22H6C3.79086 22 2 20.2091 2 18V4C2 3.44772 2.44772 3 3 3Z" fill="#363636"/>
|
|
4
|
-
</svg>
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.3773 18.3971C21.7758 18.0113 22 17.4886 22 16.9426V4.05744C22 3.51233 21.7758 2.98865 21.3773 2.60288C20.9789 2.21711 20.439 2 19.875 2H7.125C6.56199 2 6.02112 2.21711 5.62268 2.60288C5.22424 2.98865 5 3.5114 5 4.05744V16.9426C5 17.4877 5.22424 18.0113 5.62268 18.3971C6.02112 18.7829 6.56103 19 7.125 19H19.875C20.438 19 20.9789 18.7829 21.3773 18.3971ZM19 10.1849C19 11.8566 18.4006 13.359 17.3294 14.3998L18.1518 15.6515C18.1901 15.7107 18.1995 15.7848 18.1776 15.8515C18.1549 15.919 18.1033 15.9698 18.0399 15.9898L16.4022 16.4915C16.3177 16.5173 16.2261 16.4832 16.1761 16.4057L15.5837 15.5032C14.9601 15.7398 14.2629 15.8698 13.5 15.8698C10.1158 15.8698 8 13.324 8 10.1849C8 7.04579 10.1158 4.5 13.5 4.5C16.8842 4.5 19 7.04413 19 10.1849ZM10.6424 10.1849C10.6424 11.8157 11.7426 13.1382 13.5 13.1382C13.6761 13.1382 13.8427 13.1224 14.0031 13.0974L13.0837 11.6974C13.0454 11.6382 13.036 11.5641 13.0579 11.4974C13.0806 11.4299 13.1322 11.3791 13.1956 11.3591L14.8341 10.8574C14.9186 10.8316 15.0094 10.8666 15.0603 10.9432L15.7801 12.0399C16.1526 11.5324 16.3576 10.8874 16.3576 10.1849C16.3576 8.55411 15.259 7.23163 13.5 7.23163C11.741 7.23163 10.6424 8.55411 10.6424 10.1849Z" fill="#363636"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M3 3C3.55228 3 4 3.44772 4 4V18C4 19.1046 4.89543 20 6 20H20C20.5523 20 21 20.4477 21 21C21 21.5523 20.5523 22 20 22H6C3.79086 22 2 20.2091 2 18V4C2 3.44772 2.44772 3 3 3Z" fill="#363636"/>
|
|
4
|
+
</svg>
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<g clip-path="url(#clip0_292_28484)">
|
|
3
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.66989 11.9999H4.50003C4.15734 11.9999 3.82192 12.0462 3.5 12.1344V4.00005C3.5 2.89566 4.39514 2 5.50005 2H17.5004C18.6048 2 19.5004 2.89566 19.5004 4.00005V14H11.2318L10.3236 13.0919C9.61335 12.3878 8.67147 11.9999 7.66989 11.9999ZM6.5 5C5.94772 5 5.5 5.44772 5.5 6V8C5.5 8.55228 5.94772 9 6.5 9H16.5C17.0523 9 17.5 8.55228 17.5 8V6C17.5 5.44772 17.0523 5 16.5 5H6.5Z" fill="#363636"/>
|
|
4
|
-
<path d="M3.08568 14.5862C3.46056 14.2113 3.9694 14.0005 4.50005 14.0005H7.66992C8.19797 14.0005 8.70473 14.2087 9.08013 14.5805L10.5002 16.0005H19.4999C20.0306 16.0005 20.5389 16.2113 20.9143 16.5862C21.2892 16.9611 21.5 17.4699 21.5 18.0006V19.0006V20.0006C21.5 20.5313 21.2892 21.0396 20.9143 21.415C20.5394 21.7899 20.0306 22.0007 19.4999 22.0007H4.50005C3.9694 22.0007 3.46108 21.7899 3.08568 21.415C2.71081 21.0401 2.5 20.5313 2.5 20.0006V16.0005C2.5 15.4699 2.71081 14.9616 3.08568 14.5862Z" fill="#363636"/>
|
|
5
|
-
</g>
|
|
6
|
-
<defs>
|
|
7
|
-
<clipPath id="clip0_292_28484">
|
|
8
|
-
<rect width="19" height="20" fill="white" transform="translate(2.5 2)"/>
|
|
9
|
-
</clipPath>
|
|
10
|
-
</defs>
|
|
11
|
-
</svg>
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<g clip-path="url(#clip0_292_28484)">
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.66989 11.9999H4.50003C4.15734 11.9999 3.82192 12.0462 3.5 12.1344V4.00005C3.5 2.89566 4.39514 2 5.50005 2H17.5004C18.6048 2 19.5004 2.89566 19.5004 4.00005V14H11.2318L10.3236 13.0919C9.61335 12.3878 8.67147 11.9999 7.66989 11.9999ZM6.5 5C5.94772 5 5.5 5.44772 5.5 6V8C5.5 8.55228 5.94772 9 6.5 9H16.5C17.0523 9 17.5 8.55228 17.5 8V6C17.5 5.44772 17.0523 5 16.5 5H6.5Z" fill="#363636"/>
|
|
4
|
+
<path d="M3.08568 14.5862C3.46056 14.2113 3.9694 14.0005 4.50005 14.0005H7.66992C8.19797 14.0005 8.70473 14.2087 9.08013 14.5805L10.5002 16.0005H19.4999C20.0306 16.0005 20.5389 16.2113 20.9143 16.5862C21.2892 16.9611 21.5 17.4699 21.5 18.0006V19.0006V20.0006C21.5 20.5313 21.2892 21.0396 20.9143 21.415C20.5394 21.7899 20.0306 22.0007 19.4999 22.0007H4.50005C3.9694 22.0007 3.46108 21.7899 3.08568 21.415C2.71081 21.0401 2.5 20.5313 2.5 20.0006V16.0005C2.5 15.4699 2.71081 14.9616 3.08568 14.5862Z" fill="#363636"/>
|
|
5
|
+
</g>
|
|
6
|
+
<defs>
|
|
7
|
+
<clipPath id="clip0_292_28484">
|
|
8
|
+
<rect width="19" height="20" fill="white" transform="translate(2.5 2)"/>
|
|
9
|
+
</clipPath>
|
|
10
|
+
</defs>
|
|
11
|
+
</svg>
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C2.89543 2 2 2.89543 2 4V18C2 19.1046 2.89543 20 4 20C4 21.1046 4.89543 22 6 22H18C19.1046 22 20 21.1046 20 20C21.1046 20 22 19.1046 22 18V4C22 2.89543 21.1046 2 20 2H4ZM9.29289 6.91789C9.92157 6.28921 10.8459 6 12 6C12.782 6 13.4484 6.18557 14 6.49375V6H16V10H14C14 9.01158 13.3222 8 12 8C11.1541 8 10.8284 8.21079 10.7071 8.33211C10.5858 8.45343 10.5 8.65414 10.5 9C10.5 9.34648 10.5631 9.54898 10.625 9.66895C10.684 9.78323 10.7683 9.87473 10.9008 9.96002C11.2248 10.1687 11.6995 10.2729 12.4504 10.4265L12.4879 10.4342C13.1294 10.5653 14.0138 10.746 14.7166 11.2411C15.5373 11.8194 16 12.7259 16 14C16 15.1541 15.7108 16.2034 14.9571 16.9571C14.2034 17.7108 13.1541 18 12 18C11.2859 18 10.5991 17.8825 10 17.5752V18H8V13L10 13C10 14.3985 10.246 15.118 10.5344 15.4827C10.7763 15.7887 11.1752 16 12 16C12.8459 16 13.2966 15.7892 13.5429 15.5429C13.7892 15.2966 14 14.8459 14 14C14 13.2741 13.7752 13.0244 13.5647 12.8761C13.2499 12.6543 12.7803 12.5354 12.0496 12.386L11.9296 12.3616C11.3138 12.237 10.481 12.0685 9.81797 11.6415C9.43479 11.3948 9.08945 11.0547 8.84763 10.5859C8.60874 10.1229 8.5 9.59102 8.5 9C8.5 8.34586 8.66421 7.54657 9.29289 6.91789Z" fill="#363636"/>
|
|
3
|
-
</svg>
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M4 2C2.89543 2 2 2.89543 2 4V18C2 19.1046 2.89543 20 4 20C4 21.1046 4.89543 22 6 22H18C19.1046 22 20 21.1046 20 20C21.1046 20 22 19.1046 22 18V4C22 2.89543 21.1046 2 20 2H4ZM9.29289 6.91789C9.92157 6.28921 10.8459 6 12 6C12.782 6 13.4484 6.18557 14 6.49375V6H16V10H14C14 9.01158 13.3222 8 12 8C11.1541 8 10.8284 8.21079 10.7071 8.33211C10.5858 8.45343 10.5 8.65414 10.5 9C10.5 9.34648 10.5631 9.54898 10.625 9.66895C10.684 9.78323 10.7683 9.87473 10.9008 9.96002C11.2248 10.1687 11.6995 10.2729 12.4504 10.4265L12.4879 10.4342C13.1294 10.5653 14.0138 10.746 14.7166 11.2411C15.5373 11.8194 16 12.7259 16 14C16 15.1541 15.7108 16.2034 14.9571 16.9571C14.2034 17.7108 13.1541 18 12 18C11.2859 18 10.5991 17.8825 10 17.5752V18H8V13L10 13C10 14.3985 10.246 15.118 10.5344 15.4827C10.7763 15.7887 11.1752 16 12 16C12.8459 16 13.2966 15.7892 13.5429 15.5429C13.7892 15.2966 14 14.8459 14 14C14 13.2741 13.7752 13.0244 13.5647 12.8761C13.2499 12.6543 12.7803 12.5354 12.0496 12.386L11.9296 12.3616C11.3138 12.237 10.481 12.0685 9.81797 11.6415C9.43479 11.3948 9.08945 11.0547 8.84763 10.5859C8.60874 10.1229 8.5 9.59102 8.5 9C8.5 8.34586 8.66421 7.54657 9.29289 6.91789Z" fill="#363636"/>
|
|
3
|
+
</svg>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
3
|
-
d="M15.7099 2.0731C14.5835 1.54505 13.3262 1.25 12 1.25C7.16751 1.25 3.25 5.16751 3.25 10V14C3.25 18.8325 7.16751 22.75 12 22.75C16.8325 22.75 20.75 18.8325 20.75 14V10C20.75 9.60853 20.7243 9.22306 20.6745 8.84519C20.3001 8.94615 19.9063 9 19.5 9C17.0147 9 15 6.98528 15 4.5C15 3.60624 15.2606 2.77333 15.7099 2.0731ZM13.001 8H15L12 5L9 8H11L10.999 11H9L12 14L15 11H13L13.001 8Z"
|
|
4
|
-
fill="#363636" />
|
|
5
|
-
<circle cx="20" cy="4.25" r="3" fill="#363636" />
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
3
|
+
d="M15.7099 2.0731C14.5835 1.54505 13.3262 1.25 12 1.25C7.16751 1.25 3.25 5.16751 3.25 10V14C3.25 18.8325 7.16751 22.75 12 22.75C16.8325 22.75 20.75 18.8325 20.75 14V10C20.75 9.60853 20.7243 9.22306 20.6745 8.84519C20.3001 8.94615 19.9063 9 19.5 9C17.0147 9 15 6.98528 15 4.5C15 3.60624 15.2606 2.77333 15.7099 2.0731ZM13.001 8H15L12 5L9 8H11L10.999 11H9L12 14L15 11H13L13.001 8Z"
|
|
4
|
+
fill="#363636" />
|
|
5
|
+
<circle cx="20" cy="4.25" r="3" fill="#363636" />
|
|
6
6
|
</svg>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
3
|
-
d="M12 1.25C7.16751 1.25 3.25 5.16751 3.25 10V14C3.25 18.8325 7.16751 22.75 12 22.75C16.8325 22.75 20.75 18.8325 20.75 14V10C20.75 5.16751 16.8325 1.25 12 1.25ZM15 8H13.001L13 11H15L12 14L9 11H10.999L11 8H9L12 5L15 8Z"
|
|
4
|
-
fill="#363636" />
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
2
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
3
|
+
d="M12 1.25C7.16751 1.25 3.25 5.16751 3.25 10V14C3.25 18.8325 7.16751 22.75 12 22.75C16.8325 22.75 20.75 18.8325 20.75 14V10C20.75 5.16751 16.8325 1.25 12 1.25ZM15 8H13.001L13 11H15L12 14L9 11H10.999L11 8H9L12 5L15 8Z"
|
|
4
|
+
fill="#363636" />
|
|
5
5
|
</svg>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
2
|
-
<path
|
|
3
|
-
d="M3.25 10V14H4.75V10H3.25ZM20.75 14V10H19.25V14H20.75ZM20.75 10C20.75 5.16751 16.8325 1.25 12 1.25V2.75C16.0041 2.75 19.25 5.99594 19.25 10H20.75ZM12 22.75C16.8325 22.75 20.75 18.8325 20.75 14H19.25C19.25 18.0041 16.0041 21.25 12 21.25V22.75ZM3.25 14C3.25 18.8325 7.16751 22.75 12 22.75V21.25C7.99594 21.25 4.75 18.0041 4.75 14H3.25ZM4.75 10C4.75 5.99594 7.99594 2.75 12 2.75V1.25C7.16751 1.25 3.25 5.16751 3.25 10H4.75Z"
|
|
4
|
-
fill="#363636" />
|
|
5
|
-
<path d="M13.001 8H15L12 5L9 8H11L10.999 11H9L12 14L15 11H13L13.001 8Z" fill="#363636" />
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
|
|
2
|
+
<path
|
|
3
|
+
d="M3.25 10V14H4.75V10H3.25ZM20.75 14V10H19.25V14H20.75ZM20.75 10C20.75 5.16751 16.8325 1.25 12 1.25V2.75C16.0041 2.75 19.25 5.99594 19.25 10H20.75ZM12 22.75C16.8325 22.75 20.75 18.8325 20.75 14H19.25C19.25 18.0041 16.0041 21.25 12 21.25V22.75ZM3.25 14C3.25 18.8325 7.16751 22.75 12 22.75V21.25C7.99594 21.25 4.75 18.0041 4.75 14H3.25ZM4.75 10C4.75 5.99594 7.99594 2.75 12 2.75V1.25C7.16751 1.25 3.25 5.16751 3.25 10H4.75Z"
|
|
4
|
+
fill="#363636" />
|
|
5
|
+
<path d="M13.001 8H15L12 5L9 8H11L10.999 11H9L12 14L15 11H13L13.001 8Z" fill="#363636" />
|
|
6
6
|
</svg>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path
|
|
3
|
-
fill="currentColor"
|
|
4
|
-
d="M11.8927 2C6.98164 2 3 5.80096 3 10.4903C3 14.0308 5.26988 17.0622 8.4957 18.336C9.05262 18.5557 9.36122 19.1512 9.19366 19.7238L8.83323 20.9592C8.66206 21.5427 9.17196 22.1009 9.76987 21.9845C11.478 21.6495 14.564 20.7587 17.0701 18.4644C19.9898 15.7908 20.7854 12.9527 20.7854 10.4915C20.7854 5.80337 16.8037 2.0012 11.8927 2.0012V2Z" />
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path
|
|
3
|
+
fill="currentColor"
|
|
4
|
+
d="M11.8927 2C6.98164 2 3 5.80096 3 10.4903C3 14.0308 5.26988 17.0622 8.4957 18.336C9.05262 18.5557 9.36122 19.1512 9.19366 19.7238L8.83323 20.9592C8.66206 21.5427 9.17196 22.1009 9.76987 21.9845C11.478 21.6495 14.564 20.7587 17.0701 18.4644C19.9898 15.7908 20.7854 12.9527 20.7854 10.4915C20.7854 5.80337 16.8037 2.0012 11.8927 2.0012V2Z" />
|
|
5
5
|
</svg>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path d="M3 19.5C3 18.6716 3.67157 18 4.5 18H19.5C20.3284 18 21 18.6716 21 19.5C21 20.3284 20.3284 21 19.5 21H4.5C3.67157 21 3 20.3284 3 19.5Z" fill="#363636" style="fill:#363636;fill:color(display-p3 0.2118 0.2118 0.2118);fill-opacity:1;"/>
|
|
3
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 3H19C20.1 3 21 3.9 21 5V15C21 16.1 20.1 17 19 17H5C3.9 17 3 16.1 3 15V5C3 3.9 3.9 3 5 3ZM8.13137 14.5L5.5 5.5H8.20107L9.5 11L10.937 5.5H13.063L14.5 11L15.7989 5.5H18.5L15.8686 14.5H13.5509L12 10L10.4491 14.5H8.13137Z" fill="#363636" style="fill:#363636;fill:color(display-p3 0.2118 0.2118 0.2118);fill-opacity:1;"/>
|
|
4
|
-
</svg>
|
|
1
|
+
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M3 19.5C3 18.6716 3.67157 18 4.5 18H19.5C20.3284 18 21 18.6716 21 19.5C21 20.3284 20.3284 21 19.5 21H4.5C3.67157 21 3 20.3284 3 19.5Z" fill="#363636" style="fill:#363636;fill:color(display-p3 0.2118 0.2118 0.2118);fill-opacity:1;"/>
|
|
3
|
+
<path fill-rule="evenodd" clip-rule="evenodd" d="M5 3H19C20.1 3 21 3.9 21 5V15C21 16.1 20.1 17 19 17H5C3.9 17 3 16.1 3 15V5C3 3.9 3.9 3 5 3ZM8.13137 14.5L5.5 5.5H8.20107L9.5 11L10.937 5.5H13.063L14.5 11L15.7989 5.5H18.5L15.8686 14.5H13.5509L12 10L10.4491 14.5H8.13137Z" fill="#363636" style="fill:#363636;fill:color(display-p3 0.2118 0.2118 0.2118);fill-opacity:1;"/>
|
|
4
|
+
</svg>
|
|
@@ -61,34 +61,34 @@ const template = (variables, { tpl }) => {
|
|
|
61
61
|
const originSvgFilePath = `./${_.kebabCase(originSvgFileName).replace(/-(\d+)/g, "$1")}.svg`;
|
|
62
62
|
const useUniqueId = modifySVGElementsRecursive(variables.jsx);
|
|
63
63
|
if (useUniqueId) {
|
|
64
|
-
return tpl `
|
|
65
|
-
import { uid } from "uid";
|
|
66
|
-
import React, { useMemo, forwardRef } from "react";
|
|
67
|
-
import svgImport from "${originSvgFilePath}";
|
|
68
|
-
export const ${customIconName} = forwardRef(
|
|
69
|
-
function ${customIconName}(
|
|
70
|
-
props: { className?: string },
|
|
71
|
-
ref: React.ForwardedRef<SVGSVGElement>
|
|
72
|
-
): React.ReactElement {
|
|
73
|
-
const uniqueId = useMemo(uid, []);
|
|
74
|
-
return ${variables.jsx};
|
|
75
|
-
}
|
|
76
|
-
);
|
|
77
|
-
export const ${customSVGName} = svgImport;
|
|
64
|
+
return tpl `
|
|
65
|
+
import { uid } from "uid";
|
|
66
|
+
import React, { useMemo, forwardRef } from "react";
|
|
67
|
+
import svgImport from "${originSvgFilePath}";
|
|
68
|
+
export const ${customIconName} = forwardRef(
|
|
69
|
+
function ${customIconName}(
|
|
70
|
+
props: { className?: string },
|
|
71
|
+
ref: React.ForwardedRef<SVGSVGElement>
|
|
72
|
+
): React.ReactElement {
|
|
73
|
+
const uniqueId = useMemo(uid, []);
|
|
74
|
+
return ${variables.jsx};
|
|
75
|
+
}
|
|
76
|
+
);
|
|
77
|
+
export const ${customSVGName} = svgImport;
|
|
78
78
|
`;
|
|
79
79
|
}
|
|
80
|
-
return tpl `
|
|
81
|
-
import React, { forwardRef } from "react";
|
|
82
|
-
import svgImport from "${originSvgFilePath}";
|
|
83
|
-
export const ${customIconName} = forwardRef(
|
|
84
|
-
function ${customIconName}(
|
|
85
|
-
props: { className?: string },
|
|
86
|
-
ref: React.ForwardedRef<SVGSVGElement>
|
|
87
|
-
): React.ReactElement {
|
|
88
|
-
return ${variables.jsx};
|
|
89
|
-
}
|
|
90
|
-
);
|
|
91
|
-
export const ${customSVGName} = svgImport;
|
|
80
|
+
return tpl `
|
|
81
|
+
import React, { forwardRef } from "react";
|
|
82
|
+
import svgImport from "${originSvgFilePath}";
|
|
83
|
+
export const ${customIconName} = forwardRef(
|
|
84
|
+
function ${customIconName}(
|
|
85
|
+
props: { className?: string },
|
|
86
|
+
ref: React.ForwardedRef<SVGSVGElement>
|
|
87
|
+
): React.ReactElement {
|
|
88
|
+
return ${variables.jsx};
|
|
89
|
+
}
|
|
90
|
+
);
|
|
91
|
+
export const ${customSVGName} = svgImport;
|
|
92
92
|
`;
|
|
93
93
|
};
|
|
94
94
|
module.exports = template;
|
|
@@ -53,34 +53,34 @@ const template = (variables, { tpl }) => {
|
|
|
53
53
|
const originSvgFilePath = `./${_.kebabCase(originSvgFileName).replace(/-(\d+)/g, "$1")}.svg`;
|
|
54
54
|
const useUniqueId = modifySVGElementsRecursive(variables.jsx);
|
|
55
55
|
if (useUniqueId) {
|
|
56
|
-
return tpl `
|
|
57
|
-
import { uid } from "uid";
|
|
58
|
-
import React, { useMemo, forwardRef } from "react";
|
|
59
|
-
import svgImport from "${originSvgFilePath}";
|
|
60
|
-
export const ${customIconName} = forwardRef(
|
|
61
|
-
function ${customIconName}(
|
|
62
|
-
props: { className?: string, color?: string },
|
|
63
|
-
ref: React.ForwardedRef<SVGSVGElement>
|
|
64
|
-
): React.ReactElement {
|
|
65
|
-
const uniqueId = useMemo(uid, []);
|
|
66
|
-
return ${variables.jsx};
|
|
67
|
-
}
|
|
68
|
-
);
|
|
69
|
-
export const ${customSVGName} = svgImport;
|
|
56
|
+
return tpl `
|
|
57
|
+
import { uid } from "uid";
|
|
58
|
+
import React, { useMemo, forwardRef } from "react";
|
|
59
|
+
import svgImport from "${originSvgFilePath}";
|
|
60
|
+
export const ${customIconName} = forwardRef(
|
|
61
|
+
function ${customIconName}(
|
|
62
|
+
props: { className?: string, color?: string },
|
|
63
|
+
ref: React.ForwardedRef<SVGSVGElement>
|
|
64
|
+
): React.ReactElement {
|
|
65
|
+
const uniqueId = useMemo(uid, []);
|
|
66
|
+
return ${variables.jsx};
|
|
67
|
+
}
|
|
68
|
+
);
|
|
69
|
+
export const ${customSVGName} = svgImport;
|
|
70
70
|
`;
|
|
71
71
|
}
|
|
72
|
-
return tpl `
|
|
73
|
-
import React, { forwardRef } from "react";
|
|
74
|
-
import svgImport from "${originSvgFilePath}";
|
|
75
|
-
export const ${customIconName} = forwardRef(
|
|
76
|
-
function ${customIconName}(
|
|
77
|
-
props: { className?: string, color?: string },
|
|
78
|
-
ref: React.ForwardedRef<SVGSVGElement>
|
|
79
|
-
): React.ReactElement {
|
|
80
|
-
return ${variables.jsx};
|
|
81
|
-
}
|
|
82
|
-
);
|
|
83
|
-
export const ${customSVGName} = svgImport;
|
|
72
|
+
return tpl `
|
|
73
|
+
import React, { forwardRef } from "react";
|
|
74
|
+
import svgImport from "${originSvgFilePath}";
|
|
75
|
+
export const ${customIconName} = forwardRef(
|
|
76
|
+
function ${customIconName}(
|
|
77
|
+
props: { className?: string, color?: string },
|
|
78
|
+
ref: React.ForwardedRef<SVGSVGElement>
|
|
79
|
+
): React.ReactElement {
|
|
80
|
+
return ${variables.jsx};
|
|
81
|
+
}
|
|
82
|
+
);
|
|
83
|
+
export const ${customSVGName} = svgImport;
|
|
84
84
|
`;
|
|
85
85
|
};
|
|
86
86
|
module.exports = template;
|
|
@@ -7,27 +7,27 @@ import { RESET_BUTTON } from "../utils/reset";
|
|
|
7
7
|
/** 배너같이 생겼으나 누를 때마다 하단내용이 접힘(보이지않음)/펼침(보임) 상태가 바뀌는 컴포넌트입니다. */
|
|
8
8
|
export function Accordion(props) {
|
|
9
9
|
const { className, icon, title, children, open = false, onClick, wrapperClassName, } = props;
|
|
10
|
-
return (_jsxs("div", { css: css `
|
|
11
|
-
display: flex;
|
|
12
|
-
flex-direction: column;
|
|
13
|
-
gap: 2px;
|
|
10
|
+
return (_jsxs("div", { css: css `
|
|
11
|
+
display: flex;
|
|
12
|
+
flex-direction: column;
|
|
13
|
+
gap: 2px;
|
|
14
14
|
`, className: wrapperClassName, children: [_jsxs(Container, { type: "button", className: className, onClick: onClick, "aria-expanded": open, children: [_jsxs(Title, { children: [icon, title] }), open ? _jsx(ArrowUpSLineIcon, {}) : _jsx(ArrowDownSLineIcon, {})] }), open && children] }));
|
|
15
15
|
}
|
|
16
|
-
const Title = styled.div(({ theme }) => css `
|
|
17
|
-
display: flex;
|
|
18
|
-
gap: 8px;
|
|
19
|
-
font-family: ${theme.fontFamily.ui};
|
|
20
|
-
font-size: 12px;
|
|
21
|
-
font-style: normal;
|
|
22
|
-
font-weight: 700;
|
|
23
|
-
line-height: 16px; /* 133.333% */
|
|
16
|
+
const Title = styled.div(({ theme }) => css `
|
|
17
|
+
display: flex;
|
|
18
|
+
gap: 8px;
|
|
19
|
+
font-family: ${theme.fontFamily.ui};
|
|
20
|
+
font-size: 12px;
|
|
21
|
+
font-style: normal;
|
|
22
|
+
font-weight: 700;
|
|
23
|
+
line-height: 16px; /* 133.333% */
|
|
24
24
|
`);
|
|
25
|
-
const Container = styled.button `
|
|
26
|
-
${RESET_BUTTON}
|
|
27
|
-
display: flex;
|
|
28
|
-
padding: 8px 16px;
|
|
29
|
-
align-items: center;
|
|
30
|
-
justify-content: space-between;
|
|
31
|
-
border-radius: 8px;
|
|
32
|
-
cursor: pointer;
|
|
25
|
+
const Container = styled.button `
|
|
26
|
+
${RESET_BUTTON}
|
|
27
|
+
display: flex;
|
|
28
|
+
padding: 8px 16px;
|
|
29
|
+
align-items: center;
|
|
30
|
+
justify-content: space-between;
|
|
31
|
+
border-radius: 8px;
|
|
32
|
+
cursor: pointer;
|
|
33
33
|
`;
|
|
@@ -54,23 +54,23 @@ const DropdownItem = React.forwardRef(function DropdownItem(props, ref) {
|
|
|
54
54
|
return (_jsxs(_Fragment, { children: [_jsx(Component, Object.assign({ className: className, ref: ref, tabIndex: disabled ? -1 : 0, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onClick: handleClick, "aria-disabled": disabled }, other, { "aria-expanded": isSubMenuExist ? isSubMenuShowed : undefined, "aria-controls": isSubMenuExist ? dropdownMenuId : undefined, disabled: disabled }, (Component === "button"
|
|
55
55
|
? {
|
|
56
56
|
type: "button",
|
|
57
|
-
css: css `
|
|
58
|
-
${RESET_BUTTON}
|
|
59
|
-
display: block;
|
|
60
|
-
width: 100%;
|
|
57
|
+
css: css `
|
|
58
|
+
${RESET_BUTTON}
|
|
59
|
+
display: block;
|
|
60
|
+
width: 100%;
|
|
61
61
|
`,
|
|
62
62
|
}
|
|
63
63
|
: {}), { children: _jsxs(Item, { ref: itemRef, disabled: disabled, selected: isSubMenuShowed || Boolean(active), children: [_jsxs(LeftWrapper, { children: [checkbox && (_jsx(StyledCheckboxInput, Object.assign({}, checkboxProps, { disabled: disabled, onClick: (e) => {
|
|
64
64
|
e.stopPropagation();
|
|
65
|
-
} }))), startIcon && (_jsx(IconDiv, { type: type, preserveIconColor: preserveIconColor, children: startIcon })), _jsx(OverflowTooltip, { childrenCss: css `
|
|
66
|
-
flex: 1;
|
|
67
|
-
min-width: 0;
|
|
68
|
-
overflow: hidden;
|
|
69
|
-
font-size: 14px;
|
|
70
|
-
font-weight: 400;
|
|
71
|
-
font-family: ${theme.fontFamily.ui};
|
|
72
|
-
color: ${TYPE_TO_COLOR(theme, type)};
|
|
73
|
-
${labelCss}
|
|
65
|
+
} }))), startIcon && (_jsx(IconDiv, { type: type, preserveIconColor: preserveIconColor, children: startIcon })), _jsx(OverflowTooltip, { childrenCss: css `
|
|
66
|
+
flex: 1;
|
|
67
|
+
min-width: 0;
|
|
68
|
+
overflow: hidden;
|
|
69
|
+
font-size: 14px;
|
|
70
|
+
font-weight: 400;
|
|
71
|
+
font-family: ${theme.fontFamily.ui};
|
|
72
|
+
color: ${TYPE_TO_COLOR(theme, type)};
|
|
73
|
+
${labelCss}
|
|
74
74
|
`, text: label })] }), endIcon && (_jsx(IconDiv, { type: type, preserveIconColor: preserveIconColor, children: endIcon })), !endIcon && isSubMenuExist && (_jsx(IconDiv, { type: type, preserveIconColor: preserveIconColor, children: _jsx(ArrowRightSLineIcon, {}) }))] }) })), isSubMenuExist && (_jsx(DropdownContext.Provider, { value: {
|
|
75
75
|
open,
|
|
76
76
|
onCloseOnItemClick,
|
|
@@ -82,60 +82,60 @@ const DropdownItem = React.forwardRef(function DropdownItem(props, ref) {
|
|
|
82
82
|
horizontal: "right",
|
|
83
83
|
}, itemState: itemState, setItemState: setItemState, children: children })) }))] }));
|
|
84
84
|
});
|
|
85
|
-
const StyledCheckboxInput = styled(CheckboxInput) `
|
|
86
|
-
margin: 4px;
|
|
85
|
+
const StyledCheckboxInput = styled(CheckboxInput) `
|
|
86
|
+
margin: 4px;
|
|
87
87
|
`;
|
|
88
88
|
const IconDiv = styled("div", {
|
|
89
89
|
shouldForwardProp: (prop) => prop !== "preserveIconColor",
|
|
90
|
-
})(({ theme, type, preserveIconColor }) => css `
|
|
91
|
-
width: 14px;
|
|
92
|
-
height: 14px;
|
|
93
|
-
svg {
|
|
94
|
-
width: 14px;
|
|
95
|
-
height: 14px;
|
|
96
|
-
|
|
90
|
+
})(({ theme, type, preserveIconColor }) => css `
|
|
91
|
+
width: 14px;
|
|
92
|
+
height: 14px;
|
|
93
|
+
svg {
|
|
94
|
+
width: 14px;
|
|
95
|
+
height: 14px;
|
|
96
|
+
|
|
97
97
|
${!preserveIconColor &&
|
|
98
|
-
css `
|
|
99
|
-
path {
|
|
100
|
-
fill: ${TYPE_TO_COLOR(theme, type)};
|
|
101
|
-
}
|
|
102
|
-
`}
|
|
103
|
-
}
|
|
98
|
+
css `
|
|
99
|
+
path {
|
|
100
|
+
fill: ${TYPE_TO_COLOR(theme, type)};
|
|
101
|
+
}
|
|
102
|
+
`}
|
|
103
|
+
}
|
|
104
104
|
`);
|
|
105
|
-
const LeftWrapper = styled.div `
|
|
106
|
-
display: flex;
|
|
107
|
-
align-items: center;
|
|
108
|
-
overflow: hidden;
|
|
109
|
-
white-space: nowrap;
|
|
110
|
-
gap: 4px;
|
|
111
|
-
flex: 1;
|
|
112
|
-
min-width: 0;
|
|
105
|
+
const LeftWrapper = styled.div `
|
|
106
|
+
display: flex;
|
|
107
|
+
align-items: center;
|
|
108
|
+
overflow: hidden;
|
|
109
|
+
white-space: nowrap;
|
|
110
|
+
gap: 4px;
|
|
111
|
+
flex: 1;
|
|
112
|
+
min-width: 0;
|
|
113
113
|
`;
|
|
114
|
-
const Item = styled.div(({ theme, selected, disabled }) => css `
|
|
115
|
-
background-color: ${theme.color.background.neutralBase};
|
|
116
|
-
box-sizing: content-box;
|
|
117
|
-
height: 24px;
|
|
118
|
-
border-radius: 6px;
|
|
119
|
-
padding: 4px 8px;
|
|
120
|
-
display: flex;
|
|
121
|
-
align-items: center;
|
|
122
|
-
justify-content: space-between;
|
|
123
|
-
line-height: 20px;
|
|
124
|
-
cursor: pointer;
|
|
125
|
-
|
|
126
|
-
${HOVER(css `
|
|
127
|
-
background-color: ${theme.color.background.neutralAlt};
|
|
128
|
-
`)}
|
|
114
|
+
const Item = styled.div(({ theme, selected, disabled }) => css `
|
|
115
|
+
background-color: ${theme.color.background.neutralBase};
|
|
116
|
+
box-sizing: content-box;
|
|
117
|
+
height: 24px;
|
|
118
|
+
border-radius: 6px;
|
|
119
|
+
padding: 4px 8px;
|
|
120
|
+
display: flex;
|
|
121
|
+
align-items: center;
|
|
122
|
+
justify-content: space-between;
|
|
123
|
+
line-height: 20px;
|
|
124
|
+
cursor: pointer;
|
|
125
|
+
|
|
126
|
+
${HOVER(css `
|
|
127
|
+
background-color: ${theme.color.background.neutralAlt};
|
|
128
|
+
`)}
|
|
129
129
|
${selected &&
|
|
130
|
-
css `
|
|
131
|
-
background-color: ${theme.color.background.neutralAlt};
|
|
132
|
-
`}
|
|
130
|
+
css `
|
|
131
|
+
background-color: ${theme.color.background.neutralAlt};
|
|
132
|
+
`}
|
|
133
133
|
${disabled &&
|
|
134
|
-
css `
|
|
135
|
-
cursor: auto;
|
|
136
|
-
// mui MenuItem-disabled의 opacity: 0.38을 참고하여 적용합니다.
|
|
137
|
-
opacity: 0.38;
|
|
138
|
-
background-color: ${theme.color.background.neutralBase};
|
|
139
|
-
`}
|
|
134
|
+
css `
|
|
135
|
+
cursor: auto;
|
|
136
|
+
// mui MenuItem-disabled의 opacity: 0.38을 참고하여 적용합니다.
|
|
137
|
+
opacity: 0.38;
|
|
138
|
+
background-color: ${theme.color.background.neutralBase};
|
|
139
|
+
`}
|
|
140
140
|
`);
|
|
141
141
|
export { DropdownItem };
|
|
@@ -23,11 +23,11 @@ const DropdownMenu = React.forwardRef(function DropdownMenu(props, ref) {
|
|
|
23
23
|
}, closeOnItemClick, children, menuCss, itemState = EMPTY_MAP, setItemState = () => { }, dropdownMenuId, } = props;
|
|
24
24
|
const { nestedIndex, onCloseOnItemClick } = useContext(DropdownContext);
|
|
25
25
|
// 드롭다운 메뉴 위치 조정
|
|
26
|
-
const menuStyle = css `
|
|
27
|
-
.MuiPaper-root {
|
|
28
|
-
${menuCss}
|
|
29
|
-
${ORIGIN_PROPS_TO_MARGIN(anchorOrigin, isNestedMenu)}
|
|
30
|
-
}
|
|
26
|
+
const menuStyle = css `
|
|
27
|
+
.MuiPaper-root {
|
|
28
|
+
${menuCss}
|
|
29
|
+
${ORIGIN_PROPS_TO_MARGIN(anchorOrigin, isNestedMenu)}
|
|
30
|
+
}
|
|
31
31
|
`;
|
|
32
32
|
if (!anchorEl) {
|
|
33
33
|
return _jsx(_Fragment, {});
|
|
@@ -55,30 +55,30 @@ const DropdownMenu = React.forwardRef(function DropdownMenu(props, ref) {
|
|
|
55
55
|
// 실제 드롭다운 메뉴 영역에서만 포인터 이벤트를 감지하도록 처리
|
|
56
56
|
css: [
|
|
57
57
|
menuStyle,
|
|
58
|
-
css `
|
|
59
|
-
pointer-events: none;
|
|
60
|
-
.MuiPaper-root {
|
|
61
|
-
pointer-events: auto;
|
|
62
|
-
}
|
|
58
|
+
css `
|
|
59
|
+
pointer-events: none;
|
|
60
|
+
.MuiPaper-root {
|
|
61
|
+
pointer-events: auto;
|
|
62
|
+
}
|
|
63
63
|
`,
|
|
64
64
|
], children: children }) }));
|
|
65
65
|
});
|
|
66
66
|
export { DropdownMenu };
|
|
67
|
-
const Menu = styled(Popover)(({ theme }) => css `
|
|
68
|
-
.MuiPaper-root {
|
|
69
|
-
position: fixed;
|
|
70
|
-
display: flex;
|
|
71
|
-
flex-direction: column;
|
|
72
|
-
gap: 2px;
|
|
73
|
-
padding: 4px;
|
|
74
|
-
background-color: ${theme.color.background.neutralBase};
|
|
75
|
-
box-shadow: ${shadows.shadow04};
|
|
76
|
-
border-radius: 8px;
|
|
77
|
-
width: ${DROPDOWN_MENU_WIDTH}px;
|
|
78
|
-
max-height: ${DROPDOWN_MENU_MAX_HEIGHT}px;
|
|
79
|
-
overflow-y: auto;
|
|
80
|
-
overflow-x: hidden;
|
|
81
|
-
// 최상위 메뉴의 mui modal 백드롭의 z-index는 1300입니다.
|
|
82
|
-
z-index: 1300;
|
|
83
|
-
}
|
|
67
|
+
const Menu = styled(Popover)(({ theme }) => css `
|
|
68
|
+
.MuiPaper-root {
|
|
69
|
+
position: fixed;
|
|
70
|
+
display: flex;
|
|
71
|
+
flex-direction: column;
|
|
72
|
+
gap: 2px;
|
|
73
|
+
padding: 4px;
|
|
74
|
+
background-color: ${theme.color.background.neutralBase};
|
|
75
|
+
box-shadow: ${shadows.shadow04};
|
|
76
|
+
border-radius: 8px;
|
|
77
|
+
width: ${DROPDOWN_MENU_WIDTH}px;
|
|
78
|
+
max-height: ${DROPDOWN_MENU_MAX_HEIGHT}px;
|
|
79
|
+
overflow-y: auto;
|
|
80
|
+
overflow-x: hidden;
|
|
81
|
+
// 최상위 메뉴의 mui modal 백드롭의 z-index는 1300입니다.
|
|
82
|
+
z-index: 1300;
|
|
83
|
+
}
|
|
84
84
|
`);
|
|
@@ -7,37 +7,37 @@ export const ORIGIN_PROPS_TO_MARGIN = (anchorOrigin, nested) => {
|
|
|
7
7
|
const { vertical, horizontal } = anchorOrigin;
|
|
8
8
|
return {
|
|
9
9
|
top: {
|
|
10
|
-
left: css `
|
|
11
|
-
margin-right: 12px;
|
|
10
|
+
left: css `
|
|
11
|
+
margin-right: 12px;
|
|
12
12
|
`,
|
|
13
|
-
center: css `
|
|
14
|
-
margin-bottom: 8px;
|
|
13
|
+
center: css `
|
|
14
|
+
margin-bottom: 8px;
|
|
15
15
|
`,
|
|
16
|
-
right: css `
|
|
17
|
-
margin-left: ${nested ? 8 : 4}px;
|
|
16
|
+
right: css `
|
|
17
|
+
margin-left: ${nested ? 8 : 4}px;
|
|
18
18
|
`,
|
|
19
19
|
},
|
|
20
20
|
center: {
|
|
21
|
-
left: css `
|
|
22
|
-
margin-right: 12px;
|
|
21
|
+
left: css `
|
|
22
|
+
margin-right: 12px;
|
|
23
23
|
`,
|
|
24
|
-
center: css `
|
|
25
|
-
margin-bottom: 8px;
|
|
24
|
+
center: css `
|
|
25
|
+
margin-bottom: 8px;
|
|
26
26
|
`,
|
|
27
|
-
right: css `
|
|
28
|
-
margin-left: 4px;
|
|
27
|
+
right: css `
|
|
28
|
+
margin-left: 4px;
|
|
29
29
|
`,
|
|
30
30
|
},
|
|
31
31
|
bottom: {
|
|
32
|
-
left: css `
|
|
33
|
-
margin-top: 8px;
|
|
32
|
+
left: css `
|
|
33
|
+
margin-top: 8px;
|
|
34
34
|
`,
|
|
35
|
-
center: css `
|
|
36
|
-
margin-top: 8px;
|
|
35
|
+
center: css `
|
|
36
|
+
margin-top: 8px;
|
|
37
37
|
`,
|
|
38
|
-
right: css `
|
|
39
|
-
margin-top: 8px;
|
|
40
|
-
margin-left: 4px;
|
|
38
|
+
right: css `
|
|
39
|
+
margin-top: 8px;
|
|
40
|
+
margin-left: 4px;
|
|
41
41
|
`,
|
|
42
42
|
},
|
|
43
43
|
}[vertical][horizontal];
|