@flipdish/portal-library 4.1.0 → 4.2.1

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 (39) hide show
  1. package/dist/components/atoms/BadgeCount/index.cjs.js +2 -0
  2. package/dist/components/atoms/BadgeCount/index.cjs.js.map +1 -0
  3. package/dist/components/atoms/BadgeCount/index.d.ts +10 -0
  4. package/dist/components/atoms/BadgeCount/index.js +2 -0
  5. package/dist/components/atoms/BadgeCount/index.js.map +1 -0
  6. package/dist/components/atoms/BadgeDot/index.cjs.js +2 -0
  7. package/dist/components/atoms/BadgeDot/index.cjs.js.map +1 -0
  8. package/dist/components/atoms/BadgeDot/index.d.ts +9 -0
  9. package/dist/components/atoms/BadgeDot/index.js +2 -0
  10. package/dist/components/atoms/BadgeDot/index.js.map +1 -0
  11. package/dist/components/atoms/Button/getButtonStyles.cjs.js +1 -1
  12. package/dist/components/atoms/Button/getButtonStyles.cjs.js.map +1 -1
  13. package/dist/components/atoms/Button/getButtonStyles.js +1 -1
  14. package/dist/components/atoms/Button/getButtonStyles.js.map +1 -1
  15. package/dist/components/atoms/IconButton/getIconButtonStyles.cjs.js +2 -0
  16. package/dist/components/atoms/IconButton/getIconButtonStyles.cjs.js.map +1 -0
  17. package/dist/components/atoms/IconButton/getIconButtonStyles.d.ts +19 -0
  18. package/dist/components/atoms/IconButton/getIconButtonStyles.js +2 -0
  19. package/dist/components/atoms/IconButton/getIconButtonStyles.js.map +1 -0
  20. package/dist/components/atoms/IconButton/iconButtonThemeOverrides.cjs.js +2 -0
  21. package/dist/components/atoms/IconButton/iconButtonThemeOverrides.cjs.js.map +1 -0
  22. package/dist/components/atoms/IconButton/iconButtonThemeOverrides.d.ts +13 -0
  23. package/dist/components/atoms/IconButton/iconButtonThemeOverrides.js +2 -0
  24. package/dist/components/atoms/IconButton/iconButtonThemeOverrides.js.map +1 -0
  25. package/dist/components/atoms/IconButton/index.cjs.js +1 -1
  26. package/dist/components/atoms/IconButton/index.cjs.js.map +1 -1
  27. package/dist/components/atoms/IconButton/index.d.ts +33 -2
  28. package/dist/components/atoms/IconButton/index.js +1 -1
  29. package/dist/components/atoms/IconButton/index.js.map +1 -1
  30. package/dist/themes/flipdishPublicTheme.cjs.js +1 -1
  31. package/dist/themes/flipdishPublicTheme.cjs.js.map +1 -1
  32. package/dist/themes/flipdishPublicTheme.js +1 -1
  33. package/dist/themes/flipdishPublicTheme.js.map +1 -1
  34. package/dist/utilities/observabilityUtilities.cjs.js +2 -0
  35. package/dist/utilities/observabilityUtilities.cjs.js.map +1 -0
  36. package/dist/utilities/observabilityUtilities.d.ts +20 -0
  37. package/dist/utilities/observabilityUtilities.js +2 -0
  38. package/dist/utilities/observabilityUtilities.js.map +1 -0
  39. package/package.json +2 -2
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("react/jsx-runtime"),t=require("@mui/material/styles"),r=require("@mui/material/Typography");const s=t.styled("span")((({theme:e,emphasis:t="strong"})=>({minWidth:24,maxWidth:"fit-content",height:24,borderRadius:16,background:"strong"===t?e.palette.semantic.fill["fill-error-strong"]:e.palette.semantic.fill["fill-error-weak"],border:"strong"===t?"none":`1px solid ${e.palette.semantic.stroke["stroke-error-weak"]}`,color:"strong"===t?e.palette.semantic.text["text-inverse-strong"]:e.palette.semantic.text["text-error"],display:"flex",alignItems:"center",justifyContent:"center",padding:"0 8px",boxSizing:"border-box",pointerEvents:"none"})));module.exports=({children:t,className:i,emphasis:a="strong","data-testid":n})=>e.jsx(s,{className:i,"data-testid":n,emphasis:a,children:e.jsx(r,{variant:"caption",children:t})});
2
+ //# sourceMappingURL=index.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/BadgeCount/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nimport Typography from '../Typography';\n\nexport interface BadgeCountProps {\n children?: React.ReactNode;\n className?: string;\n emphasis?: 'strong' | 'weak';\n 'data-testid'?: string;\n}\n\nconst StyledCount = styled('span')<BadgeCountProps>(({ theme, emphasis = 'strong' }) => ({\n minWidth: 24,\n maxWidth: 'fit-content',\n height: 24,\n borderRadius: 16,\n background: emphasis === 'strong' ? theme.palette.semantic.fill['fill-error-strong'] : theme.palette.semantic.fill['fill-error-weak'],\n border: emphasis === 'strong' ? 'none' : `1px solid ${theme.palette.semantic.stroke['stroke-error-weak']}`,\n color: emphasis === 'strong' ? theme.palette.semantic.text['text-inverse-strong'] : theme.palette.semantic.text['text-error'],\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: '0 8px',\n boxSizing: 'border-box',\n pointerEvents: 'none',\n}));\n\nconst BadgeCount: React.FC<BadgeCountProps> = ({ children, className, emphasis = 'strong', 'data-testid': dataTestId }) => (\n <StyledCount className={className} data-testid={dataTestId} emphasis={emphasis}>\n <Typography variant=\"caption\">{children}</Typography>\n </StyledCount>\n);\n\nexport default BadgeCount;"],"names":["StyledCount","styled","theme","emphasis","minWidth","maxWidth","height","borderRadius","background","palette","semantic","fill","border","stroke","color","text","display","alignItems","justifyContent","padding","boxSizing","pointerEvents","children","className","dataTestId","_jsx","Typography","variant"],"mappings":"wHAWA,MAAMA,EAAcC,EAAMA,OAAC,OAAPA,EAAgC,EAAGC,QAAOC,WAAW,aAAgB,CACvFC,SAAU,GACVC,SAAU,cACVC,OAAQ,GACRC,aAAc,GACdC,WAAyB,WAAbL,EAAwBD,EAAMO,QAAQC,SAASC,KAAK,qBAAuBT,EAAMO,QAAQC,SAASC,KAAK,mBACnHC,OAAqB,WAAbT,EAAwB,OAAS,aAAaD,EAAMO,QAAQC,SAASG,OAAO,uBACpFC,MAAoB,WAAbX,EAAwBD,EAAMO,QAAQC,SAASK,KAAK,uBAAyBb,EAAMO,QAAQC,SAASK,KAAK,cAChHC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,QAAS,QACTC,UAAW,aACXC,cAAe,0BAG6B,EAAGC,WAAUC,YAAWpB,WAAW,SAAU,cAAeqB,KACxGC,EAAAA,IAACzB,GAAYuB,UAAWA,EAAwB,cAAAC,EAAYrB,SAAUA,EACpEmB,SAAAG,EAAAA,IAACC,EAAW,CAAAC,QAAQ,UAASL,SAAEA"}
@@ -0,0 +1,10 @@
1
+ interface BadgeCountProps {
2
+ children?: React.ReactNode;
3
+ className?: string;
4
+ emphasis?: 'strong' | 'weak';
5
+ 'data-testid'?: string;
6
+ }
7
+ declare const BadgeCount: React.FC<BadgeCountProps>;
8
+
9
+ export { BadgeCount as default };
10
+ export type { BadgeCountProps };
@@ -0,0 +1,2 @@
1
+ import{jsx as t}from"react/jsx-runtime";import{styled as e}from"@mui/material/styles";import r from"@mui/material/Typography";const i=e("span")((({theme:t,emphasis:e="strong"})=>({minWidth:24,maxWidth:"fit-content",height:24,borderRadius:16,background:"strong"===e?t.palette.semantic.fill["fill-error-strong"]:t.palette.semantic.fill["fill-error-weak"],border:"strong"===e?"none":`1px solid ${t.palette.semantic.stroke["stroke-error-weak"]}`,color:"strong"===e?t.palette.semantic.text["text-inverse-strong"]:t.palette.semantic.text["text-error"],display:"flex",alignItems:"center",justifyContent:"center",padding:"0 8px",boxSizing:"border-box",pointerEvents:"none"}))),a=({children:e,className:a,emphasis:s="strong","data-testid":n})=>t(i,{className:a,"data-testid":n,emphasis:s,children:t(r,{variant:"caption",children:e})});export{a as default};
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/atoms/BadgeCount/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nimport Typography from '../Typography';\n\nexport interface BadgeCountProps {\n children?: React.ReactNode;\n className?: string;\n emphasis?: 'strong' | 'weak';\n 'data-testid'?: string;\n}\n\nconst StyledCount = styled('span')<BadgeCountProps>(({ theme, emphasis = 'strong' }) => ({\n minWidth: 24,\n maxWidth: 'fit-content',\n height: 24,\n borderRadius: 16,\n background: emphasis === 'strong' ? theme.palette.semantic.fill['fill-error-strong'] : theme.palette.semantic.fill['fill-error-weak'],\n border: emphasis === 'strong' ? 'none' : `1px solid ${theme.palette.semantic.stroke['stroke-error-weak']}`,\n color: emphasis === 'strong' ? theme.palette.semantic.text['text-inverse-strong'] : theme.palette.semantic.text['text-error'],\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: '0 8px',\n boxSizing: 'border-box',\n pointerEvents: 'none',\n}));\n\nconst BadgeCount: React.FC<BadgeCountProps> = ({ children, className, emphasis = 'strong', 'data-testid': dataTestId }) => (\n <StyledCount className={className} data-testid={dataTestId} emphasis={emphasis}>\n <Typography variant=\"caption\">{children}</Typography>\n </StyledCount>\n);\n\nexport default BadgeCount;"],"names":["StyledCount","styled","theme","emphasis","minWidth","maxWidth","height","borderRadius","background","palette","semantic","fill","border","stroke","color","text","display","alignItems","justifyContent","padding","boxSizing","pointerEvents","BadgeCount","children","className","dataTestId","_jsx","Typography","variant"],"mappings":"8HAWA,MAAMA,EAAcC,EAAO,OAAPA,EAAgC,EAAGC,QAAOC,WAAW,aAAgB,CACvFC,SAAU,GACVC,SAAU,cACVC,OAAQ,GACRC,aAAc,GACdC,WAAyB,WAAbL,EAAwBD,EAAMO,QAAQC,SAASC,KAAK,qBAAuBT,EAAMO,QAAQC,SAASC,KAAK,mBACnHC,OAAqB,WAAbT,EAAwB,OAAS,aAAaD,EAAMO,QAAQC,SAASG,OAAO,uBACpFC,MAAoB,WAAbX,EAAwBD,EAAMO,QAAQC,SAASK,KAAK,uBAAyBb,EAAMO,QAAQC,SAASK,KAAK,cAChHC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBC,QAAS,QACTC,UAAW,aACXC,cAAe,WAGXC,EAAwC,EAAGC,WAAUC,YAAWrB,WAAW,SAAU,cAAesB,KACxGC,EAAC1B,GAAYwB,UAAWA,EAAwB,cAAAC,EAAYtB,SAAUA,EACpEoB,SAAAG,EAACC,EAAW,CAAAC,QAAQ,UAASL,SAAEA"}
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("react/jsx-runtime");const s=require("@mui/material/styles").styled("span")((({theme:e,size:s="small"})=>{let t=8;return"medium"===s&&(t=12),"large"===s&&(t=16),{display:"inline-block",width:t,height:t,borderRadius:"50%",background:e.palette.semantic.fill["fill-error-strong"],pointerEvents:"none"}}));module.exports=({className:t,"data-testid":i,size:a="small"})=>e.jsx(s,{className:t,"data-testid":i,size:a});
2
+ //# sourceMappingURL=index.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/BadgeDot/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nexport interface BadgeDotProps {\n className?: string;\n 'data-testid'?: string;\n size?: 'large' | 'medium' | 'small';\n}\n\nconst StyledDot = styled('span')<BadgeDotProps>(({ theme, size = 'small' }) => {\n let dimension = 8;\n if (size === 'medium') dimension = 12;\n if (size === 'large') dimension = 16;\n return {\n display: 'inline-block',\n width: dimension,\n height: dimension,\n borderRadius: '50%',\n background: theme.palette.semantic.fill['fill-error-strong'],\n pointerEvents: 'none',\n };\n});\n\nconst BadgeDot: React.FC<BadgeDotProps> = ({ className, 'data-testid': dataTestId, size = 'small' }) => (\n <StyledDot className={className} data-testid={dataTestId} size={size} />\n);\n\nexport default BadgeDot;"],"names":["StyledDot","styled","theme","size","dimension","display","width","height","borderRadius","background","palette","semantic","fill","pointerEvents","className","dataTestId","_jsx"],"mappings":"gDAQA,MAAMA,kCAAkBC,OAAC,OAAPA,EAA8B,EAAGC,QAAOC,OAAO,YAC/D,IAAIC,EAAY,EAGhB,MAFa,WAATD,IAAmBC,EAAY,IACtB,UAATD,IAAkBC,EAAY,IAC3B,CACLC,QAAS,eACTC,MAAOF,EACPG,OAAQH,EACRI,aAAc,MACdC,WAAYP,EAAMQ,QAAQC,SAASC,KAAK,qBACxCC,cAAe,0BAIuB,EAAGC,YAAW,cAAeC,EAAYZ,OAAO,WACxFa,EAAAA,IAAChB,EAAU,CAAAc,UAAWA,EAAS,cAAeC,EAAYZ,KAAMA"}
@@ -0,0 +1,9 @@
1
+ interface BadgeDotProps {
2
+ className?: string;
3
+ 'data-testid'?: string;
4
+ size?: 'large' | 'medium' | 'small';
5
+ }
6
+ declare const BadgeDot: React.FC<BadgeDotProps>;
7
+
8
+ export { BadgeDot as default };
9
+ export type { BadgeDotProps };
@@ -0,0 +1,2 @@
1
+ import{jsx as e}from"react/jsx-runtime";import{styled as t}from"@mui/material/styles";const a=t("span")((({theme:e,size:t="small"})=>{let a=8;return"medium"===t&&(a=12),"large"===t&&(a=16),{display:"inline-block",width:a,height:a,borderRadius:"50%",background:e.palette.semantic.fill["fill-error-strong"],pointerEvents:"none"}})),s=({className:t,"data-testid":s,size:i="small"})=>e(a,{className:t,"data-testid":s,size:i});export{s as default};
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/atoms/BadgeDot/index.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles';\n\nexport interface BadgeDotProps {\n className?: string;\n 'data-testid'?: string;\n size?: 'large' | 'medium' | 'small';\n}\n\nconst StyledDot = styled('span')<BadgeDotProps>(({ theme, size = 'small' }) => {\n let dimension = 8;\n if (size === 'medium') dimension = 12;\n if (size === 'large') dimension = 16;\n return {\n display: 'inline-block',\n width: dimension,\n height: dimension,\n borderRadius: '50%',\n background: theme.palette.semantic.fill['fill-error-strong'],\n pointerEvents: 'none',\n };\n});\n\nconst BadgeDot: React.FC<BadgeDotProps> = ({ className, 'data-testid': dataTestId, size = 'small' }) => (\n <StyledDot className={className} data-testid={dataTestId} size={size} />\n);\n\nexport default BadgeDot;"],"names":["StyledDot","styled","theme","size","dimension","display","width","height","borderRadius","background","palette","semantic","fill","pointerEvents","BadgeDot","className","dataTestId","_jsx"],"mappings":"sFAQA,MAAMA,EAAYC,EAAO,OAAPA,EAA8B,EAAGC,QAAOC,OAAO,YAC/D,IAAIC,EAAY,EAGhB,MAFa,WAATD,IAAmBC,EAAY,IACtB,UAATD,IAAkBC,EAAY,IAC3B,CACLC,QAAS,eACTC,MAAOF,EACPG,OAAQH,EACRI,aAAc,MACdC,WAAYP,EAAMQ,QAAQC,SAASC,KAAK,qBACxCC,cAAe,WAIbC,EAAoC,EAAGC,YAAW,cAAeC,EAAYb,OAAO,WACxFc,EAACjB,EAAU,CAAAe,UAAWA,EAAS,cAAeC,EAAYb,KAAMA"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("@mui/material/styles");module.exports=(t,o="primary",r="brand")=>{const a={generic:{focus:{outlineOffset:"2px",outline:`2px solid ${t.palette.semantic.stroke["stroke-focus"]}`,transition:"none"}},primary:{brand:{default:{backgroundColor:t.palette.semantic.fill["fill-primary-strong"],color:t.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:t.customShadows?.raised},hover:{backgroundColor:e.darken(t.palette.semantic.fill["fill-primary-strong"],.1),color:t.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:t.customShadows?.raised},press:{backgroundColor:e.darken(t.palette.semantic.fill["fill-primary-strong"],.2),color:t.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:t.customShadows?.raised},disabled:{backgroundColor:t.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed"}},neutral:{default:{borderRadius:t.radius["radius-8"],backgroundColor:t.palette.semantic.fill["fill-strong"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},hover:{borderRadius:t.radius["radius-8"],backgroundColor:e.lighten(t.palette.semantic.fill["fill-strong"],.1),color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},press:{borderRadius:t.radius["radius-8"],backgroundColor:e.lighten(t.palette.semantic.fill["fill-strong"],.2),color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},disabled:{backgroundColor:t.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},inverse:{default:{borderRadius:t.radius["radius-8"],backgroundColor:t.palette.semantic.fill["fill-inverse-strong"],color:t.palette.semantic.text["text-strong"],boxShadow:t.customShadows?.raised},hover:{borderRadius:t.radius["radius-8"],backgroundColor:e.darken(t.palette.semantic.fill["fill-inverse-strong"],.1),color:t.palette.semantic.text["text-strong"],boxShadow:t.customShadows?.raised},press:{borderRadius:t.radius["radius-8"],backgroundColor:e.darken(t.palette.semantic.fill["fill-inverse-strong"],.2),color:t.palette.semantic.text["text-strong"],boxShadow:t.customShadows?.raised},focus:{borderRadius:t.radius["radius-8"],outlineOffset:"2px",outline:`2px solid ${e.lighten(t.palette.semantic.stroke["stroke-inverse-strong"],.4)}`,transition:"none"},disabled:{backgroundColor:t.palette.semantic.fill["fill-inverse-disabled"],color:t.palette.semantic.text["text-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},destructive:{default:{borderRadius:t.radius["radius-8"],backgroundColor:t.palette.semantic.fill["fill-error-strong"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},hover:{borderRadius:t.radius["radius-8"],backgroundColor:e.darken(t.palette.semantic.fill["fill-error-strong"],.1),color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},press:{borderRadius:t.radius["radius-8"],backgroundColor:e.darken(t.palette.semantic.fill["fill-error-strong"],.2),color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},disabled:{backgroundColor:t.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}},secondary:{brand:{default:{border:`1px solid ${t.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:t.radius["radius-8"],backgroundColor:"transparent",color:t.palette.semantic.text["text-primary"],boxShadow:t.customShadows?.raised},hover:{border:`1px solid ${t.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:t.radius["radius-8"],backgroundColor:t.palette.semantic.fill["fill-hover"],color:t.palette.semantic.text["text-primary"],boxShadow:t.customShadows?.raised},press:{border:`1px solid ${t.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:t.radius["radius-8"],backgroundColor:t.palette.semantic.fill["fill-press"],color:t.palette.semantic.text["text-primary"],boxShadow:t.customShadows?.raised},disabled:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-disabled"]}`,backgroundColor:t.palette.semantic.fill["fill-white"],color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},neutral:{default:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-strong"]}`,color:t.palette.semantic.text["text-strong"],boxShadow:t.customShadows?.raised},hover:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-hover"],color:t.palette.semantic.text["text-strong"],boxShadow:t.customShadows?.raised},press:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-press"],color:t.palette.semantic.text["text-strong"],boxShadow:t.customShadows?.raised},disabled:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-disabled"]}`,backgroundColor:t.palette.semantic.fill["fill-white"],color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},inverse:{default:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:"transparent",color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},hover:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-inverse-hover"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},press:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-inverse-press"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},disabled:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-inverse-disabled"]}`,backgroundColor:t.palette.semantic.fill["fill-inverse-hover"],color:t.palette.semantic.stroke["stroke-inverse-disabled"],boxShadow:"none",cursor:"not-allowed"}},destructive:{default:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:"transparent",color:t.palette.semantic.text["text-error"],boxShadow:t.customShadows?.raised},hover:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-hover"],color:t.palette.semantic.text["text-error"],boxShadow:t.customShadows?.raised},press:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-press"],color:t.palette.semantic.text["text-error"],boxShadow:t.customShadows?.raised},disabled:{backgroundColor:t.palette.semantic.fill["fill-white"],border:`1px solid ${t.palette.semantic.stroke["stroke-disabled"]}`,color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}},tertiary:{brand:{default:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:t.palette.semantic.text["text-primary"],boxShadow:"none"},hover:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-hover"],color:t.palette.semantic.text["text-primary"],boxShadow:"none"},press:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-press"],color:t.palette.semantic.text["text-primary"],boxShadow:"none"},disabled:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-white"],color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},neutral:{default:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:t.palette.semantic.text["text-strong"],boxShadow:"none"},hover:{backgroundColor:t.palette.semantic.fill["fill-hover"],borderColor:t.palette.semantic.stroke["stroke-strong"],color:t.palette.semantic.text["text-strong"],boxShadow:"none"},press:{backgroundColor:t.palette.semantic.fill["fill-press"],borderColor:t.palette.semantic.stroke["stroke-strong"],color:t.palette.semantic.text["text-strong"],boxShadow:"none"},disabled:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-white"],color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},inverse:{default:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},hover:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-inverse-hover"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},press:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-inverse-press"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},disabled:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-strong"],color:t.palette.semantic.stroke["stroke-inverse-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"},focus:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-inverse-hover"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none"}},destructive:{default:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:t.palette.semantic.text["text-error"],boxShadow:"none"},hover:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-hover"],color:t.palette.semantic.text["text-error"],boxShadow:"none"},press:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-press"],color:t.palette.semantic.text["text-error"],boxShadow:"none"},disabled:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-white"],color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}}};return{...a.generic,...a[o][r]}};
1
+ "use strict";var e=require("@mui/material/styles");module.exports=(t,r="primary",o="brand")=>{const a="light"===t.palette.mode,s={generic:{focus:{outlineOffset:"2px",outline:`2px solid ${t.palette.semantic.stroke["stroke-focus"]}`,transition:"none"}},primary:{brand:{default:{backgroundColor:t.palette.semantic.fill["fill-primary-strong"],color:t.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:t.customShadows?.raised},hover:{backgroundColor:a?e.darken(t.palette.semantic.fill["fill-primary-strong"],.1):e.lighten(t.palette.semantic.fill["fill-primary-strong"],.1),color:t.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:t.customShadows?.raised},press:{backgroundColor:a?e.darken(t.palette.semantic.fill["fill-primary-strong"],.2):e.lighten(t.palette.semantic.fill["fill-primary-strong"],.2),color:t.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:t.customShadows?.raised},disabled:{backgroundColor:t.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed"}},neutral:{default:{borderRadius:t.radius["radius-8"],backgroundColor:t.palette.semantic.fill["fill-strong"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},hover:{borderRadius:t.radius["radius-8"],backgroundColor:a?e.lighten(t.palette.semantic.fill["fill-strong"],.1):e.darken(t.palette.semantic.fill["fill-strong"],.1),color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},press:{borderRadius:t.radius["radius-8"],backgroundColor:a?e.lighten(t.palette.semantic.fill["fill-strong"],.2):e.darken(t.palette.semantic.fill["fill-strong"],.2),color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},disabled:{backgroundColor:t.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},inverse:{default:{borderRadius:t.radius["radius-8"],backgroundColor:t.palette.semantic.fill["fill-inverse-strong"],color:t.palette.semantic.text["text-strong"],boxShadow:t.customShadows?.raised},hover:{borderRadius:t.radius["radius-8"],backgroundColor:a?e.darken(t.palette.semantic.fill["fill-inverse-strong"],.1):e.lighten(t.palette.semantic.fill["fill-inverse-strong"],.1),color:t.palette.semantic.text["text-strong"],boxShadow:t.customShadows?.raised},press:{borderRadius:t.radius["radius-8"],backgroundColor:a?e.darken(t.palette.semantic.fill["fill-inverse-strong"],.2):e.lighten(t.palette.semantic.fill["fill-inverse-strong"],.2),color:t.palette.semantic.text["text-strong"],boxShadow:t.customShadows?.raised},focus:{borderRadius:t.radius["radius-8"],outlineOffset:"2px",outline:`2px solid ${a?e.lighten(t.palette.semantic.stroke["stroke-inverse-strong"],.4):e.darken(t.palette.semantic.stroke["stroke-inverse-strong"],.4)}`,transition:"none"},disabled:{backgroundColor:t.palette.semantic.fill["fill-inverse-disabled"],color:t.palette.semantic.text["text-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},destructive:{default:{borderRadius:t.radius["radius-8"],backgroundColor:t.palette.semantic.fill["fill-error-strong"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},hover:{borderRadius:t.radius["radius-8"],backgroundColor:a?e.darken(t.palette.semantic.fill["fill-error-strong"],.1):e.lighten(t.palette.semantic.fill["fill-error-strong"],.1),color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},press:{borderRadius:t.radius["radius-8"],backgroundColor:a?e.darken(t.palette.semantic.fill["fill-error-strong"],.2):e.lighten(t.palette.semantic.fill["fill-error-strong"],.2),color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},disabled:{backgroundColor:t.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}},secondary:{brand:{default:{border:`1px solid ${t.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:t.radius["radius-8"],backgroundColor:"transparent",color:t.palette.semantic.text["text-primary"],boxShadow:t.customShadows?.raised},hover:{border:`1px solid ${t.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:t.radius["radius-8"],backgroundColor:t.palette.semantic.fill["fill-hover"],color:t.palette.semantic.text["text-primary"],boxShadow:t.customShadows?.raised},press:{border:`1px solid ${t.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:t.radius["radius-8"],backgroundColor:t.palette.semantic.fill["fill-press"],color:t.palette.semantic.text["text-primary"],boxShadow:t.customShadows?.raised},disabled:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-disabled"]}`,backgroundColor:t.palette.semantic.fill["fill-white"],color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},neutral:{default:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-strong"]}`,color:t.palette.semantic.text["text-strong"],boxShadow:t.customShadows?.raised},hover:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-hover"],color:t.palette.semantic.text["text-strong"],boxShadow:t.customShadows?.raised},press:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-press"],color:t.palette.semantic.text["text-strong"],boxShadow:t.customShadows?.raised},disabled:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-disabled"]}`,backgroundColor:t.palette.semantic.fill["fill-white"],color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},inverse:{default:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:"transparent",color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},hover:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-inverse-hover"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},press:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-inverse-press"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:t.customShadows?.raised},disabled:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-inverse-disabled"]}`,backgroundColor:t.palette.semantic.fill["fill-inverse-hover"],color:t.palette.semantic.stroke["stroke-inverse-disabled"],boxShadow:"none",cursor:"not-allowed"}},destructive:{default:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:"transparent",color:t.palette.semantic.text["text-error"],boxShadow:t.customShadows?.raised},hover:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-hover"],color:t.palette.semantic.text["text-error"],boxShadow:t.customShadows?.raised},press:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-press"],color:t.palette.semantic.text["text-error"],boxShadow:t.customShadows?.raised},disabled:{backgroundColor:t.palette.semantic.fill["fill-white"],border:`1px solid ${t.palette.semantic.stroke["stroke-disabled"]}`,color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}},tertiary:{brand:{default:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:t.palette.semantic.text["text-primary"],boxShadow:"none"},hover:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-hover"],color:t.palette.semantic.text["text-primary"],boxShadow:"none"},press:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-press"],color:t.palette.semantic.text["text-primary"],boxShadow:"none"},disabled:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-white"],color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},neutral:{default:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:t.palette.semantic.text["text-strong"],boxShadow:"none"},hover:{backgroundColor:t.palette.semantic.fill["fill-hover"],borderColor:t.palette.semantic.stroke["stroke-strong"],color:t.palette.semantic.text["text-strong"],boxShadow:"none"},press:{backgroundColor:t.palette.semantic.fill["fill-press"],borderColor:t.palette.semantic.stroke["stroke-strong"],color:t.palette.semantic.text["text-strong"],boxShadow:"none"},disabled:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-white"],color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},inverse:{default:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},hover:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-inverse-hover"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},press:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-inverse-press"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},disabled:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-strong"],color:t.palette.semantic.stroke["stroke-inverse-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"},focus:{borderRadius:t.radius["radius-8"],border:`1px solid ${t.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:t.palette.semantic.fill["fill-inverse-hover"],color:t.palette.semantic.text["text-inverse-strong"],boxShadow:"none"}},destructive:{default:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:t.palette.semantic.text["text-error"],boxShadow:"none"},hover:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-hover"],color:t.palette.semantic.text["text-error"],boxShadow:"none"},press:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-press"],color:t.palette.semantic.text["text-error"],boxShadow:"none"},disabled:{borderRadius:t.radius["radius-8"],border:"none",backgroundColor:t.palette.semantic.fill["fill-white"],color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}}};return{...s.generic,...s[r][o]}};
2
2
  //# sourceMappingURL=getButtonStyles.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"getButtonStyles.cjs.js","sources":["../../../../src/components/atoms/Button/getButtonStyles.ts"],"sourcesContent":["import { darken, lighten, type Theme } from '@mui/material/styles';\n\nexport type ButtonType = 'primary' | 'secondary' | 'tertiary';\nexport type ButtonTone = 'brand' | 'destructive' | 'inverse' | 'neutral' | undefined;\ntype ButtonState = 'default' | 'disabled' | 'focus' | 'hover' | 'press';\n\ninterface StyleObject {\n [property: string]: number | string | undefined;\n}\n\ntype ButtonStyles = {\n [state in ButtonState]?: StyleObject;\n};\nconst getButtonStyles = (theme: Theme, variant: ButtonType = 'primary', tone: ButtonTone = 'brand'): ButtonStyles => {\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 backgroundColor: theme.palette.semantic.fill['fill-primary-strong'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n borderRadius: '8px',\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n backgroundColor: darken(theme.palette.semantic.fill['fill-primary-strong'], 0.1),\n color: theme.palette.semantic.text['text-inverse-strong'],\n borderRadius: '8px',\n boxShadow: theme.customShadows?.raised\n },\n press: {\n backgroundColor: darken(theme.palette.semantic.fill['fill-primary-strong'], 0.2),\n color: theme.palette.semantic.text['text-inverse-strong'],\n borderRadius: '8px',\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n backgroundColor: theme.palette.semantic.fill['fill-disabled'],\n borderColor: 'transparent',\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n },\n },\n neutral: {\n default: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: theme.palette.semantic.fill['fill-strong'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: lighten(theme.palette.semantic.fill['fill-strong'], 0.1),\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: lighten(theme.palette.semantic.fill['fill-strong'], 0.2),\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n backgroundColor: theme.palette.semantic.fill['fill-disabled'],\n borderColor: 'transparent',\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n inverse: {\n default: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: theme.palette.semantic.fill['fill-inverse-strong'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: darken(theme.palette.semantic.fill['fill-inverse-strong'], 0.1),\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: darken(theme.palette.semantic.fill['fill-inverse-strong'], 0.2),\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n focus: {\n borderRadius: theme.radius['radius-8'],\n outlineOffset: '2px',\n outline: `2px solid ${lighten(theme.palette.semantic.stroke['stroke-inverse-strong'], 0.4)}`,\n transition: 'none',\n },\n disabled: {\n backgroundColor: theme.palette.semantic.fill['fill-inverse-disabled'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n destructive: {\n default: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: theme.palette.semantic.fill['fill-error-strong'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: darken(theme.palette.semantic.fill['fill-error-strong'], 0.1),\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: darken(theme.palette.semantic.fill['fill-error-strong'], 0.2),\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n backgroundColor: theme.palette.semantic.fill['fill-disabled'],\n borderColor: 'transparent',\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n },\n secondary: {\n brand: {\n default: {\n border: `1px solid ${theme.palette.semantic.stroke['stroke-primary-strong']}`,\n borderRadius: theme.radius['radius-8'],\n backgroundColor: 'transparent',\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n border: `1px solid ${theme.palette.semantic.stroke['stroke-primary-strong']}`,\n borderRadius: theme.radius['radius-8'],\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n border: `1px solid ${theme.palette.semantic.stroke['stroke-primary-strong']}`,\n borderRadius: theme.radius['radius-8'],\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-disabled']}`,\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n neutral: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-strong']}`,\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-disabled']}`,\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n inverse: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n backgroundColor: 'transparent',\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-inverse-press'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-disabled']}`,\n backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n color: theme.palette.semantic.stroke['stroke-inverse-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n },\n },\n destructive: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-error-strong']}`,\n backgroundColor: 'transparent',\n color: theme.palette.semantic.text['text-error'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-error-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n color: theme.palette.semantic.text['text-error'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-error-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n color: theme.palette.semantic.text['text-error'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-disabled']}`,\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n },\n\n tertiary: {\n brand: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: 'transparent',\n textDecoration: 'underline',\n textUnderlineOffset: '25%',\n textUnderlinePosition: 'from-font',\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: 'none'\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: 'none'\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: 'none'\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n neutral: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: 'transparent',\n textDecoration: 'underline',\n textUnderlineOffset: '25%',\n textUnderlinePosition: 'from-font',\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: 'none'\n },\n hover: {\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n borderColor: theme.palette.semantic.stroke['stroke-strong'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: 'none'\n },\n press: {\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n borderColor: theme.palette.semantic.stroke['stroke-strong'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: 'none'\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border:'none',\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n inverse: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: 'transparent',\n textDecoration: 'underline',\n textUnderlineOffset: '25%',\n textUnderlinePosition: 'from-font',\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none'\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none'\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-inverse-press'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none'\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-strong'],\n color: theme.palette.semantic.stroke['stroke-inverse-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n focus: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none'\n },\n },\n destructive: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: 'transparent',\n textDecoration: 'underline',\n textUnderlineOffset: '25%',\n textUnderlinePosition: 'from-font',\n color: theme.palette.semantic.text['text-error'],\n boxShadow: 'none',\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n color: theme.palette.semantic.text['text-error'],\n boxShadow: 'none'\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n color: theme.palette.semantic.text['text-error'],\n boxShadow: 'none'\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n },\n };\n return { ...variants.generic, ...variants[variant][tone] };\n};\n\nexport default getButtonStyles;\n"],"names":["theme","variant","tone","variants","generic","focus","outlineOffset","outline","palette","semantic","stroke","transition","primary","brand","default","backgroundColor","fill","color","text","borderRadius","boxShadow","customShadows","raised","hover","darken","press","disabled","borderColor","cursor","neutral","radius","lighten","pointerEvents","inverse","destructive","secondary","border","tertiary","textDecoration","textUnderlineOffset","textUnderlinePosition"],"mappings":"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"}
