@cgi-learning-hub/ui 0.0.1-dev.1708959157 → 0.0.1-dev.1708959744

package/dist/components/buttons/IconButton/IconButton.es.js

@@ -1,187 +0,0 @@
-import { jsx as b } from "react/jsx-runtime";
-import * as d from "react";
-import { g as B, c as C, s as v, e as s, a as n, l as g, f as I, _ as O, h as T, P as r, j as $ } from "../../../useThemeProps-CHytz5pp.js";
-import { B as x } from "../../../ButtonBase-C5_-KI-D.js";
-import { c as k } from "../../../refType-hKctx4k0.js";
-function j(o) {
-  return C("MuiIconButton", o);
-}
-const M = B("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), P = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], E = (o) => {
-  const {
-    classes: e,
-    disabled: t,
-    color: a,
-    edge: i,
-    size: l
-  } = o, c = {
-    root: ["root", t && "disabled", a !== "default" && `color${s(a)}`, i && `edge${s(i)}`, `size${s(l)}`]
-  };
-  return $(c, j, e);
-}, N = v(x, {
-  name: "MuiIconButton",
-  slot: "Root",
-  overridesResolver: (o, e) => {
-    const {
-      ownerState: t
-    } = o;
-    return [e.root, t.color !== "default" && e[`color${s(t.color)}`], t.edge && e[`edge${s(t.edge)}`], e[`size${s(t.size)}`]];
-  }
-})(({
-  theme: o,
-  ownerState: e
-}) => n({
-  textAlign: "center",
-  flex: "0 0 auto",
-  fontSize: o.typography.pxToRem(24),
-  padding: 8,
-  borderRadius: "50%",
-  overflow: "visible",
-  // Explicitly set the default value to solve a bug on IE11.
-  color: (o.vars || o).palette.action.active,
-  transition: o.transitions.create("background-color", {
-    duration: o.transitions.duration.shortest
-  })
-}, !e.disableRipple && {
-  "&:hover": {
-    backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : g(o.palette.action.active, o.palette.action.hoverOpacity),
-    // Reset on touch devices, it doesn't add specificity
-    "@media (hover: none)": {
-      backgroundColor: "transparent"
-    }
-  }
-}, e.edge === "start" && {
-  marginLeft: e.size === "small" ? -3 : -12
-}, e.edge === "end" && {
-  marginRight: e.size === "small" ? -3 : -12
-}), ({
-  theme: o,
-  ownerState: e
-}) => {
-  var t;
-  const a = (t = (o.vars || o).palette) == null ? void 0 : t[e.color];
-  return n({}, e.color === "inherit" && {
-    color: "inherit"
-  }, e.color !== "inherit" && e.color !== "default" && n({
-    color: a == null ? void 0 : a.main
-  }, !e.disableRipple && {
-    "&:hover": n({}, a && {
-      backgroundColor: o.vars ? `rgba(${a.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : g(a.main, o.palette.action.hoverOpacity)
-    }, {
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    })
-  }), e.size === "small" && {
-    padding: 5,
-    fontSize: o.typography.pxToRem(18)
-  }, e.size === "large" && {
-    padding: 12,
-    fontSize: o.typography.pxToRem(28)
-  }, {
-    [`&.${M.disabled}`]: {
-      backgroundColor: "transparent",
-      color: (o.vars || o).palette.action.disabled
-    }
-  });
-}), y = /* @__PURE__ */ d.forwardRef(function(e, t) {
-  const a = I({
-    props: e,
-    name: "MuiIconButton"
-  }), {
-    edge: i = !1,
-    children: l,
-    className: c,
-    color: m = "default",
-    disabled: p = !1,
-    disableFocusRipple: u = !1,
-    size: h = "medium"
-  } = a, z = O(a, P), f = n({}, a, {
-    edge: i,
-    color: m,
-    disabled: p,
-    disableFocusRipple: u,
-    size: h
-  }), R = E(f);
-  return /* @__PURE__ */ b(N, n({
-    className: T(R.root, c),
-    centerRipple: !0,
-    focusRipple: !u,
-    disabled: p,
-    ref: t,
-    ownerState: f
-  }, z, {
-    children: l
-  }));
-});
-process.env.NODE_ENV !== "production" && (y.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The icon to display.
-   */
-  children: k(r.node, (o) => d.Children.toArray(o.children).some((t) => /* @__PURE__ */ d.isValidElement(t) && t.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
-`)) : null),
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: r.object,
-  /**
-   * @ignore
-   */
-  className: r.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'default'
-   */
-  color: r.oneOfType([r.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: r.bool,
-  /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple: r.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   *
-   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
-   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
-   * @default false
-   */
-  disableRipple: r.bool,
-  /**
-   * If given, uses a negative margin to counteract the padding on one
-   * side (this is often helpful for aligning the left or right
-   * side of the icon with content above or below, without ruining the border
-   * size and shape).
-   * @default false
-   */
-  edge: r.oneOf(["end", "start", !1]),
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense button styling.
-   * @default 'medium'
-   */
-  size: r.oneOfType([r.oneOf(["small", "medium", "large"]), r.string]),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
-});
-const _ = y, U = v(_)(({ theme: o }) => ({
-  color: o.palette.secondary.main,
-  "&:hover": {
-    color: o.palette.primary.main
-  }
-})), W = (o) => /* @__PURE__ */ b(U, { ...o });
-export {
-  W as default
-};

package/dist/components/buttons/IconButton/index.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./IconButton.cjs.js");exports.IconButton=t;

package/dist/components/buttons/IconButton/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./IconButton";
-export { default as IconButton } from "./IconButton";

package/dist/components/buttons/IconButton/index.es.js

@@ -1,4 +0,0 @@
-import { default as a } from "./IconButton.es.js";
-export {
-  a as IconButton
-};