react-minolith 1.0.14 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/assets/Accordion.css +1 -1
- package/dist/assets/Columns.css +1 -1
- package/dist/assets/Container.css +1 -1
- package/dist/assets/Dialogue.css +1 -1
- package/dist/assets/Loader.css +1 -1
- package/dist/assets/Minolith.css +1 -1
- package/dist/assets/Nav.css +1 -1
- package/dist/assets/Progress.css +1 -1
- package/dist/assets/Textarea.css +1 -1
- package/dist/backgrounds/Dot/Dot.js +4 -4
- package/dist/backgrounds/Dot/Dot.js.map +1 -1
- package/dist/backgrounds/Gingham/Gingham.js +4 -4
- package/dist/backgrounds/Gingham/Gingham.js.map +1 -1
- package/dist/backgrounds/Rhombus/Rhombus.js +4 -4
- package/dist/backgrounds/Rhombus/Rhombus.js.map +1 -1
- package/dist/backgrounds/Stripe/Stripe.js +4 -4
- package/dist/backgrounds/Stripe/Stripe.js.map +1 -1
- package/dist/backgrounds/Zigzag/Zigzag.js +4 -4
- package/dist/backgrounds/Zigzag/Zigzag.js.map +1 -1
- package/dist/base/Minolith/Minolith.d.ts.map +1 -1
- package/dist/base/Minolith/Minolith.js +26 -20
- package/dist/base/Minolith/Minolith.js.map +1 -1
- package/dist/base/MinolithStatic/MinolithStatic.d.ts.map +1 -1
- package/dist/base/MinolithStatic/MinolithStatic.js +23 -15
- package/dist/base/MinolithStatic/MinolithStatic.js.map +1 -1
- package/dist/base/Tabula/Tabula.js +4 -4
- package/dist/base/Tabula/Tabula.js.map +1 -1
- package/dist/components/Accordion/Accordion.js +36 -36
- package/dist/components/Accordion/Accordion.js.map +1 -1
- package/dist/components/AccordionDetails/AccordionDetails.js +5 -5
- package/dist/components/AccordionDetails/AccordionDetails.js.map +1 -1
- package/dist/components/AccordionSummary/AccordionSummary.js +5 -5
- package/dist/components/AccordionSummary/AccordionSummary.js.map +1 -1
- package/dist/components/Badge/Badge.js +4 -4
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Blockquote/Blockquote.js +4 -4
- package/dist/components/Blockquote/Blockquote.js.map +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.js +4 -4
- package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/components/Breadcrumbs/Breadcrumbs.js +4 -4
- package/dist/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/components/BreadcrumbsNav/BreadcrumbsNav.js +4 -4
- package/dist/components/BreadcrumbsNav/BreadcrumbsNav.js.map +1 -1
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Card/Card.js +4 -4
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/CardBody/CardBody.js +4 -4
- package/dist/components/CardBody/CardBody.js.map +1 -1
- package/dist/components/CardFooter/CardFooter.js +4 -4
- package/dist/components/CardFooter/CardFooter.js.map +1 -1
- package/dist/components/CardHeader/CardHeader.js +4 -4
- package/dist/components/CardHeader/CardHeader.js.map +1 -1
- package/dist/components/Dialogue/Dialogue.js +48 -48
- package/dist/components/Dialogue/Dialogue.js.map +1 -1
- package/dist/components/DialogueAvatar/DialogueAvatar.js +5 -5
- package/dist/components/DialogueAvatar/DialogueAvatar.js.map +1 -1
- package/dist/components/DialogueAvatarContainer/DialogueAvatarContainer.js +5 -5
- package/dist/components/DialogueAvatarContainer/DialogueAvatarContainer.js.map +1 -1
- package/dist/components/DialogueContentContainer/DialogueContentContainer.js +5 -5
- package/dist/components/DialogueContentContainer/DialogueContentContainer.js.map +1 -1
- package/dist/components/DialogueMessage/DialogueMessage.js +5 -5
- package/dist/components/DialogueMessage/DialogueMessage.js.map +1 -1
- package/dist/components/DialogueMessageInner/DialogueMessageInner.js +5 -5
- package/dist/components/DialogueMessageInner/DialogueMessageInner.js.map +1 -1
- package/dist/components/DialogueName/DialogueName.js +5 -5
- package/dist/components/DialogueName/DialogueName.js.map +1 -1
- package/dist/components/Div/Div.js +4 -4
- package/dist/components/Div/Div.js.map +1 -1
- package/dist/components/Footer/Footer.js +4 -4
- package/dist/components/Footer/Footer.js.map +1 -1
- package/dist/components/Hamburger/Hamburger.js +4 -4
- package/dist/components/Hamburger/Hamburger.js.map +1 -1
- package/dist/components/Header/Header.js +4 -4
- package/dist/components/Header/Header.js.map +1 -1
- package/dist/components/Heading/Heading.js +4 -4
- package/dist/components/Heading/Heading.js.map +1 -1
- package/dist/components/Input/Input.js +47 -48
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Label/Label.js +4 -4
- package/dist/components/Label/Label.js.map +1 -1
- package/dist/components/Link/Link.js +4 -4
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/Loader/Loader.js +55 -55
- 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 +4 -4
- package/dist/components/Message/Message.js.map +1 -1
- package/dist/components/MessageBody/MessageBody.js +4 -4
- package/dist/components/MessageBody/MessageBody.js.map +1 -1
- package/dist/components/MessageHeader/MessageHeader.js +4 -4
- package/dist/components/MessageHeader/MessageHeader.js.map +1 -1
- package/dist/components/Modal/Modal.js +4 -4
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/ModalContent/ModalContent.js +4 -4
- package/dist/components/ModalContent/ModalContent.js.map +1 -1
- package/dist/components/Nav/Nav.js +4 -4
- package/dist/components/Nav/Nav.js.map +1 -1
- package/dist/components/NavAccordion/NavAccordion.js +4 -4
- package/dist/components/NavAccordion/NavAccordion.js.map +1 -1
- package/dist/components/NavBrand/NavBrand.js +4 -4
- package/dist/components/NavBrand/NavBrand.js.map +1 -1
- package/dist/components/NavBrandCenter/NavBrandCenter.js +4 -4
- package/dist/components/NavBrandCenter/NavBrandCenter.js.map +1 -1
- package/dist/components/NavBrandLeft/NavBrandLeft.js +4 -4
- package/dist/components/NavBrandLeft/NavBrandLeft.js.map +1 -1
- package/dist/components/NavBrandRight/NavBrandRight.js +4 -4
- package/dist/components/NavBrandRight/NavBrandRight.js.map +1 -1
- package/dist/components/NavMenu/NavMenu.js +4 -4
- package/dist/components/NavMenu/NavMenu.js.map +1 -1
- package/dist/components/NavMenuItem/NavMenuItem.js +4 -4
- package/dist/components/NavMenuItem/NavMenuItem.js.map +1 -1
- package/dist/components/NavStatic/NavStatic.js +4 -4
- package/dist/components/NavStatic/NavStatic.js.map +1 -1
- package/dist/components/Paragraph/Paragraph.js +4 -4
- package/dist/components/Paragraph/Paragraph.js.map +1 -1
- package/dist/components/Progress/Progress.js +146 -146
- package/dist/components/Progress/Progress.js.map +1 -1
- package/dist/components/Ruby/Ruby.js +1 -1
- package/dist/components/Ruby/Ruby.js.map +1 -1
- package/dist/components/RubyText/RubyText.js +4 -4
- package/dist/components/RubyText/RubyText.js.map +1 -1
- package/dist/components/Section/Section.js +4 -4
- package/dist/components/Section/Section.js.map +1 -1
- package/dist/components/Span/Span.js +4 -4
- package/dist/components/Span/Span.js.map +1 -1
- package/dist/components/Textarea/Textarea.js +47 -48
- package/dist/components/Textarea/Textarea.js.map +1 -1
- package/dist/contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js.map +1 -1
- package/dist/layouts/Centering/Centering.js +4 -4
- package/dist/layouts/Centering/Centering.js.map +1 -1
- package/dist/layouts/Column/Column.js +4 -4
- package/dist/layouts/Column/Column.js.map +1 -1
- package/dist/layouts/Columns/Columns.js +4 -4
- package/dist/layouts/Columns/Columns.js.map +1 -1
- package/dist/layouts/Container/Container.js +4 -4
- package/dist/layouts/Container/Container.js.map +1 -1
- package/dist/react-minolith.js +126 -126
- package/dist/utilities/classNameUtility/classNameUtility.js.map +1 -1
- package/dist/utilities/emotionStyleUtility/emotionStyleUtility.js.map +1 -1
- package/dist/utilities/minolithStyleUtility/minolithStyleUtility.js.map +1 -1
- package/package.json +28 -25
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as a } from "@emotion/react/jsx-runtime";
|
|
3
3
|
import { useContext as m } from "react";
|
|
4
|
-
import d from "../../
|
|
5
|
-
import n from "../../
|
|
4
|
+
import d from "../../utilities/classNameUtility/classNameUtility.js";
|
|
5
|
+
import n from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
|
|
6
6
|
import r from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
7
7
|
import '../../assets/Rhombus.css';const c = "_rhombus_109dl_1", l = {
|
|
8
8
|
rhombus: c,
|
|
@@ -25,9 +25,9 @@ function N(s) {
|
|
|
25
25
|
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;
|
|
26
26
|
const i = [l.rhombus];
|
|
27
27
|
s.colorName && i.push(l[`is-${s.colorName}`]), s.size && i.push(l[`is-${s.size}`]);
|
|
28
|
-
const t =
|
|
28
|
+
const t = d.getUtilityClassNames(s);
|
|
29
29
|
t && i.push(...t), s.className && i.push(s.className);
|
|
30
|
-
const o = m(
|
|
30
|
+
const o = m(n), _ = r.getEmotionCss(s, o);
|
|
31
31
|
return /* @__PURE__ */ a(
|
|
32
32
|
"div",
|
|
33
33
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rhombus.js","sources":["../../../src/backgrounds/Rhombus/Rhombus.tsx"],"sourcesContent":["\"use client\";\r\nimport { useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/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 const utilityClassNames = classNameUtility.getUtilityClassNames(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 colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\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","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAQC,GAAyC;
|
|
1
|
+
{"version":3,"file":"Rhombus.js","sources":["../../../src/backgrounds/Rhombus/Rhombus.tsx"],"sourcesContent":["\"use client\";\r\nimport { useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/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 const utilityClassNames = classNameUtility.getUtilityClassNames(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 colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\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","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAQC,GAAyC;AACvE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,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;AAExD,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAEhE,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as y } from "@emotion/react/jsx-runtime";
|
|
3
3
|
import { useContext as l } from "react";
|
|
4
|
-
import o from "../../
|
|
5
|
-
import v from "../../
|
|
4
|
+
import o from "../../utilities/classNameUtility/classNameUtility.js";
|
|
5
|
+
import v from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
|
|
6
6
|
import a from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
7
7
|
import '../../assets/Stripe.css';const r = "_stripe_dv95y_1", _ = {
|
|
8
8
|
stripe: r,
|
|
@@ -48,9 +48,9 @@ function N(s) {
|
|
|
48
48
|
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;
|
|
49
49
|
const i = [_.stripe];
|
|
50
50
|
s.colorName && i.push(_[`is-${s.colorName}`]), s.degree && i.push(_[`is-${s.degree}deg`]);
|
|
51
|
-
const d =
|
|
51
|
+
const d = o.getUtilityClassNames(s);
|
|
52
52
|
d && i.push(...d), s.className && i.push(s.className);
|
|
53
|
-
const g = l(
|
|
53
|
+
const g = l(v), t = a.getEmotionCss(s, g);
|
|
54
54
|
return /* @__PURE__ */ y(
|
|
55
55
|
"div",
|
|
56
56
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stripe.js","sources":["../../../src/backgrounds/Stripe/Stripe.tsx"],"sourcesContent":["\"use client\";\r\nimport { useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/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 const utilityClassNames = classNameUtility.getUtilityClassNames(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 colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\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","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAOC,GAAwC;
|
|
1
|
+
{"version":3,"file":"Stripe.js","sources":["../../../src/backgrounds/Stripe/Stripe.tsx"],"sourcesContent":["\"use client\";\r\nimport { useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/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 const utilityClassNames = classNameUtility.getUtilityClassNames(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 colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\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","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAOC,GAAwC;AACrE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,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;AAG7D,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAEhE,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
3
3
|
import { useContext as l } from "react";
|
|
4
|
-
import y from "../../
|
|
5
|
-
import h from "../../
|
|
4
|
+
import y from "../../utilities/classNameUtility/classNameUtility.js";
|
|
5
|
+
import h from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
|
|
6
6
|
import a from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
7
7
|
import '../../assets/Zigzag.css';const o = "_zigzag_1hwfy_1", _ = {
|
|
8
8
|
zigzag: o,
|
|
@@ -50,9 +50,9 @@ function z(i) {
|
|
|
50
50
|
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;
|
|
51
51
|
const s = [_.zigzag];
|
|
52
52
|
i.colorName && s.push(_[`is-${i.colorName}`]), i.size && s.push(_[`is-${i.size}`]);
|
|
53
|
-
const g =
|
|
53
|
+
const g = y.getUtilityClassNames(i);
|
|
54
54
|
g && s.push(...g), i.className && s.push(i.className);
|
|
55
|
-
const d = l(
|
|
55
|
+
const d = l(h), f = a.getEmotionCss(i, d);
|
|
56
56
|
return /* @__PURE__ */ t(
|
|
57
57
|
"div",
|
|
58
58
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Zigzag.js","sources":["../../../src/backgrounds/Zigzag/Zigzag.tsx"],"sourcesContent":["\"use client\";\r\nimport { useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/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 const utilityClassNames = classNameUtility.getUtilityClassNames(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 colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\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","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAOC,GAAwC;
|
|
1
|
+
{"version":3,"file":"Zigzag.js","sources":["../../../src/backgrounds/Zigzag/Zigzag.tsx"],"sourcesContent":["\"use client\";\r\nimport { useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/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 const utilityClassNames = classNameUtility.getUtilityClassNames(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 colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\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","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAOC,GAAwC;AACrE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,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;AAGxD,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAEhE,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Minolith.d.ts","sourceRoot":"","sources":["../../../src/base/Minolith/Minolith.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Minolith.d.ts","sourceRoot":"","sources":["../../../src/base/Minolith/Minolith.tsx"],"names":[],"mappings":"AAKA,OAAO,iBAAiB,CAAC;AACzB,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,KAAK,CAAC,YAAY,CAgDzE"}
|
|
@@ -1,32 +1,38 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import { useMemo as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import '../../assets/Minolith.css';function
|
|
8
|
-
const e = { ...
|
|
2
|
+
import { jsx as s } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { useMemo as u, useInsertionEffect as a } from "react";
|
|
4
|
+
import d from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
|
|
5
|
+
import y from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
|
|
6
|
+
import S from "../Tabula/Tabula.js";
|
|
7
|
+
import '../../assets/Minolith.css';function p(i) {
|
|
8
|
+
const e = { ...i };
|
|
9
9
|
delete e.cssVariableSetting;
|
|
10
|
-
const
|
|
11
|
-
() =>
|
|
12
|
-
|
|
10
|
+
const l = u(
|
|
11
|
+
() => d.getMinolithCssVariableStyles(
|
|
12
|
+
i.cssVariableSetting
|
|
13
13
|
),
|
|
14
|
-
[
|
|
14
|
+
[i.cssVariableSetting]
|
|
15
15
|
);
|
|
16
|
-
return
|
|
17
|
-
const
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
16
|
+
return a(() => {
|
|
17
|
+
const o = "minolith-custom-css-variables", c = () => {
|
|
18
|
+
const t = document.createElement("style");
|
|
19
|
+
return t.id = o, t.textContent = l.join(), t;
|
|
20
|
+
}, n = (t) => {
|
|
21
|
+
const r = t.querySelector(`#${o}`);
|
|
22
|
+
r && t.removeChild(r);
|
|
23
|
+
const m = c();
|
|
24
|
+
t.append(m);
|
|
25
|
+
};
|
|
26
|
+
document.querySelector(`#${o}`) === null && (n(document.head), document.querySelector(`#${o}`) === null && n(document.body));
|
|
27
|
+
}, [l]), /* @__PURE__ */ s(
|
|
28
|
+
y.Provider,
|
|
23
29
|
{
|
|
24
30
|
value: e.colorScheme ? e.colorScheme : "light",
|
|
25
|
-
children: /* @__PURE__ */
|
|
31
|
+
children: /* @__PURE__ */ s(S, { ...e })
|
|
26
32
|
}
|
|
27
33
|
);
|
|
28
34
|
}
|
|
29
35
|
export {
|
|
30
|
-
|
|
36
|
+
p as default
|
|
31
37
|
};
|
|
32
38
|
//# 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\
|
|
1
|
+
{"version":3,"file":"Minolith.js","sources":["../../../src/base/Minolith/Minolith.tsx"],"sourcesContent":["\"use client\";\r\nimport { useInsertionEffect, useMemo } from \"react\";\r\nimport { MinolithColorSchemeContext } from \"../../contexts\";\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 createMinolithCustomStyleElement = () => {\r\n const style = document.createElement(\"style\");\r\n style.id = styleId;\r\n style.textContent = minolithStyles.join();\r\n return style;\r\n };\r\n\r\n const setStyle = (element: HTMLElement) => {\r\n const currentCustomStyle = element.querySelector(`#${styleId}`);\r\n if (currentCustomStyle) {\r\n element.removeChild(currentCustomStyle);\r\n }\r\n\r\n const style = createMinolithCustomStyleElement();\r\n element.append(style);\r\n };\r\n\r\n if (document.querySelector(`#${styleId}`) === null) {\r\n setStyle(document.head);\r\n\r\n if (document.querySelector(`#${styleId}`) === null) {\r\n setStyle(document.body);\r\n }\r\n }\r\n }, [minolithStyles]);\r\n\r\n return (\r\n <MinolithColorSchemeContext.Provider\r\n value={assignedProps.colorScheme ? assignedProps.colorScheme : \"light\"}\r\n >\r\n <Tabula {...assignedProps} />\r\n </MinolithColorSchemeContext.Provider>\r\n );\r\n}\r\n"],"names":["Minolith","props","assignedProps","minolithStyles","useMemo","minolithStyleUtility","useInsertionEffect","styleId","createMinolithCustomStyleElement","style","setStyle","element","currentCustomStyle","jsx","MinolithColorSchemeContext","Tabula"],"mappings":";;;;;;AAQA,SAAwBA,EAASC,GAA0C;AACzE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc;AAErB,QAAMC,IAAiBC;AAAA,IACrB,MACEC,EAAqB;AAAA,MACnBJ,EAAM;AAAA,IAAA;AAAA,IAEV,CAACA,EAAM,kBAAkB;AAAA,EAAA;AAG3B,SAAAK,EAAmB,MAAM;AACvB,UAAMC,IAAU,iCAEVC,IAAmC,MAAM;AAC7C,YAAMC,IAAQ,SAAS,cAAc,OAAO;AAC5C,aAAAA,EAAM,KAAKF,GACXE,EAAM,cAAcN,EAAe,KAAA,GAC5BM;AAAA,IACT,GAEMC,IAAW,CAACC,MAAyB;AACzC,YAAMC,IAAqBD,EAAQ,cAAc,IAAIJ,CAAO,EAAE;AAC9D,MAAIK,KACFD,EAAQ,YAAYC,CAAkB;AAGxC,YAAMH,IAAQD,EAAA;AACd,MAAAG,EAAQ,OAAOF,CAAK;AAAA,IACtB;AAEA,IAAI,SAAS,cAAc,IAAIF,CAAO,EAAE,MAAM,SAC5CG,EAAS,SAAS,IAAI,GAElB,SAAS,cAAc,IAAIH,CAAO,EAAE,MAAM,QAC5CG,EAAS,SAAS,IAAI;AAAA,EAG5B,GAAG,CAACP,CAAc,CAAC,GAGjB,gBAAAU;AAAA,IAACC,EAA2B;AAAA,IAA3B;AAAA,MACC,OAAOZ,EAAc,cAAcA,EAAc,cAAc;AAAA,MAE/D,UAAA,gBAAAW,EAACE,GAAA,EAAQ,GAAGb,EAAA,CAAe;AAAA,IAAA;AAAA,EAAA;AAGjC;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MinolithStatic.d.ts","sourceRoot":"","sources":["../../../src/base/MinolithStatic/MinolithStatic.tsx"],"names":[],"mappings":"AAIA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,sCAAsC;AACtC,MAAM,CAAC,OAAO,UAAU,cAAc,
|
|
1
|
+
{"version":3,"file":"MinolithStatic.d.ts","sourceRoot":"","sources":["../../../src/base/MinolithStatic/MinolithStatic.tsx"],"names":[],"mappings":"AAIA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AAExD,sCAAsC;AACtC,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,KAAK,EAAE,mBAAmB,GACzB,KAAK,CAAC,YAAY,CA0CpB"}
|
|
@@ -1,23 +1,31 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import { useMemo as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import '../../assets/Minolith.css';function
|
|
7
|
-
const i = { ...
|
|
2
|
+
import { jsx as u } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { useMemo as m, useInsertionEffect as a } from "react";
|
|
4
|
+
import y from "../../utilities/minolithStyleUtility/minolithStyleUtility.js";
|
|
5
|
+
import d from "../Tabula/Tabula.js";
|
|
6
|
+
import '../../assets/Minolith.css';function g(o) {
|
|
7
|
+
const i = { ...o };
|
|
8
8
|
delete i.cssVariableSetting;
|
|
9
|
-
const n =
|
|
10
|
-
() =>
|
|
11
|
-
|
|
9
|
+
const n = m(
|
|
10
|
+
() => y.getMinolithCssVariableStyles(
|
|
11
|
+
o.cssVariableSetting
|
|
12
|
+
),
|
|
13
|
+
[o.cssVariableSetting]
|
|
12
14
|
);
|
|
13
15
|
return a(() => {
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
16
|
+
const e = "minolith-custom-css-variables", r = () => {
|
|
17
|
+
const t = document.createElement("style");
|
|
18
|
+
return t.id = e, t.textContent = n.join(), t;
|
|
19
|
+
}, s = (t) => {
|
|
20
|
+
const l = t.querySelector(`#${e}`);
|
|
21
|
+
l && t.removeChild(l);
|
|
22
|
+
const c = r();
|
|
23
|
+
t.append(c);
|
|
24
|
+
};
|
|
25
|
+
document.querySelector(`#${e}`) === null && (s(document.head), document.querySelector(`#${e}`) === null && s(document.body));
|
|
26
|
+
}, [n]), /* @__PURE__ */ u(d, { ...i });
|
|
19
27
|
}
|
|
20
28
|
export {
|
|
21
|
-
|
|
29
|
+
g as default
|
|
22
30
|
};
|
|
23
31
|
//# 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\n/** @deprecated please use Minolith */\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
|
|
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\n/** @deprecated please use Minolith */\r\nexport default function MinolithStatic(\r\n props: MinolithStaticProps\r\n): 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 createMinolithCustomStyleElement = () => {\r\n const style = document.createElement(\"style\");\r\n style.id = styleId;\r\n style.textContent = minolithStyles.join();\r\n return style;\r\n };\r\n\r\n const setStyle = (element: HTMLElement) => {\r\n const currentCustomStyle = element.querySelector(`#${styleId}`);\r\n if (currentCustomStyle) {\r\n element.removeChild(currentCustomStyle);\r\n }\r\n\r\n const style = createMinolithCustomStyleElement();\r\n element.append(style);\r\n };\r\n\r\n if (document.querySelector(`#${styleId}`) === null) {\r\n setStyle(document.head);\r\n\r\n if (document.querySelector(`#${styleId}`) === null) {\r\n setStyle(document.body);\r\n }\r\n }\r\n }, [minolithStyles]);\r\n\r\n return <Tabula {...assignedProps} />;\r\n}\r\n"],"names":["MinolithStatic","props","assignedProps","minolithStyles","useMemo","minolithStyleUtility","useInsertionEffect","styleId","createMinolithCustomStyleElement","style","setStyle","element","currentCustomStyle","jsx","Tabula"],"mappings":";;;;;AAQA,SAAwBA,EACtBC,GACoB;AACpB,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc;AAErB,QAAMC,IAAiBC;AAAA,IACrB,MACEC,EAAqB;AAAA,MACnBJ,EAAM;AAAA,IAAA;AAAA,IAEV,CAACA,EAAM,kBAAkB;AAAA,EAAA;AAG3B,SAAAK,EAAmB,MAAM;AACvB,UAAMC,IAAU,iCAEVC,IAAmC,MAAM;AAC7C,YAAMC,IAAQ,SAAS,cAAc,OAAO;AAC5C,aAAAA,EAAM,KAAKF,GACXE,EAAM,cAAcN,EAAe,KAAA,GAC5BM;AAAA,IACT,GAEMC,IAAW,CAACC,MAAyB;AACzC,YAAMC,IAAqBD,EAAQ,cAAc,IAAIJ,CAAO,EAAE;AAC9D,MAAIK,KACFD,EAAQ,YAAYC,CAAkB;AAGxC,YAAMH,IAAQD,EAAA;AACd,MAAAG,EAAQ,OAAOF,CAAK;AAAA,IACtB;AAEA,IAAI,SAAS,cAAc,IAAIF,CAAO,EAAE,MAAM,SAC5CG,EAAS,SAAS,IAAI,GAElB,SAAS,cAAc,IAAIH,CAAO,EAAE,MAAM,QAC5CG,EAAS,SAAS,IAAI;AAAA,EAG5B,GAAG,CAACP,CAAc,CAAC,GAEZ,gBAAAU,EAACC,GAAA,EAAQ,GAAGZ,EAAA,CAAe;AACpC;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as o } from "@emotion/react/jsx-runtime";
|
|
3
3
|
import { useContext as c } from "react";
|
|
4
|
-
import m from "../../
|
|
5
|
-
import n from "../../
|
|
4
|
+
import m from "../../utilities/classNameUtility/classNameUtility.js";
|
|
5
|
+
import n from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
|
|
6
6
|
import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
7
7
|
import '../../assets/Tabula.css';const r = "_tabula_fxvj9_1", h = {
|
|
8
8
|
tabula: r
|
|
@@ -10,9 +10,9 @@ import '../../assets/Tabula.css';const r = "_tabula_fxvj9_1", h = {
|
|
|
10
10
|
function C(t) {
|
|
11
11
|
const e = { ...t };
|
|
12
12
|
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;
|
|
13
|
-
const s = [h.tabula], a =
|
|
13
|
+
const s = [h.tabula], a = m.getUtilityClassNames(t);
|
|
14
14
|
a && s.push(...a), t.className && s.push(t.className);
|
|
15
|
-
const i = c(
|
|
15
|
+
const i = c(n), l = d.getEmotionCss(t, i);
|
|
16
16
|
return t.as ? /* @__PURE__ */ o(
|
|
17
17
|
t.as,
|
|
18
18
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabula.js","sources":["../../../src/base/Tabula/Tabula.tsx"],"sourcesContent":["\"use client\";\r\nimport { useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/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 const utilityClassNames = classNameUtility.getUtilityClassNames(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 colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\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","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;AAQA,SAAwBA,EAAOC,GAAwC;
|
|
1
|
+
{"version":3,"file":"Tabula.js","sources":["../../../src/base/Tabula/Tabula.tsx"],"sourcesContent":["\"use client\";\r\nimport { useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/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 const utilityClassNames = classNameUtility.getUtilityClassNames(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 colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\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","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;AAQA,SAAwBA,EAAOC,GAAwC;AACrE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,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,GAC1CC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAEhE,SAAON,EAAM,KACX,gBAAAW;AAAA,IAACX,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,qBAAmBD,EAAM;AAAA,MACzB,WAAWE,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,qBAAmBD,EAAM;AAAA,MACzB,WAAWE,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1,50 +1,50 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as a } from "@emotion/react/jsx-runtime";
|
|
3
3
|
import { useContext as l } from "react";
|
|
4
|
-
import n from "../../
|
|
5
|
-
import r from "../../
|
|
6
|
-
import
|
|
7
|
-
import '../../assets/Accordion.css';const
|
|
8
|
-
check:
|
|
9
|
-
"is-gray": "_is-
|
|
10
|
-
"is-red": "_is-
|
|
11
|
-
"is-coral": "_is-
|
|
12
|
-
"is-orange": "_is-
|
|
13
|
-
"is-yellow": "_is-
|
|
14
|
-
"is-lime": "_is-
|
|
15
|
-
"is-green": "_is-
|
|
16
|
-
"is-cyan": "_is-
|
|
17
|
-
"is-blue": "_is-
|
|
18
|
-
"is-violet": "_is-
|
|
19
|
-
"is-magenta": "_is-
|
|
20
|
-
chevron:
|
|
21
|
-
accordion:
|
|
22
|
-
"accordion-summary": "_accordion-
|
|
23
|
-
"is-focus": "_is-
|
|
24
|
-
"is-focused": "_is-
|
|
25
|
-
"is-hovered": "_is-
|
|
26
|
-
"is-active": "_is-
|
|
27
|
-
"is-disabled": "_is-
|
|
28
|
-
"accordion-details": "_accordion-
|
|
4
|
+
import n from "../../utilities/classNameUtility/classNameUtility.js";
|
|
5
|
+
import r from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
|
|
6
|
+
import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
7
|
+
import '../../assets/Accordion.css';const m = "_check_11457_1", g = "_chevron_11457_47", h = "_accordion_11457_88", c = {
|
|
8
|
+
check: m,
|
|
9
|
+
"is-gray": "_is-gray_11457_13",
|
|
10
|
+
"is-red": "_is-red_11457_16",
|
|
11
|
+
"is-coral": "_is-coral_11457_19",
|
|
12
|
+
"is-orange": "_is-orange_11457_22",
|
|
13
|
+
"is-yellow": "_is-yellow_11457_25",
|
|
14
|
+
"is-lime": "_is-lime_11457_28",
|
|
15
|
+
"is-green": "_is-green_11457_31",
|
|
16
|
+
"is-cyan": "_is-cyan_11457_34",
|
|
17
|
+
"is-blue": "_is-blue_11457_37",
|
|
18
|
+
"is-violet": "_is-violet_11457_40",
|
|
19
|
+
"is-magenta": "_is-magenta_11457_43",
|
|
20
|
+
chevron: g,
|
|
21
|
+
accordion: h,
|
|
22
|
+
"accordion-summary": "_accordion-summary_11457_100",
|
|
23
|
+
"is-focus": "_is-focus_11457_163",
|
|
24
|
+
"is-focused": "_is-focused_11457_163",
|
|
25
|
+
"is-hovered": "_is-hovered_11457_167",
|
|
26
|
+
"is-active": "_is-active_11457_171",
|
|
27
|
+
"is-disabled": "_is-disabled_11457_176",
|
|
28
|
+
"accordion-details": "_accordion-details_11457_180"
|
|
29
29
|
};
|
|
30
|
-
function
|
|
31
|
-
const
|
|
32
|
-
delete
|
|
33
|
-
const i = [
|
|
34
|
-
|
|
35
|
-
const
|
|
36
|
-
|
|
37
|
-
const
|
|
30
|
+
function C(s) {
|
|
31
|
+
const e = { ...s };
|
|
32
|
+
delete e.colorName, delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
|
|
33
|
+
const i = [c.accordion];
|
|
34
|
+
s.colorName && i.push(c[`is-${s.colorName}`]);
|
|
35
|
+
const o = n.getUtilityClassNames(s);
|
|
36
|
+
o && i.push(...o), s.className && i.push(s.className);
|
|
37
|
+
const _ = l(r), t = d.getEmotionCss(s, _);
|
|
38
38
|
return /* @__PURE__ */ a(
|
|
39
39
|
"details",
|
|
40
40
|
{
|
|
41
|
-
...
|
|
41
|
+
...e,
|
|
42
42
|
className: i.join(" "),
|
|
43
|
-
css:
|
|
43
|
+
css: t
|
|
44
44
|
}
|
|
45
45
|
);
|
|
46
46
|
}
|
|
47
47
|
export {
|
|
48
|
-
|
|
48
|
+
C as default
|
|
49
49
|
};
|
|
50
50
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\r\nimport { useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Accordion.module.scss\";\r\nimport AccordionProps from \"./AccordionProps\";\r\n\r\nexport default function Accordion(props: AccordionProps): React.ReactElement {\r\n const assignedProps = { ...props };\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[\"css\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames = [classNames[\"accordion\"]];\r\n\r\n if (props.colorName) {\r\n assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n }\r\n\r\n const utilityClassNames = classNameUtility.getUtilityClassNames(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 colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\r\n return (\r\n <details\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":["Accordion","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAUC,GAA2C;
|
|
1
|
+
{"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\r\nimport { useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Accordion.module.scss\";\r\nimport AccordionProps from \"./AccordionProps\";\r\n\r\nexport default function Accordion(props: AccordionProps): React.ReactElement {\r\n const assignedProps = { ...props };\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[\"css\"];\r\n //#endregion BaseComponentProps\r\n\r\n const assignedClassNames = [classNames[\"accordion\"]];\r\n\r\n if (props.colorName) {\r\n assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n }\r\n\r\n const utilityClassNames = classNameUtility.getUtilityClassNames(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 colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\r\n return (\r\n <details\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":["Accordion","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAUC,GAA2C;AAC3E,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,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;AAGrB,QAAMC,IAAqB,CAACC,EAAW,SAAY;AAEnD,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC;AAG7D,QAAMI,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAChE,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as a } from "@emotion/react/jsx-runtime";
|
|
3
3
|
import { useContext as c } from "react";
|
|
4
|
-
import n from "../../
|
|
5
|
-
import m from "../../
|
|
4
|
+
import n from "../../utilities/classNameUtility/classNameUtility.js";
|
|
5
|
+
import m from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
|
|
6
6
|
import d from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
7
7
|
import '../../assets/Accordion.css';const r = {
|
|
8
|
-
"accordion-details": "_accordion-
|
|
8
|
+
"accordion-details": "_accordion-details_11457_180"
|
|
9
9
|
};
|
|
10
10
|
function C(s) {
|
|
11
11
|
const e = { ...s };
|
|
12
12
|
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;
|
|
13
|
-
const t = [r["accordion-details"]], i =
|
|
13
|
+
const t = [r["accordion-details"]], i = n.getUtilityClassNames(s);
|
|
14
14
|
i && t.push(...i), s.className && t.push(s.className);
|
|
15
|
-
const l = c(
|
|
15
|
+
const l = c(m), o = d.getEmotionCss(s, l);
|
|
16
16
|
return s.as ? /* @__PURE__ */ a(
|
|
17
17
|
s.as,
|
|
18
18
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionDetails.js","sources":["../../../src/components/AccordionDetails/AccordionDetails.tsx"],"sourcesContent":["\"use client\";\r\nimport { useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./AccordionDetails.module.scss\";\r\nimport AccordionDetailsProps from \"./AccordionDetailsProps\";\r\n\r\nexport default function AccordionDetails(\r\n props: AccordionDetailsProps\r\n): React.ReactElement {\r\n const assignedProps = { ...props };\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 const assignedClassNames = [classNames[\"accordion-details\"]];\r\n\r\n const utilityClassNames = classNameUtility.getUtilityClassNames(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 colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\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 <div\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":["AccordionDetails","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;AAQA,SAAwBA,EACtBC,GACoB;
|
|
1
|
+
{"version":3,"file":"AccordionDetails.js","sources":["../../../src/components/AccordionDetails/AccordionDetails.tsx"],"sourcesContent":["\"use client\";\r\nimport { useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./AccordionDetails.module.scss\";\r\nimport AccordionDetailsProps from \"./AccordionDetailsProps\";\r\n\r\nexport default function AccordionDetails(\r\n props: AccordionDetailsProps\r\n): React.ReactElement {\r\n const assignedProps = { ...props };\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 const assignedClassNames = [classNames[\"accordion-details\"]];\r\n\r\n const utilityClassNames = classNameUtility.getUtilityClassNames(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 colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\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 <div\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":["AccordionDetails","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;AAQA,SAAwBA,EACtBC,GACoB;AACpB,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,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;AAErB,QAAMC,IAAqB,CAACC,EAAW,mBAAmB,CAAC,GAErDC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAGzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAEhE,SAAON,EAAM,KACX,gBAAAW;AAAA,IAACX,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as a } from "@emotion/react/jsx-runtime";
|
|
3
3
|
import { useContext as c } from "react";
|
|
4
|
-
import l from "../../
|
|
5
|
-
import n from "../../
|
|
4
|
+
import l from "../../utilities/classNameUtility/classNameUtility.js";
|
|
5
|
+
import n from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
|
|
6
6
|
import r from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
7
7
|
import '../../assets/Accordion.css';const d = {
|
|
8
|
-
"accordion-summary": "_accordion-
|
|
8
|
+
"accordion-summary": "_accordion-summary_11457_100"
|
|
9
9
|
};
|
|
10
10
|
function N(s) {
|
|
11
11
|
const e = { ...s };
|
|
12
12
|
delete e.fore, delete e.back, delete e.highlighter, delete e.border, delete e.positioning, delete e.sizing, delete e.spacing, delete e.css;
|
|
13
|
-
const t = [d["accordion-summary"]], o =
|
|
13
|
+
const t = [d["accordion-summary"]], o = l.getUtilityClassNames(s);
|
|
14
14
|
o && t.push(...o), s.className && t.push(s.className);
|
|
15
|
-
const i = c(
|
|
15
|
+
const i = c(n), m = r.getEmotionCss(s, i);
|
|
16
16
|
return /* @__PURE__ */ a(
|
|
17
17
|
"summary",
|
|
18
18
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionSummary.js","sources":["../../../src/components/AccordionSummary/AccordionSummary.tsx"],"sourcesContent":["\"use client\";\r\nimport { useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport AccordionSummaryProps from \"./AccordionSummaryProps\";\r\nimport classNames from \"./AccordionSummary.module.scss\";\r\n\r\nexport default function AccordionSummary(\r\n props: AccordionSummaryProps\r\n): React.ReactElement {\r\n const assignedProps = { ...props };\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 const assignedClassNames = [classNames[\"accordion-summary\"]];\r\n\r\n const utilityClassNames = classNameUtility.getUtilityClassNames(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 const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\r\n return (\r\n <summary\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":["AccordionSummary","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;AAQA,SAAwBA,EACtBC,GACoB;
|
|
1
|
+
{"version":3,"file":"AccordionSummary.js","sources":["../../../src/components/AccordionSummary/AccordionSummary.tsx"],"sourcesContent":["\"use client\";\r\nimport { useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport AccordionSummaryProps from \"./AccordionSummaryProps\";\r\nimport classNames from \"./AccordionSummary.module.scss\";\r\n\r\nexport default function AccordionSummary(\r\n props: AccordionSummaryProps\r\n): React.ReactElement {\r\n const assignedProps = { ...props };\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 const assignedClassNames = [classNames[\"accordion-summary\"]];\r\n\r\n const utilityClassNames = classNameUtility.getUtilityClassNames(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 const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\r\n return (\r\n <summary\r\n {...assignedProps}\r\n className={assignedClassNames.join(\" \")}\r\n css={css}\r\n />\r\n );\r\n}\r\n"],"names":["AccordionSummary","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;AAQA,SAAwBA,EACtBC,GACoB;AACpB,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAE3B,SAAOC,EAAc,MACrB,OAAOA,EAAc,MACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,aACrB,OAAOA,EAAc,QACrB,OAAOA,EAAc,SACrB,OAAOA,EAAc;AAErB,QAAMC,IAAqB,CAACC,EAAW,mBAAmB,CAAC,GAErDC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAChE,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _ } from "@emotion/react/jsx-runtime";
|
|
3
3
|
import { useContext as o } from "react";
|
|
4
|
-
import c from "../../
|
|
5
|
-
import m from "../../
|
|
4
|
+
import c from "../../utilities/classNameUtility/classNameUtility.js";
|
|
5
|
+
import m from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
|
|
6
6
|
import n from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
7
7
|
import '../../assets/Badge.css';const d = "_badge_1resr_1", l = {
|
|
8
8
|
badge: d,
|
|
@@ -31,9 +31,9 @@ function N(s) {
|
|
|
31
31
|
delete e.colorName, delete e.isSmall, delete e.isClickable, 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;
|
|
32
32
|
const i = [l.badge];
|
|
33
33
|
s.colorName && i.push(l[`is-${s.colorName}`]), s.isSmall && i.push(l["is-small"]), s.isClickable && i.push(l["is-clickable"]);
|
|
34
|
-
const r =
|
|
34
|
+
const r = c.getUtilityClassNames(s);
|
|
35
35
|
r && i.push(...r), s.className && i.push(s.className);
|
|
36
|
-
const t = o(
|
|
36
|
+
const t = o(m), a = n.getEmotionCss(s, t);
|
|
37
37
|
return s.as ? /* @__PURE__ */ _(
|
|
38
38
|
s.as,
|
|
39
39
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["\"use client\";\r\nimport { useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Badge.module.scss\";\r\nimport BadgeProps from \"./BadgeProps\";\r\n\r\nexport default function Badge(props: BadgeProps): React.ReactElement {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"colorName\"];\r\n delete assignedProps[\"isSmall\"];\r\n delete assignedProps[\"isClickable\"];\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 const assignedClassNames = [classNames[\"badge\"]];\r\n\r\n if (props.colorName) {\r\n assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n }\r\n\r\n if (props.isSmall) {\r\n assignedClassNames.push(classNames[`is-small`]);\r\n }\r\n\r\n if (props.isClickable) {\r\n assignedClassNames.push(classNames[`is-clickable`]);\r\n }\r\n\r\n const utilityClassNames = classNameUtility.getUtilityClassNames(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 const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\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":["Badge","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAMC,GAAuC;
|
|
1
|
+
{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["\"use client\";\r\nimport { useContext } from \"react\";\r\nimport MinolithColorSchemeContext from \"../../contexts/MinolithColorSchemeContext\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Badge.module.scss\";\r\nimport BadgeProps from \"./BadgeProps\";\r\n\r\nexport default function Badge(props: BadgeProps): React.ReactElement {\r\n const assignedProps = { ...props };\r\n delete assignedProps[\"colorName\"];\r\n delete assignedProps[\"isSmall\"];\r\n delete assignedProps[\"isClickable\"];\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 const assignedClassNames = [classNames[\"badge\"]];\r\n\r\n if (props.colorName) {\r\n assignedClassNames.push(classNames[`is-${props.colorName}`]);\r\n }\r\n\r\n if (props.isSmall) {\r\n assignedClassNames.push(classNames[`is-small`]);\r\n }\r\n\r\n if (props.isClickable) {\r\n assignedClassNames.push(classNames[`is-clickable`]);\r\n }\r\n\r\n const utilityClassNames = classNameUtility.getUtilityClassNames(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 const colorScheme = useContext(MinolithColorSchemeContext);\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props, colorScheme);\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":["Badge","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","colorScheme","useContext","MinolithColorSchemeContext","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAwBA,EAAMC,GAAuC;AACnE,QAAMC,IAAgB,EAAE,GAAGD,EAAA;AAC3B,SAAOC,EAAc,WACrB,OAAOA,EAAc,SACrB,OAAOA,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;AAErB,QAAMC,IAAqB,CAACC,EAAW,KAAQ;AAE/C,EAAIH,EAAM,aACRE,EAAmB,KAAKC,EAAW,MAAMH,EAAM,SAAS,EAAE,CAAC,GAGzDA,EAAM,WACRE,EAAmB,KAAKC,EAAW,UAAU,CAAC,GAG5CH,EAAM,eACRE,EAAmB,KAAKC,EAAW,cAAc,CAAC;AAGpD,QAAMC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAEzC,QAAMM,IAAcC,EAAWC,CAA0B,GAEnDC,IAAMC,EAAoB,cAAcV,GAAOM,CAAW;AAChE,SAAON,EAAM,KACX,gBAAAW;AAAA,IAACX,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGV;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _ } from "@emotion/react/jsx-runtime";
|
|
3
3
|
import { useContext as c } from "react";
|
|
4
|
-
import f from "../../
|
|
5
|
-
import n from "../../
|
|
4
|
+
import f from "../../utilities/classNameUtility/classNameUtility.js";
|
|
5
|
+
import n from "../../contexts/MinolithColorSchemeContext/MinolithColorSchemeContext.js";
|
|
6
6
|
import u from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
7
7
|
import '../../assets/Blockquote.css';const h = "_check_o3q1f_1", q = "_chevron_o3q1f_47", r = "_blockquote_o3q1f_88", t = {
|
|
8
8
|
check: h,
|
|
@@ -29,9 +29,9 @@ function N(e) {
|
|
|
29
29
|
delete o.colorName, delete o.isItalic, delete o.hasQuote, delete o.fore, delete o.back, delete o.highlighter, delete o.border, delete o.positioning, delete o.sizing, delete o.spacing, delete o.css;
|
|
30
30
|
const s = [t.blockquote];
|
|
31
31
|
e.colorName && s.push(t[`is-${e.colorName}`]), e.isItalic && s.push(t["is-italic"]), e.hasQuote && (typeof e.hasQuote == "boolean" ? e.hasQuote && s.push(t["has-quote"]) : (e.hasQuote.before && s.push(t["has-quote-before"]), e.hasQuote.after && s.push(t["has-quote-after"])));
|
|
32
|
-
const i =
|
|
32
|
+
const i = f.getUtilityClassNames(e);
|
|
33
33
|
i && s.push(...i), e.className && s.push(e.className);
|
|
34
|
-
const a = c(
|
|
34
|
+
const a = c(n), l = u.getEmotionCss(e, a);
|
|
35
35
|
return /* @__PURE__ */ _(
|
|
36
36
|
"blockquote",
|
|
37
37
|
{
|