@sisense/sdk-shared-ui 1.27.1 → 1.28.0

package/dist/CheckableList-BLLCGCKX.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),t=require("./DEPRECATED_Icon-iUszZb09.cjs"),l="CheckableList-module__item___Hs9v4",o="CheckableList-module__icon___1KLyd",c={item:l,icon:o},d=({items:a,className:n,onChange:i})=>s.jsx("div",{className:n,children:a.map(e=>s.jsxs("div",{className:c.item,onClick:()=>i(e.value),"data-testid":e.dataTestId,children:[s.jsx("span",{className:c.name,children:e.name}),e.checked&&s.jsx(t.DEPRECATED_Icon,{className:c.icon,name:"general-vi-small-white"})]},e.value))});exports.CheckableList=d;

package/dist/CheckableList-CC7iKnHq.js

@@ -0,0 +1,21 @@
+import { jsx as s, jsxs as l } from "react/jsx-runtime";
+import { D as t } from "./DEPRECATED_Icon-BQ4AqiI1.js";
+const o = "CheckableList-module__item___Hs9v4", m = "CheckableList-module__icon___1KLyd", a = {
+  item: o,
+  icon: m
+}, _ = ({ items: c, className: n, onChange: i }) => /* @__PURE__ */ s("div", { className: n, children: c.map((e) => /* @__PURE__ */ l(
+  "div",
+  {
+    className: a.item,
+    onClick: () => i(e.value),
+    "data-testid": e.dataTestId,
+    children: [
+      /* @__PURE__ */ s("span", { className: a.name, children: e.name }),
+      e.checked && /* @__PURE__ */ s(t, { className: a.icon, name: "general-vi-small-white" })
+    ]
+  },
+  e.value
+)) });
+export {
+  _ as C
+};

package/dist/Checkbox-CrbGw8d7.js

