react-minolith 1.0.5 → 1.0.7
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/dist/backgrounds/Dot/Dot.js +28 -12
- package/dist/backgrounds/Dot/Dot.js.map +1 -1
- package/dist/backgrounds/Gingham/Gingham.js +33 -13
- package/dist/backgrounds/Gingham/Gingham.js.map +1 -1
- package/dist/backgrounds/Rhombus/Rhombus.js +27 -12
- package/dist/backgrounds/Rhombus/Rhombus.js.map +1 -1
- package/dist/backgrounds/Stripe/Stripe.js +51 -13
- package/dist/backgrounds/Stripe/Stripe.js.map +1 -1
- package/dist/backgrounds/Zigzag/Zigzag.js +51 -11
- package/dist/backgrounds/Zigzag/Zigzag.js.map +1 -1
- package/dist/backgrounds/index.d.ts +11 -0
- package/dist/backgrounds/index.d.ts.map +1 -0
- package/dist/backgrounds/index.js +13 -0
- package/dist/backgrounds/index.js.map +1 -0
- package/dist/base/Minolith/Minolith.js +9 -10
- package/dist/base/Minolith/Minolith.js.map +1 -1
- package/dist/base/Minolith/Minolith.stories.d.ts.map +1 -1
- package/dist/base/MinolithStatic/MinolithStatic.js +9 -10
- package/dist/base/MinolithStatic/MinolithStatic.js.map +1 -1
- package/dist/base/MinolithStatic/MinolithStatic.stories.d.ts.map +1 -1
- package/dist/base/Tabula/Tabula.js +17 -15
- package/dist/base/Tabula/Tabula.js.map +1 -1
- package/dist/base/index.d.ts +7 -0
- package/dist/base/index.d.ts.map +1 -0
- package/dist/base/index.js +9 -0
- package/dist/base/index.js.map +1 -0
- package/dist/components/Accordion/Accordion.js +37 -15
- package/dist/components/Accordion/Accordion.js.map +1 -1
- package/dist/components/AccordionDetails/AccordionDetails.js +5 -3
- package/dist/components/AccordionDetails/AccordionDetails.js.map +1 -1
- package/dist/components/AccordionSummary/AccordionSummary.js +13 -11
- package/dist/components/AccordionSummary/AccordionSummary.js.map +1 -1
- package/dist/components/Badge/Badge.js +36 -15
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Blockquote/Blockquote.js +33 -14
- package/dist/components/Blockquote/Blockquote.js.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.js +10 -8
- package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.js +25 -10
- package/dist/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/components/BreadcrumbsNav/BreadcrumbsNav.js +11 -9
- package/dist/components/BreadcrumbsNav/BreadcrumbsNav.js.map +1 -1
- package/dist/components/Button/Button.js +30 -7
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Card/Card.js +32 -15
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/CardBody/CardBody.js +8 -6
- package/dist/components/CardBody/CardBody.js.map +1 -1
- package/dist/components/CardFooter/CardFooter.js +6 -4
- package/dist/components/CardFooter/CardFooter.js.map +1 -1
- package/dist/components/CardHeader/CardHeader.js +12 -10
- package/dist/components/CardHeader/CardHeader.js.map +1 -1
- package/dist/components/Dialogue/Dialogue.js +49 -15
- package/dist/components/Dialogue/Dialogue.js.map +1 -1
- package/dist/components/DialogueAvatar/DialogueAvatar.js +15 -13
- package/dist/components/DialogueAvatar/DialogueAvatar.js.map +1 -1
- package/dist/components/DialogueAvatarContainer/DialogueAvatarContainer.js +14 -12
- package/dist/components/DialogueAvatarContainer/DialogueAvatarContainer.js.map +1 -1
- package/dist/components/DialogueContentContainer/DialogueContentContainer.js +13 -11
- package/dist/components/DialogueContentContainer/DialogueContentContainer.js.map +1 -1
- package/dist/components/DialogueMessage/DialogueMessage.js +12 -10
- package/dist/components/DialogueMessage/DialogueMessage.js.map +1 -1
- package/dist/components/DialogueMessageInner/DialogueMessageInner.js +12 -10
- package/dist/components/DialogueMessageInner/DialogueMessageInner.js.map +1 -1
- package/dist/components/DialogueName/DialogueName.js +13 -11
- package/dist/components/DialogueName/DialogueName.js.map +1 -1
- package/dist/components/Div/Div.js +4 -2
- package/dist/components/Div/Div.js.map +1 -1
- package/dist/components/Footer/Footer.js +24 -11
- package/dist/components/Footer/Footer.js.map +1 -1
- package/dist/components/Hamburger/Hamburger.js +41 -18
- package/dist/components/Hamburger/Hamburger.js.map +1 -1
- package/dist/components/Header/Header.js +25 -10
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/Heading/Heading.js +31 -24
- package/dist/components/Heading/Heading.js.map +1 -1
- package/dist/components/Input/Input.js +53 -16
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Label/Label.js +25 -12
- package/dist/components/Label/Label.js.map +1 -1
- package/dist/components/Link/Link.js +26 -13
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/Loader/Loader.js +55 -11
- package/dist/components/Loader/Loader.js.map +1 -1
- package/dist/components/Main/Main.js +4 -4
- package/dist/components/Main/Main.js.map +1 -1
- package/dist/components/Message/Message.js +26 -11
- package/dist/components/Message/Message.js.map +1 -1
- package/dist/components/MessageBody/MessageBody.js +5 -3
- package/dist/components/MessageBody/MessageBody.js.map +1 -1
- package/dist/components/MessageHeader/MessageHeader.js +4 -2
- package/dist/components/MessageHeader/MessageHeader.js.map +1 -1
- package/dist/components/Modal/Modal.js +22 -7
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/ModalContent/ModalContent.js +13 -11
- package/dist/components/ModalContent/ModalContent.js.map +1 -1
- package/dist/components/Nav/Nav.js +50 -13
- package/dist/components/Nav/Nav.js.map +1 -1
- package/dist/components/NavAccordion/NavAccordion.js +49 -12
- package/dist/components/NavAccordion/NavAccordion.js.map +1 -1
- package/dist/components/NavBrand/NavBrand.js +13 -11
- package/dist/components/NavBrand/NavBrand.js.map +1 -1
- package/dist/components/NavBrandCenter/NavBrandCenter.js +15 -13
- package/dist/components/NavBrandCenter/NavBrandCenter.js.map +1 -1
- package/dist/components/NavBrandLeft/NavBrandLeft.js +15 -13
- package/dist/components/NavBrandLeft/NavBrandLeft.js.map +1 -1
- package/dist/components/NavBrandRight/NavBrandRight.js +15 -13
- package/dist/components/NavBrandRight/NavBrandRight.js.map +1 -1
- package/dist/components/NavMenu/NavMenu.js +10 -7
- package/dist/components/NavMenu/NavMenu.js.map +1 -1
- package/dist/components/NavMenuItem/NavMenuItem.js +10 -8
- package/dist/components/NavMenuItem/NavMenuItem.js.map +1 -1
- package/dist/components/NavStatic/NavStatic.js +49 -12
- package/dist/components/NavStatic/NavStatic.js.map +1 -1
- package/dist/components/Paragraph/Paragraph.js +10 -8
- package/dist/components/Paragraph/Paragraph.js.map +1 -1
- package/dist/components/Progress/Progress.js +151 -13
- package/dist/components/Progress/Progress.js.map +1 -1
- package/dist/components/Ruby/Ruby.js +11 -9
- package/dist/components/Ruby/Ruby.js.map +1 -1
- package/dist/components/RubyText/RubyText.js +16 -14
- package/dist/components/RubyText/RubyText.js.map +1 -1
- package/dist/components/Section/Section.js +11 -9
- package/dist/components/Section/Section.js.map +1 -1
- package/dist/components/Span/Span.js +11 -9
- package/dist/components/Span/Span.js.map +1 -1
- package/dist/components/Textarea/Textarea.js +51 -14
- package/dist/components/Textarea/Textarea.js.map +1 -1
- package/dist/components/index.d.ts +103 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.js +105 -0
- package/dist/components/index.js.map +1 -0
- package/dist/layouts/Centering/Centering.js +14 -12
- package/dist/layouts/Centering/Centering.js.map +1 -1
- package/dist/layouts/Column/Column.js +979 -27
- package/dist/layouts/Column/Column.js.map +1 -1
- package/dist/layouts/Columns/Columns.js +1133 -181
- package/dist/layouts/Columns/Columns.js.map +1 -1
- package/dist/layouts/Container/Container.js +910 -151
- package/dist/layouts/Container/Container.js.map +1 -1
- package/dist/layouts/index.d.ts +9 -0
- package/dist/layouts/index.d.ts.map +1 -0
- package/dist/layouts/index.js +11 -0
- package/dist/layouts/index.js.map +1 -0
- package/dist/react-minolith.d.ts +62 -4
- package/dist/react-minolith.d.ts.map +1 -1
- package/dist/react-minolith.js +130 -124
- package/dist/react-minolith.js.map +1 -1
- package/dist/utilities/emotionStyleUtility/emotionStyleUtility.js +5 -5
- package/dist/utilities/emotionStyleUtility/emotionStyleUtility.js.map +1 -1
- package/dist/utilities/index.d.ts +4 -1
- package/dist/utilities/index.d.ts.map +1 -1
- package/package.json +4 -3
- package/dist/backgrounds/Dot/Dot.module.scss.js +0 -22
- package/dist/backgrounds/Dot/Dot.module.scss.js.map +0 -1
- package/dist/backgrounds/Gingham/Gingham.module.scss.js +0 -26
- package/dist/backgrounds/Gingham/Gingham.module.scss.js.map +0 -1
- package/dist/backgrounds/Rhombus/Rhombus.module.scss.js +0 -21
- package/dist/backgrounds/Rhombus/Rhombus.module.scss.js.map +0 -1
- package/dist/backgrounds/Stripe/Stripe.module.scss.js +0 -44
- package/dist/backgrounds/Stripe/Stripe.module.scss.js.map +0 -1
- package/dist/backgrounds/Zigzag/Zigzag.module.scss.js +0 -46
- package/dist/backgrounds/Zigzag/Zigzag.module.scss.js.map +0 -1
- package/dist/base/Tabula/Tabula.module.scss.js +0 -8
- package/dist/base/Tabula/Tabula.module.scss.js.map +0 -1
- package/dist/components/Accordion/Accordion.module.scss.js +0 -30
- package/dist/components/Accordion/Accordion.module.scss.js.map +0 -1
- package/dist/components/AccordionDetails/AccordionDetails.module.scss.js +0 -7
- package/dist/components/AccordionDetails/AccordionDetails.module.scss.js.map +0 -1
- package/dist/components/AccordionSummary/AccordionSummary.module.scss.js +0 -7
- package/dist/components/AccordionSummary/AccordionSummary.module.scss.js.map +0 -1
- package/dist/components/Badge/Badge.module.scss.js +0 -27
- package/dist/components/Badge/Badge.module.scss.js.map +0 -1
- package/dist/components/Blockquote/Blockquote.module.scss.js +0 -27
- package/dist/components/Blockquote/Blockquote.module.scss.js.map +0 -1
- package/dist/components/Breadcrumb/Breadcrumb.module.scss.js +0 -8
- package/dist/components/Breadcrumb/Breadcrumb.module.scss.js.map +0 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.js +0 -22
- package/dist/components/Breadcrumbs/Breadcrumbs.module.scss.js.map +0 -1
- package/dist/components/BreadcrumbsNav/BreadcrumbsNav.module.scss.js +0 -7
- package/dist/components/BreadcrumbsNav/BreadcrumbsNav.module.scss.js.map +0 -1
- package/dist/components/Button/Button.module.scss.js +0 -29
- package/dist/components/Button/Button.module.scss.js.map +0 -1
- package/dist/components/Card/Card.module.scss.js +0 -23
- package/dist/components/Card/Card.module.scss.js.map +0 -1
- package/dist/components/CardBody/CardBody.module.scss.js +0 -7
- package/dist/components/CardBody/CardBody.module.scss.js.map +0 -1
- package/dist/components/CardFooter/CardFooter.module.scss.js +0 -7
- package/dist/components/CardFooter/CardFooter.module.scss.js.map +0 -1
- package/dist/components/CardHeader/CardHeader.module.scss.js +0 -7
- package/dist/components/CardHeader/CardHeader.module.scss.js.map +0 -1
- package/dist/components/Dialogue/Dialogue.module.scss.js +0 -40
- package/dist/components/Dialogue/Dialogue.module.scss.js.map +0 -1
- package/dist/components/DialogueAvatar/DialogueAvatar.module.scss.js +0 -7
- package/dist/components/DialogueAvatar/DialogueAvatar.module.scss.js.map +0 -1
- package/dist/components/DialogueAvatarContainer/DialogueAvatarContainer.module.scss.js +0 -7
- package/dist/components/DialogueAvatarContainer/DialogueAvatarContainer.module.scss.js.map +0 -1
- package/dist/components/DialogueContentContainer/DialogueContentContainer.module.scss.js +0 -7
- package/dist/components/DialogueContentContainer/DialogueContentContainer.module.scss.js.map +0 -1
- package/dist/components/DialogueMessage/DialogueMessage.module.scss.js +0 -7
- package/dist/components/DialogueMessage/DialogueMessage.module.scss.js.map +0 -1
- package/dist/components/DialogueMessageInner/DialogueMessageInner.module.scss.js +0 -7
- package/dist/components/DialogueMessageInner/DialogueMessageInner.module.scss.js.map +0 -1
- package/dist/components/DialogueName/DialogueName.module.scss.js +0 -7
- package/dist/components/DialogueName/DialogueName.module.scss.js.map +0 -1
- package/dist/components/Div/Div.module.scss.js +0 -8
- package/dist/components/Div/Div.module.scss.js.map +0 -1
- package/dist/components/Footer/Footer.module.scss.js +0 -19
- package/dist/components/Footer/Footer.module.scss.js.map +0 -1
- package/dist/components/Hamburger/Hamburger.module.scss.js +0 -34
- package/dist/components/Hamburger/Hamburger.module.scss.js.map +0 -1
- package/dist/components/Header/Header.module.scss.js +0 -21
- package/dist/components/Header/Header.module.scss.js.map +0 -1
- package/dist/components/Heading/Heading.module.scss.js +0 -12
- package/dist/components/Heading/Heading.module.scss.js.map +0 -1
- package/dist/components/Input/Input.module.scss.js +0 -43
- package/dist/components/Input/Input.module.scss.js.map +0 -1
- package/dist/components/Label/Label.module.scss.js +0 -19
- package/dist/components/Label/Label.module.scss.js.map +0 -1
- package/dist/components/Link/Link.module.scss.js +0 -19
- package/dist/components/Link/Link.module.scss.js.map +0 -1
- package/dist/components/Loader/Loader.module.scss.js +0 -50
- package/dist/components/Loader/Loader.module.scss.js.map +0 -1
- package/dist/components/Message/Message.module.scss.js +0 -21
- package/dist/components/Message/Message.module.scss.js.map +0 -1
- package/dist/components/MessageBody/MessageBody.module.scss.js +0 -7
- package/dist/components/MessageBody/MessageBody.module.scss.js.map +0 -1
- package/dist/components/MessageHeader/MessageHeader.module.scss.js +0 -7
- package/dist/components/MessageHeader/MessageHeader.module.scss.js.map +0 -1
- package/dist/components/Modal/Modal.module.scss.js +0 -21
- package/dist/components/Modal/Modal.module.scss.js.map +0 -1
- package/dist/components/ModalContent/ModalContent.module.scss.js +0 -7
- package/dist/components/ModalContent/ModalContent.module.scss.js.map +0 -1
- package/dist/components/Nav/Nav.module.scss.js +0 -47
- package/dist/components/Nav/Nav.module.scss.js.map +0 -1
- package/dist/components/NavAccordion/NavAccordion.module.scss.js +0 -47
- package/dist/components/NavAccordion/NavAccordion.module.scss.js.map +0 -1
- package/dist/components/NavBrand/NavBrand.module.scss.js +0 -7
- package/dist/components/NavBrand/NavBrand.module.scss.js.map +0 -1
- package/dist/components/NavBrandCenter/NavBrandCenter.module.scss.js +0 -7
- package/dist/components/NavBrandCenter/NavBrandCenter.module.scss.js.map +0 -1
- package/dist/components/NavBrandLeft/NavBrandLeft.module.scss.js +0 -7
- package/dist/components/NavBrandLeft/NavBrandLeft.module.scss.js.map +0 -1
- package/dist/components/NavBrandRight/NavBrandRight.module.scss.js +0 -7
- package/dist/components/NavBrandRight/NavBrandRight.module.scss.js.map +0 -1
- package/dist/components/NavMenu/NavMenu.module.scss.js +0 -8
- package/dist/components/NavMenu/NavMenu.module.scss.js.map +0 -1
- package/dist/components/NavMenuItem/NavMenuItem.module.scss.js +0 -7
- package/dist/components/NavMenuItem/NavMenuItem.module.scss.js.map +0 -1
- package/dist/components/NavStatic/NavStatic.module.scss.js +0 -47
- package/dist/components/NavStatic/NavStatic.module.scss.js.map +0 -1
- package/dist/components/Paragraph/Paragraph.module.scss.js +0 -8
- package/dist/components/Paragraph/Paragraph.module.scss.js.map +0 -1
- package/dist/components/Progress/Progress.module.scss.js +0 -144
- package/dist/components/Progress/Progress.module.scss.js.map +0 -1
- package/dist/components/Ruby/Ruby.module.scss.js +0 -8
- package/dist/components/Ruby/Ruby.module.scss.js.map +0 -1
- package/dist/components/RubyText/RubyText.module.scss.js +0 -8
- package/dist/components/RubyText/RubyText.module.scss.js.map +0 -1
- package/dist/components/Section/Section.module.scss.js +0 -8
- package/dist/components/Section/Section.module.scss.js.map +0 -1
- package/dist/components/Span/Span.module.scss.js +0 -8
- package/dist/components/Span/Span.module.scss.js.map +0 -1
- package/dist/components/Textarea/Textarea.module.scss.js +0 -43
- package/dist/components/Textarea/Textarea.module.scss.js.map +0 -1
- package/dist/layouts/Centering/Centering.module.scss.js +0 -8
- package/dist/layouts/Centering/Centering.module.scss.js.map +0 -1
- package/dist/layouts/Column/Column.module.scss.js +0 -959
- package/dist/layouts/Column/Column.module.scss.js.map +0 -1
- package/dist/layouts/Columns/Columns.module.scss.js +0 -959
- package/dist/layouts/Columns/Columns.module.scss.js.map +0 -1
- package/dist/layouts/Container/Container.module.scss.js +0 -765
- package/dist/layouts/Container/Container.module.scss.js.map +0 -1
- /package/dist/assets/{components/AccordionDetails/AccordionDetails.module.css → Accordion.css} +0 -0
- /package/dist/assets/{components/Badge/Badge.module.css → Badge.css} +0 -0
- /package/dist/assets/{components/Blockquote/Blockquote.module.css → Blockquote.css} +0 -0
- /package/dist/assets/{components/Breadcrumb/Breadcrumb.module.css → Breadcrumb.css} +0 -0
- /package/dist/assets/{components/Button/Button.module.css → Button.css} +0 -0
- /package/dist/assets/{components/CardHeader/CardHeader.module.css → Card.css} +0 -0
- /package/dist/assets/{layouts/Centering/Centering.module.css → Centering.css} +0 -0
- /package/dist/assets/{layouts/Column/Column.module.css → Columns.css} +0 -0
- /package/dist/assets/{layouts/Container/Container.module.css → Container.css} +0 -0
- /package/dist/assets/{components/DialogueName/DialogueName.module.css → Dialogue.css} +0 -0
- /package/dist/assets/{components/Div/Div.module.css → Div.css} +0 -0
- /package/dist/assets/{backgrounds/Dot/Dot.module.css → Dot.css} +0 -0
- /package/dist/assets/{components/Footer/Footer.module.css → Footer.css} +0 -0
- /package/dist/assets/{backgrounds/Gingham/Gingham.module.css → Gingham.css} +0 -0
- /package/dist/assets/{components/Hamburger/Hamburger.module.css → Hamburger.css} +0 -0
- /package/dist/assets/{components/Header/Header.module.css → Header.css} +0 -0
- /package/dist/assets/{components/Heading/Heading.module.css → Heading.css} +0 -0
- /package/dist/assets/{components/Label/Label.module.css → Label.css} +0 -0
- /package/dist/assets/{components/Link/Link.module.css → Link.css} +0 -0
- /package/dist/assets/{components/Loader/Loader.module.css → Loader.css} +0 -0
- /package/dist/assets/{components/MessageBody/MessageBody.module.css → Message.css} +0 -0
- /package/dist/assets/{base/MinolithStatic/MinolithStatic.css → Minolith.css} +0 -0
- /package/dist/assets/{components/ModalContent/ModalContent.module.css → Modal.css} +0 -0
- /package/dist/assets/{components/NavMenuItem/NavMenuItem.module.css → Nav.css} +0 -0
- /package/dist/assets/{components/Paragraph/Paragraph.module.css → Paragraph.css} +0 -0
- /package/dist/assets/{components/Progress/Progress.module.css → Progress.css} +0 -0
- /package/dist/assets/{backgrounds/Rhombus/Rhombus.module.css → Rhombus.css} +0 -0
- /package/dist/assets/{components/Section/Section.module.css → Section.css} +0 -0
- /package/dist/assets/{components/Span/Span.module.css → Span.css} +0 -0
- /package/dist/assets/{backgrounds/Stripe/Stripe.module.css → Stripe.css} +0 -0
- /package/dist/assets/{base/Tabula/Tabula.module.css → Tabula.css} +0 -0
- /package/dist/assets/{components/Textarea/Textarea.module.css → Textarea.css} +0 -0
- /package/dist/assets/{backgrounds/Zigzag/Zigzag.module.css → Zigzag.css} +0 -0
|
@@ -1,24 +1,40 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
import { jsx as _ } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import o from "../../utilities/classNameUtility/classNameUtility.js";
|
|
4
|
+
import a from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
5
|
+
import '../../assets/Dot.css';const n = "_dot_pul8e_1", l = {
|
|
6
|
+
dot: n,
|
|
7
|
+
"is-coin": "_is-coin_pul8e_18",
|
|
8
|
+
"is-polka": "_is-polka_pul8e_21",
|
|
9
|
+
"is-pin": "_is-pin_pul8e_24",
|
|
10
|
+
"is-gray": "_is-gray_pul8e_27",
|
|
11
|
+
"is-red": "_is-red_pul8e_35",
|
|
12
|
+
"is-coral": "_is-coral_pul8e_43",
|
|
13
|
+
"is-orange": "_is-orange_pul8e_51",
|
|
14
|
+
"is-yellow": "_is-yellow_pul8e_59",
|
|
15
|
+
"is-lime": "_is-lime_pul8e_67",
|
|
16
|
+
"is-green": "_is-green_pul8e_75",
|
|
17
|
+
"is-cyan": "_is-cyan_pul8e_83",
|
|
18
|
+
"is-blue": "_is-blue_pul8e_91",
|
|
19
|
+
"is-violet": "_is-violet_pul8e_99",
|
|
20
|
+
"is-magenta": "_is-magenta_pul8e_107"
|
|
21
|
+
};
|
|
22
|
+
function m(i) {
|
|
23
|
+
const e = { ...i };
|
|
8
24
|
delete e.colorName, delete e.dotSize, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
|
|
9
|
-
const s = [
|
|
10
|
-
|
|
11
|
-
const
|
|
12
|
-
return /* @__PURE__ */
|
|
25
|
+
const s = [l.dot];
|
|
26
|
+
i.colorName && s.push(l[`is-${i.colorName}`]), i.dotSize && s.push(l[`is-${i.dotSize}`]), s.push(...o.getUtilityClassNames(i)), i.className && s.push(i.className);
|
|
27
|
+
const t = a.getEmotionCss(i);
|
|
28
|
+
return /* @__PURE__ */ _(
|
|
13
29
|
"div",
|
|
14
30
|
{
|
|
15
31
|
...e,
|
|
16
32
|
className: s.join(" "),
|
|
17
|
-
css:
|
|
33
|
+
css: t
|
|
18
34
|
}
|
|
19
35
|
);
|
|
20
36
|
}
|
|
21
37
|
export {
|
|
22
|
-
|
|
38
|
+
m as default
|
|
23
39
|
};
|
|
24
40
|
//# sourceMappingURL=Dot.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dot.js","sources":["../../../src/backgrounds/Dot/Dot.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Dot.module.scss\";\r\nimport DotProps from \"./DotProps\";\r\n\r\nexport default function Dot(props: DotProps): React.ReactElement {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"colorName\"];\r\n delete assignedProps[\"dotSize\"];\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n delete assignedProps[\"css\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames = [classNames[\"dot\"]];\r\n props.colorName &&\r\n assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n props.dotSize && assignedClassNames.push(classNames[`is-${props.dotSize}`]);\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n return (\r\n <div\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Dot.js","sources":["../../../src/backgrounds/Dot/Dot.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Dot.module.scss\";\r\nimport DotProps from \"./DotProps\";\r\n\r\nexport default function Dot(props: DotProps): React.ReactElement {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"colorName\"];\r\n delete assignedProps[\"dotSize\"];\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n delete assignedProps[\"css\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames = [classNames[\"dot\"]];\r\n props.colorName &&\r\n assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n props.dotSize && assignedClassNames.push(classNames[`is-${props.dotSize}`]);\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n return (\r\n <div\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":["Dot","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAIC,GAAqC;AACzD,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,SAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,GAAM;AACvC,EAAAH,EAAA,aACJE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GACvDA,EAAA,WAAWE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,OAAO,EAAE,CAAC,GAC1EE,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAoB,cAAcN,CAAK;AAGjD,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}
|
|
@@ -1,24 +1,44 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
import { jsx as o } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import g from "../../utilities/classNameUtility/classNameUtility.js";
|
|
4
|
+
import t from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
5
|
+
import '../../assets/Gingham.css';const l = "_gingham_oi0za_1", a = {
|
|
6
|
+
gingham: l,
|
|
7
|
+
"is-0deg": "_is-0deg_oi0za_16",
|
|
8
|
+
"is-15deg": "_is-15deg_oi0za_19",
|
|
9
|
+
"is-30deg": "_is-30deg_oi0za_22",
|
|
10
|
+
"is-45deg": "_is-45deg_oi0za_25",
|
|
11
|
+
"is-60deg": "_is-60deg_oi0za_28",
|
|
12
|
+
"is-75deg": "_is-75deg_oi0za_31",
|
|
13
|
+
"is-90deg": "_is-90deg_oi0za_34",
|
|
14
|
+
"is-gray": "_is-gray_oi0za_37",
|
|
15
|
+
"is-red": "_is-red_oi0za_45",
|
|
16
|
+
"is-coral": "_is-coral_oi0za_53",
|
|
17
|
+
"is-orange": "_is-orange_oi0za_61",
|
|
18
|
+
"is-yellow": "_is-yellow_oi0za_69",
|
|
19
|
+
"is-lime": "_is-lime_oi0za_77",
|
|
20
|
+
"is-green": "_is-green_oi0za_85",
|
|
21
|
+
"is-cyan": "_is-cyan_oi0za_93",
|
|
22
|
+
"is-blue": "_is-blue_oi0za_101",
|
|
23
|
+
"is-violet": "_is-violet_oi0za_109",
|
|
24
|
+
"is-magenta": "_is-magenta_oi0za_117"
|
|
25
|
+
};
|
|
26
|
+
function c(i) {
|
|
27
|
+
const e = { ...i };
|
|
8
28
|
delete e.colorName, delete e.degree, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
const
|
|
12
|
-
return /* @__PURE__ */
|
|
29
|
+
const s = [a.gingham];
|
|
30
|
+
i.colorName && s.push(a[`is-${i.colorName}`]), i.degree && s.push(a[`is-${i.degree}deg`]), s.push(...g.getUtilityClassNames(i)), i.className && s.push(i.className);
|
|
31
|
+
const _ = t.getEmotionCss(i);
|
|
32
|
+
return /* @__PURE__ */ o(
|
|
13
33
|
"div",
|
|
14
34
|
{
|
|
15
35
|
...e,
|
|
16
|
-
className:
|
|
17
|
-
css:
|
|
36
|
+
className: s.join(" "),
|
|
37
|
+
css: _
|
|
18
38
|
}
|
|
19
39
|
);
|
|
20
40
|
}
|
|
21
41
|
export {
|
|
22
|
-
|
|
42
|
+
c as default
|
|
23
43
|
};
|
|
24
44
|
//# sourceMappingURL=Gingham.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Gingham.js","sources":["../../../src/backgrounds/Gingham/Gingham.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Gingham.module.scss\";\r\nimport GinghamProps from \"./GinghamProps\";\r\n\r\nexport default function Gingham(props: GinghamProps): React.ReactElement {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"colorName\"];\r\n delete assignedProps[\"degree\"];\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n delete assignedProps[\"css\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames = [classNames[\"gingham\"]];\r\n if (props.colorName) {\r\n assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n }\r\n if (props.degree) {\r\n assignedClassNames.push(classNames[`is-${props.degree}deg`]);\r\n }\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n return (\r\n <div\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Gingham.js","sources":["../../../src/backgrounds/Gingham/Gingham.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Gingham.module.scss\";\r\nimport GinghamProps from \"./GinghamProps\";\r\n\r\nexport default function Gingham(props: GinghamProps): React.ReactElement {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"colorName\"];\r\n delete assignedProps[\"degree\"];\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n delete assignedProps[\"css\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames = [classNames[\"gingham\"]];\r\n if (props.colorName) {\r\n assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n }\r\n if (props.degree) {\r\n assignedClassNames.push(classNames[`is-${props.degree}deg`]);\r\n }\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n return (\r\n <div\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":["Gingham","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAQC,GAAyC;AACjE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,QAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,OAAU;AACjD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAEzDA,EAAM,UACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,MAAM,KAAK,CAAC,GAE7DE,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAoB,cAAcN,CAAK;AAGjD,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}
|
|
@@ -1,24 +1,39 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
2
|
+
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import a from "../../utilities/classNameUtility/classNameUtility.js";
|
|
4
|
+
import o from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
5
|
+
import '../../assets/Rhombus.css';const d = "_rhombus_109dl_1", l = {
|
|
6
|
+
rhombus: d,
|
|
7
|
+
"is-small": "_is-small_109dl_18",
|
|
8
|
+
"is-large": "_is-large_109dl_21",
|
|
9
|
+
"is-gray": "_is-gray_109dl_24",
|
|
10
|
+
"is-red": "_is-red_109dl_32",
|
|
11
|
+
"is-coral": "_is-coral_109dl_40",
|
|
12
|
+
"is-orange": "_is-orange_109dl_48",
|
|
13
|
+
"is-yellow": "_is-yellow_109dl_56",
|
|
14
|
+
"is-lime": "_is-lime_109dl_64",
|
|
15
|
+
"is-green": "_is-green_109dl_72",
|
|
16
|
+
"is-cyan": "_is-cyan_109dl_80",
|
|
17
|
+
"is-blue": "_is-blue_109dl_88",
|
|
18
|
+
"is-violet": "_is-violet_109dl_96",
|
|
19
|
+
"is-magenta": "_is-magenta_109dl_104"
|
|
20
|
+
};
|
|
21
|
+
function c(s) {
|
|
7
22
|
const e = { ...s };
|
|
8
23
|
delete e.colorName, delete e.size, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
|
|
9
|
-
const
|
|
10
|
-
s.colorName &&
|
|
11
|
-
const
|
|
12
|
-
return /* @__PURE__ */
|
|
24
|
+
const i = [l.rhombus];
|
|
25
|
+
s.colorName && i.push(l[`is-${s.colorName}`]), s.size && i.push(l[`is-${s.size}`]), i.push(...a.getUtilityClassNames(s)), s.className && i.push(s.className);
|
|
26
|
+
const _ = o.getEmotionCss(s);
|
|
27
|
+
return /* @__PURE__ */ t(
|
|
13
28
|
"div",
|
|
14
29
|
{
|
|
15
30
|
...e,
|
|
16
|
-
className:
|
|
17
|
-
css:
|
|
31
|
+
className: i.join(" "),
|
|
32
|
+
css: _
|
|
18
33
|
}
|
|
19
34
|
);
|
|
20
35
|
}
|
|
21
36
|
export {
|
|
22
|
-
|
|
37
|
+
c as default
|
|
23
38
|
};
|
|
24
39
|
//# sourceMappingURL=Rhombus.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rhombus.js","sources":["../../../src/backgrounds/Rhombus/Rhombus.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Rhombus.module.scss\";\r\nimport RhombusProps from \"./RhombusProps\";\r\n\r\nexport default function Rhombus(props: RhombusProps): React.ReactElement {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"colorName\"];\r\n delete assignedProps[\"size\"];\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n delete assignedProps[\"css\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames = [classNames[\"rhombus\"]];\r\n if (props.colorName) {\r\n assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n }\r\n if (props.size) {\r\n assignedClassNames.push(classNames[`is-${props.size}`]);\r\n }\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n return (\r\n <div\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Rhombus.js","sources":["../../../src/backgrounds/Rhombus/Rhombus.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Rhombus.module.scss\";\r\nimport RhombusProps from \"./RhombusProps\";\r\n\r\nexport default function Rhombus(props: RhombusProps): React.ReactElement {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"colorName\"];\r\n delete assignedProps[\"size\"];\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n delete assignedProps[\"css\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames = [classNames[\"rhombus\"]];\r\n if (props.colorName) {\r\n assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n }\r\n if (props.size) {\r\n assignedClassNames.push(classNames[`is-${props.size}`]);\r\n }\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n return (\r\n <div\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":["Rhombus","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAQC,GAAyC;AACjE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,MAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,OAAU;AACjD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAEzDA,EAAM,QACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,IAAI,EAAE,CAAC,GAExDE,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAoB,cAAcN,CAAK;AAGjD,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}
|
|
@@ -1,24 +1,62 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
import { jsx as g } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import y from "../../utilities/classNameUtility/classNameUtility.js";
|
|
4
|
+
import t from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
5
|
+
import '../../assets/Stripe.css';const v = "_stripe_dv95y_1", i = {
|
|
6
|
+
stripe: v,
|
|
7
|
+
"is-0deg": "_is-0deg_dv95y_16",
|
|
8
|
+
"is-15deg": "_is-15deg_dv95y_19",
|
|
9
|
+
"is-30deg": "_is-30deg_dv95y_22",
|
|
10
|
+
"is-45deg": "_is-45deg_dv95y_25",
|
|
11
|
+
"is-60deg": "_is-60deg_dv95y_28",
|
|
12
|
+
"is-75deg": "_is-75deg_dv95y_31",
|
|
13
|
+
"is-90deg": "_is-90deg_dv95y_34",
|
|
14
|
+
"is-105deg": "_is-105deg_dv95y_37",
|
|
15
|
+
"is-120deg": "_is-120deg_dv95y_40",
|
|
16
|
+
"is-135deg": "_is-135deg_dv95y_43",
|
|
17
|
+
"is-150deg": "_is-150deg_dv95y_46",
|
|
18
|
+
"is-165deg": "_is-165deg_dv95y_49",
|
|
19
|
+
"is-180deg": "_is-180deg_dv95y_52",
|
|
20
|
+
"is-195deg": "_is-195deg_dv95y_55",
|
|
21
|
+
"is-210deg": "_is-210deg_dv95y_58",
|
|
22
|
+
"is-225deg": "_is-225deg_dv95y_61",
|
|
23
|
+
"is-240deg": "_is-240deg_dv95y_64",
|
|
24
|
+
"is-255deg": "_is-255deg_dv95y_67",
|
|
25
|
+
"is-270deg": "_is-270deg_dv95y_70",
|
|
26
|
+
"is-285deg": "_is-285deg_dv95y_73",
|
|
27
|
+
"is-300deg": "_is-300deg_dv95y_76",
|
|
28
|
+
"is-315deg": "_is-315deg_dv95y_79",
|
|
29
|
+
"is-330deg": "_is-330deg_dv95y_82",
|
|
30
|
+
"is-345deg": "_is-345deg_dv95y_85",
|
|
31
|
+
"is-360deg": "_is-360deg_dv95y_88",
|
|
32
|
+
"is-gray": "_is-gray_dv95y_91",
|
|
33
|
+
"is-red": "_is-red_dv95y_99",
|
|
34
|
+
"is-coral": "_is-coral_dv95y_107",
|
|
35
|
+
"is-orange": "_is-orange_dv95y_115",
|
|
36
|
+
"is-yellow": "_is-yellow_dv95y_123",
|
|
37
|
+
"is-lime": "_is-lime_dv95y_131",
|
|
38
|
+
"is-green": "_is-green_dv95y_139",
|
|
39
|
+
"is-cyan": "_is-cyan_dv95y_147",
|
|
40
|
+
"is-blue": "_is-blue_dv95y_155",
|
|
41
|
+
"is-violet": "_is-violet_dv95y_163",
|
|
42
|
+
"is-magenta": "_is-magenta_dv95y_171"
|
|
43
|
+
};
|
|
44
|
+
function r(s) {
|
|
45
|
+
const e = { ...s };
|
|
8
46
|
delete e.colorName, delete e.degree, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
const
|
|
12
|
-
return /* @__PURE__ */
|
|
47
|
+
const _ = [i.stripe];
|
|
48
|
+
s.colorName && _.push(i[`is-${s.colorName}`]), s.degree && _.push(i[`is-${s.degree}deg`]), _.push(...y.getUtilityClassNames(s)), s.className && _.push(s.className);
|
|
49
|
+
const d = t.getEmotionCss(s);
|
|
50
|
+
return /* @__PURE__ */ g(
|
|
13
51
|
"div",
|
|
14
52
|
{
|
|
15
53
|
...e,
|
|
16
|
-
className:
|
|
17
|
-
css:
|
|
54
|
+
className: _.join(" "),
|
|
55
|
+
css: d
|
|
18
56
|
}
|
|
19
57
|
);
|
|
20
58
|
}
|
|
21
59
|
export {
|
|
22
|
-
|
|
60
|
+
r as default
|
|
23
61
|
};
|
|
24
62
|
//# sourceMappingURL=Stripe.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stripe.js","sources":["../../../src/backgrounds/Stripe/Stripe.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Stripe.module.scss\";\r\nimport StripeProps from \"./StripeProps\";\r\n\r\nexport default function Stripe(props: StripeProps): React.ReactElement {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"colorName\"];\r\n delete assignedProps[\"degree\"];\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n delete assignedProps[\"css\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames = [classNames[\"stripe\"]];\r\n if (props.colorName) {\r\n assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n }\r\n if (props.degree) {\r\n assignedClassNames.push(classNames[`is-${props.degree}deg`]);\r\n }\r\n\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n return (\r\n <div\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Stripe.js","sources":["../../../src/backgrounds/Stripe/Stripe.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Stripe.module.scss\";\r\nimport StripeProps from \"./StripeProps\";\r\n\r\nexport default function Stripe(props: StripeProps): React.ReactElement {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"colorName\"];\r\n delete assignedProps[\"degree\"];\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n delete assignedProps[\"css\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames = [classNames[\"stripe\"]];\r\n if (props.colorName) {\r\n assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n }\r\n if (props.degree) {\r\n assignedClassNames.push(classNames[`is-${props.degree}deg`]);\r\n }\r\n\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n return (\r\n <div\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":["Stripe","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAOC,GAAwC;AAC/D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,QAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,MAAS;AAChD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAEzDA,EAAM,UACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,MAAM,KAAK,CAAC,GAG7DE,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAoB,cAAcN,CAAK;AAGjD,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}
|
|
@@ -1,24 +1,64 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
2
|
+
import { jsx as d } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import y from "../../utilities/classNameUtility/classNameUtility.js";
|
|
4
|
+
import f from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
5
|
+
import '../../assets/Zigzag.css';const h = "_zigzag_1hwfy_1", _ = {
|
|
6
|
+
zigzag: h,
|
|
7
|
+
"is-small": "_is-small_1hwfy_18",
|
|
8
|
+
"is-large": "_is-large_1hwfy_21",
|
|
9
|
+
"is-0deg": "_is-0deg_1hwfy_24",
|
|
10
|
+
"is-15deg": "_is-15deg_1hwfy_27",
|
|
11
|
+
"is-30deg": "_is-30deg_1hwfy_30",
|
|
12
|
+
"is-45deg": "_is-45deg_1hwfy_33",
|
|
13
|
+
"is-60deg": "_is-60deg_1hwfy_36",
|
|
14
|
+
"is-75deg": "_is-75deg_1hwfy_39",
|
|
15
|
+
"is-90deg": "_is-90deg_1hwfy_42",
|
|
16
|
+
"is-105deg": "_is-105deg_1hwfy_45",
|
|
17
|
+
"is-120deg": "_is-120deg_1hwfy_48",
|
|
18
|
+
"is-135deg": "_is-135deg_1hwfy_51",
|
|
19
|
+
"is-150deg": "_is-150deg_1hwfy_54",
|
|
20
|
+
"is-165deg": "_is-165deg_1hwfy_57",
|
|
21
|
+
"is-180deg": "_is-180deg_1hwfy_60",
|
|
22
|
+
"is-195deg": "_is-195deg_1hwfy_63",
|
|
23
|
+
"is-210deg": "_is-210deg_1hwfy_66",
|
|
24
|
+
"is-225deg": "_is-225deg_1hwfy_69",
|
|
25
|
+
"is-240deg": "_is-240deg_1hwfy_72",
|
|
26
|
+
"is-255deg": "_is-255deg_1hwfy_75",
|
|
27
|
+
"is-270deg": "_is-270deg_1hwfy_78",
|
|
28
|
+
"is-285deg": "_is-285deg_1hwfy_81",
|
|
29
|
+
"is-300deg": "_is-300deg_1hwfy_84",
|
|
30
|
+
"is-315deg": "_is-315deg_1hwfy_87",
|
|
31
|
+
"is-330deg": "_is-330deg_1hwfy_90",
|
|
32
|
+
"is-345deg": "_is-345deg_1hwfy_93",
|
|
33
|
+
"is-360deg": "_is-360deg_1hwfy_96",
|
|
34
|
+
"is-gray": "_is-gray_1hwfy_99",
|
|
35
|
+
"is-red": "_is-red_1hwfy_107",
|
|
36
|
+
"is-coral": "_is-coral_1hwfy_115",
|
|
37
|
+
"is-orange": "_is-orange_1hwfy_123",
|
|
38
|
+
"is-yellow": "_is-yellow_1hwfy_131",
|
|
39
|
+
"is-lime": "_is-lime_1hwfy_139",
|
|
40
|
+
"is-green": "_is-green_1hwfy_147",
|
|
41
|
+
"is-cyan": "_is-cyan_1hwfy_155",
|
|
42
|
+
"is-blue": "_is-blue_1hwfy_163",
|
|
43
|
+
"is-violet": "_is-violet_1hwfy_171",
|
|
44
|
+
"is-magenta": "_is-magenta_1hwfy_179"
|
|
45
|
+
};
|
|
46
|
+
function t(s) {
|
|
7
47
|
const e = { ...s };
|
|
8
48
|
delete e.colorName, delete e.size, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
|
|
9
|
-
const i = [
|
|
10
|
-
s.colorName && i.push(
|
|
11
|
-
const
|
|
12
|
-
return /* @__PURE__ */
|
|
49
|
+
const i = [_.zigzag];
|
|
50
|
+
s.colorName && i.push(_[`is-${s.colorName}`]), s.size && i.push(_[`is-${s.size}`]), i.push(...y.getUtilityClassNames(s)), s.className && i.push(s.className);
|
|
51
|
+
const g = f.getEmotionCss(s);
|
|
52
|
+
return /* @__PURE__ */ d(
|
|
13
53
|
"div",
|
|
14
54
|
{
|
|
15
55
|
...e,
|
|
16
56
|
className: i.join(" "),
|
|
17
|
-
css:
|
|
57
|
+
css: g
|
|
18
58
|
}
|
|
19
59
|
);
|
|
20
60
|
}
|
|
21
61
|
export {
|
|
22
|
-
|
|
62
|
+
t as default
|
|
23
63
|
};
|
|
24
64
|
//# sourceMappingURL=Zigzag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Zigzag.js","sources":["../../../src/backgrounds/Zigzag/Zigzag.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Zigzag.module.scss\";\r\nimport ZigzagProps from \"./ZigzagProps\";\r\n\r\nexport default function Zigzag(props: ZigzagProps): React.ReactElement {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"colorName\"];\r\n delete assignedProps[\"size\"];\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n delete assignedProps[\"css\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames = [classNames[\"zigzag\"]];\r\n if (props.colorName) {\r\n assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n }\r\n if (props.size) {\r\n assignedClassNames.push(classNames[`is-${props.size}`]);\r\n }\r\n\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n return (\r\n <div\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Zigzag.js","sources":["../../../src/backgrounds/Zigzag/Zigzag.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Zigzag.module.scss\";\r\nimport ZigzagProps from \"./ZigzagProps\";\r\n\r\nexport default function Zigzag(props: ZigzagProps): React.ReactElement {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"colorName\"];\r\n delete assignedProps[\"size\"];\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n delete assignedProps[\"css\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames = [classNames[\"zigzag\"]];\r\n if (props.colorName) {\r\n assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n }\r\n if (props.size) {\r\n assignedClassNames.push(classNames[`is-${props.size}`]);\r\n }\r\n\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n return (\r\n <div\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":["Zigzag","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAAwBA,EAAOC,GAAwC;AAC/D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,WACrB,OAAOA,EAAc,MAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,MAAS;AAChD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAEzDA,EAAM,QACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,IAAI,EAAE,CAAC,GAGxDE,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAoB,cAAcN,CAAK;AAGjD,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export { default as Dot } from './Dot';
|
|
2
|
+
export * from './Dot';
|
|
3
|
+
export { default as Gingham } from './Gingham';
|
|
4
|
+
export * from './Gingham';
|
|
5
|
+
export { default as Rhombus } from './Rhombus';
|
|
6
|
+
export * from './Rhombus';
|
|
7
|
+
export { default as Stripe } from './Stripe';
|
|
8
|
+
export * from './Stripe';
|
|
9
|
+
export { default as Zigzag } from './Zigzag';
|
|
10
|
+
export * from './Zigzag';
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/backgrounds/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,OAAO,CAAC;AAEtB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as t } from "./Dot/Dot.js";
|
|
2
|
+
import { default as r } from "./Gingham/Gingham.js";
|
|
3
|
+
import { default as m } from "./Rhombus/Rhombus.js";
|
|
4
|
+
import { default as s } from "./Stripe/Stripe.js";
|
|
5
|
+
import { default as d } from "./Zigzag/Zigzag.js";
|
|
6
|
+
export {
|
|
7
|
+
t as Dot,
|
|
8
|
+
r as Gingham,
|
|
9
|
+
m as Rhombus,
|
|
10
|
+
s as Stripe,
|
|
11
|
+
d as Zigzag
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -1,29 +1,28 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import { useMemo as
|
|
2
|
+
import { jsxs as r, Fragment as a, jsx as l } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { useMemo as c, useInsertionEffect as m } from "react";
|
|
4
4
|
import d from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
|
|
5
5
|
import u from "../Tabula/Tabula.js";
|
|
6
|
-
|
|
7
|
-
function p(t) {
|
|
6
|
+
import '../../assets/Minolith.css';function S(t) {
|
|
8
7
|
const n = { ...t };
|
|
9
8
|
delete n.cssVariableSetting;
|
|
10
|
-
const e =
|
|
9
|
+
const e = c(
|
|
11
10
|
() => d.getMinolithCssVariableStyles(
|
|
12
11
|
t.cssVariableSetting
|
|
13
12
|
),
|
|
14
13
|
[t.cssVariableSetting]
|
|
15
14
|
);
|
|
16
|
-
return
|
|
15
|
+
return m(() => {
|
|
17
16
|
const s = "minolith-custom-css-variables", o = document.head.querySelector(`#${s}`);
|
|
18
17
|
o && document.head.removeChild(o);
|
|
19
18
|
const i = document.createElement("style");
|
|
20
19
|
i.id = s, i.innerText = e.join(), document.head.appendChild(i);
|
|
21
|
-
}, [e]), /* @__PURE__ */
|
|
22
|
-
e.length > 0 && /* @__PURE__ */
|
|
23
|
-
/* @__PURE__ */
|
|
20
|
+
}, [e]), /* @__PURE__ */ r(a, { children: [
|
|
21
|
+
e.length > 0 && /* @__PURE__ */ l("style", { suppressHydrationWarning: !0, children: e }),
|
|
22
|
+
/* @__PURE__ */ l(u, { ...n })
|
|
24
23
|
] });
|
|
25
24
|
}
|
|
26
25
|
export {
|
|
27
|
-
|
|
26
|
+
S as default
|
|
28
27
|
};
|
|
29
28
|
//# sourceMappingURL=Minolith.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Minolith.js","sources":["../../../src/base/Minolith/Minolith.tsx"],"sourcesContent":["\"use client\";\r\nimport { useInsertionEffect, useMemo } from \"react\";\r\nimport minolithStyleUtility from \"../../utilities/minolithStyleUtility\";\r\nimport Tabula from \"../Tabula\";\r\nimport \"./Minolith.scss\";\r\nimport MinolithProps from \"./MinolithProps\";\r\n\r\nexport default function Minolith(props: MinolithProps): React.ReactElement {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"cssVariableSetting\"];\r\n\r\n const minolithStyles = useMemo(\r\n () =>\r\n minolithStyleUtility.getMinolithCssVariableStyles(\r\n props.cssVariableSetting\r\n ),\r\n [props.cssVariableSetting]\r\n );\r\n\r\n useInsertionEffect(() => {\r\n const styleId = \"minolith-custom-css-variables\";\r\n\r\n const currentCustomStyle = document.head.querySelector(`#${styleId}`);\r\n if (currentCustomStyle) {\r\n document.head.removeChild(currentCustomStyle);\r\n }\r\n\r\n const style = document.createElement(\"style\");\r\n style.id = styleId;\r\n style.innerText = minolithStyles.join();\r\n document.head.appendChild(style);\r\n }, [minolithStyles]);\r\n\r\n return (\r\n <>\r\n {minolithStyles.length > 0 && (\r\n <style suppressHydrationWarning={true}>{minolithStyles}</style>\r\n )}\r\n <Tabula {...assignedProps} />\r\n </>\r\n );\r\n}\r\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Minolith.js","sources":["../../../src/base/Minolith/Minolith.tsx"],"sourcesContent":["\"use client\";\r\nimport { useInsertionEffect, useMemo } from \"react\";\r\nimport minolithStyleUtility from \"../../utilities/minolithStyleUtility\";\r\nimport Tabula from \"../Tabula\";\r\nimport \"./Minolith.scss\";\r\nimport MinolithProps from \"./MinolithProps\";\r\n\r\nexport default function Minolith(props: MinolithProps): React.ReactElement {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"cssVariableSetting\"];\r\n\r\n const minolithStyles = useMemo(\r\n () =>\r\n minolithStyleUtility.getMinolithCssVariableStyles(\r\n props.cssVariableSetting\r\n ),\r\n [props.cssVariableSetting]\r\n );\r\n\r\n useInsertionEffect(() => {\r\n const styleId = \"minolith-custom-css-variables\";\r\n\r\n const currentCustomStyle = document.head.querySelector(`#${styleId}`);\r\n if (currentCustomStyle) {\r\n document.head.removeChild(currentCustomStyle);\r\n }\r\n\r\n const style = document.createElement(\"style\");\r\n style.id = styleId;\r\n style.innerText = minolithStyles.join();\r\n document.head.appendChild(style);\r\n }, [minolithStyles]);\r\n\r\n return (\r\n <>\r\n {minolithStyles.length > 0 && (\r\n <style suppressHydrationWarning={true}>{minolithStyles}</style>\r\n )}\r\n <Tabula {...assignedProps} />\r\n </>\r\n );\r\n}\r\n"],"names":["Minolith","props","assignedProps","minolithStyles","useMemo","minolithStyleUtility","useInsertionEffect","styleId","currentCustomStyle","style","jsxs","Fragment","jsx","Tabula"],"mappings":";;;;;AAOA,SAAwBA,EAASC,GAA0C;AACnE,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc;AAErB,QAAMC,IAAiBC;AAAA,IACrB,MACEC,EAAqB;AAAA,MACnBJ,EAAM;AAAA,IACR;AAAA,IACF,CAACA,EAAM,kBAAkB;AAAA,EAC3B;AAEA,SAAAK,EAAmB,MAAM;AACvB,UAAMC,IAAU,iCAEVC,IAAqB,SAAS,KAAK,cAAc,IAAID,CAAO,EAAE;AACpE,IAAIC,KACO,SAAA,KAAK,YAAYA,CAAkB;AAGxC,UAAAC,IAAQ,SAAS,cAAc,OAAO;AAC5C,IAAAA,EAAM,KAAKF,GACLE,EAAA,YAAYN,EAAe,KAAK,GAC7B,SAAA,KAAK,YAAYM,CAAK;AAAA,EAAA,GAC9B,CAACN,CAAc,CAAC,GAId,gBAAAO,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAAR,EAAe,SAAS,KACvB,gBAAAS,EAAC,SAAM,EAAA,0BAA0B,IAAO,UAAeT,GAAA;AAAA,IAEzD,gBAAAS,EAACC,GAAQ,EAAA,GAAGX,EAAe,CAAA;AAAA,EAAA,GAC7B;AAEJ;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Minolith.stories.d.ts","sourceRoot":"","sources":["../../../src/base/Minolith/Minolith.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"Minolith.stories.d.ts","sourceRoot":"","sources":["../../../src/base/Minolith/Minolith.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA2CvD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAGlC,QAAA,MAAM,IAAI;;;;;CAKuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAspBnC,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC"}
|
|
@@ -1,24 +1,23 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as l } from "@emotion/react/jsx-runtime";
|
|
3
3
|
import { useMemo as r, useInsertionEffect as a } from "react";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
function S(t) {
|
|
4
|
+
import c from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
|
|
5
|
+
import m from "../Tabula/Tabula.js";
|
|
6
|
+
import '../../assets/Minolith.css';function y(t) {
|
|
8
7
|
const i = { ...t };
|
|
9
8
|
delete i.cssVariableSetting;
|
|
10
|
-
const
|
|
11
|
-
() =>
|
|
9
|
+
const n = r(
|
|
10
|
+
() => c.getMinolithCssVariableStyles(t.cssVariableSetting),
|
|
12
11
|
[t.cssVariableSetting]
|
|
13
12
|
);
|
|
14
13
|
return a(() => {
|
|
15
|
-
const
|
|
14
|
+
const o = "minolith-custom-css-variables", s = document.head.querySelector(`#${o}`);
|
|
16
15
|
s && document.head.removeChild(s);
|
|
17
16
|
const e = document.createElement("style");
|
|
18
|
-
e.id =
|
|
19
|
-
}, [
|
|
17
|
+
e.id = o, e.innerText = n.join(), document.head.appendChild(e);
|
|
18
|
+
}, [n]), /* @__PURE__ */ l(m, { ...i });
|
|
20
19
|
}
|
|
21
20
|
export {
|
|
22
|
-
|
|
21
|
+
y as default
|
|
23
22
|
};
|
|
24
23
|
//# sourceMappingURL=MinolithStatic.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MinolithStatic.js","sources":["../../../src/base/MinolithStatic/MinolithStatic.tsx"],"sourcesContent":["\"use client\";\r\nimport { useInsertionEffect, useMemo } from \"react\";\r\nimport minolithStyleUtility from \"../../utilities/minolithStyleUtility\";\r\nimport Tabula from \"../Tabula\";\r\nimport \"./MinolithStatic.scss\";\r\nimport MinolithStaticProps from \"./MinolithStaticProps\";\r\n\r\nexport default function MinolithStatic(props: MinolithStaticProps): React.ReactElement {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"cssVariableSetting\"];\r\n\r\n const minolithStyles = useMemo(\r\n () =>\r\n minolithStyleUtility.getMinolithCssVariableStyles(props.cssVariableSetting),\r\n [props.cssVariableSetting]\r\n );\r\n\r\n useInsertionEffect(() => {\r\n const styleId = \"minolith-custom-css-variables\";\r\n\r\n const currentCustomStyle = document.head.querySelector(`#${styleId}`);\r\n if (currentCustomStyle) {\r\n document.head.removeChild(currentCustomStyle);\r\n }\r\n\r\n const style = document.createElement(\"style\");\r\n style.id = styleId;\r\n style.innerText = minolithStyles.join();\r\n document.head.appendChild(style);\r\n }, [minolithStyles]);\r\n\r\n return (\r\n <Tabula {...assignedProps} />\r\n );\r\n}\r\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MinolithStatic.js","sources":["../../../src/base/MinolithStatic/MinolithStatic.tsx"],"sourcesContent":["\"use client\";\r\nimport { useInsertionEffect, useMemo } from \"react\";\r\nimport minolithStyleUtility from \"../../utilities/minolithStyleUtility\";\r\nimport Tabula from \"../Tabula\";\r\nimport \"./MinolithStatic.scss\";\r\nimport MinolithStaticProps from \"./MinolithStaticProps\";\r\n\r\nexport default function MinolithStatic(props: MinolithStaticProps): React.ReactElement {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"cssVariableSetting\"];\r\n\r\n const minolithStyles = useMemo(\r\n () =>\r\n minolithStyleUtility.getMinolithCssVariableStyles(props.cssVariableSetting),\r\n [props.cssVariableSetting]\r\n );\r\n\r\n useInsertionEffect(() => {\r\n const styleId = \"minolith-custom-css-variables\";\r\n\r\n const currentCustomStyle = document.head.querySelector(`#${styleId}`);\r\n if (currentCustomStyle) {\r\n document.head.removeChild(currentCustomStyle);\r\n }\r\n\r\n const style = document.createElement(\"style\");\r\n style.id = styleId;\r\n style.innerText = minolithStyles.join();\r\n document.head.appendChild(style);\r\n }, [minolithStyles]);\r\n\r\n return (\r\n <Tabula {...assignedProps} />\r\n );\r\n}\r\n"],"names":["MinolithStatic","props","assignedProps","minolithStyles","useMemo","minolithStyleUtility","useInsertionEffect","styleId","currentCustomStyle","style","jsx","Tabula"],"mappings":";;;;;AAOA,SAAwBA,EAAeC,GAAgD;AAC/E,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc;AAErB,QAAMC,IAAiBC;AAAA,IACrB,MACEC,EAAqB,6BAA6BJ,EAAM,kBAAkB;AAAA,IAC5E,CAACA,EAAM,kBAAkB;AAAA,EAC3B;AAEA,SAAAK,EAAmB,MAAM;AACvB,UAAMC,IAAU,iCAEVC,IAAqB,SAAS,KAAK,cAAc,IAAID,CAAO,EAAE;AACpE,IAAIC,KACO,SAAA,KAAK,YAAYA,CAAkB;AAGxC,UAAAC,IAAQ,SAAS,cAAc,OAAO;AAC5C,IAAAA,EAAM,KAAKF,GACLE,EAAA,YAAYN,EAAe,KAAK,GAC7B,SAAA,KAAK,YAAYM,CAAK;AAAA,EAAA,GAC9B,CAACN,CAAc,CAAC,GAGjB,gBAAAO,EAACC,GAAQ,EAAA,GAAGT,EAAe,CAAA;AAE/B;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MinolithStatic.stories.d.ts","sourceRoot":"","sources":["../../../src/base/MinolithStatic/MinolithStatic.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"MinolithStatic.stories.d.ts","sourceRoot":"","sources":["../../../src/base/MinolithStatic/MinolithStatic.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AA2CvD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAG9C,QAAA,MAAM,IAAI;;;;;CAK6B,CAAC;AAExC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA0pBnC,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,KAavB,CAAC"}
|
|
@@ -1,33 +1,35 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as l } from "@emotion/react/jsx-runtime";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
import c from "../../utilities/classNameUtility/classNameUtility.js";
|
|
4
|
+
import i from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
5
|
+
import '../../assets/Tabula.css';const o = "_tabula_fxvj9_1", m = {
|
|
6
|
+
tabula: o
|
|
7
|
+
};
|
|
8
|
+
function u(t) {
|
|
9
|
+
const e = { ...t };
|
|
8
10
|
delete e.colorScheme, delete e.as, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
const a =
|
|
12
|
-
return
|
|
13
|
-
|
|
11
|
+
const s = [m.tabula];
|
|
12
|
+
s.push(...c.getUtilityClassNames(t)), t.className && s.push(t.className);
|
|
13
|
+
const a = i.getEmotionCss(t);
|
|
14
|
+
return t.as ? /* @__PURE__ */ l(
|
|
15
|
+
t.as,
|
|
14
16
|
{
|
|
15
17
|
...e,
|
|
16
|
-
"data-color-scheme":
|
|
17
|
-
className:
|
|
18
|
+
"data-color-scheme": t.colorScheme,
|
|
19
|
+
className: s.join(" "),
|
|
18
20
|
css: a
|
|
19
21
|
}
|
|
20
22
|
) : /* @__PURE__ */ l(
|
|
21
23
|
"div",
|
|
22
24
|
{
|
|
23
25
|
...e,
|
|
24
|
-
"data-color-scheme":
|
|
25
|
-
className:
|
|
26
|
+
"data-color-scheme": t.colorScheme,
|
|
27
|
+
className: s.join(" "),
|
|
26
28
|
css: a
|
|
27
29
|
}
|
|
28
30
|
);
|
|
29
31
|
}
|
|
30
32
|
export {
|
|
31
|
-
|
|
33
|
+
u as default
|
|
32
34
|
};
|
|
33
35
|
//# sourceMappingURL=Tabula.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabula.js","sources":["../../../src/base/Tabula/Tabula.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Tabula.module.scss\";\r\nimport TabulaProps from \"./TabulaProps\";\r\n\r\nexport default function Tabula(props: TabulaProps): React.ReactElement {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"colorScheme\"];\r\n delete assignedProps[\"as\"];\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n delete assignedProps[\"css\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames = [classNames[\"tabula\"]];\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n return props.as ? (\r\n <props.as\r\n {...assignedProps}\r\n data-color-scheme={props.colorScheme}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n ) : (\r\n <div\r\n {...assignedProps}\r\n data-color-scheme={props.colorScheme}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tabula.js","sources":["../../../src/base/Tabula/Tabula.tsx"],"sourcesContent":["\"use client\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility/emotionStyleUtility\";\r\nimport classNames from \"./Tabula.module.scss\";\r\nimport TabulaProps from \"./TabulaProps\";\r\n\r\nexport default function Tabula(props: TabulaProps): React.ReactElement {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"colorScheme\"];\r\n delete assignedProps[\"as\"];\r\n //#region BaseComponentProps\r\n delete assignedProps[\"fore\"];\r\n delete assignedProps[\"back\"];\r\n delete assignedProps[\"highlighter\"];\r\n delete assignedProps[\"border\"];\r\n delete assignedProps[\"positioning\"];\r\n delete assignedProps[\"sizing\"];\r\n delete assignedProps[\"spacing\"];\r\n delete assignedProps[\"css\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames = [classNames[\"tabula\"]];\r\n assignedClassNames.push(...classNameUtility.getUtilityClassNames(props));\r\n props.className && assignedClassNames.push(props.className);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props);\r\n\r\n return props.as ? (\r\n <props.as\r\n {...assignedProps}\r\n data-color-scheme={props.colorScheme}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n ) : (\r\n <div\r\n {...assignedProps}\r\n data-color-scheme={props.colorScheme}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":["Tabula","props","assignedProps","assignedClassNames","classNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAMA,SAAwBA,EAAOC,GAAwC;AAC/D,QAAAC,IAAgB,EAAE,GAAGD,EAAM;AACjC,SAAOC,EAAc,aACrB,OAAOA,EAAc,IAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,MAAS;AAChD,EAAAD,EAAmB,KAAK,GAAGE,EAAiB,qBAAqBJ,CAAK,CAAC,GACvEA,EAAM,aAAaE,EAAmB,KAAKF,EAAM,SAAS;AAEpD,QAAAK,IAAMC,EAAoB,cAAcN,CAAK;AAEnD,SAAOA,EAAM,KACX,gBAAAO;AAAA,IAACP,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,qBAAmBD,EAAM;AAAA,MACzB,WAAWE,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACJ,qBAAmBD,EAAM;AAAA,MACzB,WAAWE,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,IAAA;AAAA,EACF;AAEJ;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { default as Minolith } from './Minolith';
|
|
2
|
+
export * from './Minolith';
|
|
3
|
+
export { default as MinolithStatic } from './MinolithStatic';
|
|
4
|
+
export * from './MinolithStatic';
|
|
5
|
+
export { default as Tabula } from './Tabula';
|
|
6
|
+
export * from './Tabula';
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|