react-minolith 2.1.1 → 2.1.3

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.
Files changed (3) hide show
  1. package/dist/components/Link/Link.js +20 -20
  2. package/dist/components/Link/Link.js.map +1 -1
  3. package/package.json +1 -1
package/dist/components/Link/Link.js CHANGED
@@ -1,34 +1,34 @@
1
1
  "use client";
2
- import { jsx as s } from "@emotion/react/jsx-runtime";
2
+ import { jsx as n } from "@emotion/react/jsx-runtime";
3
3
  import a from "../../utilities/classNameUtility/classNameUtility.js";
4
- import c from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
4
+ import s from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
5
5
  import '../../assets/Link.css';const m = "_link_133i5_1", r = {
6
6
  link: m
7
7
  };
8
- function h(e) {
9
- const i = { ...e };
10
- delete i.colorName, delete i.fore, delete i.back, delete i.highlighter, delete i.border, delete i.positioning, delete i.sizing, delete i.spacing, delete i.css, delete i.as;
11
- const o = [r.link], l = a.getUtilityClassNames(e);
12
- l && o.push(...l), e.className && o.push(e.className);
13
- const n = {
14
- ...e.colorName ? {
15
- "--minolith-link-color-fore": `var(--minolith-color-${e.colorName}-link-fore)`,
16
- "--minolith-link-color-visited-fore": `var(--minolith-color-${e.colorName}-link-visited-fore)`,
8
+ function k(o) {
9
+ const e = { ...o };
10
+ 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, delete e.as;
11
+ const l = [r.link], i = a.getUtilityClassNames(o);
12
+ i && l.push(...i), o.className && l.push(o.className);
13
+ const c = {
14
+ ...o.colorName ? {
15
+ "--minolith-link-color-fore": `var(--minolith-color-${o.colorName}-link-fore, var(--minolith-color-${o.colorName}-fore))`,
16
+ "--minolith-link-color-visited-fore": `var(--minolith-color-${o.colorName}-link-visited-fore, var(--minolith-color-${o.colorName}-visited-fore))`,
17
17
  // ["--minolith-link-disabled-color-fore"]: `var(--minolith-color-${props.colorName}-link-disabled-fore)`,
18
- "--minolith-link-color-selection-fore": `var(--minolith-color-${e.colorName}-link-selection-fore)`,
19
- "--minolith-link-color-selection-back": `var(--minolith-color-${e.colorName}-link-selection-back)`
18
+ "--minolith-link-color-selection-fore": `var(--minolith-color-${o.colorName}-link-selection-fore, var(--minolith-color-${o.colorName}-selection-fore))`,
19
+ "--minolith-link-color-selection-back": `var(--minolith-color-${o.colorName}-link-selection-back, var(--minolith-color-${o.colorName}-selection-back))`
20
20
  } : void 0
21
- }, t = c.getEmotionCss(e, n);
22
- return e.as ? /* @__PURE__ */ s(
23
- e.as,
21
+ }, t = s.getEmotionCss(o, c);
22
+ return o.as ? /* @__PURE__ */ n(
23
+ o.as,
24
24
  {
25
- ...i,
26
- className: o.join(" "),
25
+ ...e,
26
+ className: l.join(" "),
27
27
  css: t
28
28
  }
29
- ) : /* @__PURE__ */ s("a", { ...i, className: o.join(" "), css: t });
29
+ ) : /* @__PURE__ */ n("a", { ...e, className: l.join(" "), css: t });
30
30
  }
31
31
  export {
32
- h as default
32
+ k as default
33
33
  };
34
34
  //# sourceMappingURL=Link.js.map
package/dist/components/Link/Link.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Link.js","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Link.module.scss\";\r\nimport LinkProps from \"./LinkProps\";\r\nimport { Interpolation, Theme } from \"@emotion/react\";\r\n\r\nexport default function Link(props: LinkProps): 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 delete assignedProps[\"as\"];\r\n //#endregion BaseComponentProps\r\n const assignedClassNames: string[] = [classNames[\"link\"]];\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 colorNameCss: Interpolation<Theme> = props.colorName\r\n ? {\r\n [\"--minolith-link-color-fore\"]: `var(--minolith-color-${props.colorName}-link-fore)`,\r\n [\"--minolith-link-color-visited-fore\"]: `var(--minolith-color-${props.colorName}-link-visited-fore)`,\r\n // [\"--minolith-link-disabled-color-fore\"]: `var(--minolith-color-${props.colorName}-link-disabled-fore)`,\r\n [\"--minolith-link-color-selection-fore\"]: `var(--minolith-color-${props.colorName}-link-selection-fore)`,\r\n [\"--minolith-link-color-selection-back\"]: `var(--minolith-color-${props.colorName}-link-selection-back)`,\r\n }\r\n : undefined;\r\n\r\n const optionalCss = {\r\n ...colorNameCss,\r\n };\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props, optionalCss);\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 <a {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n );\r\n}\r\n"],"names":["Link","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAQA,SAAwBA,EAAKC,GAAgC;AAC3D,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,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,IAAO,GAElDC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAazC,QAAMM,IAAc;AAAA,IAClB,GAXyCN,EAAM,YAC7C;AAAA,MACG,8BAA+B,wBAAwBA,EAAM,SAAS;AAAA,MACtE,sCAAuC,wBAAwBA,EAAM,SAAS;AAAA;AAAA,MAE9E,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,MAChF,wCAAyC,wBAAwBA,EAAM,SAAS;AAAA,IAAA,IAEnF;AAAA,EAGC,GAGCO,IAAMC,EAAoB,cAAcR,GAAOM,CAAW;AAEhE,SAAON,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE,EAAC,KAAA,EAAG,GAAGR,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG,KAAAK,GAAU;AAE7E;"}
1
+ {"version":3,"file":"Link.js","sources":["../../../src/components/Link/Link.tsx"],"sourcesContent":["\"use client\";\r\nimport { ReactElement } from \"react\";\r\nimport classNameUtility from \"../../utilities/classNameUtility\";\r\nimport emotionStyleUtility from \"../../utilities/emotionStyleUtility\";\r\nimport classNames from \"./Link.module.scss\";\r\nimport LinkProps from \"./LinkProps\";\r\nimport { Interpolation, Theme } from \"@emotion/react\";\r\n\r\nexport default function Link(props: LinkProps): 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 delete assignedProps[\"as\"];\r\n //#endregion BaseComponentProps\r\n const assignedClassNames: string[] = [classNames[\"link\"]];\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 colorNameCss: Interpolation<Theme> = props.colorName\r\n ? {\r\n [\"--minolith-link-color-fore\"]: `var(--minolith-color-${props.colorName}-link-fore, var(--minolith-color-${props.colorName}-fore))`,\r\n [\"--minolith-link-color-visited-fore\"]: `var(--minolith-color-${props.colorName}-link-visited-fore, var(--minolith-color-${props.colorName}-visited-fore))`,\r\n // [\"--minolith-link-disabled-color-fore\"]: `var(--minolith-color-${props.colorName}-link-disabled-fore)`,\r\n [\"--minolith-link-color-selection-fore\"]: `var(--minolith-color-${props.colorName}-link-selection-fore, var(--minolith-color-${props.colorName}-selection-fore))`,\r\n [\"--minolith-link-color-selection-back\"]: `var(--minolith-color-${props.colorName}-link-selection-back, var(--minolith-color-${props.colorName}-selection-back))`,\r\n }\r\n : undefined;\r\n\r\n const optionalCss = {\r\n ...colorNameCss,\r\n };\r\n\r\n const css = emotionStyleUtility.getEmotionCss(props, optionalCss);\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 <a {...assignedProps} className={assignedClassNames.join(\" \")} css={css} />\r\n );\r\n}\r\n"],"names":["Link","props","assignedProps","assignedClassNames","classNames","utilityClassNames","classNameUtility","optionalCss","css","emotionStyleUtility","jsx"],"mappings":";;;;;;;AAQA,SAAwBA,EAAKC,GAAgC;AAC3D,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,KACrB,OAAOA,EAAc;AAErB,QAAMC,IAA+B,CAACC,EAAW,IAAO,GAElDC,IAAoBC,EAAiB,qBAAqBL,CAAK;AACrE,EAAII,KACFF,EAAmB,KAAK,GAAGE,CAAiB,GAE1CJ,EAAM,aACRE,EAAmB,KAAKF,EAAM,SAAS;AAazC,QAAMM,IAAc;AAAA,IAClB,GAXyCN,EAAM,YAC7C;AAAA,MACG,8BAA+B,wBAAwBA,EAAM,SAAS,oCAAoCA,EAAM,SAAS;AAAA,MACzH,sCAAuC,wBAAwBA,EAAM,SAAS,4CAA4CA,EAAM,SAAS;AAAA;AAAA,MAEzI,wCAAyC,wBAAwBA,EAAM,SAAS,8CAA8CA,EAAM,SAAS;AAAA,MAC7I,wCAAyC,wBAAwBA,EAAM,SAAS,8CAA8CA,EAAM,SAAS;AAAA,IAAA,IAEhJ;AAAA,EAGC,GAGCO,IAAMC,EAAoB,cAAcR,GAAOM,CAAW;AAEhE,SAAON,EAAM,KACX,gBAAAS;AAAA,IAACT,EAAM;AAAA,IAAN;AAAA,MACE,GAAGC;AAAA,MACJ,WAAWC,EAAmB,KAAK,GAAG;AAAA,MACtC,KAAAK;AAAA,IAAA;AAAA,EAAA,IAGF,gBAAAE,EAAC,KAAA,EAAG,GAAGR,GAAe,WAAWC,EAAmB,KAAK,GAAG,GAAG,KAAAK,GAAU;AAE7E;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-minolith",
3
- "version": "2.1.1",
3
+ "version": "2.1.3",
4
4
  "description": "react-minolith is an open-source react wrapper for minolith.",
5
5
  "type": "module",
6
6
  "main": "./dist/react-minolith.js",