@flipdish/portal-library 4.2.3 → 4.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/atoms/IconButton/getIconButtonStyles.cjs.js +1 -1
- package/dist/components/atoms/IconButton/getIconButtonStyles.cjs.js.map +1 -1
- package/dist/components/atoms/IconButton/getIconButtonStyles.js +1 -1
- package/dist/components/atoms/IconButton/getIconButtonStyles.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var o=require("@mui/material/styles");module.exports=(r,i="primary",n="brand",e="medium")=>{const l="light"===r.palette.mode,
|
|
1
|
+
"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"]}};
|
|
2
2
|
//# sourceMappingURL=getIconButtonStyles.cjs.js.map
|
|
@@ -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 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 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 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 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 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 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 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 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 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 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","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 { 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,2 +1,2 @@
|
|
|
1
|
-
import{darken as o,lighten as r}from"@mui/material/styles";const i=(i,n="primary",e="brand",l="medium")=>{const
|
|
1
|
+
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};
|
|
2
2
|
//# sourceMappingURL=getIconButtonStyles.js.map
|
|
@@ -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 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 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 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 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 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 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 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 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 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 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","neutral","destructive","inverse","secondary","tertiary"],"mappings":"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"}
|
|
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":"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"}
|