@cgi-learning-hub/ui 1.3.3 → 1.3.4

package/dist/Link-Dmwt9wxb.js

@@ -0,0 +1,266 @@
+import * as C from "react";
+import { H as V, I as $, N as v, n as l, L, G as P, P as o } from "./identifier-Bn0tF6ls.js";
+import { u as j } from "./useTheme-L3EQmvnN.js";
+import { jsx as A } from "react/jsx-runtime";
+import { s as F, u as N, c as R } from "./DefaultPropsProvider-xJkZOrdv.js";
+import { m as M } from "./memoTheme-CMJVTZEg.js";
+import { c as B } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { T as U } from "./Typography-CUdlQxLM.js";
+import { e as z } from "./elementTypeAcceptingRef-modXfN2G.js";
+import { i as h } from "./isFocusVisible-CPZqtjv2.js";
+function H(e) {
+  return V("MuiLink", e);
+}
+const E = $("MuiLink", ["root", "underlineNone", "underlineHover", "underlineAlways", "button", "focusVisible"]), W = ({
+  theme: e,
+  ownerState: r
+}) => {
+  const n = r.color, t = v(e, `palette.${n}`, !1) || r.color, s = v(e, `palette.${n}Channel`);
+  return "vars" in e && s ? `rgba(${s} / 0.4)` : l(t, 0.4);
+}, k = {
+  primary: !0,
+  secondary: !0,
+  error: !0,
+  info: !0,
+  success: !0,
+  warning: !0,
+  textPrimary: !0,
+  textSecondary: !0,
+  textDisabled: !0
+}, G = (e) => {
+  const {
+    classes: r,
+    component: n,
+    focusVisible: t,
+    underline: s
+  } = e, c = {
+    root: ["root", `underline${L(s)}`, n === "button" && "button", t && "focusVisible"]
+  };
+  return R(c, H, r);
+}, I = F(U, {
+  name: "MuiLink",
+  slot: "Root",
+  overridesResolver: (e, r) => {
+    const {
+      ownerState: n
+    } = e;
+    return [r.root, r[`underline${L(n.underline)}`], n.component === "button" && r.button];
+  }
+})(M(({
+  theme: e
+}) => ({
+  variants: [{
+    props: {
+      underline: "none"
+    },
+    style: {
+      textDecoration: "none"
+    }
+  }, {
+    props: {
+      underline: "hover"
+    },
+    style: {
+      textDecoration: "none",
+      "&:hover": {
+        textDecoration: "underline"
+      }
+    }
+  }, {
+    props: {
+      underline: "always"
+    },
+    style: {
+      textDecoration: "underline",
+      "&:hover": {
+        textDecorationColor: "inherit"
+      }
+    }
+  }, {
+    props: ({
+      underline: r,
+      ownerState: n
+    }) => r === "always" && n.color !== "inherit",
+    style: {
+      textDecorationColor: "var(--Link-underlineColor)"
+    }
+  }, ...Object.entries(e.palette).filter(B()).map(([r]) => ({
+    props: {
+      underline: "always",
+      color: r
+    },
+    style: {
+      "--Link-underlineColor": e.vars ? `rgba(${e.vars.palette[r].mainChannel} / 0.4)` : l(e.palette[r].main, 0.4)
+    }
+  })), {
+    props: {
+      underline: "always",
+      color: "textPrimary"
+    },
+    style: {
+      "--Link-underlineColor": e.vars ? `rgba(${e.vars.palette.text.primaryChannel} / 0.4)` : l(e.palette.text.primary, 0.4)
+    }
+  }, {
+    props: {
+      underline: "always",
+      color: "textSecondary"
+    },
+    style: {
+      "--Link-underlineColor": e.vars ? `rgba(${e.vars.palette.text.secondaryChannel} / 0.4)` : l(e.palette.text.secondary, 0.4)
+    }
+  }, {
+    props: {
+      underline: "always",
+      color: "textDisabled"
+    },
+    style: {
+      "--Link-underlineColor": (e.vars || e).palette.text.disabled
+    }
+  }, {
+    props: {
+      component: "button"
+    },
+    style: {
+      position: "relative",
+      WebkitTapHighlightColor: "transparent",
+      backgroundColor: "transparent",
+      // Reset default value
+      // We disable the focus ring for mouse, touch and keyboard users.
+      outline: 0,
+      border: 0,
+      margin: 0,
+      // Remove the margin in Safari
+      borderRadius: 0,
+      padding: 0,
+      // Remove the padding in Firefox
+      cursor: "pointer",
+      userSelect: "none",
+      verticalAlign: "middle",
+      MozAppearance: "none",
+      // Reset
+      WebkitAppearance: "none",
+      // Reset
+      "&::-moz-focus-inner": {
+        borderStyle: "none"
+        // Remove Firefox dotted outline.
+      },
+      [`&.${E.focusVisible}`]: {
+        outline: "auto"
+      }
+    }
+  }]
+}))), _ = /* @__PURE__ */ C.forwardRef(function(r, n) {
+  const t = N({
+    props: r,
+    name: "MuiLink"
+  }), s = j(), {
+    className: c,
+    color: a = "primary",
+    component: d = "a",
+    onBlur: y,
+    onFocus: f,
+    TypographyClasses: w,
+    underline: m = "always",
+    variant: b = "inherit",
+    sx: u,
+    ...g
+  } = t, [T, x] = C.useState(!1), D = (i) => {
+    h(i.target) || x(!1), y && y(i);
+  }, O = (i) => {
+    h(i.target) && x(!0), f && f(i);
+  }, p = {
+    ...t,
+    color: a,
+    component: d,
+    focusVisible: T,
+    underline: m,
+    variant: b
+  }, S = G(p);
+  return /* @__PURE__ */ A(I, {
+    color: a,
+    className: P(S.root, c),
+    classes: w,
+    component: d,
+    onBlur: D,
+    onFocus: O,
+    ref: n,
+    ownerState: p,
+    variant: b,
+    ...g,
+    sx: [...k[a] === void 0 ? [{
+      color: a
+    }] : [], ...Array.isArray(u) ? u : [u]],
+    style: {
+      ...g.style,
+      ...m === "always" && a !== "inherit" && !k[a] && {
+        "--Link-underlineColor": W({
+          theme: s,
+          ownerState: p
+        })
+      }
+    }
+  });
+});
+process.env.NODE_ENV !== "production" && (_.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The color of the link.
+   * @default 'primary'
+   */
+  color: o.oneOfType([o.oneOf(["primary", "secondary", "success", "error", "info", "warning", "textPrimary", "textSecondary", "textDisabled"]), o.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: z,
+  /**
+   * @ignore
+   */
+  onBlur: o.func,
+  /**
+   * @ignore
+   */
+  onFocus: o.func,
+  /**
+   * @ignore
+   */
+  style: o.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * `classes` prop applied to the [`Typography`](https://mui.com/material-ui/api/typography/) element.
+   */
+  TypographyClasses: o.object,
+  /**
+   * Controls when the link should have an underline.
+   * @default 'always'
+   */
+  underline: o.oneOf(["always", "hover", "none"]),
+  /**
+   * Applies the theme typography styles.
+   * @default 'inherit'
+   */
+  variant: o.oneOfType([o.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), o.string])
+});
+export {
+  _ as L,
+  H as g,
+  E as l
+};

package/dist/Link-Z_UCBvgV.cjs

@@ -0,0 +1 @@
+"use strict";const S=require("react"),e=require("./identifier-Dax8VlUh.cjs"),V=require("./useTheme-BIogn5Me.cjs"),q=require("react/jsx-runtime"),u=require("./DefaultPropsProvider-Biv7NHew.cjs"),F=require("./memoTheme-BPA1FjB4.cjs"),R=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),$=require("./Typography-BF9bdWxl.cjs"),A=require("./elementTypeAcceptingRef-5w32V5hP.cjs"),m=require("./isFocusVisible-DlSijby6.cjs");function N(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return o.default=r,Object.freeze(o)}const h=N(S);function C(r){return e.generateUtilityClass("MuiLink",r)}const v=e.generateUtilityClasses("MuiLink",["root","underlineNone","underlineHover","underlineAlways","button","focusVisible"]),M=({theme:r,ownerState:o})=>{const t=o.color,n=e.getPath(r,`palette.${t}`,!1)||o.color,s=e.getPath(r,`palette.${t}Channel`);return"vars"in r&&s?`rgba(${s} / 0.4)`:e.alpha(n,.4)},x={primary:!0,secondary:!0,error:!0,info:!0,success:!0,warning:!0,textPrimary:!0,textSecondary:!0,textDisabled:!0},z=r=>{const{classes:o,component:t,focusVisible:n,underline:s}=r,l={root:["root",`underline${e.capitalize(s)}`,t==="button"&&"button",n&&"focusVisible"]};return u.composeClasses(l,C,o)},U=u.styled($.Typography,{name:"MuiLink",slot:"Root",overridesResolver:(r,o)=>{const{ownerState:t}=r;return[o.root,o[`underline${e.capitalize(t.underline)}`],t.component==="button"&&o.button]}})(F.memoTheme(({theme:r})=>({variants:[{props:{underline:"none"},style:{textDecoration:"none"}},{props:{underline:"hover"},style:{textDecoration:"none","&:hover":{textDecoration:"underline"}}},{props:{underline:"always"},style:{textDecoration:"underline","&:hover":{textDecorationColor:"inherit"}}},{props:({underline:o,ownerState:t})=>o==="always"&&t.color!=="inherit",style:{textDecorationColor:"var(--Link-underlineColor)"}},...Object.entries(r.palette).filter(R.createSimplePaletteValueFilter()).map(([o])=>({props:{underline:"always",color:o},style:{"--Link-underlineColor":r.vars?`rgba(${r.vars.palette[o].mainChannel} / 0.4)`:e.alpha(r.palette[o].main,.4)}})),{props:{underline:"always",color:"textPrimary"},style:{"--Link-underlineColor":r.vars?`rgba(${r.vars.palette.text.primaryChannel} / 0.4)`:e.alpha(r.palette.text.primary,.4)}},{props:{underline:"always",color:"textSecondary"},style:{"--Link-underlineColor":r.vars?`rgba(${r.vars.palette.text.secondaryChannel} / 0.4)`:e.alpha(r.palette.text.secondary,.4)}},{props:{underline:"always",color:"textDisabled"},style:{"--Link-underlineColor":(r.vars||r).palette.text.disabled}},{props:{component:"button"},style:{position:"relative",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none","&::-moz-focus-inner":{borderStyle:"none"},[`&.${v.focusVisible}`]:{outline:"auto"}}}]}))),k=h.forwardRef(function(o,t){const n=u.useDefaultProps({props:o,name:"MuiLink"}),s=V.useTheme(),{className:l,color:i="primary",component:y="a",onBlur:d,onFocus:f,TypographyClasses:w,underline:b="always",variant:T="inherit",sx:p,...g}=n,[L,P]=h.useState(!1),D=a=>{m.isFocusVisible(a.target)||P(!1),d&&d(a)},O=a=>{m.isFocusVisible(a.target)&&P(!0),f&&f(a)},c={...n,color:i,component:y,focusVisible:L,underline:b,variant:T},j=z(c);return q.jsx(U,{color:i,className:e.clsx(j.root,l),classes:w,component:y,onBlur:D,onFocus:O,ref:t,ownerState:c,variant:T,...g,sx:[...x[i]===void 0?[{color:i}]:[],...Array.isArray(p)?p:[p]],style:{...g.style,...b==="always"&&i!=="inherit"&&!x[i]&&{"--Link-underlineColor":M({theme:s,ownerState:c})}}})});process.env.NODE_ENV!=="production"&&(k.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary","success","error","info","warning","textPrimary","textSecondary","textDisabled"]),e.PropTypes.string]),component:A.elementTypeAcceptingRef,onBlur:e.PropTypes.func,onFocus:e.PropTypes.func,style:e.PropTypes.object,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),TypographyClasses:e.PropTypes.object,underline:e.PropTypes.oneOf(["always","hover","none"]),variant:e.PropTypes.oneOfType([e.PropTypes.oneOf(["body1","body2","button","caption","h1","h2","h3","h4","h5","h6","inherit","overline","subtitle1","subtitle2"]),e.PropTypes.string])});exports.Link=k;exports.getLinkUtilityClass=C;exports.linkClasses=v;