@@ -0,0 +1,513 @@
+import { jsxs as oe, jsx as a } from "react/jsx-runtime";
+import * as S from "react";
+import { forwardRef as te } from "react";
+import { g as q, b as U, s as z, r as V, f as H, d as m, h as L, m as se, e as ne, n as M, a as ae, T as re } from "./ThemeProvider-aq1EWT1u.js";
+import { P as e } from "./index-D0lMis-I.js";
+import { B as ce, u as ie, c as O } from "./createSvgIcon-CXJWSg3i.js";
+import { u as le, r as D } from "./TransitionGroupContext-Ci_clMyv.js";
+import { c as N } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { siColors as E } from "./lib/themes/themes.js";
+function de(o) {
+  return q("PrivateSwitchBase", o);
+}
+U("PrivateSwitchBase", ["root", "checked", "disabled", "input", "edgeStart", "edgeEnd"]);
+const pe = (o) => {
+  const {
+    classes: t,
+    checked: s,
+    disabled: n,
+    edge: r
+  } = o, l = {
+    root: ["root", s && "checked", n && "disabled", r && `edge${m(r)}`],
+    input: ["input"]
+  };
+  return L(l, de, t);
+}, ue = z(ce)({
+  padding: 9,
+  borderRadius: "50%",
+  variants: [{
+    props: {
+      edge: "start",
+      size: "small"
+    },
+    style: {
+      marginLeft: -3
+    }
+  }, {
+    props: ({
+      edge: o,
+      ownerState: t
+    }) => o === "start" && t.size !== "small",
+    style: {
+      marginLeft: -12
+    }
+  }, {
+    props: {
+      edge: "end",
+      size: "small"
+    },
+    style: {
+      marginRight: -3
+    }
+  }, {
+    props: ({
+      edge: o,
+      ownerState: t
+    }) => o === "end" && t.size !== "small",
+    style: {
+      marginRight: -12
+    }
+  }]
+}), fe = z("input", {
+  shouldForwardProp: V
+})({
+  cursor: "inherit",
+  position: "absolute",
+  opacity: 0,
+  width: "100%",
+  height: "100%",
+  top: 0,
+  left: 0,
+  margin: 0,
+  padding: 0,
+  zIndex: 1
+}), _ = /* @__PURE__ */ S.forwardRef(function(t, s) {
+  const {
+    autoFocus: n,
+    checked: r,
+    checkedIcon: l,
+    className: p,
+    defaultChecked: d,
+    disabled: k,
+    disableFocusRipple: C = !1,
+    edge: u = !1,
+    icon: g,
+    id: I,
+    inputProps: R,
+    inputRef: y,
+    name: v,
+    onBlur: f,
+    onChange: h,
+    onFocus: P,
+    readOnly: G,
+    required: J = !1,
+    tabIndex: K,
+    type: x,
+    value: F,
+    ...Q
+  } = t, [T, W] = le({
+    controlled: r,
+    default: !!d,
+    name: "SwitchBase",
+    state: "checked"
+  }), i = ie(), X = (c) => {
+    P && P(c), i && i.onFocus && i.onFocus(c);
+  }, Y = (c) => {
+    f && f(c), i && i.onBlur && i.onBlur(c);
+  }, Z = (c) => {
+    if (c.nativeEvent.defaultPrevented)
+      return;
+    const j = c.target.checked;
+    W(j), h && h(c, j);
+  };
+  let b = k;
+  i && typeof b > "u" && (b = i.disabled);
+  const ee = x === "checkbox" || x === "radio", B = {
+    ...t,
+    checked: T,
+    disabled: b,
+    disableFocusRipple: C,
+    edge: u
+  }, $ = pe(B);
+  return /* @__PURE__ */ oe(ue, {
+    component: "span",
+    className: H($.root, p),
+    centerRipple: !0,
+    focusRipple: !C,
+    disabled: b,
+    tabIndex: null,
+    role: void 0,
+    onFocus: X,
+    onBlur: Y,
+    ownerState: B,
+    ref: s,
+    ...Q,
+    children: [/* @__PURE__ */ a(fe, {
+      autoFocus: n,
+      checked: r,
+      defaultChecked: d,
+      className: $.input,
+      disabled: b,
+      id: ee ? I : void 0,
+      name: v,
+      onChange: Z,
+      readOnly: G,
+      ref: y,
+      required: J,
+      ownerState: B,
+      tabIndex: K,
+      type: x,
+      ...x === "checkbox" && F === void 0 ? {} : {
+        value: F
+      },
+      ...R
+    }), T ? l : g]
+  });
+});
+process.env.NODE_ENV !== "production" && (_.propTypes = {
+  /**
+   * If `true`, the `input` element is focused during the first mount.
+   */
+  autoFocus: e.bool,
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: e.bool,
+  /**
+   * The icon to display when the component is checked.
+   */
+  checkedIcon: e.node.isRequired,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * @ignore
+   */
+  defaultChecked: e.bool,
+  /**
+   * If `true`, the component is disabled.
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: e.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: e.oneOf(["end", "start", !1]),
+  /**
+   * The icon to display when the component is unchecked.
+   */
+  icon: e.node.isRequired,
+  /**
+   * The id of the `input` element.
+   */
+  id: e.string,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: D,
+  /*
+   * @ignore
+   */
+  name: e.string,
+  /**
+   * @ignore
+   */
+  onBlur: e.func,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {object} event The event source of the callback.
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: e.func,
+  /**
+   * @ignore
+   */
+  onFocus: e.func,
+  /**
+   * It prevents the user from changing the value of the field
+   * (not from interacting with the field).
+   */
+  readOnly: e.bool,
+  /**
+   * If `true`, the `input` element is required.
+   */
+  required: e.bool,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.object,
+  /**
+   * @ignore
+   */
+  tabIndex: e.oneOfType([e.number, e.string]),
+  /**
+   * The input component prop `type`.
+   */
+  type: e.string.isRequired,
+  /**
+   * The value of the component.
+   */
+  value: e.any
+});
+const he = O(/* @__PURE__ */ a("path", {
+  d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
+}), "CheckBoxOutlineBlank"), be = O(/* @__PURE__ */ a("path", {
+  d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
+}), "CheckBox"), me = O(/* @__PURE__ */ a("path", {
+  d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
+}), "IndeterminateCheckBox");
+function ke(o) {
+  return q("MuiCheckbox", o);
+}
+const w = U("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), Ce = (o) => {
+  const {
+    classes: t,
+    indeterminate: s,
+    color: n,
+    size: r
+  } = o, l = {
+    root: ["root", s && "indeterminate", `color${m(n)}`, `size${m(r)}`]
+  }, p = L(l, ke, t);
+  return {
+    ...t,
+    // forward the disabled and checked classes to the SwitchBase
+    ...p
+  };
+}, ge = z(_, {
+  shouldForwardProp: (o) => V(o) || o === "classes",
+  name: "MuiCheckbox",
+  slot: "Root",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: s
+    } = o;
+    return [t.root, s.indeterminate && t.indeterminate, t[`size${m(s.size)}`], s.color !== "default" && t[`color${m(s.color)}`]];
+  }
+})(se(({
+  theme: o
+}) => ({
+  color: (o.vars || o).palette.text.secondary,
+  variants: [{
+    props: {
+      color: "default",
+      disableRipple: !1
+    },
+    style: {
+      "&:hover": {
+        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : M(o.palette.action.active, o.palette.action.hoverOpacity)
+      }
+    }
+  }, ...Object.entries(o.palette).filter(N()).map(([t]) => ({
+    props: {
+      color: t,
+      disableRipple: !1
+    },
+    style: {
+      "&:hover": {
+        backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : M(o.palette[t].main, o.palette.action.hoverOpacity)
+      }
+    }
+  })), ...Object.entries(o.palette).filter(N()).map(([t]) => ({
+    props: {
+      color: t
+    },
+    style: {
+      [`&.${w.checked}, &.${w.indeterminate}`]: {
+        color: (o.vars || o).palette[t].main
+      },
+      [`&.${w.disabled}`]: {
+        color: (o.vars || o).palette.action.disabled
+      }
+    }
+  })), {
+    // Should be last to override other colors
+    props: {
+      disableRipple: !1
+    },
+    style: {
+      // Reset on touch devices, it doesn't add specificity
+      "&:hover": {
+        "@media (hover: none)": {
+          backgroundColor: "transparent"
+        }
+      }
+    }
+  }]
+}))), ye = /* @__PURE__ */ a(be, {}), ve = /* @__PURE__ */ a(he, {}), xe = /* @__PURE__ */ a(me, {}), A = /* @__PURE__ */ S.forwardRef(function(t, s) {
+  const n = ne({
+    props: t,
+    name: "MuiCheckbox"
+  }), {
+    checkedIcon: r = ye,
+    color: l = "primary",
+    icon: p = ve,
+    indeterminate: d = !1,
+    indeterminateIcon: k = xe,
+    inputProps: C,
+    size: u = "medium",
+    disableRipple: g = !1,
+    className: I,
+    ...R
+  } = n, y = d ? k : p, v = d ? k : r, f = {
+    ...n,
+    disableRipple: g,
+    color: l,
+    indeterminate: d,
+    size: u
+  }, h = Ce(f);
+  return /* @__PURE__ */ a(ge, {
+    type: "checkbox",
+    inputProps: {
+      "data-indeterminate": d,
+      ...C
+    },
+    icon: /* @__PURE__ */ S.cloneElement(y, {
+      fontSize: y.props.fontSize ?? u
+    }),
+    checkedIcon: /* @__PURE__ */ S.cloneElement(v, {
+      fontSize: v.props.fontSize ?? u
+    }),
+    ownerState: f,
+    ref: s,
+    className: H(h.root, I),
+    disableRipple: g,
+    ...R,
+    classes: h
+  });
+});
+process.env.NODE_ENV !== "production" && (A.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * If `true`, the component is checked.
+   */
+  checked: e.bool,
+  /**
+   * The icon to display when the component is checked.
+   * @default <CheckBoxIcon />
+   */
+  checkedIcon: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.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 'primary'
+   */
+  color: e.oneOfType([e.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  /**
+   * The default checked state. Use when the component is not controlled.
+   */
+  defaultChecked: e.bool,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: e.bool,
+  /**
+   * If `true`, the ripple effect is disabled.
+   * @default false
+   */
+  disableRipple: e.bool,
+  /**
+   * The icon to display when the component is unchecked.
+   * @default <CheckBoxOutlineBlankIcon />
+   */
+  icon: e.node,
+  /**
+   * The id of the `input` element.
+   */
+  id: e.string,
+  /**
+   * If `true`, the component appears indeterminate.
+   * This does not set the native input element to indeterminate due
+   * to inconsistent behavior across browsers.
+   * However, we set a `data-indeterminate` attribute on the `input`.
+   * @default false
+   */
+  indeterminate: e.bool,
+  /**
+   * The icon to display when the component is indeterminate.
+   * @default <IndeterminateCheckBoxIcon />
+   */
+  indeterminateIcon: e.node,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+   */
+  inputProps: e.object,
+  /**
+   * Pass a ref to the `input` element.
+   */
+  inputRef: D,
+  /**
+   * Callback fired when the state is changed.
+   *
+   * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
+   * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+   */
+  onChange: e.func,
+  /**
+   * If `true`, the `input` element is required.
+   * @default false
+   */
+  required: e.bool,
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense checkbox styling.
+   * @default 'medium'
+   */
+  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The value of the component. The DOM API casts this to a string.
+   * The browser uses "on" as the default value.
+   */
+  value: e.any
+});
+const Se = ae({
+  components: {
+    MuiCheckbox: {
+      styleOverrides: {
+        root: {
+          width: "28px",
+          height: "28px",
+          "&.Mui-disabled": {
+            opacity: 0.5
+          },
+          "&:hover": {
+            backgroundColor: E.StInteractionColors.defaultHover
+          },
+          "& .MuiSvgIcon-root": {
+            fontSize: 14,
+            fill: E.StUiColors.default
+          }
+        }
+      }
+    }
+  }
+}), Te = te(
+  ({ theme: o = Se, dataTestId: t, ...s }, n) => /* @__PURE__ */ a(re, { theme: o, children: /* @__PURE__ */ a(A, { "data-testid": t, ref: n, ...s }) })
+);
+export {
+  Te as C
+};

package/dist/Checkbox-Dy9BTXfS.cjs

@@ -0,0 +1 @@
+"use strict";const a=require("react/jsx-runtime"),N=require("react"),s=require("./ThemeProvider-sqppyE-5.cjs"),e=require("./index-B-zZeebW.cjs"),P=require("./createSvgIcon-DF4qzIJY.cjs"),O=require("./TransitionGroupContext-BlR3HYBG.cjs"),$=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),M=require("./lib/themes/themes.cjs");function Q(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const r in o)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(o,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>o[r]})}}return t.default=o,Object.freeze(t)}const x=Q(N);function W(o){return s.generateUtilityClass("PrivateSwitchBase",o)}s.generateUtilityClasses("PrivateSwitchBase",["root","checked","disabled","input","edgeStart","edgeEnd"]);const X=o=>{const{classes:t,checked:r,disabled:n,edge:c}=o,l={root:["root",r&&"checked",n&&"disabled",c&&`edge${s.capitalize(c)}`],input:["input"]};return s.composeClasses(l,W,t)},Y=s.styled(P.ButtonBase)({padding:9,borderRadius:"50%",variants:[{props:{edge:"start",size:"small"},style:{marginLeft:-3}},{props:({edge:o,ownerState:t})=>o==="start"&&t.size!=="small",style:{marginLeft:-12}},{props:{edge:"end",size:"small"},style:{marginRight:-3}},{props:({edge:o,ownerState:t})=>o==="end"&&t.size!=="small",style:{marginRight:-12}}]}),Z=s.styled("input",{shouldForwardProp:s.rootShouldForwardProp})({cursor:"inherit",position:"absolute",opacity:0,width:"100%",height:"100%",top:0,left:0,margin:0,padding:0,zIndex:1}),U=x.forwardRef(function(t,r){const{autoFocus:n,checked:c,checkedIcon:l,className:u,defaultChecked:d,disabled:T,disableFocusRipple:m=!1,edge:y=!1,icon:g,id:S,inputProps:I,inputRef:C,name:k,onBlur:f,onChange:h,onFocus:w,readOnly:E,required:_=!1,tabIndex:H,type:v,value:j,...D}=t,[B,L]=O.useControlled({controlled:c,default:!!d,name:"SwitchBase",state:"checked"}),p=P.useFormControl(),G=i=>{w&&w(i),p&&p.onFocus&&p.onFocus(i)},A=i=>{f&&f(i),p&&p.onBlur&&p.onBlur(i)},J=i=>{if(i.nativeEvent.defaultPrevented)return;const q=i.target.checked;L(q),h&&h(i,q)};let b=T;p&&typeof b>"u"&&(b=p.disabled);const K=v==="checkbox"||v==="radio",z={...t,checked:B,disabled:b,disableFocusRipple:m,edge:y},F=X(z);return a.jsxs(Y,{component:"span",className:s.clsx(F.root,u),centerRipple:!0,focusRipple:!m,disabled:b,tabIndex:null,role:void 0,onFocus:G,onBlur:A,ownerState:z,ref:r,...D,children:[a.jsx(Z,{autoFocus:n,checked:c,defaultChecked:d,className:F.input,disabled:b,id:K?S:void 0,name:k,onChange:J,readOnly:E,ref:C,required:_,ownerState:z,tabIndex:H,type:v,...v==="checkbox"&&j===void 0?{}:{value:j},...I}),B?l:g]})});process.env.NODE_ENV!=="production"&&(U.propTypes={autoFocus:e.PropTypes.bool,checked:e.PropTypes.bool,checkedIcon:e.PropTypes.node.isRequired,classes:e.PropTypes.object,className:e.PropTypes.string,defaultChecked:e.PropTypes.bool,disabled:e.PropTypes.bool,disableFocusRipple:e.PropTypes.bool,edge:e.PropTypes.oneOf(["end","start",!1]),icon:e.PropTypes.node.isRequired,id:e.PropTypes.string,inputProps:e.PropTypes.object,inputRef:O.refType,name:e.PropTypes.string,onBlur:e.PropTypes.func,onChange:e.PropTypes.func,onFocus:e.PropTypes.func,readOnly:e.PropTypes.bool,required:e.PropTypes.bool,sx:e.PropTypes.object,tabIndex:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),type:e.PropTypes.string.isRequired,value:e.PropTypes.any});const ee=P.createSvgIcon(a.jsx("path",{d:"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"}),"CheckBoxOutlineBlank"),oe=P.createSvgIcon(a.jsx("path",{d:"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"}),"CheckBox"),te=P.createSvgIcon(a.jsx("path",{d:"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"}),"IndeterminateCheckBox");function se(o){return s.generateUtilityClass("MuiCheckbox",o)}const R=s.generateUtilityClasses("MuiCheckbox",["root","checked","disabled","indeterminate","colorPrimary","colorSecondary","sizeSmall","sizeMedium"]),re=o=>{const{classes:t,indeterminate:r,color:n,size:c}=o,l={root:["root",r&&"indeterminate",`color${s.capitalize(n)}`,`size${s.capitalize(c)}`]},u=s.composeClasses(l,se,t);return{...t,...u}},ne=s.styled(U,{shouldForwardProp:o=>s.rootShouldForwardProp(o)||o==="classes",name:"MuiCheckbox",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:r}=o;return[t.root,r.indeterminate&&t.indeterminate,t[`size${s.capitalize(r.size)}`],r.color!=="default"&&t[`color${s.capitalize(r.color)}`]]}})(s.memoTheme(({theme:o})=>({color:(o.vars||o).palette.text.secondary,variants:[{props:{color:"default",disableRipple:!1},style:{"&:hover":{backgroundColor:o.vars?`rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})`:s.alpha(o.palette.action.active,o.palette.action.hoverOpacity)}}},...Object.entries(o.palette).filter($.createSimplePaletteValueFilter()).map(([t])=>({props:{color:t,disableRipple:!1},style:{"&:hover":{backgroundColor:o.vars?`rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:s.alpha(o.palette[t].main,o.palette.action.hoverOpacity)}}})),...Object.entries(o.palette).filter($.createSimplePaletteValueFilter()).map(([t])=>({props:{color:t},style:{[`&.${R.checked}, &.${R.indeterminate}`]:{color:(o.vars||o).palette[t].main},[`&.${R.disabled}`]:{color:(o.vars||o).palette.action.disabled}}})),{props:{disableRipple:!1},style:{"&:hover":{"@media (hover: none)":{backgroundColor:"transparent"}}}}]}))),ae=a.jsx(oe,{}),ce=a.jsx(ee,{}),ie=a.jsx(te,{}),V=x.forwardRef(function(t,r){const n=s.useDefaultProps({props:t,name:"MuiCheckbox"}),{checkedIcon:c=ae,color:l="primary",icon:u=ce,indeterminate:d=!1,indeterminateIcon:T=ie,inputProps:m,size:y="medium",disableRipple:g=!1,className:S,...I}=n,C=d?T:u,k=d?T:c,f={...n,disableRipple:g,color:l,indeterminate:d,size:y},h=re(f);return a.jsx(ne,{type:"checkbox",inputProps:{"data-indeterminate":d,...m},icon:x.cloneElement(C,{fontSize:C.props.fontSize??y}),checkedIcon:x.cloneElement(k,{fontSize:k.props.fontSize??y}),ownerState:f,ref:r,className:s.clsx(h.root,S),disableRipple:g,...I,classes:h})});process.env.NODE_ENV!=="production"&&(V.propTypes={checked:e.PropTypes.bool,checkedIcon:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["default","primary","secondary","error","info","success","warning"]),e.PropTypes.string]),defaultChecked:e.PropTypes.bool,disabled:e.PropTypes.bool,disableRipple:e.PropTypes.bool,icon:e.PropTypes.node,id:e.PropTypes.string,indeterminate:e.PropTypes.bool,indeterminateIcon:e.PropTypes.node,inputProps:e.PropTypes.object,inputRef:O.refType,onChange:e.PropTypes.func,required:e.PropTypes.bool,size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["medium","small"]),e.PropTypes.string]),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]),value:e.PropTypes.any});const pe=s.createTheme$1({components:{MuiCheckbox:{styleOverrides:{root:{width:"28px",height:"28px","&.Mui-disabled":{opacity:.5},"&:hover":{backgroundColor:M.siColors.StInteractionColors.defaultHover},"& .MuiSvgIcon-root":{fontSize:14,fill:M.siColors.StUiColors.default}}}}}}),le=N.forwardRef(({theme:o=pe,dataTestId:t,...r},n)=>a.jsx(s.ThemeProvider,{theme:o,children:a.jsx(V,{"data-testid":t,ref:n,...r})}));exports.Checkbox=le;

package/dist/DEPRECATED_Button-D2XS1y1r.cjs

@@ -0,0 +1 @@
+"use strict";const o=require("react/jsx-runtime"),t=require("./index-B-zZeebW.cjs"),e=require("classnames"),C=require("./DEPRECATED_Icon-iUszZb09.cjs"),S="DEPRECATED_Button-module__sharedComponentsButton___wmUpf",j="DEPRECATED_Button-module__sharedComponentsButtonText___CsYPy",q="DEPRECATED_Button-module__btnSecondary___Ga6J-",a={sharedComponentsButton:S,sharedComponentsButtonText:j,btnSecondary:q},k=" ",r=T=>{const{allowDisabledTitle:b,className:_,disabled:n,hoverSuffix:c,iconClassName:y,iconName:i,transparent:P,text:s,trailingIconName:l,title:p,dark:E,gray:D,secondary:x,dataTestId:g,ariaLabel:h="button",...B}=T,N=e("btn",{"btn--disabled":n,"btn--transp":P,"btn--dark":E,"btn--icon":!s,"btn--gray":D,[a.btnSecondary]:x},a.sharedComponentsButton,_),d=e("btn__icon",y),m=i&&o.jsx(C.DEPRECATED_Icon,{className:d,name:i,disabled:n,hoverSuffix:c}),R=e("btn__text",a.sharedComponentsButtonText),u=s&&o.jsx("span",{className:R,children:s}),A=m&&u&&k,I=l&&o.jsx(C.DEPRECATED_Icon,{className:d,name:l,disabled:n,hoverSuffix:c}),f={disabled:n,title:p&&(!n||b)?p:void 0,...B};return o.jsxs("button",{...f,className:N,"data-testid":g,"aria-label":h,children:[m,A,u,I]})};r.propTypes={allowDisabledTitle:t.PropTypes.bool,className:t.PropTypes.string,disabled:t.PropTypes.bool,hoverSuffix:t.PropTypes.string,iconClassName:t.PropTypes.string,iconName:t.PropTypes.string,onClick:t.PropTypes.func.isRequired,text:t.PropTypes.string,title:t.PropTypes.string,trailingIconName:t.PropTypes.string,transparent:t.PropTypes.bool,dark:t.PropTypes.bool,gray:t.PropTypes.bool};r.defaultProps={allowDisabledTitle:!1};exports.DEPRECATED_Button=r;

package/dist/DEPRECATED_Button-m2ifXo3Q.js

@@ -0,0 +1,87 @@
+import { jsxs as R, jsx as s } from "react/jsx-runtime";
+import { P as t } from "./index-D0lMis-I.js";
+import e from "classnames";
+import { D as b } from "./DEPRECATED_Icon-BQ4AqiI1.js";
+const k = "DEPRECATED_Button-module__sharedComponentsButton___wmUpf", w = "DEPRECATED_Button-module__sharedComponentsButtonText___CsYPy", v = "DEPRECATED_Button-module__btnSecondary___Ga6J-", a = {
+  sharedComponentsButton: k,
+  sharedComponentsButtonText: w,
+  btnSecondary: v
+}, j = " ", C = (u) => {
+  const {
+    allowDisabledTitle: _,
+    className: E,
+    disabled: n,
+    hoverSuffix: r,
+    iconClassName: x,
+    iconName: l,
+    transparent: D,
+    text: o,
+    trailingIconName: i,
+    title: c,
+    dark: T,
+    gray: y,
+    secondary: g,
+    dataTestId: h,
+    ariaLabel: N = "button",
+    ...f
+  } = u, B = e(
+    "btn",
+    {
+      "btn--disabled": n,
+      "btn--transp": D,
+      "btn--dark": T,
+      "btn--icon": !o,
+      "btn--gray": y,
+      [a.btnSecondary]: g
+    },
+    a.sharedComponentsButton,
+    E
+  ), m = e("btn__icon", x), d = l && /* @__PURE__ */ s(
+    b,
+    {
+      className: m,
+      name: l,
+      disabled: n,
+      hoverSuffix: r
+    }
+  ), P = e("btn__text", a.sharedComponentsButtonText), p = o && /* @__PURE__ */ s("span", { className: P, children: o }), I = d && p && j, S = i && /* @__PURE__ */ s(
+    b,
+    {
+      className: m,
+      name: i,
+      disabled: n,
+      hoverSuffix: r
+    }
+  ), A = {
+    disabled: n,
+    title: c && (!n || _) ? c : void 0,
+    ...f
+  };
+  return /* @__PURE__ */ R("button", { ...A, className: B, "data-testid": h, "aria-label": N, children: [
+    d,
+    I,
+    p,
+    S
+  ] });
+};
+C.propTypes = {
+  allowDisabledTitle: t.bool,
+  className: t.string,
+  disabled: t.bool,
+  hoverSuffix: t.string,
+  iconClassName: t.string,
+  iconName: t.string,
+  onClick: t.func.isRequired,
+  text: t.string,
+  title: t.string,
+  trailingIconName: t.string,
+  transparent: t.bool,
+  dark: t.bool,
+  gray: t.bool
+};
+C.defaultProps = {
+  allowDisabledTitle: !1
+};
+export {
+  C as D
+};

package/dist/DEPRECATED_Checkbox-CYomxatm.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react/jsx-runtime"),n=require("classnames"),D=require("./DEPRECATED_Icon-iUszZb09.cjs"),I="Checkbox-module__transparent___wi79A",v="Checkbox-module__icon___Hm4xR",P="Checkbox-module__disabled___sHRTv",R="Checkbox-module__sharedComponentsInputCheckbox___VU8jI",c={transparent:I,icon:v,disabled:P,sharedComponentsInputCheckbox:R},T=p=>{const{className:x,disabled:o,inline:_,text:d,textClassName:m,title:t,transparent:h,dataTestId:C,iconName:a,onDescriptionClick:i,inputCheckboxClassName:b,...k}=p,l={disabled:o,...k};t&&!o&&(l.title=t);const e="custom-checkbox",u=n(e,{"custom-checkbox--inline":_,[c.disabled]:o},x),N=n(`${e}__icon`,"app-icon app-icon--form-checkbox-mark",{[c.transparent]:h}),E=n(`${e}__text`,m),r=i?j=>{i(),j.preventDefault()}:void 0;return s.jsx("div",{className:u,children:s.jsxs("label",{className:`${e}__label`,children:[s.jsxs("div",{className:n(c.sharedComponentsInputCheckbox,b),children:[s.jsx("input",{type:"checkbox",className:`${e}__input`,"data-testid":C,...l}),s.jsx("span",{className:N,children:s.jsx("svg",{className:"app-icon__svg",children:s.jsx("use",{xlinkHref:"#form-checkbox-mark"})})})]}),a&&s.jsx(D.DEPRECATED_Icon,{name:a,className:c.icon,onClick:r}),s.jsx("span",{className:E,onClick:r,children:d})]})})};exports.DEPRECATED_Checkbox=T;