1
+ {"version":3,"file":"getButtonStyles.cjs.js","sources":["../../../../src/components/atoms/Button/getButtonStyles.ts"],"sourcesContent":["import { darken, lighten, type Theme } from '@mui/material/styles';\n\nexport type ButtonType = 'primary' | 'secondary' | 'tertiary';\nexport type ButtonTone = 'brand' | 'destructive' | 'inverse' | 'neutral' | undefined;\ntype ButtonState = 'default' | 'disabled' | 'focus' | 'hover' | 'press';\n\ninterface StyleObject {\n [property: string]: number | string | undefined;\n}\n\ntype ButtonStyles = {\n [state in ButtonState]?: StyleObject;\n};\nconst getButtonStyles = (theme: Theme, variant: ButtonType = 'primary', tone: ButtonTone = 'brand'): ButtonStyles => {\n const isLight = theme.palette.mode === 'light';\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 backgroundColor: theme.palette.semantic.fill['fill-primary-strong'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n borderRadius: '8px',\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n backgroundColor: isLight ? darken(theme.palette.semantic.fill['fill-primary-strong'], 0.1) : lighten(theme.palette.semantic.fill['fill-primary-strong'], 0.1),\n color: theme.palette.semantic.text['text-inverse-strong'],\n borderRadius: '8px',\n boxShadow: theme.customShadows?.raised\n },\n press: {\n backgroundColor: isLight ? darken(theme.palette.semantic.fill['fill-primary-strong'], 0.2) : lighten(theme.palette.semantic.fill['fill-primary-strong'], 0.2),\n color: theme.palette.semantic.text['text-inverse-strong'],\n borderRadius: '8px',\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n backgroundColor: theme.palette.semantic.fill['fill-disabled'],\n borderColor: 'transparent',\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n },\n },\n neutral: {\n default: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: theme.palette.semantic.fill['fill-strong'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: isLight ? lighten(theme.palette.semantic.fill['fill-strong'], 0.1) : darken(theme.palette.semantic.fill['fill-strong'], 0.1),\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: isLight ? lighten(theme.palette.semantic.fill['fill-strong'], 0.2) : darken(theme.palette.semantic.fill['fill-strong'], 0.2),\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n backgroundColor: theme.palette.semantic.fill['fill-disabled'],\n borderColor: 'transparent',\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n inverse: {\n default: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: theme.palette.semantic.fill['fill-inverse-strong'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: isLight ? darken(theme.palette.semantic.fill['fill-inverse-strong'], 0.1) : lighten(theme.palette.semantic.fill['fill-inverse-strong'], 0.1),\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: isLight ? darken(theme.palette.semantic.fill['fill-inverse-strong'], 0.2) : lighten(theme.palette.semantic.fill['fill-inverse-strong'], 0.2),\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n focus: {\n borderRadius: theme.radius['radius-8'],\n outlineOffset: '2px',\n outline: `2px solid ${isLight ? lighten(theme.palette.semantic.stroke['stroke-inverse-strong'], 0.4) : darken(theme.palette.semantic.stroke['stroke-inverse-strong'], 0.4)}`,\n transition: 'none',\n },\n disabled: {\n backgroundColor: theme.palette.semantic.fill['fill-inverse-disabled'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n destructive: {\n default: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: theme.palette.semantic.fill['fill-error-strong'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: isLight ? darken(theme.palette.semantic.fill['fill-error-strong'], 0.1) : lighten(theme.palette.semantic.fill['fill-error-strong'], 0.1),\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: isLight ? darken(theme.palette.semantic.fill['fill-error-strong'], 0.2) : lighten(theme.palette.semantic.fill['fill-error-strong'], 0.2),\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n backgroundColor: theme.palette.semantic.fill['fill-disabled'],\n borderColor: 'transparent',\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n },\n secondary: {\n brand: {\n default: {\n border: `1px solid ${theme.palette.semantic.stroke['stroke-primary-strong']}`,\n borderRadius: theme.radius['radius-8'],\n backgroundColor: 'transparent',\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n border: `1px solid ${theme.palette.semantic.stroke['stroke-primary-strong']}`,\n borderRadius: theme.radius['radius-8'],\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n border: `1px solid ${theme.palette.semantic.stroke['stroke-primary-strong']}`,\n borderRadius: theme.radius['radius-8'],\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-disabled']}`,\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n neutral: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-strong']}`,\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-disabled']}`,\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n inverse: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n backgroundColor: 'transparent',\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-inverse-press'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-disabled']}`,\n backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n color: theme.palette.semantic.stroke['stroke-inverse-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n },\n },\n destructive: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-error-strong']}`,\n backgroundColor: 'transparent',\n color: theme.palette.semantic.text['text-error'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-error-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n color: theme.palette.semantic.text['text-error'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-error-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n color: theme.palette.semantic.text['text-error'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-disabled']}`,\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n },\n\n tertiary: {\n brand: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: 'transparent',\n textDecoration: 'underline',\n textUnderlineOffset: '25%',\n textUnderlinePosition: 'from-font',\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: 'none'\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: 'none'\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: 'none'\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n neutral: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: 'transparent',\n textDecoration: 'underline',\n textUnderlineOffset: '25%',\n textUnderlinePosition: 'from-font',\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: 'none'\n },\n hover: {\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n borderColor: theme.palette.semantic.stroke['stroke-strong'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: 'none'\n },\n press: {\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n borderColor: theme.palette.semantic.stroke['stroke-strong'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: 'none'\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border:'none',\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n inverse: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: 'transparent',\n textDecoration: 'underline',\n textUnderlineOffset: '25%',\n textUnderlinePosition: 'from-font',\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none'\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none'\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-inverse-press'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none'\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-strong'],\n color: theme.palette.semantic.stroke['stroke-inverse-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n focus: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none'\n },\n },\n destructive: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: 'transparent',\n textDecoration: 'underline',\n textUnderlineOffset: '25%',\n textUnderlinePosition: 'from-font',\n color: theme.palette.semantic.text['text-error'],\n boxShadow: 'none',\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n color: theme.palette.semantic.text['text-error'],\n boxShadow: 'none'\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n color: theme.palette.semantic.text['text-error'],\n boxShadow: 'none'\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n },\n };\n return { ...variants.generic, ...variants[variant][tone] };\n};\n\nexport default getButtonStyles;\n"],"names":["theme","variant","tone","isLight","palette","mode","variants","generic","focus","outlineOffset","outline","semantic","stroke","transition","primary","brand","default","backgroundColor","fill","color","text","borderRadius","boxShadow","customShadows","raised","hover","darken","lighten","press","disabled","borderColor","cursor","neutral","radius","pointerEvents","inverse","destructive","secondary","border","tertiary","textDecoration","textUnderlineOffset","textUnderlinePosition"],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- import{darken as e,lighten as t}from"@mui/material/styles";const o=(o,r="primary",a="brand")=>{const s={generic:{focus:{outlineOffset:"2px",outline:`2px solid ${o.palette.semantic.stroke["stroke-focus"]}`,transition:"none"}},primary:{brand:{default:{backgroundColor:o.palette.semantic.fill["fill-primary-strong"],color:o.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:o.customShadows?.raised},hover:{backgroundColor:e(o.palette.semantic.fill["fill-primary-strong"],.1),color:o.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:o.customShadows?.raised},press:{backgroundColor:e(o.palette.semantic.fill["fill-primary-strong"],.2),color:o.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:o.customShadows?.raised},disabled:{backgroundColor:o.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed"}},neutral:{default:{borderRadius:o.radius["radius-8"],backgroundColor:o.palette.semantic.fill["fill-strong"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},hover:{borderRadius:o.radius["radius-8"],backgroundColor:t(o.palette.semantic.fill["fill-strong"],.1),color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},press:{borderRadius:o.radius["radius-8"],backgroundColor:t(o.palette.semantic.fill["fill-strong"],.2),color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},disabled:{backgroundColor:o.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},inverse:{default:{borderRadius:o.radius["radius-8"],backgroundColor:o.palette.semantic.fill["fill-inverse-strong"],color:o.palette.semantic.text["text-strong"],boxShadow:o.customShadows?.raised},hover:{borderRadius:o.radius["radius-8"],backgroundColor:e(o.palette.semantic.fill["fill-inverse-strong"],.1),color:o.palette.semantic.text["text-strong"],boxShadow:o.customShadows?.raised},press:{borderRadius:o.radius["radius-8"],backgroundColor:e(o.palette.semantic.fill["fill-inverse-strong"],.2),color:o.palette.semantic.text["text-strong"],boxShadow:o.customShadows?.raised},focus:{borderRadius:o.radius["radius-8"],outlineOffset:"2px",outline:`2px solid ${t(o.palette.semantic.stroke["stroke-inverse-strong"],.4)}`,transition:"none"},disabled:{backgroundColor:o.palette.semantic.fill["fill-inverse-disabled"],color:o.palette.semantic.text["text-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},destructive:{default:{borderRadius:o.radius["radius-8"],backgroundColor:o.palette.semantic.fill["fill-error-strong"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},hover:{borderRadius:o.radius["radius-8"],backgroundColor:e(o.palette.semantic.fill["fill-error-strong"],.1),color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},press:{borderRadius:o.radius["radius-8"],backgroundColor:e(o.palette.semantic.fill["fill-error-strong"],.2),color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},disabled:{backgroundColor:o.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}},secondary:{brand:{default:{border:`1px solid ${o.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:o.radius["radius-8"],backgroundColor:"transparent",color:o.palette.semantic.text["text-primary"],boxShadow:o.customShadows?.raised},hover:{border:`1px solid ${o.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:o.radius["radius-8"],backgroundColor:o.palette.semantic.fill["fill-hover"],color:o.palette.semantic.text["text-primary"],boxShadow:o.customShadows?.raised},press:{border:`1px solid ${o.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:o.radius["radius-8"],backgroundColor:o.palette.semantic.fill["fill-press"],color:o.palette.semantic.text["text-primary"],boxShadow:o.customShadows?.raised},disabled:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-disabled"]}`,backgroundColor:o.palette.semantic.fill["fill-white"],color:o.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},neutral:{default:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-strong"]}`,color:o.palette.semantic.text["text-strong"],boxShadow:o.customShadows?.raised},hover:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-hover"],color:o.palette.semantic.text["text-strong"],boxShadow:o.customShadows?.raised},press:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-press"],color:o.palette.semantic.text["text-strong"],boxShadow:o.customShadows?.raised},disabled:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-disabled"]}`,backgroundColor:o.palette.semantic.fill["fill-white"],color:o.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},inverse:{default:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:"transparent",color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},hover:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-inverse-hover"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},press:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-inverse-press"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},disabled:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-inverse-disabled"]}`,backgroundColor:o.palette.semantic.fill["fill-inverse-hover"],color:o.palette.semantic.stroke["stroke-inverse-disabled"],boxShadow:"none",cursor:"not-allowed"}},destructive:{default:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:"transparent",color:o.palette.semantic.text["text-error"],boxShadow:o.customShadows?.raised},hover:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-hover"],color:o.palette.semantic.text["text-error"],boxShadow:o.customShadows?.raised},press:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-press"],color:o.palette.semantic.text["text-error"],boxShadow:o.customShadows?.raised},disabled:{backgroundColor:o.palette.semantic.fill["fill-white"],border:`1px solid ${o.palette.semantic.stroke["stroke-disabled"]}`,color:o.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}},tertiary:{brand:{default:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:o.palette.semantic.text["text-primary"],boxShadow:"none"},hover:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-hover"],color:o.palette.semantic.text["text-primary"],boxShadow:"none"},press:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-press"],color:o.palette.semantic.text["text-primary"],boxShadow:"none"},disabled:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-white"],color:o.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},neutral:{default:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:o.palette.semantic.text["text-strong"],boxShadow:"none"},hover:{backgroundColor:o.palette.semantic.fill["fill-hover"],borderColor:o.palette.semantic.stroke["stroke-strong"],color:o.palette.semantic.text["text-strong"],boxShadow:"none"},press:{backgroundColor:o.palette.semantic.fill["fill-press"],borderColor:o.palette.semantic.stroke["stroke-strong"],color:o.palette.semantic.text["text-strong"],boxShadow:"none"},disabled:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-white"],color:o.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},inverse:{default:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},hover:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-inverse-hover"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},press:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-inverse-press"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},disabled:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-strong"],color:o.palette.semantic.stroke["stroke-inverse-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"},focus:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-inverse-hover"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none"}},destructive:{default:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:o.palette.semantic.text["text-error"],boxShadow:"none"},hover:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-hover"],color:o.palette.semantic.text["text-error"],boxShadow:"none"},press:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-press"],color:o.palette.semantic.text["text-error"],boxShadow:"none"},disabled:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-white"],color:o.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}}};return{...s.generic,...s[r][a]}};export{o as default};
1
+ import{darken as e,lighten as t}from"@mui/material/styles";const o=(o,r="primary",a="brand")=>{const s="light"===o.palette.mode,i={generic:{focus:{outlineOffset:"2px",outline:`2px solid ${o.palette.semantic.stroke["stroke-focus"]}`,transition:"none"}},primary:{brand:{default:{backgroundColor:o.palette.semantic.fill["fill-primary-strong"],color:o.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:o.customShadows?.raised},hover:{backgroundColor:s?e(o.palette.semantic.fill["fill-primary-strong"],.1):t(o.palette.semantic.fill["fill-primary-strong"],.1),color:o.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:o.customShadows?.raised},press:{backgroundColor:s?e(o.palette.semantic.fill["fill-primary-strong"],.2):t(o.palette.semantic.fill["fill-primary-strong"],.2),color:o.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:o.customShadows?.raised},disabled:{backgroundColor:o.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed"}},neutral:{default:{borderRadius:o.radius["radius-8"],backgroundColor:o.palette.semantic.fill["fill-strong"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},hover:{borderRadius:o.radius["radius-8"],backgroundColor:s?t(o.palette.semantic.fill["fill-strong"],.1):e(o.palette.semantic.fill["fill-strong"],.1),color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},press:{borderRadius:o.radius["radius-8"],backgroundColor:s?t(o.palette.semantic.fill["fill-strong"],.2):e(o.palette.semantic.fill["fill-strong"],.2),color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},disabled:{backgroundColor:o.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},inverse:{default:{borderRadius:o.radius["radius-8"],backgroundColor:o.palette.semantic.fill["fill-inverse-strong"],color:o.palette.semantic.text["text-strong"],boxShadow:o.customShadows?.raised},hover:{borderRadius:o.radius["radius-8"],backgroundColor:s?e(o.palette.semantic.fill["fill-inverse-strong"],.1):t(o.palette.semantic.fill["fill-inverse-strong"],.1),color:o.palette.semantic.text["text-strong"],boxShadow:o.customShadows?.raised},press:{borderRadius:o.radius["radius-8"],backgroundColor:s?e(o.palette.semantic.fill["fill-inverse-strong"],.2):t(o.palette.semantic.fill["fill-inverse-strong"],.2),color:o.palette.semantic.text["text-strong"],boxShadow:o.customShadows?.raised},focus:{borderRadius:o.radius["radius-8"],outlineOffset:"2px",outline:`2px solid ${s?t(o.palette.semantic.stroke["stroke-inverse-strong"],.4):e(o.palette.semantic.stroke["stroke-inverse-strong"],.4)}`,transition:"none"},disabled:{backgroundColor:o.palette.semantic.fill["fill-inverse-disabled"],color:o.palette.semantic.text["text-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},destructive:{default:{borderRadius:o.radius["radius-8"],backgroundColor:o.palette.semantic.fill["fill-error-strong"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},hover:{borderRadius:o.radius["radius-8"],backgroundColor:s?e(o.palette.semantic.fill["fill-error-strong"],.1):t(o.palette.semantic.fill["fill-error-strong"],.1),color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},press:{borderRadius:o.radius["radius-8"],backgroundColor:s?e(o.palette.semantic.fill["fill-error-strong"],.2):t(o.palette.semantic.fill["fill-error-strong"],.2),color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},disabled:{backgroundColor:o.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}},secondary:{brand:{default:{border:`1px solid ${o.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:o.radius["radius-8"],backgroundColor:"transparent",color:o.palette.semantic.text["text-primary"],boxShadow:o.customShadows?.raised},hover:{border:`1px solid ${o.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:o.radius["radius-8"],backgroundColor:o.palette.semantic.fill["fill-hover"],color:o.palette.semantic.text["text-primary"],boxShadow:o.customShadows?.raised},press:{border:`1px solid ${o.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:o.radius["radius-8"],backgroundColor:o.palette.semantic.fill["fill-press"],color:o.palette.semantic.text["text-primary"],boxShadow:o.customShadows?.raised},disabled:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-disabled"]}`,backgroundColor:o.palette.semantic.fill["fill-white"],color:o.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},neutral:{default:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-strong"]}`,color:o.palette.semantic.text["text-strong"],boxShadow:o.customShadows?.raised},hover:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-hover"],color:o.palette.semantic.text["text-strong"],boxShadow:o.customShadows?.raised},press:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-press"],color:o.palette.semantic.text["text-strong"],boxShadow:o.customShadows?.raised},disabled:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-disabled"]}`,backgroundColor:o.palette.semantic.fill["fill-white"],color:o.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},inverse:{default:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:"transparent",color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},hover:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-inverse-hover"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},press:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-inverse-press"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:o.customShadows?.raised},disabled:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-inverse-disabled"]}`,backgroundColor:o.palette.semantic.fill["fill-inverse-hover"],color:o.palette.semantic.stroke["stroke-inverse-disabled"],boxShadow:"none",cursor:"not-allowed"}},destructive:{default:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:"transparent",color:o.palette.semantic.text["text-error"],boxShadow:o.customShadows?.raised},hover:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-hover"],color:o.palette.semantic.text["text-error"],boxShadow:o.customShadows?.raised},press:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-press"],color:o.palette.semantic.text["text-error"],boxShadow:o.customShadows?.raised},disabled:{backgroundColor:o.palette.semantic.fill["fill-white"],border:`1px solid ${o.palette.semantic.stroke["stroke-disabled"]}`,color:o.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}},tertiary:{brand:{default:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:o.palette.semantic.text["text-primary"],boxShadow:"none"},hover:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-hover"],color:o.palette.semantic.text["text-primary"],boxShadow:"none"},press:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-press"],color:o.palette.semantic.text["text-primary"],boxShadow:"none"},disabled:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-white"],color:o.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},neutral:{default:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:o.palette.semantic.text["text-strong"],boxShadow:"none"},hover:{backgroundColor:o.palette.semantic.fill["fill-hover"],borderColor:o.palette.semantic.stroke["stroke-strong"],color:o.palette.semantic.text["text-strong"],boxShadow:"none"},press:{backgroundColor:o.palette.semantic.fill["fill-press"],borderColor:o.palette.semantic.stroke["stroke-strong"],color:o.palette.semantic.text["text-strong"],boxShadow:"none"},disabled:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-white"],color:o.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},inverse:{default:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},hover:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-inverse-hover"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},press:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-inverse-press"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},disabled:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-strong"],color:o.palette.semantic.stroke["stroke-inverse-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"},focus:{borderRadius:o.radius["radius-8"],border:`1px solid ${o.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:o.palette.semantic.fill["fill-inverse-hover"],color:o.palette.semantic.text["text-inverse-strong"],boxShadow:"none"}},destructive:{default:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:o.palette.semantic.text["text-error"],boxShadow:"none"},hover:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-hover"],color:o.palette.semantic.text["text-error"],boxShadow:"none"},press:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-press"],color:o.palette.semantic.text["text-error"],boxShadow:"none"},disabled:{borderRadius:o.radius["radius-8"],border:"none",backgroundColor:o.palette.semantic.fill["fill-white"],color:o.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}}};return{...i.generic,...i[r][a]}};export{o as default};
2
2
  //# sourceMappingURL=getButtonStyles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"getButtonStyles.js","sources":["../../../../src/components/atoms/Button/getButtonStyles.ts"],"sourcesContent":["import { darken, lighten, type Theme } from '@mui/material/styles';\n\nexport type ButtonType = 'primary' | 'secondary' | 'tertiary';\nexport type ButtonTone = 'brand' | 'destructive' | 'inverse' | 'neutral' | undefined;\ntype ButtonState = 'default' | 'disabled' | 'focus' | 'hover' | 'press';\n\ninterface StyleObject {\n [property: string]: number | string | undefined;\n}\n\ntype ButtonStyles = {\n [state in ButtonState]?: StyleObject;\n};\nconst getButtonStyles = (theme: Theme, variant: ButtonType = 'primary', tone: ButtonTone = 'brand'): ButtonStyles => {\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 backgroundColor: theme.palette.semantic.fill['fill-primary-strong'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n borderRadius: '8px',\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n backgroundColor: darken(theme.palette.semantic.fill['fill-primary-strong'], 0.1),\n color: theme.palette.semantic.text['text-inverse-strong'],\n borderRadius: '8px',\n boxShadow: theme.customShadows?.raised\n },\n press: {\n backgroundColor: darken(theme.palette.semantic.fill['fill-primary-strong'], 0.2),\n color: theme.palette.semantic.text['text-inverse-strong'],\n borderRadius: '8px',\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n backgroundColor: theme.palette.semantic.fill['fill-disabled'],\n borderColor: 'transparent',\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n },\n },\n neutral: {\n default: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: theme.palette.semantic.fill['fill-strong'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: lighten(theme.palette.semantic.fill['fill-strong'], 0.1),\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: lighten(theme.palette.semantic.fill['fill-strong'], 0.2),\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n backgroundColor: theme.palette.semantic.fill['fill-disabled'],\n borderColor: 'transparent',\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n inverse: {\n default: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: theme.palette.semantic.fill['fill-inverse-strong'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: darken(theme.palette.semantic.fill['fill-inverse-strong'], 0.1),\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: darken(theme.palette.semantic.fill['fill-inverse-strong'], 0.2),\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n focus: {\n borderRadius: theme.radius['radius-8'],\n outlineOffset: '2px',\n outline: `2px solid ${lighten(theme.palette.semantic.stroke['stroke-inverse-strong'], 0.4)}`,\n transition: 'none',\n },\n disabled: {\n backgroundColor: theme.palette.semantic.fill['fill-inverse-disabled'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n destructive: {\n default: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: theme.palette.semantic.fill['fill-error-strong'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: darken(theme.palette.semantic.fill['fill-error-strong'], 0.1),\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: darken(theme.palette.semantic.fill['fill-error-strong'], 0.2),\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n backgroundColor: theme.palette.semantic.fill['fill-disabled'],\n borderColor: 'transparent',\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n },\n secondary: {\n brand: {\n default: {\n border: `1px solid ${theme.palette.semantic.stroke['stroke-primary-strong']}`,\n borderRadius: theme.radius['radius-8'],\n backgroundColor: 'transparent',\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n border: `1px solid ${theme.palette.semantic.stroke['stroke-primary-strong']}`,\n borderRadius: theme.radius['radius-8'],\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n border: `1px solid ${theme.palette.semantic.stroke['stroke-primary-strong']}`,\n borderRadius: theme.radius['radius-8'],\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-disabled']}`,\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n neutral: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-strong']}`,\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-disabled']}`,\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n inverse: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n backgroundColor: 'transparent',\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-inverse-press'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-disabled']}`,\n backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n color: theme.palette.semantic.stroke['stroke-inverse-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n },\n },\n destructive: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-error-strong']}`,\n backgroundColor: 'transparent',\n color: theme.palette.semantic.text['text-error'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-error-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n color: theme.palette.semantic.text['text-error'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-error-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n color: theme.palette.semantic.text['text-error'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-disabled']}`,\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n },\n\n tertiary: {\n brand: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: 'transparent',\n textDecoration: 'underline',\n textUnderlineOffset: '25%',\n textUnderlinePosition: 'from-font',\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: 'none'\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: 'none'\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: 'none'\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n neutral: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: 'transparent',\n textDecoration: 'underline',\n textUnderlineOffset: '25%',\n textUnderlinePosition: 'from-font',\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: 'none'\n },\n hover: {\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n borderColor: theme.palette.semantic.stroke['stroke-strong'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: 'none'\n },\n press: {\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n borderColor: theme.palette.semantic.stroke['stroke-strong'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: 'none'\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border:'none',\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n inverse: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: 'transparent',\n textDecoration: 'underline',\n textUnderlineOffset: '25%',\n textUnderlinePosition: 'from-font',\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none'\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none'\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-inverse-press'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none'\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-strong'],\n color: theme.palette.semantic.stroke['stroke-inverse-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n focus: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none'\n },\n },\n destructive: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: 'transparent',\n textDecoration: 'underline',\n textUnderlineOffset: '25%',\n textUnderlinePosition: 'from-font',\n color: theme.palette.semantic.text['text-error'],\n boxShadow: 'none',\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n color: theme.palette.semantic.text['text-error'],\n boxShadow: 'none'\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n color: theme.palette.semantic.text['text-error'],\n boxShadow: 'none'\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n },\n };\n return { ...variants.generic, ...variants[variant][tone] };\n};\n\nexport default getButtonStyles;\n"],"names":["getButtonStyles","theme","variant","tone","variants","generic","focus","outlineOffset","outline","palette","semantic","stroke","transition","primary","brand","default","backgroundColor","fill","color","text","borderRadius","boxShadow","customShadows","raised","hover","darken","press","disabled","borderColor","cursor","neutral","radius","lighten","pointerEvents","inverse","destructive","secondary","border","tertiary","textDecoration","textUnderlineOffset","textUnderlinePosition"],"mappings":"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"}
