react-minolith 2.1.2 → 2.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/assets/Link.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:where(.
|
|
1
|
+
:where(._link_h55vg_1){--minolith-link-color-fore: var( --minolith-color-default-link-fore, var(--minolith-color-default-fore) );--minolith-link-color-visited-fore: var( --minolith-color-default-link-visited-fore, var(--minolith-color-default-visited-fore) );--minolith-link-color-selection-fore: var( --minolith-color-default-link-selection-fore, var(--minolith-color-default-selection-fore) );--minolith-link-color-selection-back: var( --minolith-color-default-link-selection-back, var(--minolith-color-default-selection-back) );box-sizing:border-box;margin:unset;padding:unset;color:var(--minolith-link-color-fore);text-decoration:underline;touch-action:manipulation;cursor:pointer}:where(._link_h55vg_1)::selection{color:var(--minolith-link-color-selection-fore);background-color:var(--minolith-link-color-selection-back)}:where(._link_h55vg_1):hover{text-decoration:none}:where(._link_h55vg_1) :focus:not(:focus-visible){outline:none}:where(._link_h55vg_1):visited{color:var(--minolith-link-color-visited-fore)}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
import { jsx as n } from "@emotion/react/jsx-runtime";
|
|
3
3
|
import a from "../../utilities/classNameUtility/classNameUtility.js";
|
|
4
4
|
import s from "../../utilities/emotionStyleUtility/emotionStyleUtility.js";
|
|
5
|
-
import '../../assets/Link.css';const m = "
|
|
5
|
+
import '../../assets/Link.css';const m = "_link_h55vg_1", r = {
|
|
6
6
|
link: m
|
|
7
7
|
};
|
|
8
|
-
function
|
|
8
|
+
function k(o) {
|
|
9
9
|
const e = { ...o };
|
|
10
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
11
|
const l = [r.link], i = a.getUtilityClassNames(o);
|
|
@@ -15,8 +15,8 @@ function h(o) {
|
|
|
15
15
|
"--minolith-link-color-fore": `var(--minolith-color-${o.colorName}-link-fore, var(--minolith-color-${o.colorName}-fore))`,
|
|
16
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-${o.colorName}-link-selection-fore, var(--minolith-color-${o.colorName}-
|
|
19
|
-
"--minolith-link-color-selection-back": `var(--minolith-color-${o.colorName}-link-selection-back, var(--minolith-color-${o.colorName}-
|
|
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
21
|
}, t = s.getEmotionCss(o, c);
|
|
22
22
|
return o.as ? /* @__PURE__ */ n(
|
|
@@ -29,6 +29,6 @@ function h(o) {
|
|
|
29
29
|
) : /* @__PURE__ */ n("a", { ...e, className: l.join(" "), css: t });
|
|
30
30
|
}
|
|
31
31
|
export {
|
|
32
|
-
|
|
32
|
+
k as default
|
|
33
33
|
};
|
|
34
34
|
//# sourceMappingURL=Link.js.map
|
|
@@ -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, 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}-
|
|
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.
|
|
3
|
+
"version": "2.1.4",
|
|
4
4
|
"description": "react-minolith is an open-source react wrapper for minolith.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/react-minolith.js",
|
|
@@ -378,7 +378,7 @@
|
|
|
378
378
|
"eslint-plugin-react-refresh": "^0.4.26",
|
|
379
379
|
"eslint-plugin-storybook": "^10.2.16",
|
|
380
380
|
"glob": "^13.0.6",
|
|
381
|
-
"minolith": "^1.1.
|
|
381
|
+
"minolith": "^1.1.4",
|
|
382
382
|
"playwright": "^1.58.2",
|
|
383
383
|
"react": "^19.2.4",
|
|
384
384
|
"react-dom": "^19.2.4",
|