react-minolith 2.4.0 → 2.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/backgrounds/Dot/Dot.d.ts.map +1 -1
- package/dist/backgrounds/Dot/Dot.js +2 -1
- package/dist/backgrounds/Dot/Dot.js.map +1 -1
- package/dist/backgrounds/Gingham/Gingham.d.ts.map +1 -1
- package/dist/backgrounds/Gingham/Gingham.js +6 -5
- package/dist/backgrounds/Gingham/Gingham.js.map +1 -1
- package/dist/backgrounds/Rhombus/Rhombus.d.ts.map +1 -1
- package/dist/backgrounds/Rhombus/Rhombus.js +4 -3
- package/dist/backgrounds/Rhombus/Rhombus.js.map +1 -1
- package/dist/backgrounds/Stripe/Stripe.d.ts.map +1 -1
- package/dist/backgrounds/Stripe/Stripe.js +2 -1
- package/dist/backgrounds/Stripe/Stripe.js.map +1 -1
- package/dist/backgrounds/Zigzag/Zigzag.d.ts.map +1 -1
- package/dist/backgrounds/Zigzag/Zigzag.js +2 -1
- package/dist/backgrounds/Zigzag/Zigzag.js.map +1 -1
- package/dist/base/Tabula/Tabula.d.ts.map +1 -1
- package/dist/base/Tabula/Tabula.js +2 -1
- package/dist/base/Tabula/Tabula.js.map +1 -1
- package/dist/components/Abbreviation/Abbreviation.d.ts.map +1 -1
- package/dist/components/Abbreviation/Abbreviation.js +6 -5
- package/dist/components/Abbreviation/Abbreviation.js.map +1 -1
- package/dist/components/Accordion/Accordion.d.ts.map +1 -1
- package/dist/components/Accordion/Accordion.js +2 -1
- package/dist/components/Accordion/Accordion.js.map +1 -1
- package/dist/components/Accordion/Accordion.stories.d.ts +5 -1
- package/dist/components/Accordion/Accordion.stories.d.ts.map +1 -1
- package/dist/components/AccordionDetails/AccordionDetails.d.ts.map +1 -1
- package/dist/components/AccordionDetails/AccordionDetails.js +11 -10
- package/dist/components/AccordionDetails/AccordionDetails.js.map +1 -1
- package/dist/components/AccordionSummary/AccordionSummary.d.ts.map +1 -1
- package/dist/components/AccordionSummary/AccordionSummary.js +8 -7
- package/dist/components/AccordionSummary/AccordionSummary.js.map +1 -1
- package/dist/components/Badge/Badge.d.ts.map +1 -1
- package/dist/components/Badge/Badge.js +7 -6
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Badge/Badge.stories.d.ts +3 -0
- package/dist/components/Badge/Badge.stories.d.ts.map +1 -1
- package/dist/components/Blockquote/Blockquote.d.ts.map +1 -1
- package/dist/components/Blockquote/Blockquote.js +2 -1
- package/dist/components/Blockquote/Blockquote.js.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.d.ts.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.js +4 -3
- package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.js +13 -12
- package/dist/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/components/BreadcrumbsNav/BreadcrumbsNav.d.ts.map +1 -1
- package/dist/components/BreadcrumbsNav/BreadcrumbsNav.js +2 -1
- package/dist/components/BreadcrumbsNav/BreadcrumbsNav.js.map +1 -1
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +7 -6
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Canvas/Canvas.d.ts.map +1 -1
- package/dist/components/Canvas/Canvas.js +2 -1
- package/dist/components/Canvas/Canvas.js.map +1 -1
- package/dist/components/Card/Card.d.ts.map +1 -1
- package/dist/components/Card/Card.js +6 -5
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/CardBody/CardBody.d.ts.map +1 -1
- package/dist/components/CardBody/CardBody.js +2 -1
- package/dist/components/CardBody/CardBody.js.map +1 -1
- package/dist/components/CardFooter/CardFooter.d.ts.map +1 -1
- package/dist/components/CardFooter/CardFooter.js +2 -1
- package/dist/components/CardFooter/CardFooter.js.map +1 -1
- package/dist/components/CardHeader/CardHeader.d.ts.map +1 -1
- package/dist/components/CardHeader/CardHeader.js +2 -1
- package/dist/components/CardHeader/CardHeader.js.map +1 -1
- package/dist/components/Definition/Definition.d.ts.map +1 -1
- package/dist/components/Definition/Definition.js +10 -9
- package/dist/components/Definition/Definition.js.map +1 -1
- package/dist/components/Delete/Delete.d.ts.map +1 -1
- package/dist/components/Delete/Delete.js +2 -1
- package/dist/components/Delete/Delete.js.map +1 -1
- package/dist/components/DescriptionDetails/DescriptionDetails.d.ts.map +1 -1
- package/dist/components/DescriptionDetails/DescriptionDetails.js +2 -1
- package/dist/components/DescriptionDetails/DescriptionDetails.js.map +1 -1
- package/dist/components/DescriptionList/DescriptionList.d.ts.map +1 -1
- package/dist/components/DescriptionList/DescriptionList.js +2 -1
- package/dist/components/DescriptionList/DescriptionList.js.map +1 -1
- package/dist/components/DescriptionListItem/DescriptionListItem.d.ts.map +1 -1
- package/dist/components/DescriptionListItem/DescriptionListItem.js +2 -1
- package/dist/components/DescriptionListItem/DescriptionListItem.js.map +1 -1
- package/dist/components/DescriptionTerm/DescriptionTerm.d.ts.map +1 -1
- package/dist/components/DescriptionTerm/DescriptionTerm.js +2 -1
- package/dist/components/DescriptionTerm/DescriptionTerm.js.map +1 -1
- package/dist/components/Dialogue/Dialogue.d.ts.map +1 -1
- package/dist/components/Dialogue/Dialogue.js +2 -1
- package/dist/components/Dialogue/Dialogue.js.map +1 -1
- package/dist/components/DialogueAvatar/DialogueAvatar.d.ts.map +1 -1
- package/dist/components/DialogueAvatar/DialogueAvatar.js +4 -3
- package/dist/components/DialogueAvatar/DialogueAvatar.js.map +1 -1
- package/dist/components/DialogueAvatarContainer/DialogueAvatarContainer.d.ts.map +1 -1
- package/dist/components/DialogueAvatarContainer/DialogueAvatarContainer.js +4 -3
- package/dist/components/DialogueAvatarContainer/DialogueAvatarContainer.js.map +1 -1
- package/dist/components/DialogueContentContainer/DialogueContentContainer.d.ts.map +1 -1
- package/dist/components/DialogueContentContainer/DialogueContentContainer.js +7 -6
- package/dist/components/DialogueContentContainer/DialogueContentContainer.js.map +1 -1
- package/dist/components/DialogueMessage/DialogueMessage.d.ts.map +1 -1
- package/dist/components/DialogueMessage/DialogueMessage.js +2 -1
- package/dist/components/DialogueMessage/DialogueMessage.js.map +1 -1
- package/dist/components/DialogueMessageInner/DialogueMessageInner.d.ts.map +1 -1
- package/dist/components/DialogueMessageInner/DialogueMessageInner.js +2 -1
- package/dist/components/DialogueMessageInner/DialogueMessageInner.js.map +1 -1
- package/dist/components/DialogueName/DialogueName.d.ts.map +1 -1
- package/dist/components/DialogueName/DialogueName.js +11 -10
- package/dist/components/DialogueName/DialogueName.js.map +1 -1
- package/dist/components/Div/Div.d.ts.map +1 -1
- package/dist/components/Div/Div.js +11 -10
- package/dist/components/Div/Div.js.map +1 -1
- package/dist/components/Figure/Figure.d.ts.map +1 -1
- package/dist/components/Figure/Figure.js +4 -3
- package/dist/components/Figure/Figure.js.map +1 -1
- package/dist/components/FigureCaption/FigureCaption.d.ts.map +1 -1
- package/dist/components/FigureCaption/FigureCaption.js +2 -1
- package/dist/components/FigureCaption/FigureCaption.js.map +1 -1
- package/dist/components/FigureContent/FigureContent.d.ts.map +1 -1
- package/dist/components/FigureContent/FigureContent.js +11 -10
- package/dist/components/FigureContent/FigureContent.js.map +1 -1
- package/dist/components/Footer/Footer.d.ts.map +1 -1
- package/dist/components/Footer/Footer.js +8 -7
- package/dist/components/Footer/Footer.js.map +1 -1
- package/dist/components/Form/Form.d.ts.map +1 -1
- package/dist/components/Form/Form.js +9 -8
- package/dist/components/Form/Form.js.map +1 -1
- package/dist/components/Hamburger/Hamburger.d.ts.map +1 -1
- package/dist/components/Hamburger/Hamburger.js +2 -1
- package/dist/components/Hamburger/Hamburger.js.map +1 -1
- package/dist/components/Header/Header.d.ts.map +1 -1
- package/dist/components/Header/Header.js +2 -1
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/Heading/Heading.d.ts.map +1 -1
- package/dist/components/Heading/Heading.js +16 -15
- package/dist/components/Heading/Heading.js.map +1 -1
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/Input.js +9 -8
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Insert/Insert.d.ts.map +1 -1
- package/dist/components/Insert/Insert.js +8 -7
- package/dist/components/Insert/Insert.js.map +1 -1
- package/dist/components/Label/Label.d.ts.map +1 -1
- package/dist/components/Label/Label.js +2 -1
- package/dist/components/Label/Label.js.map +1 -1
- package/dist/components/Link/Link.d.ts.map +1 -1
- package/dist/components/Link/Link.js +6 -5
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/Loader/Loader.d.ts.map +1 -1
- package/dist/components/Loader/Loader.js +2 -1
- package/dist/components/Loader/Loader.js.map +1 -1
- package/dist/components/Main/Main.d.ts.map +1 -1
- package/dist/components/Main/Main.js +13 -12
- package/dist/components/Main/Main.js.map +1 -1
- package/dist/components/Message/Message.d.ts.map +1 -1
- package/dist/components/Message/Message.js +6 -5
- package/dist/components/Message/Message.js.map +1 -1
- package/dist/components/MessageBody/MessageBody.d.ts.map +1 -1
- package/dist/components/MessageBody/MessageBody.js +2 -1
- package/dist/components/MessageBody/MessageBody.js.map +1 -1
- package/dist/components/MessageHeader/MessageHeader.d.ts.map +1 -1
- package/dist/components/MessageHeader/MessageHeader.js +2 -1
- package/dist/components/MessageHeader/MessageHeader.js.map +1 -1
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/Modal/Modal.js +8 -7
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/ModalContent/ModalContent.d.ts.map +1 -1
- package/dist/components/ModalContent/ModalContent.js +2 -1
- package/dist/components/ModalContent/ModalContent.js.map +1 -1
- package/dist/components/Nav/Nav.d.ts.map +1 -1
- package/dist/components/Nav/Nav.js +2 -1
- package/dist/components/Nav/Nav.js.map +1 -1
- package/dist/components/NavAccordion/NavAccordion.d.ts.map +1 -1
- package/dist/components/NavAccordion/NavAccordion.js +2 -1
- package/dist/components/NavAccordion/NavAccordion.js.map +1 -1
- package/dist/components/NavBrand/NavBrand.d.ts.map +1 -1
- package/dist/components/NavBrand/NavBrand.js +9 -8
- package/dist/components/NavBrand/NavBrand.js.map +1 -1
- package/dist/components/NavBrandCenter/NavBrandCenter.d.ts.map +1 -1
- package/dist/components/NavBrandCenter/NavBrandCenter.js +4 -3
- package/dist/components/NavBrandCenter/NavBrandCenter.js.map +1 -1
- package/dist/components/NavBrandLeft/NavBrandLeft.d.ts.map +1 -1
- package/dist/components/NavBrandLeft/NavBrandLeft.js +8 -7
- package/dist/components/NavBrandLeft/NavBrandLeft.js.map +1 -1
- package/dist/components/NavBrandRight/NavBrandRight.d.ts.map +1 -1
- package/dist/components/NavBrandRight/NavBrandRight.js +15 -14
- package/dist/components/NavBrandRight/NavBrandRight.js.map +1 -1
- package/dist/components/NavMenu/NavMenu.d.ts.map +1 -1
- package/dist/components/NavMenu/NavMenu.js +7 -6
- package/dist/components/NavMenu/NavMenu.js.map +1 -1
- package/dist/components/NavMenuItem/NavMenuItem.d.ts.map +1 -1
- package/dist/components/NavMenuItem/NavMenuItem.js +7 -6
- package/dist/components/NavMenuItem/NavMenuItem.js.map +1 -1
- package/dist/components/NavStatic/NavStatic.d.ts.map +1 -1
- package/dist/components/NavStatic/NavStatic.js +2 -1
- package/dist/components/NavStatic/NavStatic.js.map +1 -1
- package/dist/components/Output/Output.d.ts.map +1 -1
- package/dist/components/Output/Output.js +13 -12
- package/dist/components/Output/Output.js.map +1 -1
- package/dist/components/Paragraph/Paragraph.d.ts.map +1 -1
- package/dist/components/Paragraph/Paragraph.js +2 -1
- package/dist/components/Paragraph/Paragraph.js.map +1 -1
- package/dist/components/PreformattedText/PreformattedText.d.ts.map +1 -1
- package/dist/components/PreformattedText/PreformattedText.js +4 -3
- package/dist/components/PreformattedText/PreformattedText.js.map +1 -1
- package/dist/components/Progress/Progress.d.ts.map +1 -1
- package/dist/components/Progress/Progress.js +2 -1
- package/dist/components/Progress/Progress.js.map +1 -1
- package/dist/components/Ruby/Ruby.d.ts.map +1 -1
- package/dist/components/Ruby/Ruby.js +2 -1
- package/dist/components/Ruby/Ruby.js.map +1 -1
- package/dist/components/RubyParentheses/RubyParentheses.d.ts.map +1 -1
- package/dist/components/RubyParentheses/RubyParentheses.js +2 -1
- package/dist/components/RubyParentheses/RubyParentheses.js.map +1 -1
- package/dist/components/RubyText/RubyText.d.ts.map +1 -1
- package/dist/components/RubyText/RubyText.js +8 -7
- package/dist/components/RubyText/RubyText.js.map +1 -1
- package/dist/components/RubyWord/RubyWord.d.ts.map +1 -1
- package/dist/components/RubyWord/RubyWord.js +13 -12
- package/dist/components/RubyWord/RubyWord.js.map +1 -1
- package/dist/components/Sample/Sample.d.ts.map +1 -1
- package/dist/components/Sample/Sample.js +2 -1
- package/dist/components/Sample/Sample.js.map +1 -1
- package/dist/components/Section/Section.d.ts.map +1 -1
- package/dist/components/Section/Section.js +7 -6
- package/dist/components/Section/Section.js.map +1 -1
- package/dist/components/Span/Span.d.ts.map +1 -1
- package/dist/components/Span/Span.js +14 -13
- package/dist/components/Span/Span.js.map +1 -1
- package/dist/components/Textarea/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.js +10 -9
- package/dist/components/Textarea/Textarea.js.map +1 -1
- package/dist/layouts/Centering/Centering.d.ts.map +1 -1
- package/dist/layouts/Centering/Centering.js +6 -5
- package/dist/layouts/Centering/Centering.js.map +1 -1
- package/dist/layouts/Column/Column.d.ts.map +1 -1
- package/dist/layouts/Column/Column.js +2 -1
- package/dist/layouts/Column/Column.js.map +1 -1
- package/dist/layouts/Columns/Columns.d.ts.map +1 -1
- package/dist/layouts/Columns/Columns.js +2 -1
- package/dist/layouts/Columns/Columns.js.map +1 -1
- package/dist/layouts/Container/Container.d.ts.map +1 -1
- package/dist/layouts/Container/Container.js +4 -3
- package/dist/layouts/Container/Container.js.map +1 -1
- package/dist/models/BaseComponentProps.d.ts +1 -1
- package/dist/models/BaseComponentProps.d.ts.map +1 -1
- package/dist/utilities/emotionStyleUtility/emotionStyleUtility.js +3 -3
- package/dist/utilities/emotionStyleUtility/emotionStyleUtility.js.map +1 -1
- package/dist/utilities/minolithStyleUtility/minolithStyleUtility.js +11 -11
- package/dist/utilities/minolithStyleUtility/minolithStyleUtility.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as l } from "@emotion/react/jsx-runtime";
|
|
3
3
|
import o from "../../utilities/classNameUtility/classNameUtility.js";
|
|
4
4
|
import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
5
5
|
import '../../assets/Abbreviation.css';const d = "_element_1ikir_1", c = {
|
|
@@ -15,26 +15,27 @@ function N(s) {
|
|
|
15
15
|
positioning: void 0,
|
|
16
16
|
sizing: void 0,
|
|
17
17
|
spacing: void 0,
|
|
18
|
+
className: void 0,
|
|
18
19
|
css: void 0,
|
|
19
20
|
as: void 0
|
|
20
21
|
};
|
|
21
|
-
delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.
|
|
22
|
+
delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.className, delete e.css, delete e.as;
|
|
22
23
|
const i = [c.element], t = o.getUtilityClassNames(s);
|
|
23
24
|
t && i.push(...t), s.className && i.push(s.className);
|
|
24
|
-
const
|
|
25
|
-
return s.as ? /* @__PURE__ */
|
|
25
|
+
const a = n.getEmotionCss(s);
|
|
26
|
+
return s.as ? /* @__PURE__ */ l(
|
|
26
27
|
s.as,
|
|
27
28
|
{
|
|
28
29
|
...e,
|
|
29
30
|
className: i.join(" "),
|
|
30
|
-
css:
|
|
31
|
+
css: a
|
|
31
32
|
}
|
|
32
|
-
) : /* @__PURE__ */
|
|
33
|
+
) : /* @__PURE__ */ l(
|
|
33
34
|
"rt",
|
|
34
35
|
{
|
|
35
36
|
...e,
|
|
36
37
|
className: i.join(" "),
|
|
37
|
-
css:
|
|
38
|
+
css: a
|
|
38
39
|
}
|
|
39
40
|
);
|
|
40
41
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RubyText.js","sources":["../../../src/components/RubyText/RubyText.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseRubyTextProps from \"./BaseRubyTextProps\";\r\nimport classNames from \"./RubyText.module.scss\";\r\nimport type RubyTextProps from \"./RubyTextProps\";\r\n\r\nexport default function RubyText<\r\n BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n PropsType extends BaseRubyTextProps<BaseComponentColorNameType> =\r\n RubyTextProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n const assignedProps = {\r\n ...props,\r\n fore: undefined,\r\n back: undefined,\r\n highlighter: undefined,\r\n border: undefined,\r\n positioning: undefined,\r\n sizing: undefined,\r\n spacing: undefined,\r\n css: undefined,\r\n as: undefined,\r\n };\r\n\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[\"
|
|
1
|
+
{"version":3,"file":"RubyText.js","sources":["../../../src/components/RubyText/RubyText.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseRubyTextProps from \"./BaseRubyTextProps\";\r\nimport classNames from \"./RubyText.module.scss\";\r\nimport type RubyTextProps from \"./RubyTextProps\";\r\n\r\nexport default function RubyText<\r\n BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n PropsType extends BaseRubyTextProps<BaseComponentColorNameType> =\r\n RubyTextProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n const assignedProps = {\r\n ...props,\r\n fore: undefined,\r\n back: undefined,\r\n highlighter: undefined,\r\n border: undefined,\r\n positioning: undefined,\r\n sizing: undefined,\r\n spacing: undefined,\r\n className: undefined,\r\n css: undefined,\r\n as: undefined,\r\n };\r\n\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[\"className\"];\r\n delete assignedProps[\"css\"];\r\n delete assignedProps[\"as\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames: string[] = [classNames[\"element\"]];\r\n\r\n const utilityClassNames =\r\n classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n if (utilityClassNames) {\r\n assignedClassNames.push(...utilityClassNames);\r\n }\r\n if (props.className) {\r\n assignedClassNames.push(props.className);\r\n }\r\n\r\n const css =\r\n emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\r\n\r\n return props.as ? (\r\n <props.as\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n ) : (\r\n <rt\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":["RubyText","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AASA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAIN,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,OAAU,GAErDC,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IACJC,EAAoB,cAA0CP,CAAK;AAErE,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RubyWord.d.ts","sourceRoot":"","sources":["../../../src/components/RubyWord/RubyWord.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,iBAAiB,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAKjD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,iBAAiB,CAAC,0BAA0B,CAAC,GAC7D,aAAa,CAAC,0BAA0B,CAAC,EAC3C,KAAK,EAAE,SAAS,GAAG,YAAY,
|
|
1
|
+
{"version":3,"file":"RubyWord.d.ts","sourceRoot":"","sources":["../../../src/components/RubyWord/RubyWord.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,iBAAiB,MAAM,qBAAqB,CAAC;AACzD,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAKjD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,iBAAiB,CAAC,0BAA0B,CAAC,GAC7D,aAAa,CAAC,0BAA0B,CAAC,EAC3C,KAAK,EAAE,SAAS,GAAG,YAAY,CA4DhC"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as l, Fragment as d, jsx as
|
|
2
|
+
import { jsxs as l, Fragment as d, jsx as s } from "@emotion/react/jsx-runtime";
|
|
3
3
|
import r from "../../utilities/classNameUtility/classNameUtility.js";
|
|
4
4
|
import c from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
5
5
|
import m from "../Ruby/Ruby.js";
|
|
6
|
-
import
|
|
6
|
+
import a from "../RubyParentheses/RubyParentheses.js";
|
|
7
7
|
import g from "../RubyText/RubyText.js";
|
|
8
8
|
function N(i) {
|
|
9
9
|
const e = {
|
|
@@ -15,26 +15,27 @@ function N(i) {
|
|
|
15
15
|
positioning: void 0,
|
|
16
16
|
sizing: void 0,
|
|
17
17
|
spacing: void 0,
|
|
18
|
+
className: void 0,
|
|
18
19
|
css: void 0,
|
|
19
20
|
as: void 0
|
|
20
21
|
};
|
|
21
|
-
delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.
|
|
22
|
-
const
|
|
23
|
-
o &&
|
|
24
|
-
const
|
|
22
|
+
delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.className, delete e.css, delete e.as;
|
|
23
|
+
const t = [], o = r.getUtilityClassNames(i);
|
|
24
|
+
o && t.push(...o), i.className && t.push(i.className);
|
|
25
|
+
const n = c.getEmotionCss(i);
|
|
25
26
|
return /* @__PURE__ */ l(
|
|
26
27
|
m,
|
|
27
28
|
{
|
|
28
29
|
...e,
|
|
29
|
-
className:
|
|
30
|
-
css:
|
|
30
|
+
className: t.join(" "),
|
|
31
|
+
css: n,
|
|
31
32
|
children: [
|
|
32
33
|
i.children,
|
|
33
34
|
i.rubyText ? /* @__PURE__ */ l(d, { children: [
|
|
34
|
-
/* @__PURE__ */
|
|
35
|
-
/* @__PURE__ */
|
|
36
|
-
/* @__PURE__ */
|
|
37
|
-
] }) : /* @__PURE__ */
|
|
35
|
+
/* @__PURE__ */ s(a, { children: "(" }),
|
|
36
|
+
/* @__PURE__ */ s(g, { children: i.rubyText }),
|
|
37
|
+
/* @__PURE__ */ s(a, { children: ")" })
|
|
38
|
+
] }) : /* @__PURE__ */ s(d, {})
|
|
38
39
|
]
|
|
39
40
|
}
|
|
40
41
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RubyWord.js","sources":["../../../src/components/RubyWord/RubyWord.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseRubyWordProps from \"./BaseRubyWordProps\";\r\nimport type RubyWordProps from \"./RubyWordProps\";\r\nimport RubyParentheses from \"../RubyParentheses\";\r\nimport RubyText from \"../RubyText\";\r\nimport Ruby from \"../Ruby\";\r\n\r\nexport default function RubyWord<\r\n BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n PropsType extends BaseRubyWordProps<BaseComponentColorNameType> =\r\n RubyWordProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n const assignedProps = {\r\n ...props,\r\n fore: undefined,\r\n back: undefined,\r\n highlighter: undefined,\r\n border: undefined,\r\n positioning: undefined,\r\n sizing: undefined,\r\n spacing: undefined,\r\n css: undefined,\r\n as: undefined,\r\n };\r\n\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[\"
|
|
1
|
+
{"version":3,"file":"RubyWord.js","sources":["../../../src/components/RubyWord/RubyWord.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseRubyWordProps from \"./BaseRubyWordProps\";\r\nimport type RubyWordProps from \"./RubyWordProps\";\r\nimport RubyParentheses from \"../RubyParentheses\";\r\nimport RubyText from \"../RubyText\";\r\nimport Ruby from \"../Ruby\";\r\n\r\nexport default function RubyWord<\r\n BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n PropsType extends BaseRubyWordProps<BaseComponentColorNameType> =\r\n RubyWordProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n const assignedProps = {\r\n ...props,\r\n fore: undefined,\r\n back: undefined,\r\n highlighter: undefined,\r\n border: undefined,\r\n positioning: undefined,\r\n sizing: undefined,\r\n spacing: undefined,\r\n className: undefined,\r\n css: undefined,\r\n as: undefined,\r\n };\r\n\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[\"className\"];\r\n delete assignedProps[\"css\"];\r\n delete assignedProps[\"as\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames: string[] = [];\r\n\r\n const utilityClassNames =\r\n classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n if (utilityClassNames) {\r\n assignedClassNames.push(...utilityClassNames);\r\n }\r\n if (props.className) {\r\n assignedClassNames.push(props.className);\r\n }\r\n\r\n const css =\r\n emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\r\n\r\n return (\r\n <Ruby<BaseComponentColorNameType>\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n >\r\n {props.children}\r\n {props.rubyText ? (\r\n <>\r\n <RubyParentheses<BaseComponentColorNameType>>(</RubyParentheses>\r\n <RubyText<BaseComponentColorNameType>>{props.rubyText}</RubyText>\r\n <RubyParentheses<BaseComponentColorNameType>>)</RubyParentheses>\r\n </>\r\n ) : (\r\n <></>\r\n )}\r\n </Ruby>\r\n );\r\n}\r\n"],"names":["RubyWord","props","assignedProps","assignedClassNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsxs","Ruby","Fragment","jsx","RubyParentheses","RubyText"],"mappings":";;;;;;;AAWA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAIN,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAAA,GAE/BC,IACJC,EAAiB,qBAAiDJ,CAAK;AACzE,EAAIG,KACFD,EAAmB,KAAK,GAAGC,CAAiB,GAE1CH,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMK,IACJC,EAAoB,cAA0CN,CAAK;AAErE,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAG;AAAA,MAEC,UAAA;AAAA,QAAAL,EAAM;AAAA,QACNA,EAAM,WACL,gBAAAO,EAAAE,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAC,EAACC,KAA4C,UAAA,IAAA,CAAC;AAAA,UAC9C,gBAAAD,EAACE,GAAA,EAAsC,UAAAZ,EAAM,SAAA,CAAS;AAAA,UACtD,gBAAAU,EAACC,KAA4C,UAAA,IAAA,CAAC;AAAA,QAAA,GAChD,IAEA,gBAAAD,EAAAD,GAAA,CAAA,CAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIV;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sample.d.ts","sourceRoot":"","sources":["../../../src/components/Sample/Sample.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,eAAe,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,eAAe,CAAC,0BAA0B,CAAC,GAC3D,WAAW,CAAC,0BAA0B,CAAC,EACzC,KAAK,EAAE,SAAS,GAAG,YAAY,
|
|
1
|
+
{"version":3,"file":"Sample.d.ts","sourceRoot":"","sources":["../../../src/components/Sample/Sample.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,eAAe,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,eAAe,CAAC,0BAA0B,CAAC,GAC3D,WAAW,CAAC,0BAA0B,CAAC,EACzC,KAAK,EAAE,SAAS,GAAG,YAAY,CAuDhC"}
|
|
@@ -15,10 +15,11 @@ function N(s) {
|
|
|
15
15
|
positioning: void 0,
|
|
16
16
|
sizing: void 0,
|
|
17
17
|
spacing: void 0,
|
|
18
|
+
className: void 0,
|
|
18
19
|
css: void 0,
|
|
19
20
|
as: void 0
|
|
20
21
|
};
|
|
21
|
-
delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.
|
|
22
|
+
delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.className, delete e.css, delete e.as;
|
|
22
23
|
const i = [m.element], t = o.getUtilityClassNames(s);
|
|
23
24
|
t && i.push(...t), s.className && i.push(s.className);
|
|
24
25
|
const a = n.getEmotionCss(s);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sample.js","sources":["../../../src/components/Sample/Sample.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseSampleProps from \"./BaseSampleProps\";\r\nimport classNames from \"./Sample.module.scss\";\r\nimport type SampleProps from \"./SampleProps\";\r\n\r\nexport default function Sample<\r\n BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n PropsType extends BaseSampleProps<BaseComponentColorNameType> =\r\n SampleProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n const assignedProps = {\r\n ...props,\r\n fore: undefined,\r\n back: undefined,\r\n highlighter: undefined,\r\n border: undefined,\r\n positioning: undefined,\r\n sizing: undefined,\r\n spacing: undefined,\r\n css: undefined,\r\n as: undefined,\r\n };\r\n\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[\"
|
|
1
|
+
{"version":3,"file":"Sample.js","sources":["../../../src/components/Sample/Sample.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseSampleProps from \"./BaseSampleProps\";\r\nimport classNames from \"./Sample.module.scss\";\r\nimport type SampleProps from \"./SampleProps\";\r\n\r\nexport default function Sample<\r\n BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n PropsType extends BaseSampleProps<BaseComponentColorNameType> =\r\n SampleProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n const assignedProps = {\r\n ...props,\r\n fore: undefined,\r\n back: undefined,\r\n highlighter: undefined,\r\n border: undefined,\r\n positioning: undefined,\r\n sizing: undefined,\r\n spacing: undefined,\r\n className: undefined,\r\n css: undefined,\r\n as: undefined,\r\n };\r\n\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[\"className\"];\r\n delete assignedProps[\"css\"];\r\n delete assignedProps[\"as\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames: string[] = [classNames[\"element\"]];\r\n\r\n const utilityClassNames =\r\n classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n if (utilityClassNames) {\r\n assignedClassNames.push(...utilityClassNames);\r\n }\r\n if (props.className) {\r\n assignedClassNames.push(props.className);\r\n }\r\n\r\n const css =\r\n emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\r\n\r\n return props.as ? (\r\n <props.as\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n ) : (\r\n <samp\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":["Sample","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AASA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAIN,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,OAAU,GAErDC,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IACJC,EAAoB,cAA0CP,CAAK;AAErE,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/Section/Section.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,OAAO,CAC7B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,gBAAgB,CAAC,0BAA0B,CAAC,GAC5D,YAAY,CAAC,0BAA0B,CAAC,EAC1C,KAAK,EAAE,SAAS,GAAG,YAAY,
|
|
1
|
+
{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/Section/Section.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,OAAO,CAC7B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,gBAAgB,CAAC,0BAA0B,CAAC,GAC5D,YAAY,CAAC,0BAA0B,CAAC,EAC1C,KAAK,EAAE,SAAS,GAAG,YAAY,CAuDhC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import
|
|
2
|
+
import { jsx as a } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import l from "../../utilities/classNameUtility/classNameUtility.js";
|
|
4
4
|
import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
5
5
|
import '../../assets/Abbreviation.css';const c = "_element_1ikir_1", d = {
|
|
6
6
|
element: c
|
|
@@ -15,21 +15,22 @@ function N(s) {
|
|
|
15
15
|
positioning: void 0,
|
|
16
16
|
sizing: void 0,
|
|
17
17
|
spacing: void 0,
|
|
18
|
+
className: void 0,
|
|
18
19
|
css: void 0,
|
|
19
20
|
as: void 0
|
|
20
21
|
};
|
|
21
|
-
delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.
|
|
22
|
-
const i = [d.element], t =
|
|
22
|
+
delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.className, delete e.css, delete e.as;
|
|
23
|
+
const i = [d.element], t = l.getUtilityClassNames(s);
|
|
23
24
|
t && i.push(...t), s.className && i.push(s.className);
|
|
24
25
|
const o = n.getEmotionCss(s);
|
|
25
|
-
return s.as ? /* @__PURE__ */
|
|
26
|
+
return s.as ? /* @__PURE__ */ a(
|
|
26
27
|
s.as,
|
|
27
28
|
{
|
|
28
29
|
...e,
|
|
29
30
|
className: i.join(" "),
|
|
30
31
|
css: o
|
|
31
32
|
}
|
|
32
|
-
) : /* @__PURE__ */
|
|
33
|
+
) : /* @__PURE__ */ a(
|
|
33
34
|
"section",
|
|
34
35
|
{
|
|
35
36
|
...e,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.js","sources":["../../../src/components/Section/Section.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseSectionProps from \"./BaseSectionProps\";\r\nimport classNames from \"./Section.module.scss\";\r\nimport type SectionProps from \"./SectionProps\";\r\n\r\nexport default function Section<\r\n BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n PropsType extends BaseSectionProps<BaseComponentColorNameType> =\r\n SectionProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n const assignedProps = {\r\n ...props,\r\n fore: undefined,\r\n back: undefined,\r\n highlighter: undefined,\r\n border: undefined,\r\n positioning: undefined,\r\n sizing: undefined,\r\n spacing: undefined,\r\n css: undefined,\r\n as: undefined,\r\n };\r\n\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[\"
|
|
1
|
+
{"version":3,"file":"Section.js","sources":["../../../src/components/Section/Section.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseSectionProps from \"./BaseSectionProps\";\r\nimport classNames from \"./Section.module.scss\";\r\nimport type SectionProps from \"./SectionProps\";\r\n\r\nexport default function Section<\r\n BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n PropsType extends BaseSectionProps<BaseComponentColorNameType> =\r\n SectionProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n const assignedProps = {\r\n ...props,\r\n fore: undefined,\r\n back: undefined,\r\n highlighter: undefined,\r\n border: undefined,\r\n positioning: undefined,\r\n sizing: undefined,\r\n spacing: undefined,\r\n className: undefined,\r\n css: undefined,\r\n as: undefined,\r\n };\r\n\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[\"className\"];\r\n delete assignedProps[\"css\"];\r\n delete assignedProps[\"as\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames: string[] = [classNames[\"element\"]];\r\n\r\n const utilityClassNames =\r\n classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n if (utilityClassNames) {\r\n assignedClassNames.push(...utilityClassNames);\r\n }\r\n if (props.className) {\r\n assignedClassNames.push(props.className);\r\n }\r\n\r\n const css =\r\n emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\r\n\r\n return props.as ? (\r\n <props.as\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n ) : (\r\n <section\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":["Section","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AASA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAIN,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,OAAU,GAErDC,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IACJC,EAAoB,cAA0CP,CAAK;AAErE,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Span.d.ts","sourceRoot":"","sources":["../../../src/components/Span/Span.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAEjD,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AAEzC,MAAM,CAAC,OAAO,UAAU,IAAI,CAC1B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,aAAa,CAAC,0BAA0B,CAAC,GACzD,SAAS,CAAC,0BAA0B,CAAC,EACvC,KAAK,EAAE,SAAS,GAAG,YAAY,
|
|
1
|
+
{"version":3,"file":"Span.d.ts","sourceRoot":"","sources":["../../../src/components/Span/Span.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAEjD,OAAO,KAAK,SAAS,MAAM,aAAa,CAAC;AAEzC,MAAM,CAAC,OAAO,UAAU,IAAI,CAC1B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,aAAa,CAAC,0BAA0B,CAAC,GACzD,SAAS,CAAC,0BAA0B,CAAC,EACvC,KAAK,EAAE,SAAS,GAAG,YAAY,CAuDhC"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as o } from "@emotion/react/jsx-runtime";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
3
|
+
import l from "../../utilities/classNameUtility/classNameUtility.js";
|
|
4
|
+
import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
5
5
|
import '../../assets/Span.css';const d = "_span_160dk_1", c = {
|
|
6
6
|
span: d
|
|
7
7
|
};
|
|
8
|
-
function N(
|
|
9
|
-
const
|
|
10
|
-
...
|
|
8
|
+
function N(e) {
|
|
9
|
+
const s = {
|
|
10
|
+
...e,
|
|
11
11
|
fore: void 0,
|
|
12
12
|
back: void 0,
|
|
13
13
|
highlighter: void 0,
|
|
@@ -15,24 +15,25 @@ function N(s) {
|
|
|
15
15
|
positioning: void 0,
|
|
16
16
|
sizing: void 0,
|
|
17
17
|
spacing: void 0,
|
|
18
|
+
className: void 0,
|
|
18
19
|
css: void 0,
|
|
19
20
|
as: void 0
|
|
20
21
|
};
|
|
21
|
-
delete
|
|
22
|
-
const i = [c.span], t =
|
|
23
|
-
t && i.push(...t),
|
|
24
|
-
const a =
|
|
25
|
-
return
|
|
26
|
-
|
|
22
|
+
delete s.fore, delete s.back, delete s.highlighter, delete s.border, delete s.positioning, delete s.sizing, delete s.spacing, delete s.className, delete s.css, delete s.as;
|
|
23
|
+
const i = [c.span], t = l.getUtilityClassNames(e);
|
|
24
|
+
t && i.push(...t), e.className && i.push(e.className);
|
|
25
|
+
const a = n.getEmotionCss(e);
|
|
26
|
+
return e.as ? /* @__PURE__ */ o(
|
|
27
|
+
e.as,
|
|
27
28
|
{
|
|
28
|
-
...
|
|
29
|
+
...s,
|
|
29
30
|
className: i.join(" "),
|
|
30
31
|
css: a
|
|
31
32
|
}
|
|
32
33
|
) : /* @__PURE__ */ o(
|
|
33
34
|
"span",
|
|
34
35
|
{
|
|
35
|
-
...
|
|
36
|
+
...s,
|
|
36
37
|
className: i.join(" "),
|
|
37
38
|
css: a
|
|
38
39
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Span.js","sources":["../../../src/components/Span/Span.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseSpanProps from \"./BaseSpanProps\";\r\nimport classNames from \"./Span.module.scss\";\r\nimport type SpanProps from \"./SpanProps\";\r\n\r\nexport default function Span<\r\n BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n PropsType extends BaseSpanProps<BaseComponentColorNameType> =\r\n SpanProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n const assignedProps = {\r\n ...props,\r\n fore: undefined,\r\n back: undefined,\r\n highlighter: undefined,\r\n border: undefined,\r\n positioning: undefined,\r\n sizing: undefined,\r\n spacing: undefined,\r\n css: undefined,\r\n as: undefined,\r\n };\r\n\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[\"
|
|
1
|
+
{"version":3,"file":"Span.js","sources":["../../../src/components/Span/Span.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseSpanProps from \"./BaseSpanProps\";\r\nimport classNames from \"./Span.module.scss\";\r\nimport type SpanProps from \"./SpanProps\";\r\n\r\nexport default function Span<\r\n BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n PropsType extends BaseSpanProps<BaseComponentColorNameType> =\r\n SpanProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n const assignedProps = {\r\n ...props,\r\n fore: undefined,\r\n back: undefined,\r\n highlighter: undefined,\r\n border: undefined,\r\n positioning: undefined,\r\n sizing: undefined,\r\n spacing: undefined,\r\n className: undefined,\r\n css: undefined,\r\n as: undefined,\r\n };\r\n\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[\"className\"];\r\n delete assignedProps[\"css\"];\r\n delete assignedProps[\"as\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames: string[] = [classNames[\"span\"]];\r\n\r\n const utilityClassNames =\r\n classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n if (utilityClassNames) {\r\n assignedClassNames.push(...utilityClassNames);\r\n }\r\n if (props.className) {\r\n assignedClassNames.push(props.className);\r\n }\r\n\r\n const css =\r\n emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(props);\r\n\r\n return props.as ? (\r\n <props.as\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n ) : (\r\n <span\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":["Span","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AASA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAIN,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,IAAO,GAElDC,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IACJC,EAAoB,cAA0CP,CAAK;AAErE,SAAOA,EAAM,KACX,gBAAAQ;AAAA,IAACR,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,iBAAiB,MAAM,qBAAqB,CAAC;AAEzD,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,iBAAiB,CAAC,0BAA0B,CAAC,GAC7D,aAAa,CAAC,0BAA0B,CAAC,EAC3C,KAAK,EAAE,SAAS,GAAG,YAAY,
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,iBAAiB,MAAM,qBAAqB,CAAC;AAEzD,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAC9B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,iBAAiB,CAAC,0BAA0B,CAAC,GAC7D,aAAa,CAAC,0BAA0B,CAAC,EAC3C,KAAK,EAAE,SAAS,GAAG,YAAY,CAyEhC"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import '../../assets/Input.css';const
|
|
2
|
+
import { jsx as s } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import n from "../../utilities/classNameUtility/classNameUtility.js";
|
|
4
|
+
import a from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
5
|
+
import '../../assets/Input.css';const d = "_input_1wblk_1", l = {
|
|
6
6
|
"input-checkbox": "_input-checkbox_1wblk_1",
|
|
7
|
-
input:
|
|
7
|
+
input: d,
|
|
8
8
|
"is-border-width-xthin": "_is-border-width-xthin_1wblk_29",
|
|
9
9
|
"is-border-width-thin": "_is-border-width-thin_1wblk_33",
|
|
10
10
|
"is-border-width-medium": "_is-border-width-medium_1wblk_37",
|
|
@@ -31,13 +31,14 @@ function _(i) {
|
|
|
31
31
|
positioning: void 0,
|
|
32
32
|
sizing: void 0,
|
|
33
33
|
spacing: void 0,
|
|
34
|
+
className: void 0,
|
|
34
35
|
css: void 0,
|
|
35
36
|
as: void 0
|
|
36
37
|
};
|
|
37
|
-
delete o.colorName, delete o.fore, delete o.back, delete o.highlighter, delete o.border, delete o.positioning, delete o.sizing, delete o.spacing, delete o.
|
|
38
|
+
delete o.colorName, delete o.fore, delete o.back, delete o.highlighter, delete o.border, delete o.positioning, delete o.sizing, delete o.spacing, delete o.className, delete o.css, delete o.as;
|
|
38
39
|
const t = [l.input];
|
|
39
40
|
i.colorName && t.push(l[`is-${i.colorName}`]);
|
|
40
|
-
const e =
|
|
41
|
+
const e = n.getUtilityClassNames(i);
|
|
41
42
|
e && t.push(...e), i.className && t.push(i.className);
|
|
42
43
|
const r = {
|
|
43
44
|
...i.colorName ? {
|
|
@@ -50,11 +51,11 @@ function _(i) {
|
|
|
50
51
|
"--minolith-input-disabled-color-back": `var(--minolith-color-${i.colorName}-input-disabled-back)`,
|
|
51
52
|
"--minolith-input-disabled-color-border": `var(--minolith-color-${i.colorName}-input-disabled-border)`
|
|
52
53
|
} : void 0
|
|
53
|
-
}, c =
|
|
54
|
+
}, c = a.getEmotionCss(
|
|
54
55
|
i,
|
|
55
56
|
r
|
|
56
57
|
);
|
|
57
|
-
return /* @__PURE__ */
|
|
58
|
+
return /* @__PURE__ */ s(
|
|
58
59
|
"textarea",
|
|
59
60
|
{
|
|
60
61
|
...o,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { Interpolation, Theme } from \"@emotion/react\";\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseTextareaProps from \"./BaseTextareaProps\";\r\nimport classNames from \"./Textarea.module.scss\";\r\nimport type TextareaProps from \"./TextareaProps\";\r\n\r\nexport default function Textarea<\r\n BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n PropsType extends BaseTextareaProps<BaseComponentColorNameType> =\r\n TextareaProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n const assignedProps = {\r\n ...props,\r\n fore: undefined,\r\n back: undefined,\r\n highlighter: undefined,\r\n border: undefined,\r\n positioning: undefined,\r\n sizing: undefined,\r\n spacing: undefined,\r\n css: undefined,\r\n as: undefined,\r\n };\r\n\r\n delete assignedProps[\"colorName\"];\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[\"
|
|
1
|
+
{"version":3,"file":"Textarea.js","sources":["../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { Interpolation, Theme } from \"@emotion/react\";\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseTextareaProps from \"./BaseTextareaProps\";\r\nimport classNames from \"./Textarea.module.scss\";\r\nimport type TextareaProps from \"./TextareaProps\";\r\n\r\nexport default function Textarea<\r\n BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n PropsType extends BaseTextareaProps<BaseComponentColorNameType> =\r\n TextareaProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n const assignedProps = {\r\n ...props,\r\n fore: undefined,\r\n back: undefined,\r\n highlighter: undefined,\r\n border: undefined,\r\n positioning: undefined,\r\n sizing: undefined,\r\n spacing: undefined,\r\n className: undefined,\r\n css: undefined,\r\n as: undefined,\r\n };\r\n\r\n delete assignedProps[\"colorName\"];\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[\"className\"];\r\n delete assignedProps[\"css\"];\r\n delete assignedProps[\"as\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames: string[] = [classNames[\"input\"]];\r\n\r\n if (props.colorName) {\r\n assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n }\r\n\r\n const utilityClassNames =\r\n classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n if (utilityClassNames) {\r\n assignedClassNames.push(...utilityClassNames);\r\n }\r\n if (props.className) {\r\n assignedClassNames.push(props.className);\r\n }\r\n\r\n const colorNameCss: Interpolation<Theme> = props.colorName\r\n ? {\r\n [\"--minolith-input-color-fore\"]: `var(--minolith-color-${props.colorName}-input-fore)`,\r\n [\"--minolith-input-color-back\"]: `var(--minolith-color-${props.colorName}-input-back)`,\r\n [\"--minolith-input-color-border\"]: `var(--minolith-color-${props.colorName}-input-border)`,\r\n [\"--minolith-input-color-placeholder\"]: `var(--minolith-color-${props.colorName}-input-placeholder)`,\r\n [\"--minolith-input-focus-color-back\"]: `var(--minolith-color-${props.colorName}-input-focus-back)`,\r\n [\"--minolith-input-focus-color-border\"]: `var(--minolith-color-${props.colorName}-input-focus-border)`,\r\n [\"--minolith-input-disabled-color-back\"]: `var(--minolith-color-${props.colorName}-input-disabled-back)`,\r\n [\"--minolith-input-disabled-color-border\"]: `var(--minolith-color-${props.colorName}-input-disabled-border)`,\r\n }\r\n : undefined;\r\n\r\n const optionalCss = {\r\n ...colorNameCss,\r\n };\r\n\r\n const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(\r\n props,\r\n optionalCss,\r\n );\r\n\r\n return (\r\n <textarea\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":["Textarea","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAUA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAGN,SAAOC,EAAc,WAErB,OAAOA,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAA+B,CAACC,EAAW,KAAQ;AAEzD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC;AAG7D,QAAMI,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAgBzC,QAAMM,IAAc;AAAA,IAClB,GAdyCN,EAAM,YAC7C;AAAA,MACG,+BAAgC,wBAAwBA,EAAM,SAAS;AAAA,MACvE,+BAAgC,wBAAwBA,EAAM,SAAS;AAAA,MACvE,iCAAkC,wBAAwBA,EAAM,SAAS;AAAA,MACzE,sCAAuC,wBAAwBA,EAAM,SAAS;AAAA,MAC9E,qCAAsC,wBAAwBA,EAAM,SAAS;AAAA,MAC7E,uCAAwC,wBAAwBA,EAAM,SAAS;AAAA,MAC/E,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,MAChF,0CAA2C,wBAAwBA,EAAM,SAAS;AAAA,IAAA,IAErF;AAAA,EAGC,GAGCO,IAAMC,EAAoB;AAAA,IAC9BR;AAAA,IACAM;AAAA,EAAA;AAGF,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGR;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Centering.d.ts","sourceRoot":"","sources":["../../../src/layouts/Centering/Centering.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,kBAAkB,MAAM,sBAAsB,CAAC;AAE3D,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAC;AAEnD,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,kBAAkB,CAAC,0BAA0B,CAAC,GAC9D,cAAc,CAAC,0BAA0B,CAAC,EAC5C,KAAK,EAAE,SAAS,GAAG,YAAY,
|
|
1
|
+
{"version":3,"file":"Centering.d.ts","sourceRoot":"","sources":["../../../src/layouts/Centering/Centering.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,kBAAkB,MAAM,sBAAsB,CAAC;AAE3D,OAAO,KAAK,cAAc,MAAM,kBAAkB,CAAC;AAEnD,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,kBAAkB,CAAC,0BAA0B,CAAC,GAC9D,cAAc,CAAC,0BAA0B,CAAC,EAC5C,KAAK,EAAE,SAAS,GAAG,YAAY,CAgDhC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as n } from "@emotion/react/jsx-runtime";
|
|
3
3
|
import a from "../../utilities/classNameUtility/classNameUtility.js";
|
|
4
4
|
import l from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
5
5
|
import '../../assets/Centering.css';const c = "_centering_pvczy_1", d = {
|
|
@@ -15,19 +15,20 @@ function v(i) {
|
|
|
15
15
|
positioning: void 0,
|
|
16
16
|
sizing: void 0,
|
|
17
17
|
spacing: void 0,
|
|
18
|
+
className: void 0,
|
|
18
19
|
css: void 0,
|
|
19
20
|
as: void 0
|
|
20
21
|
};
|
|
21
|
-
delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.
|
|
22
|
+
delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.className, delete e.css, delete e.as;
|
|
22
23
|
const s = [d.centering], t = a.getUtilityClassNames(i);
|
|
23
24
|
t && s.push(...t), i.className && s.push(i.className);
|
|
24
|
-
const
|
|
25
|
-
return /* @__PURE__ */
|
|
25
|
+
const o = l.getEmotionCss(i);
|
|
26
|
+
return /* @__PURE__ */ n(
|
|
26
27
|
"div",
|
|
27
28
|
{
|
|
28
29
|
...e,
|
|
29
30
|
className: s.join(" "),
|
|
30
|
-
css:
|
|
31
|
+
css: o
|
|
31
32
|
}
|
|
32
33
|
);
|
|
33
34
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Centering.js","sources":["../../../src/layouts/Centering/Centering.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseCenteringProps from \"./BaseCenteringProps\";\r\nimport classNames from \"./Centering.module.scss\";\r\nimport type CenteringProps from \"./CenteringProps\";\r\n\r\nexport default function Centering<\r\n BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n PropsType extends BaseCenteringProps<BaseComponentColorNameType> =\r\n CenteringProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n const assignedProps = {\r\n ...props,\r\n fore: undefined,\r\n back: undefined,\r\n highlighter: undefined,\r\n border: undefined,\r\n positioning: undefined,\r\n sizing: undefined,\r\n spacing: undefined,\r\n css: undefined,\r\n as: undefined,\r\n };\r\n\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[\"
|
|
1
|
+
{"version":3,"file":"Centering.js","sources":["../../../src/layouts/Centering/Centering.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseCenteringProps from \"./BaseCenteringProps\";\r\nimport classNames from \"./Centering.module.scss\";\r\nimport type CenteringProps from \"./CenteringProps\";\r\n\r\nexport default function Centering<\r\n BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n PropsType extends BaseCenteringProps<BaseComponentColorNameType> =\r\n CenteringProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n const assignedProps = {\r\n ...props,\r\n fore: undefined,\r\n back: undefined,\r\n highlighter: undefined,\r\n border: undefined,\r\n positioning: undefined,\r\n sizing: undefined,\r\n spacing: undefined,\r\n className: undefined,\r\n css: undefined,\r\n as: undefined,\r\n };\r\n\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[\"className\"];\r\n delete assignedProps[\"css\"];\r\n delete assignedProps[\"as\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames = [classNames[\"centering\"]];\r\n const utilityClassNames =\r\n classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n if (utilityClassNames) {\r\n assignedClassNames.push(...utilityClassNames);\r\n }\r\n if (props.className) {\r\n assignedClassNames.push(props.className);\r\n }\r\n\r\n const css =\r\n emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(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":["Centering","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AASA,SAAwBA,EAItBC,GAAgC;AAChC,QAAMC,IAAgB;AAAA,IACpB,GAAGD;AAAA,IACH,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,KAAK;AAAA,IACL,IAAI;AAAA,EAAA;AAIN,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc,WACrB,OAAOA,EAAc,KACrB,OAAOA,EAAc;AAGrB,QAAMC,IAAqB,CAACC,EAAW,SAAY,GAC7CC,IACJC,EAAiB,qBAAiDL,CAAK;AACzE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IACJC,EAAoB,cAA0CP,CAAK;AAErE,SACE,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGP;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../src/layouts/Column/Column.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,eAAe,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,eAAe,CAAC,0BAA0B,CAAC,GAC3D,WAAW,CAAC,0BAA0B,CAAC,EACzC,KAAK,EAAE,SAAS,GAAG,YAAY,
|
|
1
|
+
{"version":3,"file":"Column.d.ts","sourceRoot":"","sources":["../../../src/layouts/Column/Column.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,eAAe,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,WAAW,MAAM,eAAe,CAAC;AAE7C,MAAM,CAAC,OAAO,UAAU,MAAM,CAC5B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,eAAe,CAAC,0BAA0B,CAAC,GAC3D,WAAW,CAAC,0BAA0B,CAAC,EACzC,KAAK,EAAE,SAAS,GAAG,YAAY,CAmGhC"}
|
|
@@ -965,10 +965,11 @@ function i(e) {
|
|
|
965
965
|
positioning: void 0,
|
|
966
966
|
sizing: void 0,
|
|
967
967
|
spacing: void 0,
|
|
968
|
+
className: void 0,
|
|
968
969
|
css: void 0,
|
|
969
970
|
as: void 0
|
|
970
971
|
};
|
|
971
|
-
delete r.isFull, delete r.size, delete r.sizeXSmall, delete r.sizeSmallOrLess, delete r.sizeSmall, delete r.sizeSmallOrMore, delete r.sizeMediumOrLess, delete r.sizeMedium, delete r.sizeMediumOrMore, delete r.sizeLargeOrLess, delete r.sizeLarge, delete r.sizeLargeOrMore, delete r.sizeXLarge, delete r.fore, delete r.back, delete r.highlighter, delete r.border, delete r.positioning, delete r.sizing, delete r.spacing, delete r.
|
|
972
|
+
delete r.isFull, delete r.size, delete r.sizeXSmall, delete r.sizeSmallOrLess, delete r.sizeSmall, delete r.sizeSmallOrMore, delete r.sizeMediumOrLess, delete r.sizeMedium, delete r.sizeMediumOrMore, delete r.sizeLargeOrLess, delete r.sizeLarge, delete r.sizeLargeOrMore, delete r.sizeXLarge, delete r.fore, delete r.back, delete r.highlighter, delete r.border, delete r.positioning, delete r.sizing, delete r.spacing, delete r.className, delete r.css, delete r.as;
|
|
972
973
|
const s = [a.column];
|
|
973
974
|
e.isFull && s.push(a["is-full"]), e.size && s.push(a[`column-${e.size}`]), e.sizeXSmall && s.push(a[`is-xsmall-${e.sizeXSmall}`]), e.sizeSmallOrLess && s.push(
|
|
974
975
|
a[`is-small-or-less-${e.sizeSmallOrLess}`]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Column.js","sources":["../../../src/layouts/Column/Column.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseColumnProps from \"./BaseColumnProps\";\r\nimport classNames from \"./Column.module.scss\";\r\nimport type ColumnProps from \"./ColumnProps\";\r\n\r\nexport default function Column<\r\n BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n PropsType extends BaseColumnProps<BaseComponentColorNameType> =\r\n ColumnProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n const assignedProps = {\r\n ...props,\r\n fore: undefined,\r\n back: undefined,\r\n highlighter: undefined,\r\n border: undefined,\r\n positioning: undefined,\r\n sizing: undefined,\r\n spacing: undefined,\r\n css: undefined,\r\n as: undefined,\r\n };\r\n\r\n delete assignedProps[\"isFull\"];\r\n delete assignedProps[\"size\"];\r\n delete assignedProps[\"sizeXSmall\"];\r\n delete assignedProps[\"sizeSmallOrLess\"];\r\n delete assignedProps[\"sizeSmall\"];\r\n delete assignedProps[\"sizeSmallOrMore\"];\r\n delete assignedProps[\"sizeMediumOrLess\"];\r\n delete assignedProps[\"sizeMedium\"];\r\n delete assignedProps[\"sizeMediumOrMore\"];\r\n delete assignedProps[\"sizeLargeOrLess\"];\r\n delete assignedProps[\"sizeLarge\"];\r\n delete assignedProps[\"sizeLargeOrMore\"];\r\n delete assignedProps[\"sizeXLarge\"];\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[\"
|
|
1
|
+
{"version":3,"file":"Column.js","sources":["../../../src/layouts/Column/Column.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseColumnProps from \"./BaseColumnProps\";\r\nimport classNames from \"./Column.module.scss\";\r\nimport type ColumnProps from \"./ColumnProps\";\r\n\r\nexport default function Column<\r\n BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n PropsType extends BaseColumnProps<BaseComponentColorNameType> =\r\n ColumnProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n const assignedProps = {\r\n ...props,\r\n fore: undefined,\r\n back: undefined,\r\n highlighter: undefined,\r\n border: undefined,\r\n positioning: undefined,\r\n sizing: undefined,\r\n spacing: undefined,\r\n className: undefined,\r\n css: undefined,\r\n as: undefined,\r\n };\r\n\r\n delete assignedProps[\"isFull\"];\r\n delete assignedProps[\"size\"];\r\n delete assignedProps[\"sizeXSmall\"];\r\n delete assignedProps[\"sizeSmallOrLess\"];\r\n delete assignedProps[\"sizeSmall\"];\r\n delete assignedProps[\"sizeSmallOrMore\"];\r\n delete assignedProps[\"sizeMediumOrLess\"];\r\n delete assignedProps[\"sizeMedium\"];\r\n delete assignedProps[\"sizeMediumOrMore\"];\r\n delete assignedProps[\"sizeLargeOrLess\"];\r\n delete assignedProps[\"sizeLarge\"];\r\n delete assignedProps[\"sizeLargeOrMore\"];\r\n delete assignedProps[\"sizeXLarge\"];\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[\"className\"];\r\n delete assignedProps[\"css\"];\r\n delete assignedProps[\"as\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames: string[] = [classNames[\"column\"]];\r\n\r\n props.isFull && assignedClassNames.push(classNames[\"is-full\"]);\r\n props.size && assignedClassNames.push(classNames[`column-${props.size}`]);\r\n props.sizeXSmall &&\r\n assignedClassNames.push(classNames[`is-xsmall-${props.sizeXSmall}`]);\r\n props.sizeSmallOrLess &&\r\n assignedClassNames.push(\r\n classNames[`is-small-or-less-${props.sizeSmallOrLess}`],\r\n );\r\n props.sizeSmall &&\r\n assignedClassNames.push(classNames[`is-small-${props.sizeSmall}`]);\r\n props.sizeSmallOrMore &&\r\n assignedClassNames.push(\r\n classNames[`is-small-or-more-${props.sizeSmallOrMore}`],\r\n );\r\n props.sizeMediumOrLess &&\r\n assignedClassNames.push(\r\n classNames[`is-medium-or-less-${props.sizeMediumOrLess}`],\r\n );\r\n props.sizeMedium &&\r\n assignedClassNames.push(classNames[`is-medium-${props.sizeMedium}`]);\r\n props.sizeMediumOrMore &&\r\n assignedClassNames.push(\r\n classNames[`is-medium-or-more-${props.sizeMediumOrMore}`],\r\n );\r\n props.sizeLargeOrLess &&\r\n assignedClassNames.push(\r\n classNames[`is-large-or-less-${props.sizeLargeOrLess}`],\r\n );\r\n props.sizeLarge &&\r\n assignedClassNames.push(classNames[`is-large-${props.sizeLarge}`]);\r\n props.sizeLargeOrMore &&\r\n assignedClassNames.push(\r\n classNames[`is-large-or-more-${props.sizeLargeOrMore}`],\r\n );\r\n props.sizeXLarge &&\r\n assignedClassNames.push(classNames[`is-xlarge-${props.sizeXLarge}`]);\r\n\r\n const utilityClassNames =\r\n classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n if (utilityClassNames) {\r\n assignedClassNames.push(...utilityClassNames);\r\n }\r\n if (props.className) {\r\n assignedClassNames.push(props.className);\r\n }\r\n\r\n const css =\r\n emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(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":["Column","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","css","emotionStyleUtility","jsx"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Columns.d.ts","sourceRoot":"","sources":["../../../src/layouts/Columns/Columns.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,OAAO,CAC7B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,gBAAgB,CAAC,0BAA0B,CAAC,GAC5D,YAAY,CAAC,0BAA0B,CAAC,EAC1C,KAAK,EAAE,SAAS,GAAG,YAAY,
|
|
1
|
+
{"version":3,"file":"Columns.d.ts","sourceRoot":"","sources":["../../../src/layouts/Columns/Columns.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AAEvD,OAAO,KAAK,YAAY,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,OAAO,CAC7B,0BAA0B,SAAS,MAAM,GAAG,SAAS,GAAG,SAAS,EACjE,SAAS,SAAS,gBAAgB,CAAC,0BAA0B,CAAC,GAC5D,YAAY,CAAC,0BAA0B,CAAC,EAC1C,KAAK,EAAE,SAAS,GAAG,YAAY,CAyMhC"}
|
|
@@ -965,10 +965,11 @@ function y(e) {
|
|
|
965
965
|
positioning: void 0,
|
|
966
966
|
sizing: void 0,
|
|
967
967
|
spacing: void 0,
|
|
968
|
+
className: void 0,
|
|
968
969
|
css: void 0,
|
|
969
970
|
as: void 0
|
|
970
971
|
};
|
|
971
|
-
delete m.flexDirection, delete m.gutter, delete m.fore, delete m.back, delete m.highlighter, delete m.border, delete m.positioning, delete m.sizing, delete m.spacing, delete m.
|
|
972
|
+
delete m.flexDirection, delete m.gutter, delete m.fore, delete m.back, delete m.highlighter, delete m.border, delete m.positioning, delete m.sizing, delete m.spacing, delete m.className, delete m.css, delete m.as;
|
|
972
973
|
const t = [a.columns], r = [];
|
|
973
974
|
e.gutter && (typeof e.gutter == "number" || typeof e.gutter == "string" || "x" in e.gutter || "y" in e.gutter ? r.push(
|
|
974
975
|
...s.getGutterClassNames(a, e.gutter)
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Columns.js","sources":["../../../src/layouts/Columns/Columns.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseColumnsProps from \"./BaseColumnsProps\";\r\nimport classNames from \"./Columns.module.scss\";\r\nimport type ColumnsProps from \"./ColumnsProps\";\r\n\r\nexport default function Columns<\r\n BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n PropsType extends BaseColumnsProps<BaseComponentColorNameType> =\r\n ColumnsProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n const assignedProps = {\r\n ...props,\r\n fore: undefined,\r\n back: undefined,\r\n highlighter: undefined,\r\n border: undefined,\r\n positioning: undefined,\r\n sizing: undefined,\r\n spacing: undefined,\r\n css: undefined,\r\n as: undefined,\r\n };\r\n\r\n delete assignedProps[\"flexDirection\"];\r\n delete assignedProps[\"gutter\"];\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 delete assignedProps[\"className\"];\r\n delete assignedProps[\"as\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames: string[] = [classNames[\"columns\"]];\r\n\r\n const propsClassNames: string[] = [];\r\n\r\n if (props.gutter) {\r\n if (\r\n typeof props.gutter === \"number\" ||\r\n typeof props.gutter === \"string\" ||\r\n \"x\" in props.gutter ||\r\n \"y\" in props.gutter\r\n ) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(classNames, props.gutter),\r\n );\r\n } else {\r\n if (\"default\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.default,\r\n ),\r\n );\r\n }\r\n if (\"xsmall\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.xsmall,\r\n \"xsmall\",\r\n ),\r\n );\r\n }\r\n if (\"xsmallOrMore\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.xsmallOrMore,\r\n \"xsmall-or-more\",\r\n ),\r\n );\r\n }\r\n if (\"smallOrLess\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.smallOrLess,\r\n \"small-or-less\",\r\n ),\r\n );\r\n }\r\n if (\"small\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.small,\r\n \"small\",\r\n ),\r\n );\r\n }\r\n if (\"smallOrMore\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.smallOrMore,\r\n \"small-or-more\",\r\n ),\r\n );\r\n }\r\n if (\"mediumOrLess\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.mediumOrLess,\r\n \"medium-or-less\",\r\n ),\r\n );\r\n }\r\n if (\"medium\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.medium,\r\n \"medium\",\r\n ),\r\n );\r\n }\r\n if (\"mediumOrMore\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.mediumOrMore,\r\n \"medium-or-more\",\r\n ),\r\n );\r\n }\r\n if (\"largeOrLess\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.largeOrLess,\r\n \"large-or-less\",\r\n ),\r\n );\r\n }\r\n if (\"large\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.large,\r\n \"large\",\r\n ),\r\n );\r\n }\r\n if (\"largeOrMore\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.largeOrMore,\r\n \"large-or-more\",\r\n ),\r\n );\r\n }\r\n if (\"xlargeOrLess\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.xlargeOrLess,\r\n \"xlarge-or-less\",\r\n ),\r\n );\r\n }\r\n if (\"xlarge\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.xlarge,\r\n \"xlarge\",\r\n ),\r\n );\r\n }\r\n }\r\n }\r\n\r\n assignedClassNames.push(...propsClassNames);\r\n\r\n const utilityClassNames =\r\n classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n if (utilityClassNames) {\r\n assignedClassNames.push(...utilityClassNames);\r\n }\r\n if (props.className) {\r\n assignedClassNames.push(props.className);\r\n }\r\n\r\n const flexDirectionCss = emotionStyleUtility.getColumnsFlexDirectionCss(\r\n props.flexDirection,\r\n );\r\n const optionalCss = { ...flexDirectionCss };\r\n\r\n const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(\r\n props,\r\n optionalCss,\r\n );\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":["Columns","props","assignedProps","assignedClassNames","classNames","propsClassNames","classNameUtility","utilityClassNames","optionalCss","emotionStyleUtility","css","jsx"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Columns.js","sources":["../../../src/layouts/Columns/Columns.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport type { ReactElement } from \"react\";\r\nimport type { ColorName } from \"../../types\";\r\nimport { classNameUtility, emotionStyleUtility } from \"../../utilities\";\r\nimport type BaseColumnsProps from \"./BaseColumnsProps\";\r\nimport classNames from \"./Columns.module.scss\";\r\nimport type ColumnsProps from \"./ColumnsProps\";\r\n\r\nexport default function Columns<\r\n BaseComponentColorNameType extends string = ColorName | \"rainbow\",\r\n PropsType extends BaseColumnsProps<BaseComponentColorNameType> =\r\n ColumnsProps<BaseComponentColorNameType>,\r\n>(props: PropsType): ReactElement {\r\n const assignedProps = {\r\n ...props,\r\n fore: undefined,\r\n back: undefined,\r\n highlighter: undefined,\r\n border: undefined,\r\n positioning: undefined,\r\n sizing: undefined,\r\n spacing: undefined,\r\n className: undefined,\r\n css: undefined,\r\n as: undefined,\r\n };\r\n\r\n delete assignedProps[\"flexDirection\"];\r\n delete assignedProps[\"gutter\"];\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[\"className\"];\r\n delete assignedProps[\"css\"];\r\n delete assignedProps[\"as\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames: string[] = [classNames[\"columns\"]];\r\n\r\n const propsClassNames: string[] = [];\r\n\r\n if (props.gutter) {\r\n if (\r\n typeof props.gutter === \"number\" ||\r\n typeof props.gutter === \"string\" ||\r\n \"x\" in props.gutter ||\r\n \"y\" in props.gutter\r\n ) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(classNames, props.gutter),\r\n );\r\n } else {\r\n if (\"default\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.default,\r\n ),\r\n );\r\n }\r\n if (\"xsmall\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.xsmall,\r\n \"xsmall\",\r\n ),\r\n );\r\n }\r\n if (\"xsmallOrMore\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.xsmallOrMore,\r\n \"xsmall-or-more\",\r\n ),\r\n );\r\n }\r\n if (\"smallOrLess\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.smallOrLess,\r\n \"small-or-less\",\r\n ),\r\n );\r\n }\r\n if (\"small\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.small,\r\n \"small\",\r\n ),\r\n );\r\n }\r\n if (\"smallOrMore\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.smallOrMore,\r\n \"small-or-more\",\r\n ),\r\n );\r\n }\r\n if (\"mediumOrLess\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.mediumOrLess,\r\n \"medium-or-less\",\r\n ),\r\n );\r\n }\r\n if (\"medium\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.medium,\r\n \"medium\",\r\n ),\r\n );\r\n }\r\n if (\"mediumOrMore\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.mediumOrMore,\r\n \"medium-or-more\",\r\n ),\r\n );\r\n }\r\n if (\"largeOrLess\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.largeOrLess,\r\n \"large-or-less\",\r\n ),\r\n );\r\n }\r\n if (\"large\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.large,\r\n \"large\",\r\n ),\r\n );\r\n }\r\n if (\"largeOrMore\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.largeOrMore,\r\n \"large-or-more\",\r\n ),\r\n );\r\n }\r\n if (\"xlargeOrLess\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.xlargeOrLess,\r\n \"xlarge-or-less\",\r\n ),\r\n );\r\n }\r\n if (\"xlarge\" in props.gutter) {\r\n propsClassNames.push(\r\n ...classNameUtility.getGutterClassNames(\r\n classNames,\r\n props.gutter.xlarge,\r\n \"xlarge\",\r\n ),\r\n );\r\n }\r\n }\r\n }\r\n\r\n assignedClassNames.push(...propsClassNames);\r\n\r\n const utilityClassNames =\r\n classNameUtility.getUtilityClassNames<BaseComponentColorNameType>(props);\r\n if (utilityClassNames) {\r\n assignedClassNames.push(...utilityClassNames);\r\n }\r\n if (props.className) {\r\n assignedClassNames.push(props.className);\r\n }\r\n\r\n const flexDirectionCss = emotionStyleUtility.getColumnsFlexDirectionCss(\r\n props.flexDirection,\r\n );\r\n const optionalCss = { ...flexDirectionCss };\r\n\r\n const css = emotionStyleUtility.getEmotionCss<BaseComponentColorNameType>(\r\n props,\r\n optionalCss,\r\n );\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":["Columns","props","assignedProps","assignedClassNames","classNames","propsClassNames","classNameUtility","utilityClassNames","optionalCss","emotionStyleUtility","css","jsx"],"mappings":"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"}
|