1
+ {"version":3,"file":"getButtonStyles.js","sources":["../../../../src/components/atoms/Button/getButtonStyles.ts"],"sourcesContent":["import { darken, lighten, type Theme } from '@mui/material/styles';\n\nexport type ButtonType = 'primary' | 'secondary' | 'tertiary';\nexport type ButtonTone = 'brand' | 'destructive' | 'inverse' | 'neutral' | undefined;\ntype ButtonState = 'default' | 'disabled' | 'focus' | 'hover' | 'press';\n\ninterface StyleObject {\n [property: string]: number | string | undefined;\n}\n\ntype ButtonStyles = {\n [state in ButtonState]?: StyleObject;\n};\nconst getButtonStyles = (theme: Theme, variant: ButtonType = 'primary', tone: ButtonTone = 'brand'): ButtonStyles => {\n const isLight = theme.palette.mode === 'light';\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 backgroundColor: theme.palette.semantic.fill['fill-primary-strong'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n borderRadius: '8px',\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n backgroundColor: isLight ? darken(theme.palette.semantic.fill['fill-primary-strong'], 0.1) : lighten(theme.palette.semantic.fill['fill-primary-strong'], 0.1),\n color: theme.palette.semantic.text['text-inverse-strong'],\n borderRadius: '8px',\n boxShadow: theme.customShadows?.raised\n },\n press: {\n backgroundColor: isLight ? darken(theme.palette.semantic.fill['fill-primary-strong'], 0.2) : lighten(theme.palette.semantic.fill['fill-primary-strong'], 0.2),\n color: theme.palette.semantic.text['text-inverse-strong'],\n borderRadius: '8px',\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n backgroundColor: theme.palette.semantic.fill['fill-disabled'],\n borderColor: 'transparent',\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n },\n },\n neutral: {\n default: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: theme.palette.semantic.fill['fill-strong'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: isLight ? lighten(theme.palette.semantic.fill['fill-strong'], 0.1) : darken(theme.palette.semantic.fill['fill-strong'], 0.1),\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: isLight ? lighten(theme.palette.semantic.fill['fill-strong'], 0.2) : darken(theme.palette.semantic.fill['fill-strong'], 0.2),\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n backgroundColor: theme.palette.semantic.fill['fill-disabled'],\n borderColor: 'transparent',\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n inverse: {\n default: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: theme.palette.semantic.fill['fill-inverse-strong'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: isLight ? darken(theme.palette.semantic.fill['fill-inverse-strong'], 0.1) : lighten(theme.palette.semantic.fill['fill-inverse-strong'], 0.1),\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: isLight ? darken(theme.palette.semantic.fill['fill-inverse-strong'], 0.2) : lighten(theme.palette.semantic.fill['fill-inverse-strong'], 0.2),\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n focus: {\n borderRadius: theme.radius['radius-8'],\n outlineOffset: '2px',\n outline: `2px solid ${isLight ? lighten(theme.palette.semantic.stroke['stroke-inverse-strong'], 0.4) : darken(theme.palette.semantic.stroke['stroke-inverse-strong'], 0.4)}`,\n transition: 'none',\n },\n disabled: {\n backgroundColor: theme.palette.semantic.fill['fill-inverse-disabled'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n destructive: {\n default: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: theme.palette.semantic.fill['fill-error-strong'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: isLight ? darken(theme.palette.semantic.fill['fill-error-strong'], 0.1) : lighten(theme.palette.semantic.fill['fill-error-strong'], 0.1),\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n backgroundColor: isLight ? darken(theme.palette.semantic.fill['fill-error-strong'], 0.2) : lighten(theme.palette.semantic.fill['fill-error-strong'], 0.2),\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n backgroundColor: theme.palette.semantic.fill['fill-disabled'],\n borderColor: 'transparent',\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n },\n secondary: {\n brand: {\n default: {\n border: `1px solid ${theme.palette.semantic.stroke['stroke-primary-strong']}`,\n borderRadius: theme.radius['radius-8'],\n backgroundColor: 'transparent',\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n border: `1px solid ${theme.palette.semantic.stroke['stroke-primary-strong']}`,\n borderRadius: theme.radius['radius-8'],\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n border: `1px solid ${theme.palette.semantic.stroke['stroke-primary-strong']}`,\n borderRadius: theme.radius['radius-8'],\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-disabled']}`,\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n neutral: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-strong']}`,\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-disabled']}`,\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n inverse: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n backgroundColor: 'transparent',\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-inverse-press'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-disabled']}`,\n backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n color: theme.palette.semantic.stroke['stroke-inverse-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n },\n },\n destructive: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-error-strong']}`,\n backgroundColor: 'transparent',\n color: theme.palette.semantic.text['text-error'],\n boxShadow: theme.customShadows?.raised\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-error-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n color: theme.palette.semantic.text['text-error'],\n boxShadow: theme.customShadows?.raised\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-error-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n color: theme.palette.semantic.text['text-error'],\n boxShadow: theme.customShadows?.raised\n },\n disabled: {\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-disabled']}`,\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n },\n\n tertiary: {\n brand: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: 'transparent',\n textDecoration: 'underline',\n textUnderlineOffset: '25%',\n textUnderlinePosition: 'from-font',\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: 'none'\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: 'none'\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n color: theme.palette.semantic.text['text-primary'],\n boxShadow: 'none'\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n neutral: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: 'transparent',\n textDecoration: 'underline',\n textUnderlineOffset: '25%',\n textUnderlinePosition: 'from-font',\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: 'none'\n },\n hover: {\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n borderColor: theme.palette.semantic.stroke['stroke-strong'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: 'none'\n },\n press: {\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n borderColor: theme.palette.semantic.stroke['stroke-strong'],\n color: theme.palette.semantic.text['text-strong'],\n boxShadow: 'none'\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border:'none',\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n inverse: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: 'transparent',\n textDecoration: 'underline',\n textUnderlineOffset: '25%',\n textUnderlinePosition: 'from-font',\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none'\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none'\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-inverse-press'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none'\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-strong'],\n color: theme.palette.semantic.stroke['stroke-inverse-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n focus: {\n borderRadius: theme.radius['radius-8'],\n border: `1px solid ${theme.palette.semantic.stroke['stroke-inverse-strong']}`,\n backgroundColor: theme.palette.semantic.fill['fill-inverse-hover'],\n color: theme.palette.semantic.text['text-inverse-strong'],\n boxShadow: 'none'\n },\n },\n destructive: {\n default: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: 'transparent',\n textDecoration: 'underline',\n textUnderlineOffset: '25%',\n textUnderlinePosition: 'from-font',\n color: theme.palette.semantic.text['text-error'],\n boxShadow: 'none',\n },\n hover: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-hover'],\n color: theme.palette.semantic.text['text-error'],\n boxShadow: 'none'\n },\n press: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-press'],\n color: theme.palette.semantic.text['text-error'],\n boxShadow: 'none'\n },\n disabled: {\n borderRadius: theme.radius['radius-8'],\n border: 'none',\n backgroundColor: theme.palette.semantic.fill['fill-white'],\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n },\n },\n },\n };\n return { ...variants.generic, ...variants[variant][tone] };\n};\n\nexport default getButtonStyles;\n"],"names":["getButtonStyles","theme","variant","tone","isLight","palette","mode","variants","generic","focus","outlineOffset","outline","semantic","stroke","transition","primary","brand","default","backgroundColor","fill","color","text","borderRadius","boxShadow","customShadows","raised","hover","darken","lighten","press","disabled","borderColor","cursor","neutral","radius","pointerEvents","inverse","destructive","secondary","border","tertiary","textDecoration","textUnderlineOffset","textUnderlinePosition"],"mappings":"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"}
@@ -0,0 +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,c=r.palette.semantic,s="small"===e?32:48,t={borderRadius:r.radius["radius-8"]||8,width:s,height:s,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:c.fill["fill-primary-strong"],color:c.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},hover:{...t,background:l?o.darken(c.fill["fill-primary-strong"],.1):o.lighten(c.fill["fill-primary-strong"],.1),color:c.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},press:{...t,background:l?o.darken(c.fill["fill-primary-strong"],.2):o.lighten(c.fill["fill-primary-strong"],.2),color:c.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},disabled:{...t,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:"none",cursor:"not-allowed",opacity:.5}},neutral:{default:{...t,background:c.fill["fill-strong"],color:c.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},hover:{...t,background:l?o.lighten(c.fill["fill-strong"],.1):o.darken(c.fill["fill-strong"],.1),color:c.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},press:{...t,background:l?o.lighten(c.fill["fill-strong"],.2):o.darken(c.fill["fill-strong"],.2),color:c.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},disabled:{...t,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:"none",cursor:"not-allowed",opacity:.5}},destructive:{default:{...t,background:c.fill["fill-error-strong"],color:c.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},hover:{...t,background:l?o.darken(c.fill["fill-error-strong"],.1):o.lighten(c.fill["fill-error-strong"],.1),color:c.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},press:{...t,background:l?o.darken(c.fill["fill-error-strong"],.2):o.lighten(c.fill["fill-error-strong"],.2),color:c.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},disabled:{...t,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:"none",cursor:"not-allowed",opacity:.5}},inverse:{default:{...t,background:c.fill["fill-inverse-strong"],color:c.icon["icon-strong"],border:"none",cursor:"pointer",opacity:1},hover:{...t,background:l?o.darken(c.fill["fill-inverse-strong"],.1):o.lighten(c.fill["fill-inverse-strong"],.1),color:c.icon["icon-inverse-strong"],border:"none",cursor:"pointer",opacity:1},press:{...t,background:l?o.darken(c.fill["fill-inverse-strong"],.2):o.lighten(c.fill["fill-inverse-strong"],.2),color:c.icon["icon-inverse-strong"],border:"none",cursor:"pointer",opacity:1},disabled:{...t,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:"none",cursor:"not-allowed",opacity:.5}}},secondary:{brand:{default:{...t,background:c.fill["fill-inverse-strong"],color:c.icon["icon-primary"],border:`1px solid ${c.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},hover:{...t,background:c.fill["fill-hover"],color:c.icon["icon-primary"],border:`1px solid ${c.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},press:{...t,background:c.fill["fill-press"],color:c.icon["icon-primary"],border:`1px solid ${c.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},disabled:{...t,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:`1px solid ${c.stroke["stroke-disabled"]}`,cursor:"not-allowed",opacity:.5}},destructive:{default:{...t,background:c.fill["fill-inverse-strong"],color:c.icon["icon-error"],border:`1px solid ${c.stroke["stroke-error-strong"]}`,cursor:"pointer",opacity:1},hover:{...t,background:c.fill["fill-hover"],color:c.icon["icon-error"],border:`1px solid ${c.stroke["stroke-error-strong"]}`,cursor:"pointer",opacity:1},press:{...t,background:c.fill["fill-press"],color:c.icon["icon-error"],border:`1px solid ${c.stroke["stroke-error-strong"]}`,cursor:"pointer",opacity:1},disabled:{...t,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:`1px solid ${c.stroke["stroke-disabled"]}`,cursor:"not-allowed",opacity:.5}},neutral:{default:{...t,background:c.fill["fill-strong"],color:c.icon["icon-strong"],border:`1px solid ${c.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},hover:{...t,background:l?o.darken(c.fill["fill-strong"],.1):o.lighten(c.fill["fill-strong"],.1),color:c.icon["icon-strong"],border:`1px solid ${c.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},press:{...t,background:l?o.darken(c.fill["fill-strong"],.2):o.lighten(c.fill["fill-strong"],.2),color:c.icon["icon-strong"],border:`1px solid ${c.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},disabled:{...t,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:`1px solid ${c.stroke["stroke-disabled"]}`,cursor:"not-allowed",opacity:.5}},inverse:{default:{...t,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:{...t,background:l?o.darken(c.fill["fill-inverse-strong"],.1):o.lighten(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:{...t,background:l?o.darken(c.fill["fill-inverse-strong"],.2):o.lighten(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:{...t,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:{...t,boxShadow:"none",background:"transparent",color:c.icon["icon-primary"],border:"none",cursor:"pointer",opacity:1},hover:{...t,background:c.fill["fill-hover"],color:c.icon["icon-primary"],border:"none",cursor:"pointer",opacity:1},press:{...t,background:c.fill["fill-press"],color:c.icon["icon-primary"],border:"none",cursor:"pointer",opacity:1},disabled:{...t,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:"none",cursor:"not-allowed",opacity:.5}},destructive:{default:{...t,boxShadow:"none",background:"transparent",color:c.icon["icon-error"],border:"none",cursor:"pointer",opacity:1},hover:{...t,background:c.fill["fill-hover"],color:c.icon["icon-error"],border:"none",cursor:"pointer",opacity:1},press:{...t,background:c.fill["fill-press"],color:c.icon["icon-error"],border:"none",cursor:"pointer",opacity:1},disabled:{...t,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:"none",cursor:"not-allowed",opacity:.5}},neutral:{default:{...t,boxShadow:"none",background:"transparent",color:c.icon["icon-strong"],border:"none",cursor:"pointer",opacity:1},hover:{...t,background:c.fill["fill-hover"],color:c.icon["icon-strong"],border:"none",cursor:"pointer",opacity:1},press:{...t,background:c.fill["fill-press"],color:c.icon["icon-strong"],border:"none",cursor:"pointer",opacity:1},disabled:{...t,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:"none",cursor:"not-allowed",opacity:.5}},inverse:{default:{...t,boxShadow:"none",background:"transparent",color:c.icon["icon-inverse-strong"],border:"none",cursor:"pointer",opacity:1},hover:{...t,background:c.fill["fill-hover"],color:c.icon["icon-inverse-strong"],border:"none",cursor:"pointer",opacity:1},press:{...t,background:c.fill["fill-press"],color:c.icon["icon-inverse-strong"],border:"none",cursor:"pointer",opacity:1},disabled:{...t,background:c.fill["fill-disabled"],color:c.icon["icon-disabled"],border:"none",cursor:"not-allowed",opacity:.5}}}};return{...d.generic,...d[i][n in d[i]?n:"brand"]}};
2
+ //# sourceMappingURL=getIconButtonStyles.cjs.js.map
@@ -0,0 +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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"}
@@ -0,0 +1,19 @@
1
+ import { Theme } from '@mui/material/styles';
2
+
3
+ type IconButtonVariant = 'primary' | 'secondary' | 'tertiary';
4
+ type IconButtonTone = 'brand' | 'destructive' | 'inverse' | 'neutral';
5
+ type IconButtonState = 'default' | 'disabled' | 'focus' | 'hover' | 'press';
6
+ interface StyleObject {
7
+ [property: string]: number | string | undefined;
8
+ }
9
+ interface IconButtonStyles {
10
+ default?: StyleObject;
11
+ disabled?: StyleObject;
12
+ focus?: StyleObject;
13
+ hover?: StyleObject;
14
+ press?: StyleObject;
15
+ }
16
+ declare const getIconButtonStyles: (theme: Theme, variant?: IconButtonVariant, tone?: IconButtonTone, size?: 'medium' | 'small') => IconButtonStyles;
17
+
18
+ export { getIconButtonStyles as default };
19
+ export type { IconButtonState, IconButtonTone, IconButtonVariant };
@@ -0,0 +1,2 @@
1
+ import{darken as o,lighten as r}from"@mui/material/styles";const i=(i,n="primary",e="brand",l="medium")=>{const c="light"===i.palette.mode,s=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:s.fill["fill-primary-strong"],color:s.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},hover:{...d,background:c?o(s.fill["fill-primary-strong"],.1):r(s.fill["fill-primary-strong"],.1),color:s.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},press:{...d,background:c?o(s.fill["fill-primary-strong"],.2):r(s.fill["fill-primary-strong"],.2),color:s.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},disabled:{...d,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:"none",cursor:"not-allowed",opacity:.5}},neutral:{default:{...d,background:s.fill["fill-strong"],color:s.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},hover:{...d,background:c?r(s.fill["fill-strong"],.1):o(s.fill["fill-strong"],.1),color:s.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},press:{...d,background:c?r(s.fill["fill-strong"],.2):o(s.fill["fill-strong"],.2),color:s.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},disabled:{...d,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:"none",cursor:"not-allowed",opacity:.5}},destructive:{default:{...d,background:s.fill["fill-error-strong"],color:s.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},hover:{...d,background:c?o(s.fill["fill-error-strong"],.1):r(s.fill["fill-error-strong"],.1),color:s.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},press:{...d,background:c?o(s.fill["fill-error-strong"],.2):r(s.fill["fill-error-strong"],.2),color:s.icon["icon-inverse"],border:"none",cursor:"pointer",opacity:1},disabled:{...d,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:"none",cursor:"not-allowed",opacity:.5}},inverse:{default:{...d,background:s.fill["fill-inverse-strong"],color:s.icon["icon-strong"],border:"none",cursor:"pointer",opacity:1},hover:{...d,background:c?o(s.fill["fill-inverse-strong"],.1):r(s.fill["fill-inverse-strong"],.1),color:s.icon["icon-inverse-strong"],border:"none",cursor:"pointer",opacity:1},press:{...d,background:c?o(s.fill["fill-inverse-strong"],.2):r(s.fill["fill-inverse-strong"],.2),color:s.icon["icon-inverse-strong"],border:"none",cursor:"pointer",opacity:1},disabled:{...d,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:"none",cursor:"not-allowed",opacity:.5}}},secondary:{brand:{default:{...d,background:s.fill["fill-inverse-strong"],color:s.icon["icon-primary"],border:`1px solid ${s.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},hover:{...d,background:s.fill["fill-hover"],color:s.icon["icon-primary"],border:`1px solid ${s.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},press:{...d,background:s.fill["fill-press"],color:s.icon["icon-primary"],border:`1px solid ${s.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},disabled:{...d,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:`1px solid ${s.stroke["stroke-disabled"]}`,cursor:"not-allowed",opacity:.5}},destructive:{default:{...d,background:s.fill["fill-inverse-strong"],color:s.icon["icon-error"],border:`1px solid ${s.stroke["stroke-error-strong"]}`,cursor:"pointer",opacity:1},hover:{...d,background:s.fill["fill-hover"],color:s.icon["icon-error"],border:`1px solid ${s.stroke["stroke-error-strong"]}`,cursor:"pointer",opacity:1},press:{...d,background:s.fill["fill-press"],color:s.icon["icon-error"],border:`1px solid ${s.stroke["stroke-error-strong"]}`,cursor:"pointer",opacity:1},disabled:{...d,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:`1px solid ${s.stroke["stroke-disabled"]}`,cursor:"not-allowed",opacity:.5}},neutral:{default:{...d,background:s.fill["fill-strong"],color:s.icon["icon-strong"],border:`1px solid ${s.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},hover:{...d,background:c?o(s.fill["fill-strong"],.1):r(s.fill["fill-strong"],.1),color:s.icon["icon-strong"],border:`1px solid ${s.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},press:{...d,background:c?o(s.fill["fill-strong"],.2):r(s.fill["fill-strong"],.2),color:s.icon["icon-strong"],border:`1px solid ${s.stroke["stroke-primary-strong"]}`,cursor:"pointer",opacity:1},disabled:{...d,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:`1px solid ${s.stroke["stroke-disabled"]}`,cursor:"not-allowed",opacity:.5}},inverse:{default:{...d,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:{...d,background:c?o(s.fill["fill-inverse-strong"],.1):r(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:{...d,background:c?o(s.fill["fill-inverse-strong"],.2):r(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:{...d,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:{...d,boxShadow:"none",background:"transparent",color:s.icon["icon-primary"],border:"none",cursor:"pointer",opacity:1},hover:{...d,background:s.fill["fill-hover"],color:s.icon["icon-primary"],border:"none",cursor:"pointer",opacity:1},press:{...d,background:s.fill["fill-press"],color:s.icon["icon-primary"],border:"none",cursor:"pointer",opacity:1},disabled:{...d,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:"none",cursor:"not-allowed",opacity:.5}},destructive:{default:{...d,boxShadow:"none",background:"transparent",color:s.icon["icon-error"],border:"none",cursor:"pointer",opacity:1},hover:{...d,background:s.fill["fill-hover"],color:s.icon["icon-error"],border:"none",cursor:"pointer",opacity:1},press:{...d,background:s.fill["fill-press"],color:s.icon["icon-error"],border:"none",cursor:"pointer",opacity:1},disabled:{...d,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:"none",cursor:"not-allowed",opacity:.5}},neutral:{default:{...d,boxShadow:"none",background:"transparent",color:s.icon["icon-strong"],border:"none",cursor:"pointer",opacity:1},hover:{...d,background:s.fill["fill-hover"],color:s.icon["icon-strong"],border:"none",cursor:"pointer",opacity:1},press:{...d,background:s.fill["fill-press"],color:s.icon["icon-strong"],border:"none",cursor:"pointer",opacity:1},disabled:{...d,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:"none",cursor:"not-allowed",opacity:.5}},inverse:{default:{...d,boxShadow:"none",background:"transparent",color:s.icon["icon-inverse-strong"],border:"none",cursor:"pointer",opacity:1},hover:{...d,background:s.fill["fill-hover"],color:s.icon["icon-inverse-strong"],border:"none",cursor:"pointer",opacity:1},press:{...d,background:s.fill["fill-press"],color:s.icon["icon-inverse-strong"],border:"none",cursor:"pointer",opacity:1},disabled:{...d,background:s.fill["fill-disabled"],color:s.icon["icon-disabled"],border:"none",cursor:"not-allowed",opacity:.5}}}};return{...a.generic,...a[n][e in a[n]?e:"brand"]}};export{i as default};
2
+ //# sourceMappingURL=getIconButtonStyles.js.map
@@ -0,0 +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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"}
@@ -0,0 +1,2 @@
1
+ "use strict";exports.iconButtonStyleOverrides=()=>({styleOverrides:{sizeSmall:{height:"32px",width:"32px"},sizeMedium:{height:"48px",width:"48px"}}});
2
+ //# sourceMappingURL=iconButtonThemeOverrides.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"iconButtonThemeOverrides.cjs.js","sources":["../../../../src/components/atoms/IconButton/iconButtonThemeOverrides.ts"],"sourcesContent":["interface IconButtonStyleOverrides {\n styleOverrides: {\n sizeSmall: Record<string, string | { [key: string]: string }>;\n sizeMedium: Record<string, string | { [key: string]: string }>;\n };\n}\n\nexport const iconButtonStyleOverrides = (): IconButtonStyleOverrides => ({\n styleOverrides: {\n sizeSmall: {\n height: '32px',\n width: '32px',\n },\n sizeMedium: {\n height: '48px',\n width: '48px',\n },\n\n },\n});\n"],"names":["styleOverrides","sizeSmall","height","width","sizeMedium"],"mappings":"8CAOwC,KAAiC,CACrEA,eAAgB,CACdC,UAAW,CACTC,OAAQ,OACRC,MAAO,QAETC,WAAY,CACVF,OAAQ,OACRC,MAAO"}
@@ -0,0 +1,13 @@
1
+ interface IconButtonStyleOverrides {
2
+ styleOverrides: {
3
+ sizeSmall: Record<string, string | {
4
+ [key: string]: string;
5
+ }>;
6
+ sizeMedium: Record<string, string | {
7
+ [key: string]: string;
8
+ }>;
9
+ };
10
+ }
11
+ declare const iconButtonStyleOverrides: () => IconButtonStyleOverrides;
12
+
13
+ export { iconButtonStyleOverrides };
@@ -0,0 +1,2 @@
1
+ const e=()=>({styleOverrides:{sizeSmall:{height:"32px",width:"32px"},sizeMedium:{height:"48px",width:"48px"}}});export{e as iconButtonStyleOverrides};
2
+ //# sourceMappingURL=iconButtonThemeOverrides.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"iconButtonThemeOverrides.js","sources":["../../../../src/components/atoms/IconButton/iconButtonThemeOverrides.ts"],"sourcesContent":["interface IconButtonStyleOverrides {\n styleOverrides: {\n sizeSmall: Record<string, string | { [key: string]: string }>;\n sizeMedium: Record<string, string | { [key: string]: string }>;\n };\n}\n\nexport const iconButtonStyleOverrides = (): IconButtonStyleOverrides => ({\n styleOverrides: {\n sizeSmall: {\n height: '32px',\n width: '32px',\n },\n sizeMedium: {\n height: '48px',\n width: '48px',\n },\n\n },\n});\n"],"names":["iconButtonStyleOverrides","styleOverrides","sizeSmall","height","width","sizeMedium"],"mappings":"AAOa,MAAAA,EAA2B,KAAiC,CACrEC,eAAgB,CACdC,UAAW,CACTC,OAAQ,OACRC,MAAO,QAETC,WAAY,CACVF,OAAQ,OACRC,MAAO"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("@mui/material/IconButton");module.exports=e;
1
+ "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;
2
2
  //# sourceMappingURL=index.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
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","jsxs","disableRipple","_jsx","jsx","displayName"],"mappings":"0TAmCA,MAAMA,EAAmBC,EAAMA,OAACC,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,KAAO,CACjDqB,SAAU,WACVC,KAAO,EACPC,OAAS,MAGLC,EAAiBxB,EAAAA,OAAOyB,EAAPzB,EAAiB,KAAO,CAC7CqB,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,EAAAC,KAACtC,EAAgB,CACfoC,IAAKA,EACLG,eAAa,EACbP,UAAWA,EACF,UAAAD,EACE,YAAAvB,EACG,eAAAD,EACdS,SAAUA,EACViB,QAASA,EACTxB,KAAMA,EACND,KAAMA,EACND,QAASA,KACL4B,EAAIN,SAAA,CAEPA,IACEC,GAAcU,EAAAA,IAACpB,EAAgB,CAAA,cAAa,0BAAyBS,SAAEC,IACzEI,GAAYM,EAACC,IAAAhB,EAA2B,CAAA,cAAA,+BAMjDE,EAAWe,YAAc"}
@@ -1,2 +1,33 @@
1
- import IconButton from '@mui/material/IconButton';
2
- export { default } from '@mui/material/IconButton';
1
+ import * as react from 'react';
2
+ import { IconButtonProps as IconButtonProps$1 } from '@mui/material/IconButton';
3
+ import { IconButtonTone, IconButtonVariant } from './getIconButtonStyles.js';
4
+
5
+ /**
6
+ * Custom IconButton atom for Flipdish design system.
7
+ * - icon: The icon to display (required, use local icon library)
8
+ * - badgeDot: Show a small dot badge (optional)
9
+ * - badgeCount: Show a count badge (optional)
10
+ * - variant: Visual style (primary | secondary | tertiary)
11
+ * - tone: Visual tone (brand | destructive | inverse | neutral)
12
+ * - state: Visual state (default | disabled | focus | hover | press)
13
+ * - aria-label: Accessibility label
14
+ * - fdKey: Data attribute for testing/analytics
15
+ * - ...rest: All other props are passed to MuiIconButton
16
+ */
17
+ interface IconButtonProps extends Omit<IconButtonProps$1, 'color'> {
18
+ badgeCount?: number;
19
+ badgeDot?: boolean;
20
+ className?: string;
21
+ disabled?: boolean;
22
+ fdKey?: string;
23
+ onClick?: React.MouseEventHandler<HTMLButtonElement>;
24
+ size?: 'medium' | 'small';
25
+ tone?: IconButtonTone;
26
+ variant?: IconButtonVariant;
27
+ children: React.ReactNode;
28
+ 'aria-label': string;
29
+ }
30
+ declare const IconButton: react.ForwardRefExoticComponent<Omit<IconButtonProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
31
+
32
+ export { IconButton, IconButton as default };
33
+ export type { IconButtonProps };
@@ -1,2 +1,2 @@
1
- import t from"@mui/material/IconButton";export{default}from"@mui/material/IconButton";
1
+ 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};
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
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,KAAO,CACjDqB,SAAU,WACVC,KAAO,EACPC,OAAS,MAGLC,EAAiBxB,EAAOyB,EAAPzB,EAAiB,KAAO,CAC7CqB,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,EACF,UAAAD,EACE,YAAAvB,EACG,eAAAD,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,EAA2B,CAAA,cAAA,+BAMjDE,EAAWa,YAAc"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("@mui/material/styles/createTheme"),r=require("../components/atoms/Button/buttonThemeOverrides.cjs.js"),t=require("../icons/Cancel/index.cjs.js"),o=require("./tokens/breakpoints/breakpoints.cjs.js"),s=require("./tokens/colours/semantic.cjs.js"),i=require("./tokens/radius/radius.cjs.js"),a=require("./tokens/shadows/shadows.cjs.js"),p=require("./tokens/typography/variant-mapping.cjs.js"),n=require("./typography.cjs.js");const d=d=>{const l={typography:n.typography,palette:"light"===d?s.lightColours:s.darkColours,radius:i.radius,breakpoints:{values:o.breakpointValues}},u=e(l);return Object.keys(n.typography).forEach((e=>{const r=e.split(/(?=[A-Z])/)[0],t=e;u.typography[t]={...u.typography[t],[u.breakpoints.down("tablet")]:{...n.getMobileTextStyle(r)}}})),e({...l,typography:u.typography,shape:{borderRadius:4},customShadows:{...a.shadows},components:{MuiAlert:{defaultProps:{components:{CloseIcon:t}},styleOverrides:{root:{borderRadius:"8px",padding:"24px"},icon:{marginRight:"12px",padding:0},action:{padding:0,"& button":{marginTop:"-5px"}},message:{padding:0}}},MuiButton:r.buttonStyleOverrides(u),MuiCard:{styleOverrides:{root:{boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:u.palette.divider}}},MuiChip:{styleOverrides:{root:{fontWeight:"bold",paddingLeft:"6px",paddingRight:"6px"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:u.palette.semantic.fill["fill-primary-weak"]},"&:not(:last-child)":{borderBottom:`1px solid ${u.palette.semantic.stroke["stroke-weak"]}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:u.palette.semantic.fill["fill-secondary"],cursor:"pointer"}}}},MuiTypography:{defaultProps:{variantMapping:p.typographyVariantMapping}}}})},l=d("light"),u=d("dark");exports.darkTheme=u,exports.lightTheme=l;
1
+ "use strict";var e=require("@mui/material/styles/createTheme"),t=require("../components/atoms/Button/buttonThemeOverrides.cjs.js"),o=require("../components/atoms/IconButton/iconButtonThemeOverrides.cjs.js"),r=require("../icons/Cancel/index.cjs.js"),s=require("./tokens/breakpoints/breakpoints.cjs.js"),i=require("./tokens/colours/semantic.cjs.js"),a=require("./tokens/radius/radius.cjs.js"),n=require("./tokens/shadows/shadows.cjs.js"),p=require("./tokens/typography/variant-mapping.cjs.js"),d=require("./typography.cjs.js");const l=l=>{const u={typography:d.typography,palette:"light"===l?i.lightColours:i.darkColours,radius:a.radius,breakpoints:{values:s.breakpointValues}},c=e(u);return Object.keys(d.typography).forEach((e=>{const t=e.split(/(?=[A-Z])/)[0],o=e;c.typography[o]={...c.typography[o],[c.breakpoints.down("tablet")]:{...d.getMobileTextStyle(t)}}})),e({...u,typography:c.typography,shape:{borderRadius:4},customShadows:{...n.shadows},components:{MuiAlert:{defaultProps:{components:{CloseIcon:r}},styleOverrides:{root:{borderRadius:"8px",padding:"24px"},icon:{marginRight:"12px",padding:0},action:{padding:0,"& button":{marginTop:"-5px"}},message:{padding:0}}},MuiButton:t.buttonStyleOverrides(c),MuiIconButton:o.iconButtonStyleOverrides(),MuiCard:{styleOverrides:{root:{boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:c.palette.divider}}},MuiChip:{styleOverrides:{root:{fontWeight:"bold",paddingLeft:"6px",paddingRight:"6px"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:c.palette.semantic.fill["fill-primary-weak"]},"&:not(:last-child)":{borderBottom:`1px solid ${c.palette.semantic.stroke["stroke-weak"]}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:c.palette.semantic.fill["fill-secondary"],cursor:"pointer"}}}},MuiTypography:{defaultProps:{variantMapping:p.typographyVariantMapping}}}})},u=l("light"),c=l("dark");exports.darkTheme=c,exports.lightTheme=u;
2
2
  //# sourceMappingURL=flipdishPublicTheme.cjs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"flipdishPublicTheme.cjs.js","sources":["../../src/themes/flipdishPublicTheme.ts"],"sourcesContent":["import createTheme, { type Theme, type ThemeOptions } from '@mui/material/styles/createTheme';\n\nimport { buttonStyleOverrides } from '../components/atoms/Button/buttonThemeOverrides';\nimport CancelIcon from '../icons/Cancel';\nimport { breakpointValues } from './tokens/breakpoints/breakpoints';\nimport { darkColours, lightColours } from './tokens/colours/semantic';\nimport { radius } from './tokens/radius/radius';\nimport { shadows } from './tokens/shadows/shadows';\nimport { fontSize } from './tokens/typography/font-size';\nimport { typographyVariantMapping } from './tokens/typography/variant-mapping';\nimport { getMobileTextStyle, typography } from './typography';\n\nconst createFlipdishThemeFactory = (mode: 'dark' | 'light'): Theme => {\n const themeOptions: ThemeOptions = {\n typography,\n palette: mode === 'light' ? lightColours : darkColours,\n radius,\n breakpoints: {\n values: breakpointValues,\n },\n };\n const baseTheme = createTheme(themeOptions);\n\n /*\n Add mobile text styles to typography\n Has to be done using media queries, otherwise it isn't responsive :(\n https://mui.com/material-ui/customization/typography/#responsive-font-sizes\n */\n Object.keys(typography).forEach((key) => {\n // only key before the suffix split by capital letter (h1Strong -> h1)\n const keyWithoutVariantSuffix = key.split(/(?=[A-Z])/)[0];\n const typographyKey = key as keyof typeof typography;\n baseTheme.typography[typographyKey] = {\n ...baseTheme.typography[typographyKey],\n [baseTheme.breakpoints.down('tablet')]: {\n ...getMobileTextStyle(keyWithoutVariantSuffix as keyof (typeof fontSize)['mobile']),\n },\n };\n });\n\n // Create final theme with component overrides and additional configurations\n return createTheme({\n ...themeOptions,\n typography: baseTheme.typography,\n shape: {\n borderRadius: 4,\n },\n customShadows: {\n ...shadows,\n },\n components: {\n MuiAlert: {\n defaultProps: {\n components: {\n CloseIcon: CancelIcon,\n },\n },\n styleOverrides: {\n root: {\n // TODO: Replace with borderRadius from tokens when implemented\n borderRadius: '8px',\n // TODO: Replace with spacing from tokens when implemented\n padding: '24px',\n },\n icon: {\n // TODO: Replace with spacing from tokens when implemented\n marginRight: '12px',\n padding: 0,\n },\n action: {\n padding: 0,\n '& button': {\n marginTop: '-5px',\n },\n },\n message: {\n padding: 0,\n },\n },\n },\n MuiButton: buttonStyleOverrides(baseTheme),\n MuiCard: {\n styleOverrides: {\n root: {\n boxShadow: 'none',\n borderWidth: '1px',\n borderStyle: 'solid',\n borderColor: baseTheme.palette.divider,\n },\n },\n },\n MuiChip: {\n styleOverrides: {\n root: {\n fontWeight: 'bold',\n paddingLeft: '6px',\n paddingRight: '6px',\n },\n },\n },\n MuiListItemButton: {\n styleOverrides: {\n root: {\n '&:hover': {\n backgroundColor: baseTheme.palette.semantic.fill['fill-primary-weak'],\n },\n '&:not(:last-child)': {\n borderBottom: `1px solid ${baseTheme.palette.semantic.stroke['stroke-weak']}`,\n },\n },\n },\n },\n MuiTableRow: {\n styleOverrides: {\n root: {\n '&.MuiTableRow-hover:hover': {\n backgroundColor: baseTheme.palette.semantic.fill['fill-secondary'],\n cursor: 'pointer',\n },\n },\n },\n },\n MuiTypography: {\n defaultProps: {\n variantMapping: typographyVariantMapping,\n },\n },\n },\n });\n};\n\nexport const lightTheme = createFlipdishThemeFactory('light');\nexport const darkTheme = createFlipdishThemeFactory('dark');\n"],"names":["createFlipdishThemeFactory","mode","themeOptions","typography","palette","lightColours","darkColours","radius","breakpoints","values","breakpointValues","baseTheme","createTheme","Object","keys","forEach","key","keyWithoutVariantSuffix","split","typographyKey","down","getMobileTextStyle","shape","borderRadius","customShadows","shadows","components","MuiAlert","defaultProps","CloseIcon","CancelIcon","styleOverrides","root","padding","icon","marginRight","action","marginTop","message","MuiButton","buttonStyleOverrides","MuiCard","boxShadow","borderWidth","borderStyle","borderColor","divider","MuiChip","fontWeight","paddingLeft","paddingRight","MuiListItemButton","backgroundColor","semantic","fill","borderBottom","stroke","MuiTableRow","cursor","MuiTypography","variantMapping","typographyVariantMapping","lightTheme","darkTheme"],"mappings":"icAYA,MAAMA,EAA8BC,IAClC,MAAMC,EAA6B,YACjCC,EAAUA,WACVC,QAAkB,UAATH,EAAmBI,EAAAA,aAAeC,EAAWA,mBACtDC,EAAMA,OACNC,YAAa,CACXC,OAAQC,EAAgBA,mBAGtBC,EAAYC,EAAYV,GAoB9B,OAbAW,OAAOC,KAAKX,EAAAA,YAAYY,SAASC,IAE/B,MAAMC,EAA0BD,EAAIE,MAAM,aAAa,GACjDC,EAAgBH,EACtBL,EAAUR,WAAWgB,GAAiB,IACjCR,EAAUR,WAAWgB,GACxB,CAACR,EAAUH,YAAYY,KAAK,WAAY,IACnCC,EAAAA,mBAAmBJ,QAMrBL,EAAY,IACdV,EACHC,WAAYQ,EAAUR,WACtBmB,MAAO,CACLC,aAAc,GAEhBC,cAAe,IACVC,EAAOA,SAEZC,WAAY,CACVC,SAAU,CACRC,aAAc,CACZF,WAAY,CACVG,UAAWC,IAGfC,eAAgB,CACdC,KAAM,CAEJT,aAAc,MAEdU,QAAS,QAEXC,KAAM,CAEJC,YAAa,OACbF,QAAS,GAEXG,OAAQ,CACNH,QAAS,EACT,WAAY,CACVI,UAAW,SAGfC,QAAS,CACPL,QAAS,KAIfM,UAAWC,EAAoBA,qBAAC7B,GAChC8B,QAAS,CACPV,eAAgB,CACdC,KAAM,CACJU,UAAW,OACXC,YAAa,MACbC,YAAa,QACbC,YAAalC,EAAUP,QAAQ0C,WAIrCC,QAAS,CACPhB,eAAgB,CACdC,KAAM,CACJgB,WAAY,OACZC,YAAa,MACbC,aAAc,SAIpBC,kBAAmB,CACjBpB,eAAgB,CACdC,KAAM,CACJ,UAAW,CACToB,gBAAiBzC,EAAUP,QAAQiD,SAASC,KAAK,sBAEnD,qBAAsB,CACpBC,aAAc,aAAa5C,EAAUP,QAAQiD,SAASG,OAAO,qBAKrEC,YAAa,CACX1B,eAAgB,CACdC,KAAM,CACJ,4BAA6B,CAC3BoB,gBAAiBzC,EAAUP,QAAQiD,SAASC,KAAK,kBACjDI,OAAQ,cAKhBC,cAAe,CACb/B,aAAc,CACZgC,eAAgBC,EAAwBA,+BAOrCC,EAAa9D,EAA2B,SACxC+D,EAAY/D,EAA2B"}
1
+ {"version":3,"file":"flipdishPublicTheme.cjs.js","sources":["../../src/themes/flipdishPublicTheme.ts"],"sourcesContent":["import createTheme, { type Theme, type ThemeOptions } from '@mui/material/styles/createTheme';\n\nimport { buttonStyleOverrides } from '../components/atoms/Button/buttonThemeOverrides';\nimport { iconButtonStyleOverrides } from '../components/atoms/IconButton/iconButtonThemeOverrides';\nimport CancelIcon from '../icons/Cancel';\nimport { breakpointValues } from './tokens/breakpoints/breakpoints';\nimport { darkColours, lightColours } from './tokens/colours/semantic';\nimport { radius } from './tokens/radius/radius';\nimport { shadows } from './tokens/shadows/shadows';\nimport { fontSize } from './tokens/typography/font-size';\nimport { typographyVariantMapping } from './tokens/typography/variant-mapping';\nimport { getMobileTextStyle, typography } from './typography';\n\nconst createFlipdishThemeFactory = (mode: 'dark' | 'light'): Theme => {\n const themeOptions: ThemeOptions = {\n typography,\n palette: mode === 'light' ? lightColours : darkColours,\n radius,\n breakpoints: {\n values: breakpointValues,\n },\n };\n const baseTheme = createTheme(themeOptions);\n\n /*\n Add mobile text styles to typography\n Has to be done using media queries, otherwise it isn't responsive :(\n https://mui.com/material-ui/customization/typography/#responsive-font-sizes\n */\n Object.keys(typography).forEach((key) => {\n // only key before the suffix split by capital letter (h1Strong -> h1)\n const keyWithoutVariantSuffix = key.split(/(?=[A-Z])/)[0];\n const typographyKey = key as keyof typeof typography;\n baseTheme.typography[typographyKey] = {\n ...baseTheme.typography[typographyKey],\n [baseTheme.breakpoints.down('tablet')]: {\n ...getMobileTextStyle(keyWithoutVariantSuffix as keyof (typeof fontSize)['mobile']),\n },\n };\n });\n\n // Create final theme with component overrides and additional configurations\n return createTheme({\n ...themeOptions,\n typography: baseTheme.typography,\n shape: {\n borderRadius: 4,\n },\n customShadows: {\n ...shadows,\n },\n components: {\n MuiAlert: {\n defaultProps: {\n components: {\n CloseIcon: CancelIcon,\n },\n },\n styleOverrides: {\n root: {\n // TODO: Replace with borderRadius from tokens when implemented\n borderRadius: '8px',\n // TODO: Replace with spacing from tokens when implemented\n padding: '24px',\n },\n icon: {\n // TODO: Replace with spacing from tokens when implemented\n marginRight: '12px',\n padding: 0,\n },\n action: {\n padding: 0,\n '& button': {\n marginTop: '-5px',\n },\n },\n message: {\n padding: 0,\n },\n },\n },\n MuiButton: buttonStyleOverrides(baseTheme),\n MuiIconButton: iconButtonStyleOverrides(),\n MuiCard: {\n styleOverrides: {\n root: {\n boxShadow: 'none',\n borderWidth: '1px',\n borderStyle: 'solid',\n borderColor: baseTheme.palette.divider,\n },\n },\n },\n MuiChip: {\n styleOverrides: {\n root: {\n fontWeight: 'bold',\n paddingLeft: '6px',\n paddingRight: '6px',\n },\n },\n },\n MuiListItemButton: {\n styleOverrides: {\n root: {\n '&:hover': {\n backgroundColor: baseTheme.palette.semantic.fill['fill-primary-weak'],\n },\n '&:not(:last-child)': {\n borderBottom: `1px solid ${baseTheme.palette.semantic.stroke['stroke-weak']}`,\n },\n },\n },\n },\n MuiTableRow: {\n styleOverrides: {\n root: {\n '&.MuiTableRow-hover:hover': {\n backgroundColor: baseTheme.palette.semantic.fill['fill-secondary'],\n cursor: 'pointer',\n },\n },\n },\n },\n MuiTypography: {\n defaultProps: {\n variantMapping: typographyVariantMapping,\n },\n },\n },\n });\n};\n\nexport const lightTheme = createFlipdishThemeFactory('light');\nexport const darkTheme = createFlipdishThemeFactory('dark');\n"],"names":["createFlipdishThemeFactory","mode","themeOptions","typography","palette","lightColours","darkColours","radius","breakpoints","values","breakpointValues","baseTheme","createTheme","Object","keys","forEach","key","keyWithoutVariantSuffix","split","typographyKey","down","getMobileTextStyle","shape","borderRadius","customShadows","shadows","components","MuiAlert","defaultProps","CloseIcon","CancelIcon","styleOverrides","root","padding","icon","marginRight","action","marginTop","message","MuiButton","buttonStyleOverrides","MuiIconButton","iconButtonStyleOverrides","MuiCard","boxShadow","borderWidth","borderStyle","borderColor","divider","MuiChip","fontWeight","paddingLeft","paddingRight","MuiListItemButton","backgroundColor","semantic","fill","borderBottom","stroke","MuiTableRow","cursor","MuiTypography","variantMapping","typographyVariantMapping","lightTheme","darkTheme"],"mappings":"6gBAaA,MAAMA,EAA8BC,IAClC,MAAMC,EAA6B,YACjCC,EAAUA,WACVC,QAAkB,UAATH,EAAmBI,EAAAA,aAAeC,EAAWA,mBACtDC,EAAMA,OACNC,YAAa,CACXC,OAAQC,EAAgBA,mBAGtBC,EAAYC,EAAYV,GAoB9B,OAbAW,OAAOC,KAAKX,EAAAA,YAAYY,SAASC,IAE/B,MAAMC,EAA0BD,EAAIE,MAAM,aAAa,GACjDC,EAAgBH,EACtBL,EAAUR,WAAWgB,GAAiB,IACjCR,EAAUR,WAAWgB,GACxB,CAACR,EAAUH,YAAYY,KAAK,WAAY,IACnCC,EAAAA,mBAAmBJ,QAMrBL,EAAY,IACdV,EACHC,WAAYQ,EAAUR,WACtBmB,MAAO,CACLC,aAAc,GAEhBC,cAAe,IACVC,EAAOA,SAEZC,WAAY,CACVC,SAAU,CACRC,aAAc,CACZF,WAAY,CACVG,UAAWC,IAGfC,eAAgB,CACdC,KAAM,CAEJT,aAAc,MAEdU,QAAS,QAEXC,KAAM,CAEJC,YAAa,OACbF,QAAS,GAEXG,OAAQ,CACNH,QAAS,EACT,WAAY,CACVI,UAAW,SAGfC,QAAS,CACPL,QAAS,KAIfM,UAAWC,EAAoBA,qBAAC7B,GAChC8B,cAAeC,EAAAA,2BACfC,QAAS,CACPZ,eAAgB,CACdC,KAAM,CACJY,UAAW,OACXC,YAAa,MACbC,YAAa,QACbC,YAAapC,EAAUP,QAAQ4C,WAIrCC,QAAS,CACPlB,eAAgB,CACdC,KAAM,CACJkB,WAAY,OACZC,YAAa,MACbC,aAAc,SAIpBC,kBAAmB,CACjBtB,eAAgB,CACdC,KAAM,CACJ,UAAW,CACTsB,gBAAiB3C,EAAUP,QAAQmD,SAASC,KAAK,sBAEnD,qBAAsB,CACpBC,aAAc,aAAa9C,EAAUP,QAAQmD,SAASG,OAAO,qBAKrEC,YAAa,CACX5B,eAAgB,CACdC,KAAM,CACJ,4BAA6B,CAC3BsB,gBAAiB3C,EAAUP,QAAQmD,SAASC,KAAK,kBACjDI,OAAQ,cAKhBC,cAAe,CACbjC,aAAc,CACZkC,eAAgBC,EAAwBA,+BAOrCC,EAAahE,EAA2B,SACxCiE,EAAYjE,EAA2B"}
@@ -1,2 +1,2 @@
1
- import o from"@mui/material/styles/createTheme";import{buttonStyleOverrides as t}from"../components/atoms/Button/buttonThemeOverrides.js";import r from"../icons/Cancel/index.js";import{breakpointValues as e}from"./tokens/breakpoints/breakpoints.js";import{lightColours as i,darkColours as s}from"./tokens/colours/semantic.js";import{radius as a}from"./tokens/radius/radius.js";import{shadows as p}from"./tokens/shadows/shadows.js";import{typographyVariantMapping as n}from"./tokens/typography/variant-mapping.js";import{typography as d,getMobileTextStyle as l}from"./typography.js";const m=m=>{const u={typography:d,palette:"light"===m?i:s,radius:a,breakpoints:{values:e}},h=o(u);return Object.keys(d).forEach((o=>{const t=o.split(/(?=[A-Z])/)[0],r=o;h.typography[r]={...h.typography[r],[h.breakpoints.down("tablet")]:{...l(t)}}})),o({...u,typography:h.typography,shape:{borderRadius:4},customShadows:{...p},components:{MuiAlert:{defaultProps:{components:{CloseIcon:r}},styleOverrides:{root:{borderRadius:"8px",padding:"24px"},icon:{marginRight:"12px",padding:0},action:{padding:0,"& button":{marginTop:"-5px"}},message:{padding:0}}},MuiButton:t(h),MuiCard:{styleOverrides:{root:{boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:h.palette.divider}}},MuiChip:{styleOverrides:{root:{fontWeight:"bold",paddingLeft:"6px",paddingRight:"6px"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:h.palette.semantic.fill["fill-primary-weak"]},"&:not(:last-child)":{borderBottom:`1px solid ${h.palette.semantic.stroke["stroke-weak"]}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:h.palette.semantic.fill["fill-secondary"],cursor:"pointer"}}}},MuiTypography:{defaultProps:{variantMapping:n}}}})},u=m("light"),h=m("dark");export{h as darkTheme,u as lightTheme};
1
+ import o from"@mui/material/styles/createTheme";import{buttonStyleOverrides as t}from"../components/atoms/Button/buttonThemeOverrides.js";import{iconButtonStyleOverrides as r}from"../components/atoms/IconButton/iconButtonThemeOverrides.js";import e from"../icons/Cancel/index.js";import{breakpointValues as i}from"./tokens/breakpoints/breakpoints.js";import{lightColours as s,darkColours as a}from"./tokens/colours/semantic.js";import{radius as p}from"./tokens/radius/radius.js";import{shadows as n}from"./tokens/shadows/shadows.js";import{typographyVariantMapping as d}from"./tokens/typography/variant-mapping.js";import{typography as m,getMobileTextStyle as l}from"./typography.js";const u=u=>{const c={typography:m,palette:"light"===u?s:a,radius:p,breakpoints:{values:i}},h=o(c);return Object.keys(m).forEach((o=>{const t=o.split(/(?=[A-Z])/)[0],r=o;h.typography[r]={...h.typography[r],[h.breakpoints.down("tablet")]:{...l(t)}}})),o({...c,typography:h.typography,shape:{borderRadius:4},customShadows:{...n},components:{MuiAlert:{defaultProps:{components:{CloseIcon:e}},styleOverrides:{root:{borderRadius:"8px",padding:"24px"},icon:{marginRight:"12px",padding:0},action:{padding:0,"& button":{marginTop:"-5px"}},message:{padding:0}}},MuiButton:t(h),MuiIconButton:r(),MuiCard:{styleOverrides:{root:{boxShadow:"none",borderWidth:"1px",borderStyle:"solid",borderColor:h.palette.divider}}},MuiChip:{styleOverrides:{root:{fontWeight:"bold",paddingLeft:"6px",paddingRight:"6px"}}},MuiListItemButton:{styleOverrides:{root:{"&:hover":{backgroundColor:h.palette.semantic.fill["fill-primary-weak"]},"&:not(:last-child)":{borderBottom:`1px solid ${h.palette.semantic.stroke["stroke-weak"]}`}}}},MuiTableRow:{styleOverrides:{root:{"&.MuiTableRow-hover:hover":{backgroundColor:h.palette.semantic.fill["fill-secondary"],cursor:"pointer"}}}},MuiTypography:{defaultProps:{variantMapping:d}}}})},c=u("light"),h=u("dark");export{h as darkTheme,c as lightTheme};
2
2
  //# sourceMappingURL=flipdishPublicTheme.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"flipdishPublicTheme.js","sources":["../../src/themes/flipdishPublicTheme.ts"],"sourcesContent":["import createTheme, { type Theme, type ThemeOptions } from '@mui/material/styles/createTheme';\n\nimport { buttonStyleOverrides } from '../components/atoms/Button/buttonThemeOverrides';\nimport CancelIcon from '../icons/Cancel';\nimport { breakpointValues } from './tokens/breakpoints/breakpoints';\nimport { darkColours, lightColours } from './tokens/colours/semantic';\nimport { radius } from './tokens/radius/radius';\nimport { shadows } from './tokens/shadows/shadows';\nimport { fontSize } from './tokens/typography/font-size';\nimport { typographyVariantMapping } from './tokens/typography/variant-mapping';\nimport { getMobileTextStyle, typography } from './typography';\n\nconst createFlipdishThemeFactory = (mode: 'dark' | 'light'): Theme => {\n const themeOptions: ThemeOptions = {\n typography,\n palette: mode === 'light' ? lightColours : darkColours,\n radius,\n breakpoints: {\n values: breakpointValues,\n },\n };\n const baseTheme = createTheme(themeOptions);\n\n /*\n Add mobile text styles to typography\n Has to be done using media queries, otherwise it isn't responsive :(\n https://mui.com/material-ui/customization/typography/#responsive-font-sizes\n */\n Object.keys(typography).forEach((key) => {\n // only key before the suffix split by capital letter (h1Strong -> h1)\n const keyWithoutVariantSuffix = key.split(/(?=[A-Z])/)[0];\n const typographyKey = key as keyof typeof typography;\n baseTheme.typography[typographyKey] = {\n ...baseTheme.typography[typographyKey],\n [baseTheme.breakpoints.down('tablet')]: {\n ...getMobileTextStyle(keyWithoutVariantSuffix as keyof (typeof fontSize)['mobile']),\n },\n };\n });\n\n // Create final theme with component overrides and additional configurations\n return createTheme({\n ...themeOptions,\n typography: baseTheme.typography,\n shape: {\n borderRadius: 4,\n },\n customShadows: {\n ...shadows,\n },\n components: {\n MuiAlert: {\n defaultProps: {\n components: {\n CloseIcon: CancelIcon,\n },\n },\n styleOverrides: {\n root: {\n // TODO: Replace with borderRadius from tokens when implemented\n borderRadius: '8px',\n // TODO: Replace with spacing from tokens when implemented\n padding: '24px',\n },\n icon: {\n // TODO: Replace with spacing from tokens when implemented\n marginRight: '12px',\n padding: 0,\n },\n action: {\n padding: 0,\n '& button': {\n marginTop: '-5px',\n },\n },\n message: {\n padding: 0,\n },\n },\n },\n MuiButton: buttonStyleOverrides(baseTheme),\n MuiCard: {\n styleOverrides: {\n root: {\n boxShadow: 'none',\n borderWidth: '1px',\n borderStyle: 'solid',\n borderColor: baseTheme.palette.divider,\n },\n },\n },\n MuiChip: {\n styleOverrides: {\n root: {\n fontWeight: 'bold',\n paddingLeft: '6px',\n paddingRight: '6px',\n },\n },\n },\n MuiListItemButton: {\n styleOverrides: {\n root: {\n '&:hover': {\n backgroundColor: baseTheme.palette.semantic.fill['fill-primary-weak'],\n },\n '&:not(:last-child)': {\n borderBottom: `1px solid ${baseTheme.palette.semantic.stroke['stroke-weak']}`,\n },\n },\n },\n },\n MuiTableRow: {\n styleOverrides: {\n root: {\n '&.MuiTableRow-hover:hover': {\n backgroundColor: baseTheme.palette.semantic.fill['fill-secondary'],\n cursor: 'pointer',\n },\n },\n },\n },\n MuiTypography: {\n defaultProps: {\n variantMapping: typographyVariantMapping,\n },\n },\n },\n });\n};\n\nexport const lightTheme = createFlipdishThemeFactory('light');\nexport const darkTheme = createFlipdishThemeFactory('dark');\n"],"names":["createFlipdishThemeFactory","mode","themeOptions","typography","palette","lightColours","darkColours","radius","breakpoints","values","breakpointValues","baseTheme","createTheme","Object","keys","forEach","key","keyWithoutVariantSuffix","split","typographyKey","down","getMobileTextStyle","shape","borderRadius","customShadows","shadows","components","MuiAlert","defaultProps","CloseIcon","CancelIcon","styleOverrides","root","padding","icon","marginRight","action","marginTop","message","MuiButton","buttonStyleOverrides","MuiCard","boxShadow","borderWidth","borderStyle","borderColor","divider","MuiChip","fontWeight","paddingLeft","paddingRight","MuiListItemButton","backgroundColor","semantic","fill","borderBottom","stroke","MuiTableRow","cursor","MuiTypography","variantMapping","typographyVariantMapping","lightTheme","darkTheme"],"mappings":"skBAYA,MAAMA,EAA8BC,IAClC,MAAMC,EAA6B,CACjCC,aACAC,QAAkB,UAATH,EAAmBI,EAAeC,EAC3CC,SACAC,YAAa,CACXC,OAAQC,IAGNC,EAAYC,EAAYV,GAoB9B,OAbAW,OAAOC,KAAKX,GAAYY,SAASC,IAE/B,MAAMC,EAA0BD,EAAIE,MAAM,aAAa,GACjDC,EAAgBH,EACtBL,EAAUR,WAAWgB,GAAiB,IACjCR,EAAUR,WAAWgB,GACxB,CAACR,EAAUH,YAAYY,KAAK,WAAY,IACnCC,EAAmBJ,QAMrBL,EAAY,IACdV,EACHC,WAAYQ,EAAUR,WACtBmB,MAAO,CACLC,aAAc,GAEhBC,cAAe,IACVC,GAELC,WAAY,CACVC,SAAU,CACRC,aAAc,CACZF,WAAY,CACVG,UAAWC,IAGfC,eAAgB,CACdC,KAAM,CAEJT,aAAc,MAEdU,QAAS,QAEXC,KAAM,CAEJC,YAAa,OACbF,QAAS,GAEXG,OAAQ,CACNH,QAAS,EACT,WAAY,CACVI,UAAW,SAGfC,QAAS,CACPL,QAAS,KAIfM,UAAWC,EAAqB7B,GAChC8B,QAAS,CACPV,eAAgB,CACdC,KAAM,CACJU,UAAW,OACXC,YAAa,MACbC,YAAa,QACbC,YAAalC,EAAUP,QAAQ0C,WAIrCC,QAAS,CACPhB,eAAgB,CACdC,KAAM,CACJgB,WAAY,OACZC,YAAa,MACbC,aAAc,SAIpBC,kBAAmB,CACjBpB,eAAgB,CACdC,KAAM,CACJ,UAAW,CACToB,gBAAiBzC,EAAUP,QAAQiD,SAASC,KAAK,sBAEnD,qBAAsB,CACpBC,aAAc,aAAa5C,EAAUP,QAAQiD,SAASG,OAAO,qBAKrEC,YAAa,CACX1B,eAAgB,CACdC,KAAM,CACJ,4BAA6B,CAC3BoB,gBAAiBzC,EAAUP,QAAQiD,SAASC,KAAK,kBACjDI,OAAQ,cAKhBC,cAAe,CACb/B,aAAc,CACZgC,eAAgBC,QAObC,EAAa9D,EAA2B,SACxC+D,EAAY/D,EAA2B"}
1
+ {"version":3,"file":"flipdishPublicTheme.js","sources":["../../src/themes/flipdishPublicTheme.ts"],"sourcesContent":["import createTheme, { type Theme, type ThemeOptions } from '@mui/material/styles/createTheme';\n\nimport { buttonStyleOverrides } from '../components/atoms/Button/buttonThemeOverrides';\nimport { iconButtonStyleOverrides } from '../components/atoms/IconButton/iconButtonThemeOverrides';\nimport CancelIcon from '../icons/Cancel';\nimport { breakpointValues } from './tokens/breakpoints/breakpoints';\nimport { darkColours, lightColours } from './tokens/colours/semantic';\nimport { radius } from './tokens/radius/radius';\nimport { shadows } from './tokens/shadows/shadows';\nimport { fontSize } from './tokens/typography/font-size';\nimport { typographyVariantMapping } from './tokens/typography/variant-mapping';\nimport { getMobileTextStyle, typography } from './typography';\n\nconst createFlipdishThemeFactory = (mode: 'dark' | 'light'): Theme => {\n const themeOptions: ThemeOptions = {\n typography,\n palette: mode === 'light' ? lightColours : darkColours,\n radius,\n breakpoints: {\n values: breakpointValues,\n },\n };\n const baseTheme = createTheme(themeOptions);\n\n /*\n Add mobile text styles to typography\n Has to be done using media queries, otherwise it isn't responsive :(\n https://mui.com/material-ui/customization/typography/#responsive-font-sizes\n */\n Object.keys(typography).forEach((key) => {\n // only key before the suffix split by capital letter (h1Strong -> h1)\n const keyWithoutVariantSuffix = key.split(/(?=[A-Z])/)[0];\n const typographyKey = key as keyof typeof typography;\n baseTheme.typography[typographyKey] = {\n ...baseTheme.typography[typographyKey],\n [baseTheme.breakpoints.down('tablet')]: {\n ...getMobileTextStyle(keyWithoutVariantSuffix as keyof (typeof fontSize)['mobile']),\n },\n };\n });\n\n // Create final theme with component overrides and additional configurations\n return createTheme({\n ...themeOptions,\n typography: baseTheme.typography,\n shape: {\n borderRadius: 4,\n },\n customShadows: {\n ...shadows,\n },\n components: {\n MuiAlert: {\n defaultProps: {\n components: {\n CloseIcon: CancelIcon,\n },\n },\n styleOverrides: {\n root: {\n // TODO: Replace with borderRadius from tokens when implemented\n borderRadius: '8px',\n // TODO: Replace with spacing from tokens when implemented\n padding: '24px',\n },\n icon: {\n // TODO: Replace with spacing from tokens when implemented\n marginRight: '12px',\n padding: 0,\n },\n action: {\n padding: 0,\n '& button': {\n marginTop: '-5px',\n },\n },\n message: {\n padding: 0,\n },\n },\n },\n MuiButton: buttonStyleOverrides(baseTheme),\n MuiIconButton: iconButtonStyleOverrides(),\n MuiCard: {\n styleOverrides: {\n root: {\n boxShadow: 'none',\n borderWidth: '1px',\n borderStyle: 'solid',\n borderColor: baseTheme.palette.divider,\n },\n },\n },\n MuiChip: {\n styleOverrides: {\n root: {\n fontWeight: 'bold',\n paddingLeft: '6px',\n paddingRight: '6px',\n },\n },\n },\n MuiListItemButton: {\n styleOverrides: {\n root: {\n '&:hover': {\n backgroundColor: baseTheme.palette.semantic.fill['fill-primary-weak'],\n },\n '&:not(:last-child)': {\n borderBottom: `1px solid ${baseTheme.palette.semantic.stroke['stroke-weak']}`,\n },\n },\n },\n },\n MuiTableRow: {\n styleOverrides: {\n root: {\n '&.MuiTableRow-hover:hover': {\n backgroundColor: baseTheme.palette.semantic.fill['fill-secondary'],\n cursor: 'pointer',\n },\n },\n },\n },\n MuiTypography: {\n defaultProps: {\n variantMapping: typographyVariantMapping,\n },\n },\n },\n });\n};\n\nexport const lightTheme = createFlipdishThemeFactory('light');\nexport const darkTheme = createFlipdishThemeFactory('dark');\n"],"names":["createFlipdishThemeFactory","mode","themeOptions","typography","palette","lightColours","darkColours","radius","breakpoints","values","breakpointValues","baseTheme","createTheme","Object","keys","forEach","key","keyWithoutVariantSuffix","split","typographyKey","down","getMobileTextStyle","shape","borderRadius","customShadows","shadows","components","MuiAlert","defaultProps","CloseIcon","CancelIcon","styleOverrides","root","padding","icon","marginRight","action","marginTop","message","MuiButton","buttonStyleOverrides","MuiIconButton","iconButtonStyleOverrides","MuiCard","boxShadow","borderWidth","borderStyle","borderColor","divider","MuiChip","fontWeight","paddingLeft","paddingRight","MuiListItemButton","backgroundColor","semantic","fill","borderBottom","stroke","MuiTableRow","cursor","MuiTypography","variantMapping","typographyVariantMapping","lightTheme","darkTheme"],"mappings":"4qBAaA,MAAMA,EAA8BC,IAClC,MAAMC,EAA6B,CACjCC,aACAC,QAAkB,UAATH,EAAmBI,EAAeC,EAC3CC,SACAC,YAAa,CACXC,OAAQC,IAGNC,EAAYC,EAAYV,GAoB9B,OAbAW,OAAOC,KAAKX,GAAYY,SAASC,IAE/B,MAAMC,EAA0BD,EAAIE,MAAM,aAAa,GACjDC,EAAgBH,EACtBL,EAAUR,WAAWgB,GAAiB,IACjCR,EAAUR,WAAWgB,GACxB,CAACR,EAAUH,YAAYY,KAAK,WAAY,IACnCC,EAAmBJ,QAMrBL,EAAY,IACdV,EACHC,WAAYQ,EAAUR,WACtBmB,MAAO,CACLC,aAAc,GAEhBC,cAAe,IACVC,GAELC,WAAY,CACVC,SAAU,CACRC,aAAc,CACZF,WAAY,CACVG,UAAWC,IAGfC,eAAgB,CACdC,KAAM,CAEJT,aAAc,MAEdU,QAAS,QAEXC,KAAM,CAEJC,YAAa,OACbF,QAAS,GAEXG,OAAQ,CACNH,QAAS,EACT,WAAY,CACVI,UAAW,SAGfC,QAAS,CACPL,QAAS,KAIfM,UAAWC,EAAqB7B,GAChC8B,cAAeC,IACfC,QAAS,CACPZ,eAAgB,CACdC,KAAM,CACJY,UAAW,OACXC,YAAa,MACbC,YAAa,QACbC,YAAapC,EAAUP,QAAQ4C,WAIrCC,QAAS,CACPlB,eAAgB,CACdC,KAAM,CACJkB,WAAY,OACZC,YAAa,MACbC,aAAc,SAIpBC,kBAAmB,CACjBtB,eAAgB,CACdC,KAAM,CACJ,UAAW,CACTsB,gBAAiB3C,EAAUP,QAAQmD,SAASC,KAAK,sBAEnD,qBAAsB,CACpBC,aAAc,aAAa9C,EAAUP,QAAQmD,SAASG,OAAO,qBAKrEC,YAAa,CACX5B,eAAgB,CACdC,KAAM,CACJ,4BAA6B,CAC3BsB,gBAAiB3C,EAAUP,QAAQmD,SAASC,KAAK,kBACjDI,OAAQ,cAKhBC,cAAe,CACbjC,aAAc,CACZkC,eAAgBC,QAObC,EAAahE,EAA2B,SACxCiE,EAAYjE,EAA2B"}
@@ -0,0 +1,2 @@
1
+ "use strict";exports.resetTeamDatadogTrackingContextToPortalBase=({fdLogger:t,fdDatadogRum:e})=>{t?.setGlobalContextProperty("team","clx-team"),t?.setGlobalContextProperty("fe_application","web-portal"),e?.setGlobalContextProperty("team","clx-team"),e?.setGlobalContextProperty("fe_application","web-portal")},exports.setTeamDatadogTrackingContext=({team:t,application:e,fdLogger:o,fdDatadogRum:a})=>{o?.setGlobalContextProperty("team",t),o?.setGlobalContextProperty("fe_application",e),a?.setGlobalContextProperty("team",t),a?.setGlobalContextProperty("fe_application",e)};
2
+ //# sourceMappingURL=observabilityUtilities.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"observabilityUtilities.cjs.js","sources":["../../src/utilities/observabilityUtilities.ts"],"sourcesContent":["export const setTeamDatadogTrackingContext = ({\n team,\n application,\n fdLogger,\n fdDatadogRum,\n}: {\n team: string;\n application: string;\n fdLogger: { setGlobalContextProperty: (key: string, value: string) => void };\n fdDatadogRum: { setGlobalContextProperty: (key: string, value: string) => void };\n}): void => {\n fdLogger?.setGlobalContextProperty(\"team\", team);\n fdLogger?.setGlobalContextProperty(\"fe_application\", application);\n fdDatadogRum?.setGlobalContextProperty(\"team\", team);\n fdDatadogRum?.setGlobalContextProperty(\"fe_application\", application);\n};\n\nexport const resetTeamDatadogTrackingContextToPortalBase = ({\n fdLogger,\n fdDatadogRum,\n}: {\n fdLogger: { setGlobalContextProperty: (key: string, value: string) => void };\n fdDatadogRum: { setGlobalContextProperty: (key: string, value: string) => void };\n}): void => {\n fdLogger?.setGlobalContextProperty(\"team\", \"clx-team\");\n fdLogger?.setGlobalContextProperty(\"fe_application\", \"web-portal\");\n fdDatadogRum?.setGlobalContextProperty(\"team\", \"clx-team\");\n fdDatadogRum?.setGlobalContextProperty(\"fe_application\", \"web-portal\");\n};"],"names":["fdLogger","fdDatadogRum","setGlobalContextProperty","team","application"],"mappings":"iEAiB2D,EACzDA,WACAC,mBAKAD,GAAUE,yBAAyB,OAAQ,YAC3CF,GAAUE,yBAAyB,iBAAkB,cACrDD,GAAcC,yBAAyB,OAAQ,YAC/CD,GAAcC,yBAAyB,iBAAkB,qDA3Bd,EAC3CC,OACAC,cACAJ,WACAC,mBAOAD,GAAUE,yBAAyB,OAAQC,GAC3CH,GAAUE,yBAAyB,iBAAkBE,GACrDH,GAAcC,yBAAyB,OAAQC,GAC/CF,GAAcC,yBAAyB,iBAAkBE"}
@@ -0,0 +1,20 @@
1
+ declare const setTeamDatadogTrackingContext: ({ team, application, fdLogger, fdDatadogRum, }: {
2
+ team: string;
3
+ application: string;
4
+ fdLogger: {
5
+ setGlobalContextProperty: (key: string, value: string) => void;
6
+ };
7
+ fdDatadogRum: {
8
+ setGlobalContextProperty: (key: string, value: string) => void;
9
+ };
10
+ }) => void;
11
+ declare const resetTeamDatadogTrackingContextToPortalBase: ({ fdLogger, fdDatadogRum, }: {
12
+ fdLogger: {
13
+ setGlobalContextProperty: (key: string, value: string) => void;
14
+ };
15
+ fdDatadogRum: {
16
+ setGlobalContextProperty: (key: string, value: string) => void;
17
+ };
18
+ }) => void;
19
+
20
+ export { resetTeamDatadogTrackingContextToPortalBase, setTeamDatadogTrackingContext };
@@ -0,0 +1,2 @@
1
+ const t=({team:t,application:e,fdLogger:o,fdDatadogRum:a})=>{o?.setGlobalContextProperty("team",t),o?.setGlobalContextProperty("fe_application",e),a?.setGlobalContextProperty("team",t),a?.setGlobalContextProperty("fe_application",e)},e=({fdLogger:t,fdDatadogRum:e})=>{t?.setGlobalContextProperty("team","clx-team"),t?.setGlobalContextProperty("fe_application","web-portal"),e?.setGlobalContextProperty("team","clx-team"),e?.setGlobalContextProperty("fe_application","web-portal")};export{e as resetTeamDatadogTrackingContextToPortalBase,t as setTeamDatadogTrackingContext};
2
+ //# sourceMappingURL=observabilityUtilities.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"observabilityUtilities.js","sources":["../../src/utilities/observabilityUtilities.ts"],"sourcesContent":["export const setTeamDatadogTrackingContext = ({\n team,\n application,\n fdLogger,\n fdDatadogRum,\n}: {\n team: string;\n application: string;\n fdLogger: { setGlobalContextProperty: (key: string, value: string) => void };\n fdDatadogRum: { setGlobalContextProperty: (key: string, value: string) => void };\n}): void => {\n fdLogger?.setGlobalContextProperty(\"team\", team);\n fdLogger?.setGlobalContextProperty(\"fe_application\", application);\n fdDatadogRum?.setGlobalContextProperty(\"team\", team);\n fdDatadogRum?.setGlobalContextProperty(\"fe_application\", application);\n};\n\nexport const resetTeamDatadogTrackingContextToPortalBase = ({\n fdLogger,\n fdDatadogRum,\n}: {\n fdLogger: { setGlobalContextProperty: (key: string, value: string) => void };\n fdDatadogRum: { setGlobalContextProperty: (key: string, value: string) => void };\n}): void => {\n fdLogger?.setGlobalContextProperty(\"team\", \"clx-team\");\n fdLogger?.setGlobalContextProperty(\"fe_application\", \"web-portal\");\n fdDatadogRum?.setGlobalContextProperty(\"team\", \"clx-team\");\n fdDatadogRum?.setGlobalContextProperty(\"fe_application\", \"web-portal\");\n};"],"names":["setTeamDatadogTrackingContext","team","application","fdLogger","fdDatadogRum","setGlobalContextProperty","resetTeamDatadogTrackingContextToPortalBase"],"mappings":"AAAO,MAAMA,EAAgC,EAC3CC,OACAC,cACAC,WACAC,mBAOAD,GAAUE,yBAAyB,OAAQJ,GAC3CE,GAAUE,yBAAyB,iBAAkBH,GACrDE,GAAcC,yBAAyB,OAAQJ,GAC/CG,GAAcC,yBAAyB,iBAAkBH,IAG9CI,EAA8C,EACzDH,WACAC,mBAKAD,GAAUE,yBAAyB,OAAQ,YAC3CF,GAAUE,yBAAyB,iBAAkB,cACrDD,GAAcC,yBAAyB,OAAQ,YAC/CD,GAAcC,yBAAyB,iBAAkB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flipdish/portal-library",
3
- "version": "4.1.0",
3
+ "version": "4.2.1",
4
4
  "files": [
5
5
  "dist"
6
6
  ],
@@ -41,7 +41,7 @@
41
41
  "@cloudinary/react": "^1.14.3",
42
42
  "@cloudinary/url-gen": "^1.21.0",
43
43
  "@emotion/react": "11.14.0",
44
- "@emotion/styled": "11.14.0",
44
+ "@emotion/styled": "11.14.1",
45
45
  "@mui/material": "6.4.12",
46
46
  "@mui/x-date-pickers": "^7.23.3",
47
47
  "@tanstack/react-query": "^5.62.0",