npm - @flipdish/portal-library - Versions diffs - 8.0.0 → 8.0.2 - Mend

@flipdish/portal-library 8.0.0 → 8.0.2

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 (206) hide show

package/dist/components/atoms/IconButton/getIconButtonStyles.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var o=require("@mui/material/styles");module.exports=(r,i="primary",n="brand",e="medium")=>{const l="light"===r.palette.mode,s=r.palette.semantic,c="small"===e?32:48,t={borderRadius:r.radius["radius-8"]||8,width:c,height:c,boxShadow:r.customShadows?.raised||"0px 1px 2px 0px rgba(0,0,0,0.1), 0px 2px 6px 0px rgba(0,0,0,0.15)",minWidth:0,padding:0,position:"relative",transition:"all 0.2s ease-in-out"},d={generic:{focus:{outlineOffset:"2px",outline:`2px solid ${r.palette.semantic.stroke["stroke-focus"]}`,transition:"none"}},primary:{brand:{default:{...t,background:s.fill["fill-primary-strong"],color:s.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},hover:{...t,background:l?o.darken(s.fill["fill-primary-strong"],.1):o.lighten(s.fill["fill-primary-strong"],.1),color:s.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},press:{...t,background:l?o.darken(s.fill["fill-primary-strong"],.2):o.lighten(s.fill["fill-primary-strong"],.2),color:s.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},disabled:{...t,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:"none",cursor:"not-allowed",pointerEvents:"auto",opacity:.5}},neutral:{default:{...t,background:s.fill["fill-strong"],color:s.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},hover:{...t,background:l?o.lighten(s.fill["fill-strong"],.1):o.darken(s.fill["fill-strong"],.1),color:s.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},press:{...t,background:l?o.lighten(s.fill["fill-strong"],.2):o.darken(s.fill["fill-strong"],.2),color:s.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},disabled:{...t,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:"none",cursor:"not-allowed",pointerEvents:"auto",opacity:.5}},destructive:{default:{...t,background:s.fill["fill-error-strong"],color:s.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},hover:{...t,background:l?o.darken(s.fill["fill-error-strong"],.1):o.lighten(s.fill["fill-error-strong"],.1),color:s.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},press:{...t,background:l?o.darken(s.fill["fill-error-strong"],.2):o.lighten(s.fill["fill-error-strong"],.2),color:s.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},disabled:{...t,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:"none",cursor:"not-allowed",pointerEvents:"auto",opacity:.5}},inverse:{default:{...t,background:s.fill["fill-inverse-strong"],color:s.icon["icon-strong"],border:"none",cursor:"pointer",opacity:1},hover:{...t,background:l?o.darken(s.fill["fill-inverse-strong"],.1):o.lighten(s.fill["fill-inverse-strong"],.1),color:s.icon["icon-inverse-strong"],border:"none",cursor:"pointer",opacity:1},press:{...t,background:l?o.darken(s.fill["fill-inverse-strong"],.2):o.lighten(s.fill["fill-inverse-strong"],.2),color:s.icon["icon-inverse-strong"],border:"none",cursor:"pointer",opacity:1},disabled:{...t,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:"none",cursor:"not-allowed",pointerEvents:"auto",opacity:.5}}},secondary:{brand:{default:{...t,background:s.fill["fill-inverse-strong"],color:s.icon["icon-primary"],border:`1px solid ${s.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},hover:{...t,background:s.fill["fill-hover"],color:s.icon["icon-primary"],border:`1px solid ${s.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},press:{...t,background:s.fill["fill-press"],color:s.icon["icon-primary"],border:`1px solid ${s.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},disabled:{...t,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:`1px solid ${s.stroke["stroke-disabled"]}`,cursor:"not-allowed",pointerEvents:"auto",opacity:.5}},destructive:{default:{...t,background:s.fill["fill-inverse-strong"],color:s.icon["icon-error"],border:`1px solid ${s.stroke["stroke-error-strong"]}`,cursor:"pointer",opacity:1},hover:{...t,background:s.fill["fill-hover"],color:s.icon["icon-error"],border:`1px solid ${s.stroke["stroke-error-strong"]}`,cursor:"pointer",opacity:1},press:{...t,background:s.fill["fill-press"],color:s.icon["icon-error"],border:`1px solid ${s.stroke["stroke-error-strong"]}`,cursor:"pointer",opacity:1},disabled:{...t,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:`1px solid ${s.stroke["stroke-disabled"]}`,cursor:"not-allowed",pointerEvents:"auto",opacity:.5}},neutral:{default:{...t,background:s.fill["fill-strong"],color:s.icon["icon-strong"],border:`1px solid ${s.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},hover:{...t,background:l?o.darken(s.fill["fill-strong"],.1):o.lighten(s.fill["fill-strong"],.1),color:s.icon["icon-strong"],border:`1px solid ${s.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},press:{...t,background:l?o.darken(s.fill["fill-strong"],.2):o.lighten(s.fill["fill-strong"],.2),color:s.icon["icon-strong"],border:`1px solid ${s.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},disabled:{...t,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:`1px solid ${s.stroke["stroke-disabled"]}`,cursor:"not-allowed",pointerEvents:"auto",opacity:.5}},inverse:{default:{...t,background:s.fill["fill-inverse-strong"],color:s.icon["icon-inverse-strong"],border:`1px solid ${s.stroke["stroke-inverse-strong"]}`,cursor:"pointer",opacity:1},hover:{...t,background:l?o.darken(s.fill["fill-inverse-strong"],.1):o.lighten(s.fill["fill-inverse-strong"],.1),color:s.icon["icon-inverse-strong"],border:`1px solid ${s.stroke["stroke-inverse-strong"]}`,cursor:"pointer",opacity:1},press:{...t,background:l?o.darken(s.fill["fill-inverse-strong"],.2):o.lighten(s.fill["fill-inverse-strong"],.2),color:s.icon["icon-inverse-strong"],border:`1px solid ${s.stroke["stroke-inverse-strong"]}`,cursor:"pointer",opacity:1},disabled:{...t,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:`1px solid ${s.stroke["stroke-disabled"]}`,cursor:"not-allowed",opacity:.5}}},tertiary:{brand:{default:{...t,boxShadow:"none",background:"transparent",color:s.icon["icon-primary"],border:"none",cursor:"pointer",opacity:1},hover:{...t,background:s.fill["fill-hover"],color:s.icon["icon-primary"],border:"none",cursor:"pointer",opacity:1},press:{...t,background:s.fill["fill-press"],color:s.icon["icon-primary"],border:"none",cursor:"pointer",opacity:1},disabled:{...t,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:"none",cursor:"not-allowed",pointerEvents:"auto",opacity:.5}},destructive:{default:{...t,boxShadow:"none",background:"transparent",color:s.icon["icon-error"],border:"none",cursor:"pointer",opacity:1},hover:{...t,background:s.fill["fill-hover"],color:s.icon["icon-error"],border:"none",cursor:"pointer",opacity:1},press:{...t,background:s.fill["fill-press"],color:s.icon["icon-error"],border:"none",cursor:"pointer",opacity:1},disabled:{...t,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:"none",cursor:"not-allowed",opacity:.5}},neutral:{default:{...t,boxShadow:"none",background:"transparent",color:s.icon["icon-strong"],border:"none",cursor:"pointer",opacity:1},hover:{...t,background:s.fill["fill-hover"],color:s.icon["icon-strong"],border:"none",cursor:"pointer",opacity:1},press:{...t,background:s.fill["fill-press"],color:s.icon["icon-strong"],border:"none",cursor:"pointer",opacity:1},disabled:{...t,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:"none",cursor:"not-allowed",pointerEvents:"auto",opacity:.5}},inverse:{default:{...t,boxShadow:"none",background:"transparent",color:s.icon["icon-inverse-strong"],border:"none",cursor:"pointer",opacity:1},hover:{...t,background:s.fill["fill-hover"],color:s.icon["icon-inverse-strong"],border:"none",cursor:"pointer",opacity:1},press:{...t,background:s.fill["fill-press"],color:s.icon["icon-inverse-strong"],border:"none",cursor:"pointer",opacity:1},disabled:{...t,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:"none",cursor:"not-allowed",pointerEvents:"auto",opacity:.5}}}};return{...d.generic,...d[i][n in d[i]?n:"brand"]}};
+"use strict";require("@mui/material/styles");module.exports=(o,r="primary",e="brand")=>{const l=o.palette.semantic,i={borderRadius:o.radius["radius-8"],boxShadow:o.customShadows.raised,boxSizing:"border-box",cursor:"pointer",minWidth:0,opacity:1,overflow:"hidden",padding:0,position:"relative",transition:"all 0.2s ease-in-out"},n={borderRadius:"inherit",borderStyle:"solid",borderWidth:1,content:'""',inset:0,pointerEvents:"none",position:"absolute"},s={boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"},d={primary:{brand:{default:{...i,background:l.fill["fill-primary-strong"],color:l.icon["icon-inverse"]},hover:{background:l.fill["fill-hover"]},press:{background:l.fill["fill-press"]},disabled:{...s,background:l.fill["fill-disabled"],color:l.icon["icon-inverse"]}},neutral:{default:{...i,background:l.fill["fill-strong"],color:l.icon["icon-inverse"]},hover:{background:l.fill["fill-inverse-hover"]},press:{background:l.fill["fill-inverse-press"]},disabled:{...s,background:l.fill["fill-disabled"],color:l.icon["icon-inverse"]}},destructive:{default:{...i,background:l.fill["fill-error-strong"],color:l.icon["icon-inverse"]},hover:{background:l.fill["fill-hover"]},press:{background:l.fill["fill-press"]},disabled:{...s,background:l.fill["fill-disabled"],color:l.icon["icon-inverse"]}},inverse:{default:{...i,background:l.fill["fill-inverse-strong"],color:l.icon["icon-strong"]},hover:{background:l.fill["fill-hover"]},press:{background:l.fill["fill-press"]},disabled:{...s,background:l.fill["fill-inverse-disabled"],color:l.icon["icon-strong"]}}},secondary:{brand:{default:{...i,color:l.icon["icon-primary"],"&::before":{...n,borderColor:l.stroke["stroke-primary-strong"]}},hover:{background:l.fill["fill-hover"]},press:{background:l.fill["fill-press"]},disabled:{...s,color:l.icon["icon-disabled"],"&::before":{borderColor:l.stroke["stroke-disabled"]}}},neutral:{default:{...i,color:l.icon["icon-strong"],"&::before":{...n,borderColor:l.stroke["stroke-strong"]}},hover:{background:l.fill["fill-hover"]},press:{background:l.fill["fill-press"]},disabled:{...s,color:l.icon["icon-disabled"],"&::before":{borderColor:l.stroke["stroke-disabled"]}}},destructive:{default:{...i,color:l.icon["icon-error"],"&::before":{...n,borderColor:l.stroke["stroke-error-strong"]}},hover:{background:l.fill["fill-hover"]},press:{background:l.fill["fill-press"]},disabled:{...s,color:l.icon["icon-disabled"],"&::before":{borderColor:l.stroke["stroke-disabled"]}}},inverse:{default:{...i,color:l.icon["icon-inverse"],"&::before":{...n,borderColor:l.stroke["stroke-inverse-strong"]}},hover:{background:l.fill["fill-inverse-hover"]},press:{background:l.fill["fill-inverse-press"]},disabled:{...s,color:l.icon["icon-inverse-disabled"],"&::before":{borderColor:l.stroke["stroke-inverse-disabled"]}}}},tertiary:{brand:{default:{...i,boxShadow:"none",color:l.icon["icon-primary"]},hover:{background:l.fill["fill-hover"]},press:{background:l.fill["fill-press"]},disabled:{...s,color:l.icon["icon-disabled"]}},neutral:{default:{...i,boxShadow:"none",color:l.icon["icon-strong"]},hover:{background:l.fill["fill-hover"]},press:{background:l.fill["fill-press"]},disabled:{...s,color:l.icon["icon-disabled"]}},destructive:{default:{...i,boxShadow:"none",color:l.icon["icon-error"]},hover:{background:l.fill["fill-hover"]},press:{background:l.fill["fill-press"]},disabled:{...s,color:l.icon["icon-disabled"]}},inverse:{default:{...i,boxShadow:"none",color:l.icon["icon-inverse"]},hover:{background:l.fill["fill-inverse-hover"]},press:{background:l.fill["fill-inverse-press"]},disabled:{...s,color:l.icon["icon-inverse-disabled"]}}}};return d[r][e in d[r]?e:"brand"]};
 //# sourceMappingURL=getIconButtonStyles.cjs.js.map

package/dist/components/atoms/IconButton/getIconButtonStyles.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getIconButtonStyles.cjs.js","sources":["../../../../src/components/atoms/IconButton/getIconButtonStyles.ts"],"sourcesContent":["import { darken, lighten, type Theme } from '@mui/material/styles';\n\nexport type IconButtonVariant = 'primary' \| 'secondary' \| 'tertiary';\nexport type IconButtonTone = 'brand' \| 'destructive' \| 'inverse' \| 'neutral';\nexport type IconButtonState = 'default' \| 'disabled' \| 'focus' \| 'hover' \| 'press';\n\ninterface StyleObject {\n [property: string]: number \| string \| undefined;\n}\ninterface IconButtonStyles {\n default?: StyleObject;\n disabled?: StyleObject;\n focus?: StyleObject;\n hover?: StyleObject;\n press?: StyleObject;\n}\n\nconst getIconButtonStyles = (\n theme: Theme,\n variant: IconButtonVariant = 'primary',\n tone: IconButtonTone = 'brand',\n size: 'medium' \| 'small' = 'medium'\n): IconButtonStyles => {\n const isLight = theme.palette.mode === 'light';\n const palette = theme.palette.semantic;\n const radius = theme.radius['radius-8'] \|\| 8;\n const boxShadow = theme.customShadows?.raised \|\| '0px 1px 2px 0px rgba(0,0,0,0.1), 0px 2px 6px 0px rgba(0,0,0,0.15)';\n const sizePx = size === 'small' ? 32 : 48;\n\n const shared = {\n borderRadius: radius,\n width: sizePx,\n height: sizePx,\n boxShadow,\n minWidth: 0,\n padding: 0,\n position: 'relative',\n transition: 'all 0.2s ease-in-out',\n };\n\n const variants = {\n generic: {\n focus: {\n outlineOffset: '2px',\n outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n transition: 'none',\n },\n },\n primary: {\n brand: {\n default: {\n ...shared,\n background: palette.fill['fill-primary-strong'],\n color: palette.icon['icon-inverse'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: isLight ? darken(palette.fill['fill-primary-strong'], 0.1) : lighten(palette.fill['fill-primary-strong'], 0.1),\n color: palette.icon['icon-inverse'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: isLight ? darken(palette.fill['fill-primary-strong'], 0.2) : lighten(palette.fill['fill-primary-strong'], 0.2),\n color: palette.icon['icon-inverse'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n opacity: 0.5,\n },\n },\n neutral: {\n default: {\n ...shared,\n background: palette.fill['fill-strong'],\n color: palette.icon['icon-inverse'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: isLight ? lighten(palette.fill['fill-strong'], 0.1) : darken(palette.fill['fill-strong'], 0.1),\n color: palette.icon['icon-inverse'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: isLight ? lighten(palette.fill['fill-strong'], 0.2) : darken(palette.fill['fill-strong'], 0.2),\n color: palette.icon['icon-inverse'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n opacity: 0.5,\n },\n },\n destructive: {\n default: {\n ...shared,\n background: palette.fill['fill-error-strong'],\n color: palette.icon['icon-inverse'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: isLight ? darken(palette.fill['fill-error-strong'], 0.1) : lighten(palette.fill['fill-error-strong'], 0.1),\n color: palette.icon['icon-inverse'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: isLight ? darken(palette.fill['fill-error-strong'], 0.2) : lighten(palette.fill['fill-error-strong'], 0.2),\n color: palette.icon['icon-inverse'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n opacity: 0.5,\n },\n },\n inverse: {\n default: {\n ...shared,\n background: palette.fill['fill-inverse-strong'],\n color: palette.icon['icon-strong'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: isLight ? darken(palette.fill['fill-inverse-strong'], 0.1) : lighten(palette.fill['fill-inverse-strong'], 0.1),\n color: palette.icon['icon-inverse-strong'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: isLight ? darken(palette.fill['fill-inverse-strong'], 0.2) : lighten(palette.fill['fill-inverse-strong'], 0.2),\n color: palette.icon['icon-inverse-strong'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n opacity: 0.5,\n },\n },\n },\n secondary: {\n brand: {\n default: {\n ...shared,\n background: palette.fill['fill-inverse-strong'],\n color: palette.icon['icon-primary'],\n border: `1px solid ${palette.stroke['stroke-primary-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: palette.fill['fill-hover'],\n color: palette.icon['icon-primary'],\n border: `1px solid ${palette.stroke['stroke-primary-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: palette.fill['fill-press'],\n color: palette.icon['icon-primary'],\n border: `1px solid ${palette.stroke['stroke-primary-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: `1px solid ${palette.stroke['stroke-disabled']}`,\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n opacity: 0.5,\n },\n },\n destructive: {\n default: {\n ...shared,\n background: palette.fill['fill-inverse-strong'],\n color: palette.icon['icon-error'],\n border: `1px solid ${palette.stroke['stroke-error-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: palette.fill['fill-hover'],\n color: palette.icon['icon-error'],\n border: `1px solid ${palette.stroke['stroke-error-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: palette.fill['fill-press'],\n color: palette.icon['icon-error'],\n border: `1px solid ${palette.stroke['stroke-error-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: `1px solid ${palette.stroke['stroke-disabled']}`,\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n opacity: 0.5,\n },\n },\n neutral: {\n default: {\n ...shared,\n background: palette.fill['fill-strong'],\n color: palette.icon['icon-strong'],\n border: `1px solid ${palette.stroke['stroke-primary-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: isLight ? darken(palette.fill['fill-strong'], 0.1) : lighten(palette.fill['fill-strong'], 0.1),\n color: palette.icon['icon-strong'],\n border: `1px solid ${palette.stroke['stroke-primary-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: isLight ? darken(palette.fill['fill-strong'], 0.2) : lighten(palette.fill['fill-strong'], 0.2),\n color: palette.icon['icon-strong'],\n border: `1px solid ${palette.stroke['stroke-primary-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: `1px solid ${palette.stroke['stroke-disabled']}`,\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n opacity: 0.5,\n },\n },\n inverse: {\n default: {\n ...shared,\n background: palette.fill['fill-inverse-strong'],\n color: palette.icon['icon-inverse-strong'],\n border: `1px solid ${palette.stroke['stroke-inverse-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: isLight ? darken(palette.fill['fill-inverse-strong'], 0.1) : lighten(palette.fill['fill-inverse-strong'], 0.1),\n color: palette.icon['icon-inverse-strong'],\n border: `1px solid ${palette.stroke['stroke-inverse-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: isLight ? darken(palette.fill['fill-inverse-strong'], 0.2) : lighten(palette.fill['fill-inverse-strong'], 0.2),\n color: palette.icon['icon-inverse-strong'],\n border: `1px solid ${palette.stroke['stroke-inverse-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: `1px solid ${palette.stroke['stroke-disabled']}`,\n cursor: 'not-allowed',\n opacity: 0.5,\n },\n },\n },\n tertiary: {\n brand: {\n default: {\n ...shared,\n boxShadow: 'none',\n background: 'transparent',\n color: palette.icon['icon-primary'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: palette.fill['fill-hover'],\n color: palette.icon['icon-primary'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: palette.fill['fill-press'],\n color: palette.icon['icon-primary'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n opacity: 0.5,\n },\n },\n destructive: {\n default: {\n ...shared,\n boxShadow: 'none',\n background: 'transparent',\n color: palette.icon['icon-error'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: palette.fill['fill-hover'],\n color: palette.icon['icon-error'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: palette.fill['fill-press'],\n color: palette.icon['icon-error'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: 'none',\n cursor: 'not-allowed',\n opacity: 0.5,\n },\n },\n neutral: {\n default: {\n ...shared,\n boxShadow: 'none',\n background: 'transparent',\n color: palette.icon['icon-strong'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: palette.fill['fill-hover'],\n color: palette.icon['icon-strong'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: palette.fill['fill-press'],\n color: palette.icon['icon-strong'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n opacity: 0.5,\n },\n },\n inverse: {\n default: {\n ...shared,\n boxShadow: 'none',\n background: 'transparent',\n color: palette.icon['icon-inverse-strong'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: palette.fill['fill-hover'],\n color: palette.icon['icon-inverse-strong'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: palette.fill['fill-press'],\n color: palette.icon['icon-inverse-strong'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n opacity: 0.5,\n },\n },\n },\n };\n\n // Fallback to brand if tone not found\n const toneKey: IconButtonTone = tone in variants[variant] ? tone : 'brand';\n return { ...variants.generic, ...variants[variant][toneKey] };\n};\n\nexport default getIconButtonStyles;"],"names":["theme","variant","tone","size","isLight","palette","mode","semantic","sizePx","shared","borderRadius","radius","width","height","boxShadow","customShadows","raised","minWidth","padding","position","transition","variants","generic","focus","outlineOffset","outline","stroke","primary","brand","default","background","fill","color","icon","border","cursor","opacity","hover","darken","lighten","press","disabled","pointerEvents","neutral","destructive","inverse","secondary","tertiary"],"mappings":"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"}
1	+ {"version":3,"file":"getIconButtonStyles.cjs.js","sources":["../../../../src/components/atoms/IconButton/getIconButtonStyles.ts"],"sourcesContent":["import { type CSSObject, type Theme } from '@mui/material/styles';\n\n/*\n The variant of the IconButton.\n * @default 'primary'\n /\nexport type IconButtonVariant = 'primary' \| 'secondary' \| 'tertiary';\n/\n The tone of the IconButton.\n * @default 'brand'\n /\nexport type IconButtonTone = 'brand' \| 'destructive' \| 'inverse' \| 'neutral';\n\ninterface IconButtonStyles {\n default?: CSSObject;\n disabled?: CSSObject;\n hover?: CSSObject;\n press?: CSSObject;\n}\n\n/\n Returns the styles for the IconButton states based on the variant and tone.\n * @param theme - The theme object.\n * @param variant - The variant of the IconButton.\n * @param tone - The tone of the IconButton.\n * @returns The styles for the IconButton states based on the variant and tone.\n */\nconst getIconButtonStyles = (\n theme: Theme,\n variant: IconButtonVariant = 'primary',\n tone: IconButtonTone = 'brand',\n): IconButtonStyles => {\n const palette = theme.palette.semantic;\n const radius = theme.radius['radius-8'];\n const boxShadow = theme.customShadows.raised;\n\n const shared = {\n borderRadius: radius,\n boxShadow,\n boxSizing: 'border-box',\n cursor: 'pointer',\n minWidth: 0,\n opacity: 1,\n overflow: 'hidden',\n padding: 0,\n position: 'relative',\n transition: 'all 0.2s ease-in-out',\n } satisfies CSSObject;\n\n const secondaryBorderStyle = {\n borderRadius: 'inherit',\n borderStyle: 'solid',\n borderWidth: 1,\n content: '\"\"',\n inset: 0,\n pointerEvents: 'none',\n position: 'absolute',\n } satisfies CSSObject;\n\n const sharedDisabled = {\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n } satisfies CSSObject;\n\n const variants = {\n primary: {\n brand: {\n default: {\n ...shared,\n background: palette.fill['fill-primary-strong'],\n color: palette.icon['icon-inverse'],\n },\n hover: {\n background: palette.fill['fill-hover'],\n },\n press: {\n background: palette.fill['fill-press'],\n },\n disabled: {\n ...sharedDisabled,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-inverse'],\n },\n },\n neutral: {\n default: {\n ...shared,\n background: palette.fill['fill-strong'],\n color: palette.icon['icon-inverse'],\n },\n hover: {\n background: palette.fill['fill-inverse-hover'],\n },\n press: {\n background: palette.fill['fill-inverse-press'],\n },\n disabled: {\n ...sharedDisabled,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-inverse'],\n },\n },\n destructive: {\n default: {\n ...shared,\n background: palette.fill['fill-error-strong'],\n color: palette.icon['icon-inverse'],\n },\n hover: {\n background: palette.fill['fill-hover'],\n },\n press: {\n background: palette.fill['fill-press'],\n },\n disabled: {\n ...sharedDisabled,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-inverse'],\n },\n },\n inverse: {\n default: {\n ...shared,\n background: palette.fill['fill-inverse-strong'],\n color: palette.icon['icon-strong'],\n },\n hover: {\n background: palette.fill['fill-hover'],\n },\n press: {\n background: palette.fill['fill-press'],\n },\n disabled: {\n ...sharedDisabled,\n background: palette.fill['fill-inverse-disabled'],\n color: palette.icon['icon-strong'],\n },\n },\n },\n secondary: {\n brand: {\n default: {\n ...shared,\n color: palette.icon['icon-primary'],\n '&::before': {\n ...secondaryBorderStyle,\n borderColor: palette.stroke['stroke-primary-strong'],\n },\n },\n hover: {\n background: palette.fill['fill-hover'],\n },\n press: {\n background: palette.fill['fill-press'],\n },\n disabled: {\n ...sharedDisabled,\n color: palette.icon['icon-disabled'],\n '&::before': {\n borderColor: palette.stroke['stroke-disabled'],\n },\n },\n },\n neutral: {\n default: {\n ...shared,\n color: palette.icon['icon-strong'],\n '&::before': {\n ...secondaryBorderStyle,\n borderColor: palette.stroke['stroke-strong'],\n },\n },\n hover: {\n background: palette.fill['fill-hover'],\n },\n press: {\n background: palette.fill['fill-press'],\n },\n disabled: {\n ...sharedDisabled,\n color: palette.icon['icon-disabled'],\n '&::before': {\n borderColor: palette.stroke['stroke-disabled'],\n },\n },\n },\n destructive: {\n default: {\n ...shared,\n color: palette.icon['icon-error'],\n '&::before': {\n ...secondaryBorderStyle,\n borderColor: palette.stroke['stroke-error-strong'],\n },\n },\n hover: {\n background: palette.fill['fill-hover'],\n },\n press: {\n background: palette.fill['fill-press'],\n },\n disabled: {\n ...sharedDisabled,\n color: palette.icon['icon-disabled'],\n '&::before': {\n borderColor: palette.stroke['stroke-disabled'],\n },\n },\n },\n inverse: {\n default: {\n ...shared,\n color: palette.icon['icon-inverse'],\n '&::before': {\n ...secondaryBorderStyle,\n borderColor: palette.stroke['stroke-inverse-strong'],\n },\n },\n hover: {\n background: palette.fill['fill-inverse-hover'],\n },\n press: {\n background: palette.fill['fill-inverse-press'],\n },\n disabled: {\n ...sharedDisabled,\n color: palette.icon['icon-inverse-disabled'],\n '&::before': {\n borderColor: palette.stroke['stroke-inverse-disabled'],\n },\n },\n },\n },\n tertiary: {\n brand: {\n default: {\n ...shared,\n boxShadow: 'none',\n color: palette.icon['icon-primary'],\n },\n hover: {\n background: palette.fill['fill-hover'],\n },\n press: {\n background: palette.fill['fill-press'],\n },\n disabled: {\n ...sharedDisabled,\n color: palette.icon['icon-disabled'],\n },\n },\n neutral: {\n default: {\n ...shared,\n boxShadow: 'none',\n color: palette.icon['icon-strong'],\n },\n hover: {\n background: palette.fill['fill-hover'],\n },\n press: {\n background: palette.fill['fill-press'],\n },\n disabled: {\n ...sharedDisabled,\n color: palette.icon['icon-disabled'],\n },\n },\n destructive: {\n default: {\n ...shared,\n boxShadow: 'none',\n color: palette.icon['icon-error'],\n },\n hover: {\n background: palette.fill['fill-hover'],\n },\n press: {\n background: palette.fill['fill-press'],\n },\n disabled: {\n ...sharedDisabled,\n color: palette.icon['icon-disabled'],\n },\n },\n inverse: {\n default: {\n ...shared,\n boxShadow: 'none',\n color: palette.icon['icon-inverse'],\n },\n hover: {\n background: palette.fill['fill-inverse-hover'],\n },\n press: {\n background: palette.fill['fill-inverse-press'],\n },\n disabled: {\n ...sharedDisabled,\n color: palette.icon['icon-inverse-disabled'],\n },\n },\n },\n };\n\n // Fallback to brand if tone not found\n const toneKey: IconButtonTone = tone in variants[variant] ? tone : 'brand';\n return variants[variant][toneKey];\n};\n\nexport default getIconButtonStyles;\n"],"names":["theme","variant","tone","palette","semantic","shared","borderRadius","radius","boxShadow","customShadows","raised","boxSizing","cursor","minWidth","opacity","overflow","padding","position","transition","secondaryBorderStyle","borderStyle","borderWidth","content","inset","pointerEvents","sharedDisabled","variants","primary","brand","default","background","fill","color","icon","hover","press","disabled","neutral","destructive","inverse","secondary","borderColor","stroke","tertiary"],"mappings":"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"}

package/dist/components/atoms/IconButton/getIconButtonStyles.d.ts CHANGED Viewed

@@ -1,19 +1,29 @@
-import { Theme } from '@mui/material/styles';
+import { Theme, CSSObject } from '@mui/material/styles';
+/**
+ * The variant of the IconButton.
+ * @default 'primary'
+ */
 type IconButtonVariant = 'primary' | 'secondary' | 'tertiary';
+/**
+ * The tone of the IconButton.
+ * @default 'brand'
+ */
 type IconButtonTone = 'brand' | 'destructive' | 'inverse' | 'neutral';
-type IconButtonState = 'default' | 'disabled' | 'focus' | 'hover' | 'press';
-interface StyleObject {
-    [property: string]: number | string | undefined;
-}
 interface IconButtonStyles {
-    default?: StyleObject;
-    disabled?: StyleObject;
-    focus?: StyleObject;
-    hover?: StyleObject;
-    press?: StyleObject;
+    default?: CSSObject;
+    disabled?: CSSObject;
+    hover?: CSSObject;
+    press?: CSSObject;
 }
-declare const getIconButtonStyles: (theme: Theme, variant?: IconButtonVariant, tone?: IconButtonTone, size?: 'medium' | 'small') => IconButtonStyles;
+/**
+ * Returns the styles for the IconButton states based on the variant and tone.
+ * @param theme - The theme object.
+ * @param variant - The variant of the IconButton.
+ * @param tone - The tone of the IconButton.
+ * @returns The styles for the IconButton states based on the variant and tone.
+ */
+declare const getIconButtonStyles: (theme: Theme, variant?: IconButtonVariant, tone?: IconButtonTone) => IconButtonStyles;
 export { getIconButtonStyles as default };
-export type { IconButtonState, IconButtonTone, IconButtonVariant };
+export type { IconButtonTone, IconButtonVariant };

package/dist/components/atoms/IconButton/getIconButtonStyles.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{darken as o,lighten as r}from"@mui/material/styles";const i=(i,n="primary",e="brand",l="medium")=>{const s="light"===i.palette.mode,c=i.palette.semantic,t="small"===l?32:48,d={borderRadius:i.radius["radius-8"]||8,width:t,height:t,boxShadow:i.customShadows?.raised||"0px 1px 2px 0px rgba(0,0,0,0.1), 0px 2px 6px 0px rgba(0,0,0,0.15)",minWidth:0,padding:0,position:"relative",transition:"all 0.2s ease-in-out"},a={generic:{focus:{outlineOffset:"2px",outline:`2px solid ${i.palette.semantic.stroke["stroke-focus"]}`,transition:"none"}},primary:{brand:{default:{...d,background:c.fill["fill-primary-strong"],color:c.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},hover:{...d,background:s?o(c.fill["fill-primary-strong"],.1):r(c.fill["fill-primary-strong"],.1),color:c.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},press:{...d,background:s?o(c.fill["fill-primary-strong"],.2):r(c.fill["fill-primary-strong"],.2),color:c.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},disabled:{...d,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:"none",cursor:"not-allowed",pointerEvents:"auto",opacity:.5}},neutral:{default:{...d,background:c.fill["fill-strong"],color:c.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},hover:{...d,background:s?r(c.fill["fill-strong"],.1):o(c.fill["fill-strong"],.1),color:c.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},press:{...d,background:s?r(c.fill["fill-strong"],.2):o(c.fill["fill-strong"],.2),color:c.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},disabled:{...d,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:"none",cursor:"not-allowed",pointerEvents:"auto",opacity:.5}},destructive:{default:{...d,background:c.fill["fill-error-strong"],color:c.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},hover:{...d,background:s?o(c.fill["fill-error-strong"],.1):r(c.fill["fill-error-strong"],.1),color:c.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},press:{...d,background:s?o(c.fill["fill-error-strong"],.2):r(c.fill["fill-error-strong"],.2),color:c.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},disabled:{...d,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:"none",cursor:"not-allowed",pointerEvents:"auto",opacity:.5}},inverse:{default:{...d,background:c.fill["fill-inverse-strong"],color:c.icon["icon-strong"],border:"none",cursor:"pointer",opacity:1},hover:{...d,background:s?o(c.fill["fill-inverse-strong"],.1):r(c.fill["fill-inverse-strong"],.1),color:c.icon["icon-inverse-strong"],border:"none",cursor:"pointer",opacity:1},press:{...d,background:s?o(c.fill["fill-inverse-strong"],.2):r(c.fill["fill-inverse-strong"],.2),color:c.icon["icon-inverse-strong"],border:"none",cursor:"pointer",opacity:1},disabled:{...d,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:"none",cursor:"not-allowed",pointerEvents:"auto",opacity:.5}}},secondary:{brand:{default:{...d,background:c.fill["fill-inverse-strong"],color:c.icon["icon-primary"],border:`1px solid ${c.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},hover:{...d,background:c.fill["fill-hover"],color:c.icon["icon-primary"],border:`1px solid ${c.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},press:{...d,background:c.fill["fill-press"],color:c.icon["icon-primary"],border:`1px solid ${c.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},disabled:{...d,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:`1px solid ${c.stroke["stroke-disabled"]}`,cursor:"not-allowed",pointerEvents:"auto",opacity:.5}},destructive:{default:{...d,background:c.fill["fill-inverse-strong"],color:c.icon["icon-error"],border:`1px solid ${c.stroke["stroke-error-strong"]}`,cursor:"pointer",opacity:1},hover:{...d,background:c.fill["fill-hover"],color:c.icon["icon-error"],border:`1px solid ${c.stroke["stroke-error-strong"]}`,cursor:"pointer",opacity:1},press:{...d,background:c.fill["fill-press"],color:c.icon["icon-error"],border:`1px solid ${c.stroke["stroke-error-strong"]}`,cursor:"pointer",opacity:1},disabled:{...d,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:`1px solid ${c.stroke["stroke-disabled"]}`,cursor:"not-allowed",pointerEvents:"auto",opacity:.5}},neutral:{default:{...d,background:c.fill["fill-strong"],color:c.icon["icon-strong"],border:`1px solid ${c.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},hover:{...d,background:s?o(c.fill["fill-strong"],.1):r(c.fill["fill-strong"],.1),color:c.icon["icon-strong"],border:`1px solid ${c.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},press:{...d,background:s?o(c.fill["fill-strong"],.2):r(c.fill["fill-strong"],.2),color:c.icon["icon-strong"],border:`1px solid ${c.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},disabled:{...d,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:`1px solid ${c.stroke["stroke-disabled"]}`,cursor:"not-allowed",pointerEvents:"auto",opacity:.5}},inverse:{default:{...d,background:c.fill["fill-inverse-strong"],color:c.icon["icon-inverse-strong"],border:`1px solid ${c.stroke["stroke-inverse-strong"]}`,cursor:"pointer",opacity:1},hover:{...d,background:s?o(c.fill["fill-inverse-strong"],.1):r(c.fill["fill-inverse-strong"],.1),color:c.icon["icon-inverse-strong"],border:`1px solid ${c.stroke["stroke-inverse-strong"]}`,cursor:"pointer",opacity:1},press:{...d,background:s?o(c.fill["fill-inverse-strong"],.2):r(c.fill["fill-inverse-strong"],.2),color:c.icon["icon-inverse-strong"],border:`1px solid ${c.stroke["stroke-inverse-strong"]}`,cursor:"pointer",opacity:1},disabled:{...d,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:`1px solid ${c.stroke["stroke-disabled"]}`,cursor:"not-allowed",opacity:.5}}},tertiary:{brand:{default:{...d,boxShadow:"none",background:"transparent",color:c.icon["icon-primary"],border:"none",cursor:"pointer",opacity:1},hover:{...d,background:c.fill["fill-hover"],color:c.icon["icon-primary"],border:"none",cursor:"pointer",opacity:1},press:{...d,background:c.fill["fill-press"],color:c.icon["icon-primary"],border:"none",cursor:"pointer",opacity:1},disabled:{...d,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:"none",cursor:"not-allowed",pointerEvents:"auto",opacity:.5}},destructive:{default:{...d,boxShadow:"none",background:"transparent",color:c.icon["icon-error"],border:"none",cursor:"pointer",opacity:1},hover:{...d,background:c.fill["fill-hover"],color:c.icon["icon-error"],border:"none",cursor:"pointer",opacity:1},press:{...d,background:c.fill["fill-press"],color:c.icon["icon-error"],border:"none",cursor:"pointer",opacity:1},disabled:{...d,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:"none",cursor:"not-allowed",opacity:.5}},neutral:{default:{...d,boxShadow:"none",background:"transparent",color:c.icon["icon-strong"],border:"none",cursor:"pointer",opacity:1},hover:{...d,background:c.fill["fill-hover"],color:c.icon["icon-strong"],border:"none",cursor:"pointer",opacity:1},press:{...d,background:c.fill["fill-press"],color:c.icon["icon-strong"],border:"none",cursor:"pointer",opacity:1},disabled:{...d,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:"none",cursor:"not-allowed",pointerEvents:"auto",opacity:.5}},inverse:{default:{...d,boxShadow:"none",background:"transparent",color:c.icon["icon-inverse-strong"],border:"none",cursor:"pointer",opacity:1},hover:{...d,background:c.fill["fill-hover"],color:c.icon["icon-inverse-strong"],border:"none",cursor:"pointer",opacity:1},press:{...d,background:c.fill["fill-press"],color:c.icon["icon-inverse-strong"],border:"none",cursor:"pointer",opacity:1},disabled:{...d,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:"none",cursor:"not-allowed",pointerEvents:"auto",opacity:.5}}}};return{...a.generic,...a[n][e in a[n]?e:"brand"]}};export{i as default};
+import"@mui/material/styles";const o=(o,r="primary",e="brand")=>{const l=o.palette.semantic,i={borderRadius:o.radius["radius-8"],boxShadow:o.customShadows.raised,boxSizing:"border-box",cursor:"pointer",minWidth:0,opacity:1,overflow:"hidden",padding:0,position:"relative",transition:"all 0.2s ease-in-out"},n={borderRadius:"inherit",borderStyle:"solid",borderWidth:1,content:'""',inset:0,pointerEvents:"none",position:"absolute"},s={boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"},d={primary:{brand:{default:{...i,background:l.fill["fill-primary-strong"],color:l.icon["icon-inverse"]},hover:{background:l.fill["fill-hover"]},press:{background:l.fill["fill-press"]},disabled:{...s,background:l.fill["fill-disabled"],color:l.icon["icon-inverse"]}},neutral:{default:{...i,background:l.fill["fill-strong"],color:l.icon["icon-inverse"]},hover:{background:l.fill["fill-inverse-hover"]},press:{background:l.fill["fill-inverse-press"]},disabled:{...s,background:l.fill["fill-disabled"],color:l.icon["icon-inverse"]}},destructive:{default:{...i,background:l.fill["fill-error-strong"],color:l.icon["icon-inverse"]},hover:{background:l.fill["fill-hover"]},press:{background:l.fill["fill-press"]},disabled:{...s,background:l.fill["fill-disabled"],color:l.icon["icon-inverse"]}},inverse:{default:{...i,background:l.fill["fill-inverse-strong"],color:l.icon["icon-strong"]},hover:{background:l.fill["fill-hover"]},press:{background:l.fill["fill-press"]},disabled:{...s,background:l.fill["fill-inverse-disabled"],color:l.icon["icon-strong"]}}},secondary:{brand:{default:{...i,color:l.icon["icon-primary"],"&::before":{...n,borderColor:l.stroke["stroke-primary-strong"]}},hover:{background:l.fill["fill-hover"]},press:{background:l.fill["fill-press"]},disabled:{...s,color:l.icon["icon-disabled"],"&::before":{borderColor:l.stroke["stroke-disabled"]}}},neutral:{default:{...i,color:l.icon["icon-strong"],"&::before":{...n,borderColor:l.stroke["stroke-strong"]}},hover:{background:l.fill["fill-hover"]},press:{background:l.fill["fill-press"]},disabled:{...s,color:l.icon["icon-disabled"],"&::before":{borderColor:l.stroke["stroke-disabled"]}}},destructive:{default:{...i,color:l.icon["icon-error"],"&::before":{...n,borderColor:l.stroke["stroke-error-strong"]}},hover:{background:l.fill["fill-hover"]},press:{background:l.fill["fill-press"]},disabled:{...s,color:l.icon["icon-disabled"],"&::before":{borderColor:l.stroke["stroke-disabled"]}}},inverse:{default:{...i,color:l.icon["icon-inverse"],"&::before":{...n,borderColor:l.stroke["stroke-inverse-strong"]}},hover:{background:l.fill["fill-inverse-hover"]},press:{background:l.fill["fill-inverse-press"]},disabled:{...s,color:l.icon["icon-inverse-disabled"],"&::before":{borderColor:l.stroke["stroke-inverse-disabled"]}}}},tertiary:{brand:{default:{...i,boxShadow:"none",color:l.icon["icon-primary"]},hover:{background:l.fill["fill-hover"]},press:{background:l.fill["fill-press"]},disabled:{...s,color:l.icon["icon-disabled"]}},neutral:{default:{...i,boxShadow:"none",color:l.icon["icon-strong"]},hover:{background:l.fill["fill-hover"]},press:{background:l.fill["fill-press"]},disabled:{...s,color:l.icon["icon-disabled"]}},destructive:{default:{...i,boxShadow:"none",color:l.icon["icon-error"]},hover:{background:l.fill["fill-hover"]},press:{background:l.fill["fill-press"]},disabled:{...s,color:l.icon["icon-disabled"]}},inverse:{default:{...i,boxShadow:"none",color:l.icon["icon-inverse"]},hover:{background:l.fill["fill-inverse-hover"]},press:{background:l.fill["fill-inverse-press"]},disabled:{...s,color:l.icon["icon-inverse-disabled"]}}}};return d[r][e in d[r]?e:"brand"]};export{o as default};
 //# sourceMappingURL=getIconButtonStyles.js.map

package/dist/components/atoms/IconButton/getIconButtonStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getIconButtonStyles.js","sources":["../../../../src/components/atoms/IconButton/getIconButtonStyles.ts"],"sourcesContent":["import { darken, lighten, type Theme } from '@mui/material/styles';\n\nexport type IconButtonVariant = 'primary' \| 'secondary' \| 'tertiary';\nexport type IconButtonTone = 'brand' \| 'destructive' \| 'inverse' \| 'neutral';\nexport type IconButtonState = 'default' \| 'disabled' \| 'focus' \| 'hover' \| 'press';\n\ninterface StyleObject {\n [property: string]: number \| string \| undefined;\n}\ninterface IconButtonStyles {\n default?: StyleObject;\n disabled?: StyleObject;\n focus?: StyleObject;\n hover?: StyleObject;\n press?: StyleObject;\n}\n\nconst getIconButtonStyles = (\n theme: Theme,\n variant: IconButtonVariant = 'primary',\n tone: IconButtonTone = 'brand',\n size: 'medium' \| 'small' = 'medium'\n): IconButtonStyles => {\n const isLight = theme.palette.mode === 'light';\n const palette = theme.palette.semantic;\n const radius = theme.radius['radius-8'] \|\| 8;\n const boxShadow = theme.customShadows?.raised \|\| '0px 1px 2px 0px rgba(0,0,0,0.1), 0px 2px 6px 0px rgba(0,0,0,0.15)';\n const sizePx = size === 'small' ? 32 : 48;\n\n const shared = {\n borderRadius: radius,\n width: sizePx,\n height: sizePx,\n boxShadow,\n minWidth: 0,\n padding: 0,\n position: 'relative',\n transition: 'all 0.2s ease-in-out',\n };\n\n const variants = {\n generic: {\n focus: {\n outlineOffset: '2px',\n outline: `2px solid ${theme.palette.semantic.stroke['stroke-focus']}`,\n transition: 'none',\n },\n },\n primary: {\n brand: {\n default: {\n ...shared,\n background: palette.fill['fill-primary-strong'],\n color: palette.icon['icon-inverse'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: isLight ? darken(palette.fill['fill-primary-strong'], 0.1) : lighten(palette.fill['fill-primary-strong'], 0.1),\n color: palette.icon['icon-inverse'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: isLight ? darken(palette.fill['fill-primary-strong'], 0.2) : lighten(palette.fill['fill-primary-strong'], 0.2),\n color: palette.icon['icon-inverse'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n opacity: 0.5,\n },\n },\n neutral: {\n default: {\n ...shared,\n background: palette.fill['fill-strong'],\n color: palette.icon['icon-inverse'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: isLight ? lighten(palette.fill['fill-strong'], 0.1) : darken(palette.fill['fill-strong'], 0.1),\n color: palette.icon['icon-inverse'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: isLight ? lighten(palette.fill['fill-strong'], 0.2) : darken(palette.fill['fill-strong'], 0.2),\n color: palette.icon['icon-inverse'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n opacity: 0.5,\n },\n },\n destructive: {\n default: {\n ...shared,\n background: palette.fill['fill-error-strong'],\n color: palette.icon['icon-inverse'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: isLight ? darken(palette.fill['fill-error-strong'], 0.1) : lighten(palette.fill['fill-error-strong'], 0.1),\n color: palette.icon['icon-inverse'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: isLight ? darken(palette.fill['fill-error-strong'], 0.2) : lighten(palette.fill['fill-error-strong'], 0.2),\n color: palette.icon['icon-inverse'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n opacity: 0.5,\n },\n },\n inverse: {\n default: {\n ...shared,\n background: palette.fill['fill-inverse-strong'],\n color: palette.icon['icon-strong'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: isLight ? darken(palette.fill['fill-inverse-strong'], 0.1) : lighten(palette.fill['fill-inverse-strong'], 0.1),\n color: palette.icon['icon-inverse-strong'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: isLight ? darken(palette.fill['fill-inverse-strong'], 0.2) : lighten(palette.fill['fill-inverse-strong'], 0.2),\n color: palette.icon['icon-inverse-strong'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n opacity: 0.5,\n },\n },\n },\n secondary: {\n brand: {\n default: {\n ...shared,\n background: palette.fill['fill-inverse-strong'],\n color: palette.icon['icon-primary'],\n border: `1px solid ${palette.stroke['stroke-primary-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: palette.fill['fill-hover'],\n color: palette.icon['icon-primary'],\n border: `1px solid ${palette.stroke['stroke-primary-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: palette.fill['fill-press'],\n color: palette.icon['icon-primary'],\n border: `1px solid ${palette.stroke['stroke-primary-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: `1px solid ${palette.stroke['stroke-disabled']}`,\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n opacity: 0.5,\n },\n },\n destructive: {\n default: {\n ...shared,\n background: palette.fill['fill-inverse-strong'],\n color: palette.icon['icon-error'],\n border: `1px solid ${palette.stroke['stroke-error-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: palette.fill['fill-hover'],\n color: palette.icon['icon-error'],\n border: `1px solid ${palette.stroke['stroke-error-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: palette.fill['fill-press'],\n color: palette.icon['icon-error'],\n border: `1px solid ${palette.stroke['stroke-error-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: `1px solid ${palette.stroke['stroke-disabled']}`,\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n opacity: 0.5,\n },\n },\n neutral: {\n default: {\n ...shared,\n background: palette.fill['fill-strong'],\n color: palette.icon['icon-strong'],\n border: `1px solid ${palette.stroke['stroke-primary-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: isLight ? darken(palette.fill['fill-strong'], 0.1) : lighten(palette.fill['fill-strong'], 0.1),\n color: palette.icon['icon-strong'],\n border: `1px solid ${palette.stroke['stroke-primary-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: isLight ? darken(palette.fill['fill-strong'], 0.2) : lighten(palette.fill['fill-strong'], 0.2),\n color: palette.icon['icon-strong'],\n border: `1px solid ${palette.stroke['stroke-primary-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: `1px solid ${palette.stroke['stroke-disabled']}`,\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n opacity: 0.5,\n },\n },\n inverse: {\n default: {\n ...shared,\n background: palette.fill['fill-inverse-strong'],\n color: palette.icon['icon-inverse-strong'],\n border: `1px solid ${palette.stroke['stroke-inverse-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: isLight ? darken(palette.fill['fill-inverse-strong'], 0.1) : lighten(palette.fill['fill-inverse-strong'], 0.1),\n color: palette.icon['icon-inverse-strong'],\n border: `1px solid ${palette.stroke['stroke-inverse-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: isLight ? darken(palette.fill['fill-inverse-strong'], 0.2) : lighten(palette.fill['fill-inverse-strong'], 0.2),\n color: palette.icon['icon-inverse-strong'],\n border: `1px solid ${palette.stroke['stroke-inverse-strong']}`,\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: `1px solid ${palette.stroke['stroke-disabled']}`,\n cursor: 'not-allowed',\n opacity: 0.5,\n },\n },\n },\n tertiary: {\n brand: {\n default: {\n ...shared,\n boxShadow: 'none',\n background: 'transparent',\n color: palette.icon['icon-primary'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: palette.fill['fill-hover'],\n color: palette.icon['icon-primary'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: palette.fill['fill-press'],\n color: palette.icon['icon-primary'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n opacity: 0.5,\n },\n },\n destructive: {\n default: {\n ...shared,\n boxShadow: 'none',\n background: 'transparent',\n color: palette.icon['icon-error'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: palette.fill['fill-hover'],\n color: palette.icon['icon-error'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: palette.fill['fill-press'],\n color: palette.icon['icon-error'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: 'none',\n cursor: 'not-allowed',\n opacity: 0.5,\n },\n },\n neutral: {\n default: {\n ...shared,\n boxShadow: 'none',\n background: 'transparent',\n color: palette.icon['icon-strong'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: palette.fill['fill-hover'],\n color: palette.icon['icon-strong'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: palette.fill['fill-press'],\n color: palette.icon['icon-strong'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n opacity: 0.5,\n },\n },\n inverse: {\n default: {\n ...shared,\n boxShadow: 'none',\n background: 'transparent',\n color: palette.icon['icon-inverse-strong'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n hover: {\n ...shared,\n background: palette.fill['fill-hover'],\n color: palette.icon['icon-inverse-strong'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n press: {\n ...shared,\n background: palette.fill['fill-press'],\n color: palette.icon['icon-inverse-strong'],\n border: 'none',\n cursor: 'pointer',\n opacity: 1,\n },\n disabled: {\n ...shared,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-disabled'],\n border: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n opacity: 0.5,\n },\n },\n },\n };\n\n // Fallback to brand if tone not found\n const toneKey: IconButtonTone = tone in variants[variant] ? tone : 'brand';\n return { ...variants.generic, ...variants[variant][toneKey] };\n};\n\nexport default getIconButtonStyles;"],"names":["getIconButtonStyles","theme","variant","tone","size","isLight","palette","mode","semantic","sizePx","shared","borderRadius","radius","width","height","boxShadow","customShadows","raised","minWidth","padding","position","transition","variants","generic","focus","outlineOffset","outline","stroke","primary","brand","default","background","fill","color","icon","border","cursor","opacity","hover","darken","lighten","press","disabled","pointerEvents","neutral","destructive","inverse","secondary","tertiary"],"mappings":"2DAiBA,MAAMA,EAAsB,CAC1BC,EACAC,EAA6B,UAC7BC,EAAuB,QACvBC,EAA2B,YAE3B,MAAMC,EAAiC,UAAvBJ,EAAMK,QAAQC,KACxBD,EAAUL,EAAMK,QAAQE,SAGxBC,EAAkB,UAATL,EAAmB,GAAK,GAEjCM,EAAS,CACbC,aALaV,EAAMW,OAAO,aAAe,EAMzCC,MAAOJ,EACPK,OAAQL,EACRM,UAPgBd,EAAMe,eAAeC,QAAU,oEAQ/CC,SAAU,EACVC,QAAS,EACTC,SAAU,WACVC,WAAY,wBAGRC,EAAW,CACfC,QAAS,CACLC,MAAO,CACLC,cAAe,MACfC,QAAS,aAAazB,EAAMK,QAAQE,SAASmB,OAAO,kBACpDN,WAAY,SAGlBO,QAAS,CACPC,MAAO,CACLC,QAAS,IACJpB,EACHqB,WAAYzB,EAAQ0B,KAAK,uBACzBC,MAAO3B,EAAQ4B,KAAK,gBACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXC,MAAO,IACF5B,EACHqB,WAAY1B,EAAUkC,EAAOjC,EAAQ0B,KAAK,uBAAwB,IAAOQ,EAAQlC,EAAQ0B,KAAK,uBAAwB,IACtHC,MAAO3B,EAAQ4B,KAAK,gBACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXI,MAAO,IACF/B,EACHqB,WAAY1B,EAAUkC,EAAOjC,EAAQ0B,KAAK,uBAAwB,IAAOQ,EAAQlC,EAAQ0B,KAAK,uBAAwB,IACtHC,MAAO3B,EAAQ4B,KAAK,gBACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXK,SAAU,IACLhC,EACHqB,WAAYzB,EAAQ0B,KAAK,iBACzBC,MAAO3B,EAAQ4B,KAAK,iBACpBC,OAAQ,OACRC,OAAQ,cACRO,cAAe,OACfN,QAAS,KAGbO,QAAS,CACPd,QAAS,IACJpB,EACHqB,WAAYzB,EAAQ0B,KAAK,eACzBC,MAAO3B,EAAQ4B,KAAK,gBACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXC,MAAO,IACF5B,EACHqB,WAAY1B,EAAUmC,EAAQlC,EAAQ0B,KAAK,eAAgB,IAAOO,EAAOjC,EAAQ0B,KAAK,eAAgB,IACtGC,MAAO3B,EAAQ4B,KAAK,gBACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXI,MAAO,IACF/B,EACHqB,WAAY1B,EAAUmC,EAAQlC,EAAQ0B,KAAK,eAAgB,IAAOO,EAAOjC,EAAQ0B,KAAK,eAAgB,IACtGC,MAAO3B,EAAQ4B,KAAK,gBACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXK,SAAU,IACLhC,EACHqB,WAAYzB,EAAQ0B,KAAK,iBACzBC,MAAO3B,EAAQ4B,KAAK,iBACpBC,OAAQ,OACRC,OAAQ,cACRO,cAAe,OACfN,QAAS,KAGbQ,YAAa,CACXf,QAAS,IACJpB,EACHqB,WAAYzB,EAAQ0B,KAAK,qBACzBC,MAAO3B,EAAQ4B,KAAK,gBACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXC,MAAO,IACF5B,EACHqB,WAAY1B,EAAUkC,EAAOjC,EAAQ0B,KAAK,qBAAsB,IAAOQ,EAAQlC,EAAQ0B,KAAK,qBAAsB,IAClHC,MAAO3B,EAAQ4B,KAAK,gBACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXI,MAAO,IACF/B,EACHqB,WAAY1B,EAAUkC,EAAOjC,EAAQ0B,KAAK,qBAAsB,IAAOQ,EAAQlC,EAAQ0B,KAAK,qBAAsB,IAClHC,MAAO3B,EAAQ4B,KAAK,gBACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXK,SAAU,IACLhC,EACHqB,WAAYzB,EAAQ0B,KAAK,iBACzBC,MAAO3B,EAAQ4B,KAAK,iBACpBC,OAAQ,OACRC,OAAQ,cACRO,cAAe,OACfN,QAAS,KAGbS,QAAS,CACPhB,QAAS,IACJpB,EACHqB,WAAYzB,EAAQ0B,KAAK,uBACzBC,MAAO3B,EAAQ4B,KAAK,eACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXC,MAAO,IACF5B,EACHqB,WAAY1B,EAAUkC,EAAOjC,EAAQ0B,KAAK,uBAAwB,IAAOQ,EAAQlC,EAAQ0B,KAAK,uBAAwB,IACtHC,MAAO3B,EAAQ4B,KAAK,uBACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXI,MAAO,IACF/B,EACHqB,WAAY1B,EAAUkC,EAAOjC,EAAQ0B,KAAK,uBAAwB,IAAOQ,EAAQlC,EAAQ0B,KAAK,uBAAwB,IACtHC,MAAO3B,EAAQ4B,KAAK,uBACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXK,SAAU,IACLhC,EACHqB,WAAYzB,EAAQ0B,KAAK,iBACzBC,MAAO3B,EAAQ4B,KAAK,iBACpBC,OAAQ,OACRC,OAAQ,cACRO,cAAe,OACfN,QAAS,MAIfU,UAAW,CACTlB,MAAO,CACLC,QAAS,IACJpB,EACHqB,WAAYzB,EAAQ0B,KAAK,uBACzBC,MAAO3B,EAAQ4B,KAAK,gBACpBC,OAAQ,aAAa7B,EAAQqB,OAAO,2BACpCS,OAAQ,UACRC,QAAS,GAEXC,MAAO,IACF5B,EACHqB,WAAYzB,EAAQ0B,KAAK,cACzBC,MAAO3B,EAAQ4B,KAAK,gBACpBC,OAAQ,aAAa7B,EAAQqB,OAAO,2BACpCS,OAAQ,UACRC,QAAS,GAEXI,MAAO,IACF/B,EACHqB,WAAYzB,EAAQ0B,KAAK,cACzBC,MAAO3B,EAAQ4B,KAAK,gBACpBC,OAAQ,aAAa7B,EAAQqB,OAAO,2BACpCS,OAAQ,UACRC,QAAS,GAEXK,SAAU,IACLhC,EACHqB,WAAYzB,EAAQ0B,KAAK,iBACzBC,MAAO3B,EAAQ4B,KAAK,iBACpBC,OAAQ,aAAa7B,EAAQqB,OAAO,qBACpCS,OAAQ,cACRO,cAAe,OACfN,QAAS,KAGbQ,YAAa,CACXf,QAAS,IACJpB,EACHqB,WAAYzB,EAAQ0B,KAAK,uBACzBC,MAAO3B,EAAQ4B,KAAK,cACpBC,OAAQ,aAAa7B,EAAQqB,OAAO,yBACpCS,OAAQ,UACRC,QAAS,GAEXC,MAAO,IACF5B,EACHqB,WAAYzB,EAAQ0B,KAAK,cACzBC,MAAO3B,EAAQ4B,KAAK,cACpBC,OAAQ,aAAa7B,EAAQqB,OAAO,yBACpCS,OAAQ,UACRC,QAAS,GAEXI,MAAO,IACF/B,EACHqB,WAAYzB,EAAQ0B,KAAK,cACzBC,MAAO3B,EAAQ4B,KAAK,cACpBC,OAAQ,aAAa7B,EAAQqB,OAAO,yBACpCS,OAAQ,UACRC,QAAS,GAEXK,SAAU,IACLhC,EACHqB,WAAYzB,EAAQ0B,KAAK,iBACzBC,MAAO3B,EAAQ4B,KAAK,iBACpBC,OAAQ,aAAa7B,EAAQqB,OAAO,qBACpCS,OAAQ,cACRO,cAAe,OACfN,QAAS,KAGbO,QAAS,CACPd,QAAS,IACJpB,EACHqB,WAAYzB,EAAQ0B,KAAK,eACzBC,MAAO3B,EAAQ4B,KAAK,eACpBC,OAAQ,aAAa7B,EAAQqB,OAAO,2BACpCS,OAAQ,UACRC,QAAS,GAEXC,MAAO,IACF5B,EACHqB,WAAY1B,EAAUkC,EAAOjC,EAAQ0B,KAAK,eAAgB,IAAOQ,EAAQlC,EAAQ0B,KAAK,eAAgB,IACtGC,MAAO3B,EAAQ4B,KAAK,eACpBC,OAAQ,aAAa7B,EAAQqB,OAAO,2BACpCS,OAAQ,UACRC,QAAS,GAEXI,MAAO,IACF/B,EACHqB,WAAY1B,EAAUkC,EAAOjC,EAAQ0B,KAAK,eAAgB,IAAOQ,EAAQlC,EAAQ0B,KAAK,eAAgB,IACtGC,MAAO3B,EAAQ4B,KAAK,eACpBC,OAAQ,aAAa7B,EAAQqB,OAAO,2BACpCS,OAAQ,UACRC,QAAS,GAEXK,SAAU,IACLhC,EACHqB,WAAYzB,EAAQ0B,KAAK,iBACzBC,MAAO3B,EAAQ4B,KAAK,iBACpBC,OAAQ,aAAa7B,EAAQqB,OAAO,qBACpCS,OAAQ,cACRO,cAAe,OACfN,QAAS,KAGbS,QAAS,CACPhB,QAAS,IACJpB,EACHqB,WAAYzB,EAAQ0B,KAAK,uBACzBC,MAAO3B,EAAQ4B,KAAK,uBACpBC,OAAQ,aAAa7B,EAAQqB,OAAO,2BACpCS,OAAQ,UACRC,QAAS,GAEXC,MAAO,IACF5B,EACHqB,WAAY1B,EAAUkC,EAAOjC,EAAQ0B,KAAK,uBAAwB,IAAOQ,EAAQlC,EAAQ0B,KAAK,uBAAwB,IACtHC,MAAO3B,EAAQ4B,KAAK,uBACpBC,OAAQ,aAAa7B,EAAQqB,OAAO,2BACpCS,OAAQ,UACRC,QAAS,GAEXI,MAAO,IACF/B,EACHqB,WAAY1B,EAAUkC,EAAOjC,EAAQ0B,KAAK,uBAAwB,IAAOQ,EAAQlC,EAAQ0B,KAAK,uBAAwB,IACtHC,MAAO3B,EAAQ4B,KAAK,uBACpBC,OAAQ,aAAa7B,EAAQqB,OAAO,2BACpCS,OAAQ,UACRC,QAAS,GAEXK,SAAU,IACLhC,EACHqB,WAAYzB,EAAQ0B,KAAK,iBACzBC,MAAO3B,EAAQ4B,KAAK,iBACpBC,OAAQ,aAAa7B,EAAQqB,OAAO,qBACpCS,OAAQ,cACRC,QAAS,MAIfW,SAAU,CACRnB,MAAO,CACLC,QAAS,IACJpB,EACHK,UAAW,OACXgB,WAAY,cACZE,MAAO3B,EAAQ4B,KAAK,gBACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXC,MAAO,IACF5B,EACHqB,WAAYzB,EAAQ0B,KAAK,cACzBC,MAAO3B,EAAQ4B,KAAK,gBACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXI,MAAO,IACF/B,EACHqB,WAAYzB,EAAQ0B,KAAK,cACzBC,MAAO3B,EAAQ4B,KAAK,gBACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXK,SAAU,IACLhC,EACHqB,WAAYzB,EAAQ0B,KAAK,iBACzBC,MAAO3B,EAAQ4B,KAAK,iBACpBC,OAAQ,OACRC,OAAQ,cACRO,cAAe,OACfN,QAAS,KAGbQ,YAAa,CACXf,QAAS,IACJpB,EACHK,UAAW,OACXgB,WAAY,cACZE,MAAO3B,EAAQ4B,KAAK,cACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXC,MAAO,IACF5B,EACHqB,WAAYzB,EAAQ0B,KAAK,cACzBC,MAAO3B,EAAQ4B,KAAK,cACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXI,MAAO,IACF/B,EACHqB,WAAYzB,EAAQ0B,KAAK,cACzBC,MAAO3B,EAAQ4B,KAAK,cACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXK,SAAU,IACLhC,EACHqB,WAAYzB,EAAQ0B,KAAK,iBACzBC,MAAO3B,EAAQ4B,KAAK,iBACpBC,OAAQ,OACRC,OAAQ,cACRC,QAAS,KAGbO,QAAS,CACPd,QAAS,IACJpB,EACHK,UAAW,OACXgB,WAAY,cACZE,MAAO3B,EAAQ4B,KAAK,eACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXC,MAAO,IACF5B,EACHqB,WAAYzB,EAAQ0B,KAAK,cACzBC,MAAO3B,EAAQ4B,KAAK,eACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXI,MAAO,IACF/B,EACHqB,WAAYzB,EAAQ0B,KAAK,cACzBC,MAAO3B,EAAQ4B,KAAK,eACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXK,SAAU,IACLhC,EACHqB,WAAYzB,EAAQ0B,KAAK,iBACzBC,MAAO3B,EAAQ4B,KAAK,iBACpBC,OAAQ,OACRC,OAAQ,cACRO,cAAe,OACfN,QAAS,KAGbS,QAAS,CACPhB,QAAS,IACJpB,EACHK,UAAW,OACXgB,WAAY,cACZE,MAAO3B,EAAQ4B,KAAK,uBACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXC,MAAO,IACF5B,EACHqB,WAAYzB,EAAQ0B,KAAK,cACzBC,MAAO3B,EAAQ4B,KAAK,uBACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXI,MAAO,IACF/B,EACHqB,WAAYzB,EAAQ0B,KAAK,cACzBC,MAAO3B,EAAQ4B,KAAK,uBACpBC,OAAQ,OACRC,OAAQ,UACRC,QAAS,GAEXK,SAAU,IACLhC,EACHqB,WAAYzB,EAAQ0B,KAAK,iBACzBC,MAAO3B,EAAQ4B,KAAK,iBACpBC,OAAQ,OACRC,OAAQ,cACRO,cAAe,OACfN,QAAS,OAQjB,MAAO,IAAKf,EAASC,WAAYD,EAASpB,GADVC,KAAQmB,EAASpB,GAAWC,EAAO"}
1	+ {"version":3,"file":"getIconButtonStyles.js","sources":["../../../../src/components/atoms/IconButton/getIconButtonStyles.ts"],"sourcesContent":["import { type CSSObject, type Theme } from '@mui/material/styles';\n\n/*\n The variant of the IconButton.\n * @default 'primary'\n /\nexport type IconButtonVariant = 'primary' \| 'secondary' \| 'tertiary';\n/\n The tone of the IconButton.\n * @default 'brand'\n /\nexport type IconButtonTone = 'brand' \| 'destructive' \| 'inverse' \| 'neutral';\n\ninterface IconButtonStyles {\n default?: CSSObject;\n disabled?: CSSObject;\n hover?: CSSObject;\n press?: CSSObject;\n}\n\n/\n Returns the styles for the IconButton states based on the variant and tone.\n * @param theme - The theme object.\n * @param variant - The variant of the IconButton.\n * @param tone - The tone of the IconButton.\n * @returns The styles for the IconButton states based on the variant and tone.\n */\nconst getIconButtonStyles = (\n theme: Theme,\n variant: IconButtonVariant = 'primary',\n tone: IconButtonTone = 'brand',\n): IconButtonStyles => {\n const palette = theme.palette.semantic;\n const radius = theme.radius['radius-8'];\n const boxShadow = theme.customShadows.raised;\n\n const shared = {\n borderRadius: radius,\n boxShadow,\n boxSizing: 'border-box',\n cursor: 'pointer',\n minWidth: 0,\n opacity: 1,\n overflow: 'hidden',\n padding: 0,\n position: 'relative',\n transition: 'all 0.2s ease-in-out',\n } satisfies CSSObject;\n\n const secondaryBorderStyle = {\n borderRadius: 'inherit',\n borderStyle: 'solid',\n borderWidth: 1,\n content: '\"\"',\n inset: 0,\n pointerEvents: 'none',\n position: 'absolute',\n } satisfies CSSObject;\n\n const sharedDisabled = {\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n } satisfies CSSObject;\n\n const variants = {\n primary: {\n brand: {\n default: {\n ...shared,\n background: palette.fill['fill-primary-strong'],\n color: palette.icon['icon-inverse'],\n },\n hover: {\n background: palette.fill['fill-hover'],\n },\n press: {\n background: palette.fill['fill-press'],\n },\n disabled: {\n ...sharedDisabled,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-inverse'],\n },\n },\n neutral: {\n default: {\n ...shared,\n background: palette.fill['fill-strong'],\n color: palette.icon['icon-inverse'],\n },\n hover: {\n background: palette.fill['fill-inverse-hover'],\n },\n press: {\n background: palette.fill['fill-inverse-press'],\n },\n disabled: {\n ...sharedDisabled,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-inverse'],\n },\n },\n destructive: {\n default: {\n ...shared,\n background: palette.fill['fill-error-strong'],\n color: palette.icon['icon-inverse'],\n },\n hover: {\n background: palette.fill['fill-hover'],\n },\n press: {\n background: palette.fill['fill-press'],\n },\n disabled: {\n ...sharedDisabled,\n background: palette.fill['fill-disabled'],\n color: palette.icon['icon-inverse'],\n },\n },\n inverse: {\n default: {\n ...shared,\n background: palette.fill['fill-inverse-strong'],\n color: palette.icon['icon-strong'],\n },\n hover: {\n background: palette.fill['fill-hover'],\n },\n press: {\n background: palette.fill['fill-press'],\n },\n disabled: {\n ...sharedDisabled,\n background: palette.fill['fill-inverse-disabled'],\n color: palette.icon['icon-strong'],\n },\n },\n },\n secondary: {\n brand: {\n default: {\n ...shared,\n color: palette.icon['icon-primary'],\n '&::before': {\n ...secondaryBorderStyle,\n borderColor: palette.stroke['stroke-primary-strong'],\n },\n },\n hover: {\n background: palette.fill['fill-hover'],\n },\n press: {\n background: palette.fill['fill-press'],\n },\n disabled: {\n ...sharedDisabled,\n color: palette.icon['icon-disabled'],\n '&::before': {\n borderColor: palette.stroke['stroke-disabled'],\n },\n },\n },\n neutral: {\n default: {\n ...shared,\n color: palette.icon['icon-strong'],\n '&::before': {\n ...secondaryBorderStyle,\n borderColor: palette.stroke['stroke-strong'],\n },\n },\n hover: {\n background: palette.fill['fill-hover'],\n },\n press: {\n background: palette.fill['fill-press'],\n },\n disabled: {\n ...sharedDisabled,\n color: palette.icon['icon-disabled'],\n '&::before': {\n borderColor: palette.stroke['stroke-disabled'],\n },\n },\n },\n destructive: {\n default: {\n ...shared,\n color: palette.icon['icon-error'],\n '&::before': {\n ...secondaryBorderStyle,\n borderColor: palette.stroke['stroke-error-strong'],\n },\n },\n hover: {\n background: palette.fill['fill-hover'],\n },\n press: {\n background: palette.fill['fill-press'],\n },\n disabled: {\n ...sharedDisabled,\n color: palette.icon['icon-disabled'],\n '&::before': {\n borderColor: palette.stroke['stroke-disabled'],\n },\n },\n },\n inverse: {\n default: {\n ...shared,\n color: palette.icon['icon-inverse'],\n '&::before': {\n ...secondaryBorderStyle,\n borderColor: palette.stroke['stroke-inverse-strong'],\n },\n },\n hover: {\n background: palette.fill['fill-inverse-hover'],\n },\n press: {\n background: palette.fill['fill-inverse-press'],\n },\n disabled: {\n ...sharedDisabled,\n color: palette.icon['icon-inverse-disabled'],\n '&::before': {\n borderColor: palette.stroke['stroke-inverse-disabled'],\n },\n },\n },\n },\n tertiary: {\n brand: {\n default: {\n ...shared,\n boxShadow: 'none',\n color: palette.icon['icon-primary'],\n },\n hover: {\n background: palette.fill['fill-hover'],\n },\n press: {\n background: palette.fill['fill-press'],\n },\n disabled: {\n ...sharedDisabled,\n color: palette.icon['icon-disabled'],\n },\n },\n neutral: {\n default: {\n ...shared,\n boxShadow: 'none',\n color: palette.icon['icon-strong'],\n },\n hover: {\n background: palette.fill['fill-hover'],\n },\n press: {\n background: palette.fill['fill-press'],\n },\n disabled: {\n ...sharedDisabled,\n color: palette.icon['icon-disabled'],\n },\n },\n destructive: {\n default: {\n ...shared,\n boxShadow: 'none',\n color: palette.icon['icon-error'],\n },\n hover: {\n background: palette.fill['fill-hover'],\n },\n press: {\n background: palette.fill['fill-press'],\n },\n disabled: {\n ...sharedDisabled,\n color: palette.icon['icon-disabled'],\n },\n },\n inverse: {\n default: {\n ...shared,\n boxShadow: 'none',\n color: palette.icon['icon-inverse'],\n },\n hover: {\n background: palette.fill['fill-inverse-hover'],\n },\n press: {\n background: palette.fill['fill-inverse-press'],\n },\n disabled: {\n ...sharedDisabled,\n color: palette.icon['icon-inverse-disabled'],\n },\n },\n },\n };\n\n // Fallback to brand if tone not found\n const toneKey: IconButtonTone = tone in variants[variant] ? tone : 'brand';\n return variants[variant][toneKey];\n};\n\nexport default getIconButtonStyles;\n"],"names":["getIconButtonStyles","theme","variant","tone","palette","semantic","shared","borderRadius","radius","boxShadow","customShadows","raised","boxSizing","cursor","minWidth","opacity","overflow","padding","position","transition","secondaryBorderStyle","borderStyle","borderWidth","content","inset","pointerEvents","sharedDisabled","variants","primary","brand","default","background","fill","color","icon","hover","press","disabled","neutral","destructive","inverse","secondary","borderColor","stroke","tertiary"],"mappings":"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"}

package/dist/components/atoms/IconButton/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material/IconButton"),a=require("@mui/material/styles"),r=require("../BadgeCount/index.cjs.js"),o=require("../BadgeDot/index.cjs.js"),s=require("./getIconButtonStyles.cjs.js");const d=a.styled(i,{shouldForwardProp:e=>!["variant","tone","state","badgeDot","badgeCount","fdKey","size"].includes(e)})((({theme:e,variant:t="primary",tone:i="brand",size:a="medium"})=>{const r=s(e,t,i,a);return{...r.default,"&:hover":r.hover,"&:active":r.press,"&:focus-visible":r.focus,"&.Mui-disabled":r.disabled,"& > svg":{color:r.default?.color||"inherit",verticalAlign:"middle",pointerEvents:"none"}}})),n=a.styled(r)((()=>({position:"absolute",top:-8,right:-8}))),l=a.styled(o)((()=>({position:"absolute",top:8,right:8}))),u=t.forwardRef((({children:t,badgeCount:i,variant:a="primary",tone:r="brand",fdKey:o,className:s,disabled:u=!1,onClick:c,badgeDot:b=!1,size:m="medium",...p},v)=>e.jsxs(d,{ref:v,disableRipple:!0,className:s,"data-fd":o,"data-tone":r,"data-variant":a,disabled:u,onClick:c,size:m,tone:r,variant:a,...p,children:[t,!!i&&e.jsx(n,{"data-testid":"icon-button-badge-count",children:i}),b&&e.jsx(l,{"data-testid":"icon-button-badge-dot"})]})));u.displayName="IconButton",exports.IconButton=u,exports.default=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("@mui/material/IconButton"),a=require("@mui/material/styles"),s=require("../BadgeCount/index.cjs.js"),n=require("../BadgeDot/index.cjs.js"),r=require("@mui/material/Box"),o=require("./getIconButtonStyles.cjs.js");const d=a.styled(i,{shouldForwardProp:e=>!["variant","tone","badgeDot","badgeCount","fdKey"].includes(e)})((({theme:e,variant:t="primary",tone:i="brand"})=>{const a=o(e,t,i),s="inverse"===i?e.palette.semantic.stroke["stroke-inverse-strong"]:e.palette.semantic.stroke["stroke-focus"];return{...a.default,overflow:"visible","&.Mui-disabled":{...a.disabled,overflow:"visible"},"&.Mui-focusVisible":{outlineColor:s}}})),l=a.styled(r,{shouldForwardProp:e=>!["variant","tone"].includes(e)})((({theme:e,variant:t="primary",tone:i="brand"})=>{const a=o(e,t,i);return{alignItems:"center",borderRadius:"inherit",display:"flex",height:"100%",justifyContent:"center",overflow:"hidden",pointerEvents:"none",width:"100%","[data-variant]:hover:not(.Mui-disabled) > &":a.hover,"[data-variant]:active:not(.Mui-disabled) > &":a.press}})),u=a.styled(s,{shouldForwardProp:e=>!["size"].includes(e)})((({theme:e,size:t})=>({position:"absolute",bottom:"small"===t?e.spacing(2.5):e.spacing(4),left:"small"===t?e.spacing(2.5):e.spacing(4),zIndex:1,pointerEvents:"none"}))),c=a.styled(n,{shouldForwardProp:e=>!["size"].includes(e)})((({theme:e,size:t})=>({position:"absolute",bottom:"small"===t?e.spacing(2.5):e.spacing(4),left:"small"===t?e.spacing(2.5):e.spacing(4),zIndex:1,pointerEvents:"none"}))),p=t.forwardRef((({badgeCount:t,badgeDot:i=!1,children:a,className:s,disabled:n=!1,fdKey:r,onClick:o,size:p="medium",tone:m="brand",variant:b="primary",...v},g)=>e.jsxs(d,{ref:g,disableRipple:!0,className:s,"data-fd":r,"data-tone":m,"data-variant":b,disabled:n,onClick:o,size:p,tone:m,variant:b,...v,children:[e.jsx(l,{tone:m,variant:b,children:a}),!!t&&e.jsx(u,{"data-testid":"icon-button-badge-count",size:p,children:t}),i&&!t&&e.jsx(c,{"data-testid":"icon-button-badge-dot",size:p})]})));p.displayName="IconButton",exports.IconButton=p,exports.default=p;
 //# sourceMappingURL=index.cjs.js.map

package/dist/components/atoms/IconButton/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/IconButton/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport MuiIconButton, { type IconButtonProps as MuiIconButtonProps } from '@mui/material/IconButton';\nimport { styled } from '@mui/material/styles';\n\nimport BadgeCount from '../BadgeCount';\nimport BadgeDot from '../BadgeDot';\nimport getIconButtonStyles, { type ~~IconButtonState, type~~ IconButtonTone, type IconButtonVariant } from './getIconButtonStyles';\n\n/*\n Custom IconButton atom for Flipdish design system.\n * - icon: The icon to display (required, use local icon library)\n * - badgeDot: Show a small dot badge (optional)\n * - badgeCount: Show a count badge (optional)\n * - variant: Visual style (primary \| secondary \| tertiary)\n * - tone: Visual tone (brand \| destructive \| inverse \| neutral)\n * - state: Visual state (default \| disabled \| focus \| hover \| press)\n * - aria-label: Accessibility label\n * - fdKey: Data attribute for testing/analytics\n * - ...rest: All other props are passed to MuiIconButton\n */\nexport interface IconButtonProps extends Omit<MuiIconButtonProps, 'color'> {\n badgeCount?: number;\n badgeDot?: boolean;\n className?: string;\n disabled?: boolean;\n fdKey?: string;\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n size?: 'medium' \| 'small';\n tone?: IconButtonTone;\n variant?: IconButtonVariant;\n ~~children: React.ReactNode;\n 'aria-label': string;\n~~}\n\nconst StyledIconButton = styled(MuiIconButton, {\n shouldForwardProp: (prop) =>\n !['variant', 'tone', '~~state', '~~badgeDot', 'badgeCount', 'fdKey'~~, 'size'~~].includes(prop as string),\n})<{\n ~~size?: 'medium' \| 'small';\n state?: IconButtonState;\n~~ tone?: IconButtonTone;\n variant?: IconButtonVariant;\n iconColor?: string;\n}>(({ theme, variant = 'primary', tone = 'brand', ~~size = 'medium'~~ }) => {\n const styles = getIconButtonStyles(theme, variant, tone~~, size~~);\n return {\n ...styles.default,\n '~~&:hover~~': ~~styles.hover,\~~n '~~&:active~~': styles.~~press,\n~~ '~~&:focus-~~visible': ~~styles.focus~~,\n '&.Mui-~~disabled~~': ~~styles.disabled~~,\n // ~~Style~~ ~~the~~ ~~child~~ ~~SVG icon~~\n '& > ~~svg~~': {\n ~~color:~~ (~~styles.default?.['color']~~) \|\| 'inherit',\n ~~verticalAlign~~: '~~middle~~',\n pointerEvents: 'none',\n },\n };\n});\n\nconst StyledBadgeCount = styled(BadgeCount)(() => ({\n position: 'absolute',\n ~~top~~: -8,\n ~~right~~: -8,\n}));\n\nconst StyledBadgeDot = styled(BadgeDot)(() => ({\n position: 'absolute',\n ~~top~~: 8,\n ~~right~~: 8,\n}));\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n (\n {\n ~~children,\n~~ badgeCount,\n ~~variant~~ = ~~'primary'~~,\n ~~tone = 'brand'~~,\n ~~fdKey,\n~~ className,\n disabled = false,\n onClick,\n ~~badgeDot~~ = ~~false~~,\n ~~size~~ = '~~medium~~',\n ...rest\n },\n ref\n ) => {\n return (\n <StyledIconButton\n ref={ref}\n disableRipple\n className={className}\n data-fd={fdKey}\n data-tone={tone}\n data-variant={variant}\n disabled={disabled}\n onClick={onClick}\n size={size}\n tone={tone}\n variant={variant}\n {...rest}\n >\n {children}\n {!!badgeCount && <StyledBadgeCount data-testid=\"icon-button-badge-count\">{badgeCount}</StyledBadgeCount>}\n {badgeDot && <StyledBadgeDot data-testid=\"icon-button-badge-dot\" />}\n </StyledIconButton>\n );\n }\n);\n\nIconButton.displayName = 'IconButton';\n\nexport default IconButton;\n"],"names":["StyledIconButton","styled","MuiIconButton","shouldForwardProp","prop","includes","theme","variant","tone","~~size~~","~~styles~~","~~getIconButtonStyles~~","~~default~~","~~hover~~","~~press~~","~~focus~~","disabled","~~color~~","~~verticalAlign~~","pointerEvents","StyledBadgeCount","BadgeCount","position","~~top~~","~~right~~","StyledBadgeDot","BadgeDot","IconButton","forwardRef","~~children~~","~~badgeCount~~","~~fdKey~~","className","~~onClick~~","~~badgeDot~~","rest","ref","_jsxs","disableRipple","_jsx","displayName"],"mappings":"~~0TAmCA~~,MAAMA,EAAmBC,EAAAA,OAAOC,EAAe,CAC7CC,kBAAoBC,IACjB,CAAC,UAAW,OAAQ,~~QAAS,~~WAAY,aAAc,~~QAAS~~,~~QAAQC,~~SAASD,~~IAF7DH~~,~~EAStB~~,EAAGK,QAAOC,UAAU,UAAWC,OAAO,~~QAASC~~,~~OAAO,aACvD,~~MAAMC,EAASC,~~EAAoBL~~,EAAOC,EAASC,~~EAAMC~~,~~GACzD~~,~~MAAO~~,~~IACFC~~,~~EAAOE~~,~~QACV~~,~~UAAWF~~,~~EAAOG~~,~~MAClB~~,~~WAAYH~~,~~EAAOI~~,~~MACnB~~,~~kBAAmBJ~~,~~EAAOK~~,~~MAC1B~~,~~iBAAkBL~~,EAAOM,~~SAEzB~~,UAAW,~~CACTC~~,~~MAAQP~~,~~EAAOE~~,~~SAAiB~~,~~OAAM~~,~~UACtCM~~,~~cAAe~~,~~SACfC~~,cAAe,~~YAKfC~~,~~EAAmBnB~~,EAAAA,~~OAAOoB~~,~~EAAPpB~~,~~EAAmB~~,~~KAAA~~,~~CAC1CqB~~,SAAU,WACVC,~~KAAK~~,~~EACLC~~,~~OAAO~~,~~MAGHC~~,~~EAAiBxB~~,EAAAA,~~OAAOyB~~,~~EAAPzB~~,~~EAAiB~~,~~KAAA~~,~~CACtCqB~~,SAAU,WACVC,~~IAAK~~,~~EACLC~~,~~MAAO~~,~~MAGIG~~,EAAaC,EAAAA,YACxB,EAEIC,~~WACAC~~,~~aACAvB~~,~~UAAU~~,~~UACVC~~,~~OAAO~~,~~QACPuB~~,QACAC,~~YACAhB~~,~~YAAW~~,~~EACXiB~~,~~UACAC~~,~~YAAW~~,~~EACXzB~~,~~OAAO~~,~~YACJ0B,~~GAELC,IAGEC,EAAAA,~~KAACrC~~,~~EAAgB~~,~~CACfoC,~~IAAKA,EACLE,~~eAAa~~,~~EACbN,~~UAAWA,EAAS,~~UACXD~~,~~EAAK~~,~~YACHvB,~~EAAI,eACDD,~~EACdS~~,SAAUA,~~EACViB~~,QAASA,~~EACTxB~~,KAAMA,~~EACND~~,KAAMA,EACND,QAASA,~~KACL4B~~,~~EAAIN~~,SAAA,~~CAEPA~~,~~IACEC~~,~~GAAcS~~,EAAAA,~~IAACnB~~,EAAgB,CAAA,cAAa,~~0BAAyBS~~,~~SAAEC~~,~~IACzEI~~,~~GAAYK~~,EAAAA,IAACd,EAAc,CAAA,cAAa~~,+BAMjDE~~,EAAWa,YAAc"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/IconButton/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport MuiIconButton, { type IconButtonProps as MuiIconButtonProps } from '@mui/material/IconButton';\nimport { styled } from '@mui/material/styles';\n\nimport BadgeCount from '../BadgeCount';\nimport BadgeDot from '../BadgeDot';\nimport Box from '../Box';\nimport getIconButtonStyles, { type IconButtonTone, type IconButtonVariant } from './getIconButtonStyles';\n\n/*\n Custom IconButton atom for Flipdish design system.\n * - icon: The icon to display (required, use local icon library)\n * - badgeDot: Show a small dot badge (optional)\n * - badgeCount: Show a count badge (optional)\n * - variant: Visual style (primary \| secondary \| tertiary)\n * - tone: Visual tone (brand \| destructive \| inverse \| neutral)\n * - state: Visual state (default \| disabled \| focus \| hover \| press)\n * - aria-label: Accessibility label\n * - fdKey: Data attribute for testing/analytics\n * - ...rest: All other props are passed to MuiIconButton\n */\nexport interface IconButtonProps extends Omit<MuiIconButtonProps, 'color'> {\n 'aria-label': string;\n badgeCount?: number;\n badgeDot?: boolean;\n children: React.ReactNode;\n className?: string;\n disabled?: boolean;\n fdKey?: string;\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n size?: 'medium' \| 'small';\n tone?: IconButtonTone;\n variant?: IconButtonVariant;\n}\n\nconst StyledIconButton = styled(MuiIconButton, {\n shouldForwardProp: (prop) =>\n !['variant', 'tone', 'badgeDot', 'badgeCount', 'fdKey'].includes(prop as string),\n})<{\n tone?: IconButtonTone;\n variant?: IconButtonVariant;\n iconColor?: string;\n}>(({ theme, variant = 'primary', tone = 'brand' }) => {\n const styles = getIconButtonStyles(theme, variant, tone);\n const focusColor =\n tone === 'inverse'\n ? theme.palette.semantic.stroke['stroke-inverse-strong']\n : theme.palette.semantic.stroke['stroke-focus'];\n\n return {\n ...styles.default,\n overflow: 'visible', // Allow badges to overflow\n '&.Mui-disabled': { ...styles.disabled, overflow: 'visible' },\n '&.Mui-focusVisible': {\n outlineColor: focusColor,\n },\n };\n});\n\nconst StyledBox = styled(Box, {\n shouldForwardProp: (prop) => !['variant', 'tone'].includes(prop as string),\n})<{ variant: IconButtonVariant; tone: IconButtonTone }>(({ theme, variant = 'primary', tone = 'brand' }) => {\n const styles = getIconButtonStyles(theme, variant, tone);\n\n return {\n alignItems: 'center',\n borderRadius: 'inherit',\n display: 'flex',\n height: '100%',\n justifyContent: 'center',\n overflow: 'hidden',\n pointerEvents: 'none',\n width: '100%',\n '[data-variant]:hover:not(.Mui-disabled) > &': styles.hover,\n '[data-variant]:active:not(.Mui-disabled) > &': styles.press,\n };\n});\n\nconst StyledBadgeCount = styled(BadgeCount, {\n shouldForwardProp: (prop) => !['size'].includes(prop as string),\n})<{ size: 'medium' \| 'small' }>(({ theme, size }) => ({\n position: 'absolute',\n bottom: size === 'small' ? theme.spacing(2.5) : theme.spacing(4),\n left: size === 'small' ? theme.spacing(2.5) : theme.spacing(4),\n zIndex: 1,\n pointerEvents: 'none',\n}));\n\nconst StyledBadgeDot = styled(BadgeDot, {\n shouldForwardProp: (prop) => !['size'].includes(prop as string),\n})<{ size: 'medium' \| 'small' }>(({ theme, size }) => ({\n position: 'absolute',\n bottom: size === 'small' ? theme.spacing(2.5) : theme.spacing(4),\n left: size === 'small' ? theme.spacing(2.5) : theme.spacing(4),\n zIndex: 1,\n pointerEvents: 'none',\n}));\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n (\n {\n badgeCount,\n badgeDot = false,\n children,\n className,\n disabled = false,\n fdKey,\n onClick,\n size = 'medium',\n tone = 'brand',\n variant = 'primary',\n ...rest\n },\n ref,\n ) => {\n return (\n <StyledIconButton\n ref={ref}\n disableRipple\n className={className}\n data-fd={fdKey}\n data-tone={tone}\n data-variant={variant}\n disabled={disabled}\n onClick={onClick}\n size={size}\n tone={tone}\n variant={variant}\n {...rest}\n >\n <StyledBox tone={tone} variant={variant}>\n {children}\n </StyledBox>\n {!!badgeCount && (\n <StyledBadgeCount data-testid=\"icon-button-badge-count\" size={size}>\n {badgeCount}\n </StyledBadgeCount>\n )}\n\n {badgeDot && !badgeCount && <StyledBadgeDot data-testid=\"icon-button-badge-dot\" size={size} />}\n </StyledIconButton>\n );\n },\n);\n\nIconButton.displayName = 'IconButton';\n\nexport default IconButton;\n"],"names":["StyledIconButton","styled","MuiIconButton","shouldForwardProp","prop","includes","theme","variant","tone","styles","getIconButtonStyles","focusColor","palette","semantic","stroke","default","overflow","disabled","outlineColor","StyledBox","Box","alignItems","borderRadius","display","height","justifyContent","pointerEvents","width","hover","press","StyledBadgeCount","BadgeCount","size","position","bottom","spacing","left","zIndex","StyledBadgeDot","BadgeDot","IconButton","forwardRef","badgeCount","badgeDot","children","className","fdKey","onClick","rest","ref","_jsxs","disableRipple","_jsx","displayName"],"mappings":"yVAoCA,MAAMA,EAAmBC,EAAAA,OAAOC,EAAe,CAC7CC,kBAAoBC,IACjB,CAAC,UAAW,OAAQ,WAAY,aAAc,SAASC,SAASD,IAF5CH,EAOtB,EAAGK,QAAOC,UAAU,UAAWC,OAAO,YACvC,MAAMC,EAASC,EAAoBJ,EAAOC,EAASC,GAC7CG,EACK,YAATH,EACIF,EAAMM,QAAQC,SAASC,OAAO,yBAC9BR,EAAMM,QAAQC,SAASC,OAAO,gBAEpC,MAAO,IACFL,EAAOM,QACVC,SAAU,UACV,iBAAkB,IAAKP,EAAOQ,SAAUD,SAAU,WAClD,qBAAsB,CACpBE,aAAcP,OAKdQ,EAAYlB,EAAAA,OAAOmB,EAAK,CAC5BjB,kBAAoBC,IAAU,CAAC,UAAW,QAAQC,SAASD,IAD3CH,EAEuC,EAAGK,QAAOC,UAAU,UAAWC,OAAO,YAC7F,MAAMC,EAASC,EAAoBJ,EAAOC,EAASC,GAEnD,MAAO,CACLa,WAAY,SACZC,aAAc,UACdC,QAAS,OACTC,OAAQ,OACRC,eAAgB,SAChBT,SAAU,SACVU,cAAe,OACfC,MAAO,OACP,8CAA+ClB,EAAOmB,MACtD,+CAAgDnB,EAAOoB,UAIrDC,EAAmB7B,EAAAA,OAAO8B,EAAY,CAC1C5B,kBAAoBC,IAAU,CAAC,QAAQC,SAASD,IADzBH,EAEQ,EAAGK,QAAO0B,WAAM,CAC/CC,SAAU,WACVC,OAAiB,UAATF,EAAmB1B,EAAM6B,QAAQ,KAAO7B,EAAM6B,QAAQ,GAC9DC,KAAe,UAATJ,EAAmB1B,EAAM6B,QAAQ,KAAO7B,EAAM6B,QAAQ,GAC5DE,OAAQ,EACRX,cAAe,WAGXY,EAAiBrC,EAAAA,OAAOsC,EAAU,CACtCpC,kBAAoBC,IAAU,CAAC,QAAQC,SAASD,IAD3BH,EAEU,EAAGK,QAAO0B,WAAM,CAC/CC,SAAU,WACVC,OAAiB,UAATF,EAAmB1B,EAAM6B,QAAQ,KAAO7B,EAAM6B,QAAQ,GAC9DC,KAAe,UAATJ,EAAmB1B,EAAM6B,QAAQ,KAAO7B,EAAM6B,QAAQ,GAC5DE,OAAQ,EACRX,cAAe,WAGJc,EAAaC,EAAAA,YACxB,EAEIC,aACAC,YAAW,EACXC,WACAC,YACA5B,YAAW,EACX6B,QACAC,UACAf,OAAO,SACPxB,OAAO,QACPD,UAAU,aACPyC,GAELC,IAGEC,EAAAA,KAAClD,GACCiD,IAAKA,EACLE,iBACAN,UAAWA,EAAS,UACXC,cACEtC,EAAI,eACDD,EACdU,SAAUA,EACV8B,QAASA,EACTf,KAAMA,EACNxB,KAAMA,EACND,QAASA,KACLyC,EAAIJ,SAAA,CAERQ,EAAAA,IAACjC,EAAS,CAACX,KAAMA,EAAMD,QAASA,EAAOqC,SACpCA,MAEAF,GACDU,EAAAA,IAACtB,EAAgB,CAAA,cAAa,0BAA0BE,KAAMA,EAAIY,SAC/DF,IAIJC,IAAaD,GAAcU,EAAAA,IAACd,EAAc,CAAA,cAAa,wBAAwBN,KAAMA,SAM9FQ,EAAWa,YAAc"}

package/dist/components/atoms/IconButton/index.d.ts CHANGED Viewed

@@ -15,8 +15,10 @@ import { IconButtonTone, IconButtonVariant } from './getIconButtonStyles.js';
  * - ...rest: All other props are passed to MuiIconButton
  */
 interface IconButtonProps extends Omit<IconButtonProps$1, 'color'> {
+    'aria-label': string;
     badgeCount?: number;
     badgeDot?: boolean;
+    children: React.ReactNode;
     className?: string;
     disabled?: boolean;
     fdKey?: string;
@@ -24,8 +26,6 @@ interface IconButtonProps extends Omit<IconButtonProps$1, 'color'> {
     size?: 'medium' | 'small';
     tone?: IconButtonTone;
     variant?: IconButtonVariant;
-    children: React.ReactNode;
-    'aria-label': string;
 }
 declare const IconButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;

package/dist/components/atoms/IconButton/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as o}from"react";import i from"@mui/material/IconButton";import{styled as a}from"@mui/material/styles";import r from"../BadgeCount/index.js";import d from"../BadgeDot/index.js";import n from"./getIconButtonStyles.js";const s=a(i,{shouldForwardProp:t=>!["variant","tone","state","badgeDot","badgeCount","fdKey","size"].includes(t)})((({theme:t,variant:e="primary",tone:o="brand",size:i="medium"})=>{const a=n(t,e,o,i);return{...a.default,"&:hover":a.hover,"&:active":a.press,"&:focus-visible":a.focus,"&.Mui-disabled":a.disabled,"& > svg":{color:a.default?.color||"inherit",verticalAlign:"middle",pointerEvents:"none"}}})),l=a(r)((()=>({position:"absolute",top:-8,right:-8}))),m=a(d)((()=>({position:"absolute",top:8,right:8}))),u=o((({children:o,badgeCount:i,variant:a="primary",tone:r="brand",fdKey:d,className:n,disabled:u=!1,onClick:c,badgeDot:p=!1,size:b="medium",...f},g)=>t(s,{ref:g,disableRipple:!0,className:n,"data-fd":d,"data-tone":r,"data-variant":a,disabled:u,onClick:c,size:b,tone:r,variant:a,...f,children:[o,!!i&&e(l,{"data-testid":"icon-button-badge-count",children:i}),p&&e(m,{"data-testid":"icon-button-badge-dot"})]})));u.displayName="IconButton";export{u as IconButton,u as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as i}from"react";import o from"@mui/material/IconButton";import{styled as a}from"@mui/material/styles";import n from"../BadgeCount/index.js";import r from"../BadgeDot/index.js";import s from"@mui/material/Box";import d from"./getIconButtonStyles.js";const l=a(o,{shouldForwardProp:e=>!["variant","tone","badgeDot","badgeCount","fdKey"].includes(e)})((({theme:e,variant:t="primary",tone:i="brand"})=>{const o=d(e,t,i),a="inverse"===i?e.palette.semantic.stroke["stroke-inverse-strong"]:e.palette.semantic.stroke["stroke-focus"];return{...o.default,overflow:"visible","&.Mui-disabled":{...o.disabled,overflow:"visible"},"&.Mui-focusVisible":{outlineColor:a}}})),m=a(s,{shouldForwardProp:e=>!["variant","tone"].includes(e)})((({theme:e,variant:t="primary",tone:i="brand"})=>{const o=d(e,t,i);return{alignItems:"center",borderRadius:"inherit",display:"flex",height:"100%",justifyContent:"center",overflow:"hidden",pointerEvents:"none",width:"100%","[data-variant]:hover:not(.Mui-disabled) > &":o.hover,"[data-variant]:active:not(.Mui-disabled) > &":o.press}})),c=a(n,{shouldForwardProp:e=>!["size"].includes(e)})((({theme:e,size:t})=>({position:"absolute",bottom:"small"===t?e.spacing(2.5):e.spacing(4),left:"small"===t?e.spacing(2.5):e.spacing(4),zIndex:1,pointerEvents:"none"}))),u=a(r,{shouldForwardProp:e=>!["size"].includes(e)})((({theme:e,size:t})=>({position:"absolute",bottom:"small"===t?e.spacing(2.5):e.spacing(4),left:"small"===t?e.spacing(2.5):e.spacing(4),zIndex:1,pointerEvents:"none"}))),p=i((({badgeCount:i,badgeDot:o=!1,children:a,className:n,disabled:r=!1,fdKey:s,onClick:d,size:p="medium",tone:b="brand",variant:f="primary",...v},g)=>e(l,{ref:g,disableRipple:!0,className:n,"data-fd":s,"data-tone":b,"data-variant":f,disabled:r,onClick:d,size:p,tone:b,variant:f,...v,children:[t(m,{tone:b,variant:f,children:a}),!!i&&t(c,{"data-testid":"icon-button-badge-count",size:p,children:i}),o&&!i&&t(u,{"data-testid":"icon-button-badge-dot",size:p})]})));p.displayName="IconButton";export{p as IconButton,p as default};
 //# sourceMappingURL=index.js.map

package/dist/components/atoms/IconButton/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/components/atoms/IconButton/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport MuiIconButton, { type IconButtonProps as MuiIconButtonProps } from '@mui/material/IconButton';\nimport { styled } from '@mui/material/styles';\n\nimport BadgeCount from '../BadgeCount';\nimport BadgeDot from '../BadgeDot';\nimport getIconButtonStyles, { type ~~IconButtonState, type~~ IconButtonTone, type IconButtonVariant } from './getIconButtonStyles';\n\n/*\n Custom IconButton atom for Flipdish design system.\n * - icon: The icon to display (required, use local icon library)\n * - badgeDot: Show a small dot badge (optional)\n * - badgeCount: Show a count badge (optional)\n * - variant: Visual style (primary \| secondary \| tertiary)\n * - tone: Visual tone (brand \| destructive \| inverse \| neutral)\n * - state: Visual state (default \| disabled \| focus \| hover \| press)\n * - aria-label: Accessibility label\n * - fdKey: Data attribute for testing/analytics\n * - ...rest: All other props are passed to MuiIconButton\n */\nexport interface IconButtonProps extends Omit<MuiIconButtonProps, 'color'> {\n badgeCount?: number;\n badgeDot?: boolean;\n className?: string;\n disabled?: boolean;\n fdKey?: string;\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n size?: 'medium' \| 'small';\n tone?: IconButtonTone;\n variant?: IconButtonVariant;\n ~~children: React.ReactNode;\n 'aria-label': string;\n~~}\n\nconst StyledIconButton = styled(MuiIconButton, {\n shouldForwardProp: (prop) =>\n !['variant', 'tone', '~~state', '~~badgeDot', 'badgeCount', 'fdKey'~~, 'size'~~].includes(prop as string),\n})<{\n ~~size?: 'medium' \| 'small';\n state?: IconButtonState;\n~~ tone?: IconButtonTone;\n variant?: IconButtonVariant;\n iconColor?: string;\n}>(({ theme, variant = 'primary', tone = 'brand', ~~size = 'medium'~~ }) => {\n const styles = getIconButtonStyles(theme, variant, tone~~, size~~);\n return {\n ...styles.default,\n '~~&:hover~~': ~~styles.hover,\~~n '~~&:active~~': styles.~~press,\n~~ '~~&:focus-~~visible': ~~styles.focus~~,\n '&.Mui-~~disabled~~': ~~styles.disabled~~,\n // ~~Style~~ ~~the~~ ~~child~~ ~~SVG icon~~\n '& > ~~svg~~': {\n ~~color:~~ (~~styles.default?.['color']~~) \|\| 'inherit',\n ~~verticalAlign~~: '~~middle~~',\n pointerEvents: 'none',\n },\n };\n});\n\nconst StyledBadgeCount = styled(BadgeCount)(() => ({\n position: 'absolute',\n ~~top~~: -8,\n ~~right~~: -8,\n}));\n\nconst StyledBadgeDot = styled(BadgeDot)(() => ({\n position: 'absolute',\n ~~top~~: 8,\n ~~right~~: 8,\n}));\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n (\n {\n ~~children,\n~~ badgeCount,\n ~~variant~~ = ~~'primary'~~,\n ~~tone = 'brand'~~,\n ~~fdKey,\n~~ className,\n disabled = false,\n onClick,\n ~~badgeDot~~ = ~~false~~,\n ~~size~~ = '~~medium~~',\n ...rest\n },\n ref\n ) => {\n return (\n <StyledIconButton\n ref={ref}\n disableRipple\n className={className}\n data-fd={fdKey}\n data-tone={tone}\n data-variant={variant}\n disabled={disabled}\n onClick={onClick}\n size={size}\n tone={tone}\n variant={variant}\n {...rest}\n >\n {children}\n {!!badgeCount && <StyledBadgeCount data-testid=\"icon-button-badge-count\">{badgeCount}</StyledBadgeCount>}\n {badgeDot && <StyledBadgeDot data-testid=\"icon-button-badge-dot\" />}\n </StyledIconButton>\n );\n }\n);\n\nIconButton.displayName = 'IconButton';\n\nexport default IconButton;\n"],"names":["StyledIconButton","styled","MuiIconButton","shouldForwardProp","prop","includes","theme","variant","tone","~~size~~","~~styles~~","~~getIconButtonStyles~~","~~default~~","~~hover~~","~~press~~","~~focus~~","disabled","~~color~~","~~verticalAlign~~","pointerEvents","StyledBadgeCount","BadgeCount","position","~~top~~","~~right~~","StyledBadgeDot","BadgeDot","IconButton","forwardRef","~~children~~","~~badgeCount~~","~~fdKey~~","className","~~onClick~~","~~badgeDot~~","rest","ref","_jsxs","disableRipple","_jsx","displayName"],"mappings":"~~6RAmCA~~,MAAMA,EAAmBC,EAAOC,EAAe,CAC7CC,kBAAoBC,IACjB,CAAC,UAAW,OAAQ,~~QAAS,~~WAAY,aAAc,~~QAAS~~,~~QAAQC,~~SAASD,~~IAF7DH~~,~~EAStB~~,EAAGK,QAAOC,UAAU,UAAWC,OAAO,~~QAASC~~,~~OAAO,aACvD,~~MAAMC,EAASC,~~EAAoBL~~,EAAOC,EAASC,~~EAAMC~~,~~GACzD~~,~~MAAO~~,~~IACFC~~,~~EAAOE~~,~~QACV~~,~~UAAWF~~,~~EAAOG~~,~~MAClB~~,~~WAAYH~~,~~EAAOI~~,~~MACnB~~,~~kBAAmBJ~~,~~EAAOK~~,~~MAC1B~~,~~iBAAkBL~~,EAAOM,~~SAEzB~~,UAAW,~~CACTC~~,~~MAAQP~~,~~EAAOE~~,~~SAAiB~~,~~OAAM~~,~~UACtCM~~,~~cAAe~~,~~SACfC~~,cAAe,~~YAKfC~~,~~EAAmBnB~~,EAAOoB,~~EAAPpB~~,~~EAAmB~~,~~KAAA~~,~~CAC1CqB~~,SAAU,WACVC,~~KAAK~~,~~EACLC~~,~~OAAO~~,~~MAGHC~~,~~EAAiBxB~~,~~EAAOyB~~,~~EAAPzB~~,~~EAAiB~~,~~KAAA~~,~~CACtCqB~~,SAAU,WACVC,~~IAAK~~,~~EACLC~~,~~MAAO~~,~~MAGIG~~,EAAaC,GACxB,EAEIC,~~WACAC~~,~~aACAvB~~,~~UAAU~~,~~UACVC~~,~~OAAO~~,~~QACPuB~~,QACAC,~~YACAhB~~,~~YAAW~~,~~EACXiB~~,~~UACAC~~,~~YAAW~~,~~EACXzB~~,~~OAAO~~,~~YACJ0B,~~GAELC,IAGEC,~~EAACrC~~,~~EAAgB~~,~~CACfoC,~~IAAKA,EACLE,~~eAAa~~,~~EACbN,~~UAAWA,EAAS,~~UACXD~~,~~EAAK~~,~~YACHvB,~~EAAI,eACDD,~~EACdS~~,SAAUA,~~EACViB~~,QAASA,~~EACTxB~~,KAAMA,~~EACND~~,KAAMA,EACND,QAASA,~~KACL4B~~,~~EAAIN~~,SAAA,~~CAEPA~~,~~IACEC~~,~~GAAcS~~,~~EAACnB~~,EAAgB,CAAA,cAAa,~~0BAAyBS~~,~~SAAEC~~,~~IACzEI~~,~~GAAYK~~,EAACd,EAAc,CAAA,cAAa~~,+BAMjDE~~,EAAWa,YAAc"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/components/atoms/IconButton/index.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport MuiIconButton, { type IconButtonProps as MuiIconButtonProps } from '@mui/material/IconButton';\nimport { styled } from '@mui/material/styles';\n\nimport BadgeCount from '../BadgeCount';\nimport BadgeDot from '../BadgeDot';\nimport Box from '../Box';\nimport getIconButtonStyles, { type IconButtonTone, type IconButtonVariant } from './getIconButtonStyles';\n\n/*\n Custom IconButton atom for Flipdish design system.\n * - icon: The icon to display (required, use local icon library)\n * - badgeDot: Show a small dot badge (optional)\n * - badgeCount: Show a count badge (optional)\n * - variant: Visual style (primary \| secondary \| tertiary)\n * - tone: Visual tone (brand \| destructive \| inverse \| neutral)\n * - state: Visual state (default \| disabled \| focus \| hover \| press)\n * - aria-label: Accessibility label\n * - fdKey: Data attribute for testing/analytics\n * - ...rest: All other props are passed to MuiIconButton\n */\nexport interface IconButtonProps extends Omit<MuiIconButtonProps, 'color'> {\n 'aria-label': string;\n badgeCount?: number;\n badgeDot?: boolean;\n children: React.ReactNode;\n className?: string;\n disabled?: boolean;\n fdKey?: string;\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n size?: 'medium' \| 'small';\n tone?: IconButtonTone;\n variant?: IconButtonVariant;\n}\n\nconst StyledIconButton = styled(MuiIconButton, {\n shouldForwardProp: (prop) =>\n !['variant', 'tone', 'badgeDot', 'badgeCount', 'fdKey'].includes(prop as string),\n})<{\n tone?: IconButtonTone;\n variant?: IconButtonVariant;\n iconColor?: string;\n}>(({ theme, variant = 'primary', tone = 'brand' }) => {\n const styles = getIconButtonStyles(theme, variant, tone);\n const focusColor =\n tone === 'inverse'\n ? theme.palette.semantic.stroke['stroke-inverse-strong']\n : theme.palette.semantic.stroke['stroke-focus'];\n\n return {\n ...styles.default,\n overflow: 'visible', // Allow badges to overflow\n '&.Mui-disabled': { ...styles.disabled, overflow: 'visible' },\n '&.Mui-focusVisible': {\n outlineColor: focusColor,\n },\n };\n});\n\nconst StyledBox = styled(Box, {\n shouldForwardProp: (prop) => !['variant', 'tone'].includes(prop as string),\n})<{ variant: IconButtonVariant; tone: IconButtonTone }>(({ theme, variant = 'primary', tone = 'brand' }) => {\n const styles = getIconButtonStyles(theme, variant, tone);\n\n return {\n alignItems: 'center',\n borderRadius: 'inherit',\n display: 'flex',\n height: '100%',\n justifyContent: 'center',\n overflow: 'hidden',\n pointerEvents: 'none',\n width: '100%',\n '[data-variant]:hover:not(.Mui-disabled) > &': styles.hover,\n '[data-variant]:active:not(.Mui-disabled) > &': styles.press,\n };\n});\n\nconst StyledBadgeCount = styled(BadgeCount, {\n shouldForwardProp: (prop) => !['size'].includes(prop as string),\n})<{ size: 'medium' \| 'small' }>(({ theme, size }) => ({\n position: 'absolute',\n bottom: size === 'small' ? theme.spacing(2.5) : theme.spacing(4),\n left: size === 'small' ? theme.spacing(2.5) : theme.spacing(4),\n zIndex: 1,\n pointerEvents: 'none',\n}));\n\nconst StyledBadgeDot = styled(BadgeDot, {\n shouldForwardProp: (prop) => !['size'].includes(prop as string),\n})<{ size: 'medium' \| 'small' }>(({ theme, size }) => ({\n position: 'absolute',\n bottom: size === 'small' ? theme.spacing(2.5) : theme.spacing(4),\n left: size === 'small' ? theme.spacing(2.5) : theme.spacing(4),\n zIndex: 1,\n pointerEvents: 'none',\n}));\n\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n (\n {\n badgeCount,\n badgeDot = false,\n children,\n className,\n disabled = false,\n fdKey,\n onClick,\n size = 'medium',\n tone = 'brand',\n variant = 'primary',\n ...rest\n },\n ref,\n ) => {\n return (\n <StyledIconButton\n ref={ref}\n disableRipple\n className={className}\n data-fd={fdKey}\n data-tone={tone}\n data-variant={variant}\n disabled={disabled}\n onClick={onClick}\n size={size}\n tone={tone}\n variant={variant}\n {...rest}\n >\n <StyledBox tone={tone} variant={variant}>\n {children}\n </StyledBox>\n {!!badgeCount && (\n <StyledBadgeCount data-testid=\"icon-button-badge-count\" size={size}>\n {badgeCount}\n </StyledBadgeCount>\n )}\n\n {badgeDot && !badgeCount && <StyledBadgeDot data-testid=\"icon-button-badge-dot\" size={size} />}\n </StyledIconButton>\n );\n },\n);\n\nIconButton.displayName = 'IconButton';\n\nexport default IconButton;\n"],"names":["StyledIconButton","styled","MuiIconButton","shouldForwardProp","prop","includes","theme","variant","tone","styles","getIconButtonStyles","focusColor","palette","semantic","stroke","default","overflow","disabled","outlineColor","StyledBox","Box","alignItems","borderRadius","display","height","justifyContent","pointerEvents","width","hover","press","StyledBadgeCount","BadgeCount","size","position","bottom","spacing","left","zIndex","StyledBadgeDot","BadgeDot","IconButton","forwardRef","badgeCount","badgeDot","children","className","fdKey","onClick","rest","ref","_jsxs","disableRipple","_jsx","displayName"],"mappings":"8TAoCA,MAAMA,EAAmBC,EAAOC,EAAe,CAC7CC,kBAAoBC,IACjB,CAAC,UAAW,OAAQ,WAAY,aAAc,SAASC,SAASD,IAF5CH,EAOtB,EAAGK,QAAOC,UAAU,UAAWC,OAAO,YACvC,MAAMC,EAASC,EAAoBJ,EAAOC,EAASC,GAC7CG,EACK,YAATH,EACIF,EAAMM,QAAQC,SAASC,OAAO,yBAC9BR,EAAMM,QAAQC,SAASC,OAAO,gBAEpC,MAAO,IACFL,EAAOM,QACVC,SAAU,UACV,iBAAkB,IAAKP,EAAOQ,SAAUD,SAAU,WAClD,qBAAsB,CACpBE,aAAcP,OAKdQ,EAAYlB,EAAOmB,EAAK,CAC5BjB,kBAAoBC,IAAU,CAAC,UAAW,QAAQC,SAASD,IAD3CH,EAEuC,EAAGK,QAAOC,UAAU,UAAWC,OAAO,YAC7F,MAAMC,EAASC,EAAoBJ,EAAOC,EAASC,GAEnD,MAAO,CACLa,WAAY,SACZC,aAAc,UACdC,QAAS,OACTC,OAAQ,OACRC,eAAgB,SAChBT,SAAU,SACVU,cAAe,OACfC,MAAO,OACP,8CAA+ClB,EAAOmB,MACtD,+CAAgDnB,EAAOoB,UAIrDC,EAAmB7B,EAAO8B,EAAY,CAC1C5B,kBAAoBC,IAAU,CAAC,QAAQC,SAASD,IADzBH,EAEQ,EAAGK,QAAO0B,WAAM,CAC/CC,SAAU,WACVC,OAAiB,UAATF,EAAmB1B,EAAM6B,QAAQ,KAAO7B,EAAM6B,QAAQ,GAC9DC,KAAe,UAATJ,EAAmB1B,EAAM6B,QAAQ,KAAO7B,EAAM6B,QAAQ,GAC5DE,OAAQ,EACRX,cAAe,WAGXY,EAAiBrC,EAAOsC,EAAU,CACtCpC,kBAAoBC,IAAU,CAAC,QAAQC,SAASD,IAD3BH,EAEU,EAAGK,QAAO0B,WAAM,CAC/CC,SAAU,WACVC,OAAiB,UAATF,EAAmB1B,EAAM6B,QAAQ,KAAO7B,EAAM6B,QAAQ,GAC9DC,KAAe,UAATJ,EAAmB1B,EAAM6B,QAAQ,KAAO7B,EAAM6B,QAAQ,GAC5DE,OAAQ,EACRX,cAAe,WAGJc,EAAaC,GACxB,EAEIC,aACAC,YAAW,EACXC,WACAC,YACA5B,YAAW,EACX6B,QACAC,UACAf,OAAO,SACPxB,OAAO,QACPD,UAAU,aACPyC,GAELC,IAGEC,EAAClD,GACCiD,IAAKA,EACLE,iBACAN,UAAWA,EAAS,UACXC,cACEtC,EAAI,eACDD,EACdU,SAAUA,EACV8B,QAASA,EACTf,KAAMA,EACNxB,KAAMA,EACND,QAASA,KACLyC,EAAIJ,SAAA,CAERQ,EAACjC,EAAS,CAACX,KAAMA,EAAMD,QAASA,EAAOqC,SACpCA,MAEAF,GACDU,EAACtB,EAAgB,CAAA,cAAa,0BAA0BE,KAAMA,EAAIY,SAC/DF,IAIJC,IAAaD,GAAcU,EAACd,EAAc,CAAA,cAAa,wBAAwBN,KAAMA,SAM9FQ,EAAWa,YAAc"}

package/dist/mocks/msw/handlers.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";require("../../node_modules/.pnpm/msw@2.12.7_@types_node@20.19.27_typescript@5.4.5/node_modules/msw/lib/core/index.cjs.js");var e=require("../../components/organisms/AssetManager/__mocks__/mockAssets.cjs.js"),s=require("../../node_modules/.pnpm/msw@2.12.7_@types_node@20.19.27_typescript@5.4.5/node_modules/msw/lib/core/http.cjs.js"),t=require("../../node_modules/.pnpm/msw@2.12.7_@types_node@20.19.27_typescript@5.4.5/node_modules/msw/lib/core/HttpResponse.cjs.js");const o=[...[s.http.get("*/assets/orgs/:orgId/assets",(({request:s,params:o})=>(console.log("[MSW] Intercepted GET assets request:",s.url,"orgId:",o.orgId),t.HttpResponse.json(e.mockAssets)))),s.http.post("*/assets/orgs/:orgId/assets/upload",(async({request:s,params:o})=>{console.log("[MSW] Intercepted POST upload request:",s.url,"orgId:",o.orgId);const r=(await s.formData()).getAll("files").map((s=>e.createMockAsset({id:"asset_e3454351fw5",fileName:s.name,contentType:s.type||"image/jpeg",createdBy:"Test User",updatedBy:"Test User"})));return t.HttpResponse.json(r)}))]];exports.handlers=o;
+"use strict";require("../../node_modules/.pnpm/msw@2.12.7_@types_node@20.19.28_typescript@5.4.5/node_modules/msw/lib/core/index.cjs.js");var e=require("../../components/organisms/AssetManager/__mocks__/mockAssets.cjs.js"),s=require("../../node_modules/.pnpm/msw@2.12.7_@types_node@20.19.28_typescript@5.4.5/node_modules/msw/lib/core/http.cjs.js"),t=require("../../node_modules/.pnpm/msw@2.12.7_@types_node@20.19.28_typescript@5.4.5/node_modules/msw/lib/core/HttpResponse.cjs.js");const o=[...[s.http.get("*/assets/orgs/:orgId/assets",(({request:s,params:o})=>(console.log("[MSW] Intercepted GET assets request:",s.url,"orgId:",o.orgId),t.HttpResponse.json(e.mockAssets)))),s.http.post("*/assets/orgs/:orgId/assets/upload",(async({request:s,params:o})=>{console.log("[MSW] Intercepted POST upload request:",s.url,"orgId:",o.orgId);const r=(await s.formData()).getAll("files").map((s=>e.createMockAsset({id:"asset_e3454351fw5",fileName:s.name,contentType:s.type||"image/jpeg",createdBy:"Test User",updatedBy:"Test User"})));return t.HttpResponse.json(r)}))]];exports.handlers=o;
 //# sourceMappingURL=handlers.cjs.js.map

package/dist/mocks/msw/handlers.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { HttpHandler } from '../../node_modules/.pnpm/msw@2.12.7_@types_node@20.19.27_typescript@5.4.5/node_modules/msw/lib/core/handlers/HttpHandler.d.js';
+import { HttpHandler } from '../../node_modules/.pnpm/msw@2.12.7_@types_node@20.19.28_typescript@5.4.5/node_modules/msw/lib/core/handlers/HttpHandler.d.js';
 declare const handlers: HttpHandler[];

package/dist/mocks/msw/handlers.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import"../../node_modules/.pnpm/msw@2.12.7_@types_node@20.19.27_typescript@5.4.5/node_modules/msw/lib/core/index.js";import{mockAssets as e,createMockAsset as s}from"../../components/organisms/AssetManager/__mocks__/mockAssets.js";import{http as o}from"../../node_modules/.pnpm/msw@2.12.7_@types_node@20.19.27_typescript@5.4.5/node_modules/msw/lib/core/http.js";import{HttpResponse as t}from"../../node_modules/.pnpm/msw@2.12.7_@types_node@20.19.27_typescript@5.4.5/node_modules/msw/lib/core/HttpResponse.js";const r=[...[o.get("*/assets/orgs/:orgId/assets",(({request:s,params:o})=>(console.log("[MSW] Intercepted GET assets request:",s.url,"orgId:",o.orgId),t.json(e)))),o.post("*/assets/orgs/:orgId/assets/upload",(async({request:e,params:o})=>{console.log("[MSW] Intercepted POST upload request:",e.url,"orgId:",o.orgId);const r=(await e.formData()).getAll("files").map((e=>s({id:"asset_e3454351fw5",fileName:e.name,contentType:e.type||"image/jpeg",createdBy:"Test User",updatedBy:"Test User"})));return t.json(r)}))]];export{r as handlers};
+import"../../node_modules/.pnpm/msw@2.12.7_@types_node@20.19.28_typescript@5.4.5/node_modules/msw/lib/core/index.js";import{mockAssets as e,createMockAsset as s}from"../../components/organisms/AssetManager/__mocks__/mockAssets.js";import{http as o}from"../../node_modules/.pnpm/msw@2.12.7_@types_node@20.19.28_typescript@5.4.5/node_modules/msw/lib/core/http.js";import{HttpResponse as t}from"../../node_modules/.pnpm/msw@2.12.7_@types_node@20.19.28_typescript@5.4.5/node_modules/msw/lib/core/HttpResponse.js";const r=[...[o.get("*/assets/orgs/:orgId/assets",(({request:s,params:o})=>(console.log("[MSW] Intercepted GET assets request:",s.url,"orgId:",o.orgId),t.json(e)))),o.post("*/assets/orgs/:orgId/assets/upload",(async({request:e,params:o})=>{console.log("[MSW] Intercepted POST upload request:",e.url,"orgId:",o.orgId);const r=(await e.formData()).getAll("files").map((e=>s({id:"asset_e3454351fw5",fileName:e.name,contentType:e.type||"image/jpeg",createdBy:"Test User",updatedBy:"Test User"})));return t.json(r)}))]];export{r as handlers};
 //# sourceMappingURL=handlers.js.map

package/dist/mocks/msw/server.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../node_modules/.pnpm/msw@2.12.7_@types_node@20.19.27_typescript@5.4.5/node_modules/msw/lib/node/index.cjs.js"),s=require("./handlers.cjs.js");const r=e.setupServer(...s.handlers);exports.server=r;
+"use strict";var e=require("../../node_modules/.pnpm/msw@2.12.7_@types_node@20.19.28_typescript@5.4.5/node_modules/msw/lib/node/index.cjs.js"),s=require("./handlers.cjs.js");const r=e.setupServer(...s.handlers);exports.server=r;
 //# sourceMappingURL=server.cjs.js.map

package/dist/mocks/msw/server.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { SetupServerApi } from '../../node_modules/.pnpm/msw@2.12.7_@types_node@20.19.27_typescript@5.4.5/node_modules/msw/lib/node/index.d.js';
+import { SetupServerApi } from '../../node_modules/.pnpm/msw@2.12.7_@types_node@20.19.28_typescript@5.4.5/node_modules/msw/lib/node/index.d.js';
 declare const server: SetupServerApi;

package/dist/mocks/msw/server.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{setupServer as o}from"../../node_modules/.pnpm/msw@2.12.7_@types_node@20.19.27_typescript@5.4.5/node_modules/msw/lib/node/index.js";import{handlers as e}from"./handlers.js";const s=o(...e);export{s as server};
+import{setupServer as o}from"../../node_modules/.pnpm/msw@2.12.7_@types_node@20.19.28_typescript@5.4.5/node_modules/msw/lib/node/index.js";import{handlers as e}from"./handlers.js";const s=o(...e);export{s as server};
 //# sourceMappingURL=server.js.map

package/dist/node_modules/.pnpm/{msw@2.12.7_@types_node@20.19.27_typescript@5.4.5 → msw@2.12.7_@types_node@20.19.28_typescript@5.4.5}/node_modules/msw/lib/core/HttpResponse.cjs.js.map RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HttpResponse.cjs.js","sources":["../../../../../../../../../../node_modules/.pnpm/msw@2.12.7_@types+node@20.19.~~27_typescript~~@5.4.5/node_modules/msw/lib/core/HttpResponse.mjs"],"sourcesContent":["import { FetchResponse } from \"@mswjs/interceptors\";\nimport {\n decorateResponse,\n normalizeResponseInit\n} from './utils/HttpResponse/decorators.mjs';\nconst bodyType = Symbol(\"bodyType\");\nclass HttpResponse extends FetchResponse {\n [bodyType] = null;\n constructor(body, init) {\n const responseInit = normalizeResponseInit(init);\n super(body, responseInit);\n decorateResponse(this, responseInit);\n }\n static error() {\n return super.error();\n }\n /*\n Create a `Response` with a `Content-Type: \"text/plain\"` body.\n * @example\n * HttpResponse.text('hello world')\n * HttpResponse.text('Error', { status: 500 })\n /\n static text(body, init) {\n const responseInit = normalizeResponseInit(init);\n if (!responseInit.headers.has(\"Content-Type\")) {\n responseInit.headers.set(\"Content-Type\", \"text/plain\");\n }\n if (!responseInit.headers.has(\"Content-Length\")) {\n responseInit.headers.set(\n \"Content-Length\",\n body ? new Blob([body]).size.toString() : \"0\"\n );\n }\n return new HttpResponse(body, responseInit);\n }\n /\n Create a `Response` with a `Content-Type: \"application/json\"` body.\n * @example\n * HttpResponse.json({ firstName: 'John' })\n * HttpResponse.json({ error: 'Not Authorized' }, { status: 401 })\n /\n static json(body, init) {\n const responseInit = normalizeResponseInit(init);\n if (!responseInit.headers.has(\"Content-Type\")) {\n responseInit.headers.set(\"Content-Type\", \"application/json\");\n }\n const responseText = JSON.stringify(body);\n if (!responseInit.headers.has(\"Content-Length\")) {\n responseInit.headers.set(\n \"Content-Length\",\n responseText ? new Blob([responseText]).size.toString() : \"0\"\n );\n }\n return new HttpResponse(responseText, responseInit);\n }\n /\n Create a `Response` with a `Content-Type: \"application/xml\"` body.\n * @example\n * HttpResponse.xml(`<user name=\"John\" />`)\n * HttpResponse.xml(`<article id=\"abc-123\" />`, { status: 201 })\n /\n static xml(body, init) {\n const responseInit = normalizeResponseInit(init);\n if (!responseInit.headers.has(\"Content-Type\")) {\n responseInit.headers.set(\"Content-Type\", \"text/xml\");\n }\n return new HttpResponse(body, responseInit);\n }\n /\n Create a `Response` with a `Content-Type: \"text/html\"` body.\n * @example\n * HttpResponse.html(`<p class=\"author\">Jane Doe</p>`)\n * HttpResponse.html(`<main id=\"abc-123\">Main text</main>`, { status: 201 })\n /\n static html(body, init) {\n const responseInit = normalizeResponseInit(init);\n if (!responseInit.headers.has(\"Content-Type\")) {\n responseInit.headers.set(\"Content-Type\", \"text/html\");\n }\n return new HttpResponse(body, responseInit);\n }\n /\n Create a `Response` with an `ArrayBuffer` body.\n * @example\n * const buffer = new ArrayBuffer(3)\n * const view = new Uint8Array(buffer)\n * view.set([1, 2, 3])\n \n HttpResponse.arrayBuffer(buffer)\n /\n static arrayBuffer(body, init) {\n const responseInit = normalizeResponseInit(init);\n if (!responseInit.headers.has(\"Content-Type\")) {\n responseInit.headers.set(\"Content-Type\", \"application/octet-stream\");\n }\n if (body && !responseInit.headers.has(\"Content-Length\")) {\n responseInit.headers.set(\"Content-Length\", body.byteLength.toString());\n }\n return new HttpResponse(body, responseInit);\n }\n /\n Create a `Response` with a `FormData` body.\n * @example\n * const data = new FormData()\n * data.set('name', 'Alice')\n \n HttpResponse.formData(data)\n */\n static formData(body, init) {\n return new HttpResponse(body, normalizeResponseInit(init));\n }\n}\nexport {\n HttpResponse,\n bodyType\n};\n//# sourceMappingURL=HttpResponse.mjs.map"],"names":["bodyType","Symbol","HttpResponse","FetchResponse","constructor","body","init","responseInit","normalizeResponseInit","super","decorateResponse","this","error","text","headers","has","set","Blob","size","toString","json","responseText","JSON","stringify","xml","html","arrayBuffer","byteLength","formData"],"mappings":"qTAKK,MAACA,EAAWC,OAAO,YACxB,MAAMC,UAAqBC,EAAAA,cACzBH,CAACA,GAAY,KACb,WAAAI,CAAYC,EAAMC,GAChB,MAAMC,EAAeC,EAAAA,sBAAsBF,GAC3CG,MAAMJ,EAAME,GACZG,EAAAA,iBAAiBC,KAAMJ,EACzB,CACA,YAAOK,GACL,OAAOH,MAAMG,OACf,CAOA,WAAOC,CAAKR,EAAMC,GAChB,MAAMC,EAAeC,EAAAA,sBAAsBF,GAU3C,OATKC,EAAaO,QAAQC,IAAI,iBAC5BR,EAAaO,QAAQE,IAAI,eAAgB,cAEtCT,EAAaO,QAAQC,IAAI,mBAC5BR,EAAaO,QAAQE,IACnB,iBACAX,EAAO,IAAIY,KAAK,CAACZ,IAAOa,KAAKC,WAAa,KAGvC,IAAIjB,EAAaG,EAAME,EAChC,CAOA,WAAOa,CAAKf,EAAMC,GAChB,MAAMC,EAAeC,EAAAA,sBAAsBF,GACtCC,EAAaO,QAAQC,IAAI,iBAC5BR,EAAaO,QAAQE,IAAI,eAAgB,oBAE3C,MAAMK,EAAeC,KAAKC,UAAUlB,GAOpC,OANKE,EAAaO,QAAQC,IAAI,mBAC5BR,EAAaO,QAAQE,IACnB,iBACAK,EAAe,IAAIJ,KAAK,CAACI,IAAeH,KAAKC,WAAa,KAGvD,IAAIjB,EAAamB,EAAcd,EACxC,CAOA,UAAOiB,CAAInB,EAAMC,GACf,MAAMC,EAAeC,EAAAA,sBAAsBF,GAI3C,OAHKC,EAAaO,QAAQC,IAAI,iBAC5BR,EAAaO,QAAQE,IAAI,eAAgB,YAEpC,IAAId,EAAaG,EAAME,EAChC,CAOA,WAAOkB,CAAKpB,EAAMC,GAChB,MAAMC,EAAeC,EAAAA,sBAAsBF,GAI3C,OAHKC,EAAaO,QAAQC,IAAI,iBAC5BR,EAAaO,QAAQE,IAAI,eAAgB,aAEpC,IAAId,EAAaG,EAAME,EAChC,CAUA,kBAAOmB,CAAYrB,EAAMC,GACvB,MAAMC,EAAeC,EAAAA,sBAAsBF,GAO3C,OANKC,EAAaO,QAAQC,IAAI,iBAC5BR,EAAaO,QAAQE,IAAI,eAAgB,4BAEvCX,IAASE,EAAaO,QAAQC,IAAI,mBACpCR,EAAaO,QAAQE,IAAI,iBAAkBX,EAAKsB,WAAWR,YAEtD,IAAIjB,EAAaG,EAAME,EAChC,CASA,eAAOqB,CAASvB,EAAMC,GACpB,OAAO,IAAIJ,EAAaG,EAAMG,EAAAA,sBAAsBF,GACtD","x_google_ignoreList":[0]}
1	+ {"version":3,"file":"HttpResponse.cjs.js","sources":["../../../../../../../../../../node_modules/.pnpm/msw@2.12.7_@types+node@20.19.28_typescript@5.4.5/node_modules/msw/lib/core/HttpResponse.mjs"],"sourcesContent":["import { FetchResponse } from \"@mswjs/interceptors\";\nimport {\n decorateResponse,\n normalizeResponseInit\n} from './utils/HttpResponse/decorators.mjs';\nconst bodyType = Symbol(\"bodyType\");\nclass HttpResponse extends FetchResponse {\n [bodyType] = null;\n constructor(body, init) {\n const responseInit = normalizeResponseInit(init);\n super(body, responseInit);\n decorateResponse(this, responseInit);\n }\n static error() {\n return super.error();\n }\n /*\n Create a `Response` with a `Content-Type: \"text/plain\"` body.\n * @example\n * HttpResponse.text('hello world')\n * HttpResponse.text('Error', { status: 500 })\n /\n static text(body, init) {\n const responseInit = normalizeResponseInit(init);\n if (!responseInit.headers.has(\"Content-Type\")) {\n responseInit.headers.set(\"Content-Type\", \"text/plain\");\n }\n if (!responseInit.headers.has(\"Content-Length\")) {\n responseInit.headers.set(\n \"Content-Length\",\n body ? new Blob([body]).size.toString() : \"0\"\n );\n }\n return new HttpResponse(body, responseInit);\n }\n /\n Create a `Response` with a `Content-Type: \"application/json\"` body.\n * @example\n * HttpResponse.json({ firstName: 'John' })\n * HttpResponse.json({ error: 'Not Authorized' }, { status: 401 })\n /\n static json(body, init) {\n const responseInit = normalizeResponseInit(init);\n if (!responseInit.headers.has(\"Content-Type\")) {\n responseInit.headers.set(\"Content-Type\", \"application/json\");\n }\n const responseText = JSON.stringify(body);\n if (!responseInit.headers.has(\"Content-Length\")) {\n responseInit.headers.set(\n \"Content-Length\",\n responseText ? new Blob([responseText]).size.toString() : \"0\"\n );\n }\n return new HttpResponse(responseText, responseInit);\n }\n /\n Create a `Response` with a `Content-Type: \"application/xml\"` body.\n * @example\n * HttpResponse.xml(`<user name=\"John\" />`)\n * HttpResponse.xml(`<article id=\"abc-123\" />`, { status: 201 })\n /\n static xml(body, init) {\n const responseInit = normalizeResponseInit(init);\n if (!responseInit.headers.has(\"Content-Type\")) {\n responseInit.headers.set(\"Content-Type\", \"text/xml\");\n }\n return new HttpResponse(body, responseInit);\n }\n /\n Create a `Response` with a `Content-Type: \"text/html\"` body.\n * @example\n * HttpResponse.html(`<p class=\"author\">Jane Doe</p>`)\n * HttpResponse.html(`<main id=\"abc-123\">Main text</main>`, { status: 201 })\n /\n static html(body, init) {\n const responseInit = normalizeResponseInit(init);\n if (!responseInit.headers.has(\"Content-Type\")) {\n responseInit.headers.set(\"Content-Type\", \"text/html\");\n }\n return new HttpResponse(body, responseInit);\n }\n /\n Create a `Response` with an `ArrayBuffer` body.\n * @example\n * const buffer = new ArrayBuffer(3)\n * const view = new Uint8Array(buffer)\n * view.set([1, 2, 3])\n \n HttpResponse.arrayBuffer(buffer)\n /\n static arrayBuffer(body, init) {\n const responseInit = normalizeResponseInit(init);\n if (!responseInit.headers.has(\"Content-Type\")) {\n responseInit.headers.set(\"Content-Type\", \"application/octet-stream\");\n }\n if (body && !responseInit.headers.has(\"Content-Length\")) {\n responseInit.headers.set(\"Content-Length\", body.byteLength.toString());\n }\n return new HttpResponse(body, responseInit);\n }\n /\n Create a `Response` with a `FormData` body.\n * @example\n * const data = new FormData()\n * data.set('name', 'Alice')\n \n HttpResponse.formData(data)\n */\n static formData(body, init) {\n return new HttpResponse(body, normalizeResponseInit(init));\n }\n}\nexport {\n HttpResponse,\n bodyType\n};\n//# sourceMappingURL=HttpResponse.mjs.map"],"names":["bodyType","Symbol","HttpResponse","FetchResponse","constructor","body","init","responseInit","normalizeResponseInit","super","decorateResponse","this","error","text","headers","has","set","Blob","size","toString","json","responseText","JSON","stringify","xml","html","arrayBuffer","byteLength","formData"],"mappings":"qTAKK,MAACA,EAAWC,OAAO,YACxB,MAAMC,UAAqBC,EAAAA,cACzBH,CAACA,GAAY,KACb,WAAAI,CAAYC,EAAMC,GAChB,MAAMC,EAAeC,EAAAA,sBAAsBF,GAC3CG,MAAMJ,EAAME,GACZG,EAAAA,iBAAiBC,KAAMJ,EACzB,CACA,YAAOK,GACL,OAAOH,MAAMG,OACf,CAOA,WAAOC,CAAKR,EAAMC,GAChB,MAAMC,EAAeC,EAAAA,sBAAsBF,GAU3C,OATKC,EAAaO,QAAQC,IAAI,iBAC5BR,EAAaO,QAAQE,IAAI,eAAgB,cAEtCT,EAAaO,QAAQC,IAAI,mBAC5BR,EAAaO,QAAQE,IACnB,iBACAX,EAAO,IAAIY,KAAK,CAACZ,IAAOa,KAAKC,WAAa,KAGvC,IAAIjB,EAAaG,EAAME,EAChC,CAOA,WAAOa,CAAKf,EAAMC,GAChB,MAAMC,EAAeC,EAAAA,sBAAsBF,GACtCC,EAAaO,QAAQC,IAAI,iBAC5BR,EAAaO,QAAQE,IAAI,eAAgB,oBAE3C,MAAMK,EAAeC,KAAKC,UAAUlB,GAOpC,OANKE,EAAaO,QAAQC,IAAI,mBAC5BR,EAAaO,QAAQE,IACnB,iBACAK,EAAe,IAAIJ,KAAK,CAACI,IAAeH,KAAKC,WAAa,KAGvD,IAAIjB,EAAamB,EAAcd,EACxC,CAOA,UAAOiB,CAAInB,EAAMC,GACf,MAAMC,EAAeC,EAAAA,sBAAsBF,GAI3C,OAHKC,EAAaO,QAAQC,IAAI,iBAC5BR,EAAaO,QAAQE,IAAI,eAAgB,YAEpC,IAAId,EAAaG,EAAME,EAChC,CAOA,WAAOkB,CAAKpB,EAAMC,GAChB,MAAMC,EAAeC,EAAAA,sBAAsBF,GAI3C,OAHKC,EAAaO,QAAQC,IAAI,iBAC5BR,EAAaO,QAAQE,IAAI,eAAgB,aAEpC,IAAId,EAAaG,EAAME,EAChC,CAUA,kBAAOmB,CAAYrB,EAAMC,GACvB,MAAMC,EAAeC,EAAAA,sBAAsBF,GAO3C,OANKC,EAAaO,QAAQC,IAAI,iBAC5BR,EAAaO,QAAQE,IAAI,eAAgB,4BAEvCX,IAASE,EAAaO,QAAQC,IAAI,mBACpCR,EAAaO,QAAQE,IAAI,iBAAkBX,EAAKsB,WAAWR,YAEtD,IAAIjB,EAAaG,EAAME,EAChC,CASA,eAAOqB,CAASvB,EAAMC,GACpB,OAAO,IAAIJ,EAAaG,EAAMG,EAAAA,sBAAsBF,GACtD","x_google_ignoreList":[0]}