npm - @flipdish/portal-library - Versions diffs - 8.5.4 → 8.5.6 - Mend

@flipdish/portal-library 8.5.4 → 8.5.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (206) hide show

package/dist/components/atoms/Button/buttonThemeOverrides.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";require("@mui/material/styles");var e=require("../../../themes/tokens/typography/font-family.cjs.js"),t=require("../../../themes/tokens/typography/font-size.cjs.js"),i=require("../../../themes/tokens/typography/letter-spacing.cjs.js"),n=require("../../../themes/tokens/typography/line-height.cjs.js");exports.buttonStyleOverrides=o=>({styleOverrides:{root:{textAlign:"center",textTransform:"none",display:"flex",alignItems:"center",justifyContent:"center"},sizeSmall:{height:"32px",padding:"0px 12px",fontStyle:"normal",fontFamily:e.fontFamily.desktop.body,fontSize:t.fontSize.desktop.caption,lineHeight:"normal",letterSpacing:i.letterSpacing.desktop.caption,fontWeight:"600",[o.breakpoints.down("tablet")]:{fontFamily:e.fontFamily.mobile.body,fontSize:t.fontSize.mobile.caption,lineHeight:n.lineHeight.mobile.caption,letterSpacing:i.letterSpacing.mobile.caption}},sizeMedium:{height:"48px",gap:"4px",padding:"0px 16px",fontStyle:"normal",fontFamily:e.fontFamily.desktop.body,fontSize:t.fontSize.desktop.b1,lineHeight:"normal",letterSpacing:i.letterSpacing.desktop.b1,fontWeight:"600",[o.breakpoints.down("tablet")]:{fontFamily:e.fontFamily.mobile.body,fontSize:t.fontSize.mobile.b1,lineHeight:n.lineHeight.mobile.b1,letterSpacing:i.letterSpacing.mobile.b1}},sizeLarge:{height:"64px",display:"flex",alignItems:"center",justifyContent:"center",flex:"1 0 0",alignSelf:"stretch",gap:"4px",padding:"0px 24px",fontStyle:"normal",fontFamily:e.fontFamily.desktop.heading,fontSize:t.fontSize.desktop.h4,lineHeight:"normal",letterSpacing:i.letterSpacing.desktop.h4,fontWeight:"600",[o.breakpoints.down("tablet")]:{fontFamily:e.fontFamily.mobile.heading,fontSize:t.fontSize.mobile.h4,lineHeight:n.lineHeight.mobile.h4,letterSpacing:i.letterSpacing.mobile.h4}}}});
+"use strict";require("@mui/material/styles");var e=require("../../../themes/tokens/typography/font-family.cjs.js"),t=require("../../../themes/tokens/typography/font-size.cjs.js"),i=require("../../../themes/tokens/typography/letter-spacing.cjs.js"),o=require("../../../themes/tokens/typography/line-height.cjs.js");exports.buttonStyleOverrides=n=>({styleOverrides:{root:{textAlign:"center",textTransform:"none",display:"flex",alignItems:"center",justifyContent:"center",'&[data-tone="inverse"] .MuiButton-loadingIndicator .MuiCircularProgress-root':{color:"dark"===n.palette.mode?n.palette.common.black:n.palette.common.white}},sizeSmall:{height:"32px",padding:"0px 12px",fontStyle:"normal",fontFamily:e.fontFamily.desktop.body,fontSize:t.fontSize.desktop.caption,lineHeight:"normal",letterSpacing:i.letterSpacing.desktop.caption,fontWeight:"600",[n.breakpoints.down("tablet")]:{fontFamily:e.fontFamily.mobile.body,fontSize:t.fontSize.mobile.caption,lineHeight:o.lineHeight.mobile.caption,letterSpacing:i.letterSpacing.mobile.caption}},sizeMedium:{height:"48px",gap:"4px",padding:"0px 16px",fontStyle:"normal",fontFamily:e.fontFamily.desktop.body,fontSize:t.fontSize.desktop.b1,lineHeight:"normal",letterSpacing:i.letterSpacing.desktop.b1,fontWeight:"600",[n.breakpoints.down("tablet")]:{fontFamily:e.fontFamily.mobile.body,fontSize:t.fontSize.mobile.b1,lineHeight:o.lineHeight.mobile.b1,letterSpacing:i.letterSpacing.mobile.b1}},sizeLarge:{height:"64px",display:"flex",alignItems:"center",justifyContent:"center",flex:"1 0 0",alignSelf:"stretch",gap:"4px",padding:"0px 24px",fontStyle:"normal",fontFamily:e.fontFamily.desktop.heading,fontSize:t.fontSize.desktop.h4,lineHeight:"normal",letterSpacing:i.letterSpacing.desktop.h4,fontWeight:"600",[n.breakpoints.down("tablet")]:{fontFamily:e.fontFamily.mobile.heading,fontSize:t.fontSize.mobile.h4,lineHeight:o.lineHeight.mobile.h4,letterSpacing:i.letterSpacing.mobile.h4}},loadingIndicator:{"& .MuiCircularProgress-root":{color:n.palette.semantic.text["text-strong"]}}}});
 //# sourceMappingURL=buttonThemeOverrides.cjs.js.map

package/dist/components/atoms/Button/buttonThemeOverrides.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"buttonThemeOverrides.cjs.js","sources":["../../../../src/components/atoms/Button/buttonThemeOverrides.ts"],"sourcesContent":["import { type Theme } from '@mui/material/styles';\n\nimport { fontFamily } from '@fd/themes/tokens/typography/font-family';\nimport { fontSize } from '@fd/themes/tokens/typography/font-size';\nimport { letterSpacing } from '@fd/themes/tokens/typography/letter-spacing';\nimport { lineHeight } from '@fd/themes/tokens/typography/line-height';\n\ninterface ButtonStyleOverrides {\n styleOverrides: {\n root: Record<string, string \| { [key: string]: string }>;\n sizeSmall: Record<string, string \| { [key: string]: string }>;\n sizeMedium: Record<string, string \| { [key: string]: string }>;\n sizeLarge: Record<string, string \| { [key: string]: string }>;\n };\n}\n\nexport const buttonStyleOverrides = (baseTheme: Theme): ButtonStyleOverrides => ({\n styleOverrides: {\n root: {\n textAlign: 'center',\n textTransform: 'none',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n sizeSmall: {\n height: '32px',\n padding: '0px 12px',\n fontStyle: 'normal',\n fontFamily: fontFamily.desktop.body,\n fontSize: fontSize.desktop.caption,\n lineHeight: 'normal', // normal vs lineHeight.desktop.caption due to mui issue with text alignment https://github.com/mui/material-ui/issues/29965\n letterSpacing: letterSpacing.desktop.caption,\n fontWeight: '600',\n [baseTheme.breakpoints.down('tablet')]: {\n fontFamily: fontFamily.mobile.body,\n fontSize: fontSize.mobile.caption,\n lineHeight: lineHeight.mobile.caption,\n letterSpacing: letterSpacing.mobile.caption,\n },\n },\n sizeMedium: {\n height: '48px',\n gap: '4px',\n padding: '0px 16px',\n fontStyle: 'normal',\n fontFamily: fontFamily.desktop.body,\n fontSize: fontSize.desktop.b1,\n lineHeight: 'normal',\n letterSpacing: letterSpacing.desktop.b1,\n fontWeight: '600',\n [baseTheme.breakpoints.down('tablet')]: {\n fontFamily: fontFamily.mobile.body,\n fontSize: fontSize.mobile.b1,\n lineHeight: lineHeight.mobile.b1,\n letterSpacing: letterSpacing.mobile.b1,\n },\n },\n sizeLarge: {\n height: '64px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n flex: '1 0 0',\n alignSelf: 'stretch',\n gap: '4px',\n padding: '0px 24px',\n fontStyle: 'normal',\n fontFamily: fontFamily.desktop.heading,\n fontSize: fontSize.desktop.h4,\n lineHeight: 'normal',\n letterSpacing: letterSpacing.desktop.h4,\n fontWeight: '600',\n [baseTheme.breakpoints.down('tablet')]: {\n fontFamily: fontFamily.mobile.heading,\n fontSize: fontSize.mobile.h4,\n lineHeight: lineHeight.mobile.h4,\n letterSpacing: letterSpacing.mobile.h4,\n },\n },\n },\n});\n"],"names":["baseTheme","styleOverrides","root","textAlign","textTransform","display","alignItems","justifyContent","sizeSmall","height","padding","fontStyle","fontFamily","desktop","body","fontSize","caption","lineHeight","letterSpacing","fontWeight","breakpoints","down","mobile","sizeMedium","gap","b1","sizeLarge","flex","alignSelf","heading","h4"],"mappings":"~~uVAgBqCA~~,IAAgB,CACnDC,eAAgB,CACdC,KAAM,CACJC,UAAW,SACXC,cAAe,OACfC,QAAS,OACTC,WAAY,SACZC,eAAgB,~~UAElBC~~,UAAW,CACTC,OAAQ,OACRC,QAAS,WACTC,UAAW,SACXC,WAAYA,EAAAA,WAAWC,QAAQC,KAC/BC,SAAUA,EAAAA,SAASF,QAAQG,QAC3BC,WAAY,SACZC,cAAeA,EAAAA,cAAcL,QAAQG,QACrCG,WAAY,MACZ,~~CAACnB~~,~~EAAUoB~~,YAAYC,KAAK,WAAY,CACtCT,WAAYA,EAAAA,WAAWU,OAAOR,KAC9BC,SAAUA,EAAAA,SAASO,OAAON,QAC1BC,WAAYA,EAAAA,WAAWK,OAAON,QAC9BE,cAAeA,EAAAA,cAAcI,OAAON,UAGxCO,WAAY,CACVd,OAAQ,OACRe,IAAK,MACLd,QAAS,WACTC,UAAW,SACXC,WAAYA,EAAAA,WAAWC,QAAQC,KAC/BC,SAAUA,EAAAA,SAASF,QAAQY,GAC3BR,WAAY,SACZC,cAAeA,EAAAA,cAAcL,QAAQY,GACrCN,WAAY,MACZ,~~CAACnB~~,~~EAAUoB~~,YAAYC,KAAK,WAAY,CACtCT,WAAYA,EAAAA,WAAWU,OAAOR,KAC9BC,SAAUA,EAAAA,SAASO,OAAOG,GAC1BR,WAAYA,EAAAA,WAAWK,OAAOG,GAC9BP,cAAeA,EAAAA,cAAcI,OAAOG,KAGxCC,UAAW,CACTjB,OAAQ,~~OACRJ~~,QAAS,OACTC,WAAY,SACZC,eAAgB,~~SAChBoB~~,KAAM,QACNC,UAAW,UACXJ,IAAK,MACLd,QAAS,WACTC,UAAW,SACXC,WAAYA,EAAAA,WAAWC,QAAQgB,QAC/Bd,SAAUA,EAAAA,SAASF,QAAQiB,GAC3Bb,WAAY,SACZC,cAAeA,EAAAA,cAAcL,QAAQiB,GACrCX,WAAY,MACZ,~~CAACnB~~,~~EAAUoB~~,YAAYC,KAAK,WAAY,CACtCT,WAAYA,EAAAA,WAAWU,OAAOO,QAC9Bd,SAAUA,EAAAA,SAASO,OAAOQ,GAC1Bb,WAAYA,EAAAA,WAAWK,OAAOQ,GAC9BZ,cAAeA,EAAAA,cAAcI,OAAOQ"}
1	+ {"version":3,"file":"buttonThemeOverrides.cjs.js","sources":["../../../../src/components/atoms/Button/buttonThemeOverrides.ts"],"sourcesContent":["import { type Theme } from '@mui/material/styles';\n\nimport { fontFamily } from '@fd/themes/tokens/typography/font-family';\nimport { fontSize } from '@fd/themes/tokens/typography/font-size';\nimport { letterSpacing } from '@fd/themes/tokens/typography/letter-spacing';\nimport { lineHeight } from '@fd/themes/tokens/typography/line-height';\n\ninterface ButtonStyleOverrides {\n styleOverrides: {\n root: Record<string, string \| { [key: string]: string }>;\n sizeSmall: Record<string, string \| { [key: string]: string }>;\n sizeMedium: Record<string, string \| { [key: string]: string }>;\n sizeLarge: Record<string, string \| { [key: string]: string }>;\n loadingIndicator?: Record<string, string \| { [key: string]: string }>;\n };\n}\n\nexport const buttonStyleOverrides = (baseTheme: Theme): ButtonStyleOverrides => ({\n styleOverrides: {\n root: {\n textAlign: 'center',\n textTransform: 'none',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n // Inverse tone: spinner white in light mode (dark bg), black in dark mode (light bg)\n '&[data-tone=\"inverse\"] .MuiButton-loadingIndicator .MuiCircularProgress-root': {\n color:\n baseTheme.palette.mode === 'dark' ? baseTheme.palette.common.black : baseTheme.palette.common.white,\n },\n },\n sizeSmall: {\n height: '32px',\n padding: '0px 12px',\n fontStyle: 'normal',\n fontFamily: fontFamily.desktop.body,\n fontSize: fontSize.desktop.caption,\n lineHeight: 'normal', // normal vs lineHeight.desktop.caption due to mui issue with text alignment https://github.com/mui/material-ui/issues/29965\n letterSpacing: letterSpacing.desktop.caption,\n fontWeight: '600',\n [baseTheme.breakpoints.down('tablet')]: {\n fontFamily: fontFamily.mobile.body,\n fontSize: fontSize.mobile.caption,\n lineHeight: lineHeight.mobile.caption,\n letterSpacing: letterSpacing.mobile.caption,\n },\n },\n sizeMedium: {\n height: '48px',\n gap: '4px',\n padding: '0px 16px',\n fontStyle: 'normal',\n fontFamily: fontFamily.desktop.body,\n fontSize: fontSize.desktop.b1,\n lineHeight: 'normal',\n letterSpacing: letterSpacing.desktop.b1,\n fontWeight: '600',\n [baseTheme.breakpoints.down('tablet')]: {\n fontFamily: fontFamily.mobile.body,\n fontSize: fontSize.mobile.b1,\n lineHeight: lineHeight.mobile.b1,\n letterSpacing: letterSpacing.mobile.b1,\n },\n },\n sizeLarge: {\n height: '64px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n flex: '1 0 0',\n alignSelf: 'stretch',\n gap: '4px',\n padding: '0px 24px',\n fontStyle: 'normal',\n fontFamily: fontFamily.desktop.heading,\n fontSize: fontSize.desktop.h4,\n lineHeight: 'normal',\n letterSpacing: letterSpacing.desktop.h4,\n fontWeight: '600',\n [baseTheme.breakpoints.down('tablet')]: {\n fontFamily: fontFamily.mobile.heading,\n fontSize: fontSize.mobile.h4,\n lineHeight: lineHeight.mobile.h4,\n letterSpacing: letterSpacing.mobile.h4,\n },\n },\n // Default: loading spinner black in light mode, white in dark mode (inverse overridden on root for data-tone=\"inverse\")\n loadingIndicator: {\n '& .MuiCircularProgress-root': {\n color: baseTheme.palette.semantic.text['text-strong'],\n },\n },\n },\n});\n"],"names":["baseTheme","styleOverrides","root","textAlign","textTransform","display","alignItems","justifyContent","color","palette","mode","common","black","white","sizeSmall","height","padding","fontStyle","fontFamily","desktop","body","fontSize","caption","lineHeight","letterSpacing","fontWeight","breakpoints","down","mobile","sizeMedium","gap","b1","sizeLarge","flex","alignSelf","heading","h4","loadingIndicator","semantic","text"],"mappings":"uVAiBqCA,IAAgB,CACnDC,eAAgB,CACdC,KAAM,CACJC,UAAW,SACXC,cAAe,OACfC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAEhB,+EAAgF,CAC9EC,MAC6B,SAA3BR,EAAUS,QAAQC,KAAkBV,EAAUS,QAAQE,OAAOC,MAAQZ,EAAUS,QAAQE,OAAOE,QAGpGC,UAAW,CACTC,OAAQ,OACRC,QAAS,WACTC,UAAW,SACXC,WAAYA,EAAAA,WAAWC,QAAQC,KAC/BC,SAAUA,EAAAA,SAASF,QAAQG,QAC3BC,WAAY,SACZC,cAAeA,EAAAA,cAAcL,QAAQG,QACrCG,WAAY,MACZ,CAACzB,EAAU0B,YAAYC,KAAK,WAAY,CACtCT,WAAYA,EAAAA,WAAWU,OAAOR,KAC9BC,SAAUA,EAAAA,SAASO,OAAON,QAC1BC,WAAYA,EAAAA,WAAWK,OAAON,QAC9BE,cAAeA,EAAAA,cAAcI,OAAON,UAGxCO,WAAY,CACVd,OAAQ,OACRe,IAAK,MACLd,QAAS,WACTC,UAAW,SACXC,WAAYA,EAAAA,WAAWC,QAAQC,KAC/BC,SAAUA,EAAAA,SAASF,QAAQY,GAC3BR,WAAY,SACZC,cAAeA,EAAAA,cAAcL,QAAQY,GACrCN,WAAY,MACZ,CAACzB,EAAU0B,YAAYC,KAAK,WAAY,CACtCT,WAAYA,EAAAA,WAAWU,OAAOR,KAC9BC,SAAUA,EAAAA,SAASO,OAAOG,GAC1BR,WAAYA,EAAAA,WAAWK,OAAOG,GAC9BP,cAAeA,EAAAA,cAAcI,OAAOG,KAGxCC,UAAW,CACTjB,OAAQ,OACRV,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChB0B,KAAM,QACNC,UAAW,UACXJ,IAAK,MACLd,QAAS,WACTC,UAAW,SACXC,WAAYA,EAAAA,WAAWC,QAAQgB,QAC/Bd,SAAUA,EAAAA,SAASF,QAAQiB,GAC3Bb,WAAY,SACZC,cAAeA,EAAAA,cAAcL,QAAQiB,GACrCX,WAAY,MACZ,CAACzB,EAAU0B,YAAYC,KAAK,WAAY,CACtCT,WAAYA,EAAAA,WAAWU,OAAOO,QAC9Bd,SAAUA,EAAAA,SAASO,OAAOQ,GAC1Bb,WAAYA,EAAAA,WAAWK,OAAOQ,GAC9BZ,cAAeA,EAAAA,cAAcI,OAAOQ,KAIxCC,iBAAkB,CAChB,8BAA+B,CAC7B7B,MAAOR,EAAUS,QAAQ6B,SAASC,KAAK"}

package/dist/components/atoms/Button/buttonThemeOverrides.d.ts CHANGED Viewed

@@ -14,6 +14,9 @@ interface ButtonStyleOverrides {
         sizeLarge: Record<string, string | {
             [key: string]: string;
         }>;
+        loadingIndicator?: Record<string, string | {
+            [key: string]: string;
+        }>;
     };
 }
 declare const buttonStyleOverrides: (baseTheme: Theme) => ButtonStyleOverrides;

package/dist/components/atoms/Button/buttonThemeOverrides.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import"@mui/material/styles";import{fontFamily as e}from"../../../themes/tokens/typography/font-family.js";import{fontSize as t}from"../../../themes/tokens/typography/font-size.js";import{letterSpacing as o}from"../../../themes/tokens/typography/letter-spacing.js";import{lineHeight as i}from"../../../themes/tokens/typography/line-height.js";const n=n=>({styleOverrides:{root:{textAlign:"center",textTransform:"none",display:"flex",alignItems:"center",justifyContent:"center"},sizeSmall:{height:"32px",padding:"0px 12px",fontStyle:"normal",fontFamily:e.desktop.body,fontSize:t.desktop.caption,lineHeight:"normal",letterSpacing:o.desktop.caption,fontWeight:"600",[n.breakpoints.down("tablet")]:{fontFamily:e.mobile.body,fontSize:t.mobile.caption,lineHeight:i.mobile.caption,letterSpacing:o.mobile.caption}},sizeMedium:{height:"48px",gap:"4px",padding:"0px 16px",fontStyle:"normal",fontFamily:e.desktop.body,fontSize:t.desktop.b1,lineHeight:"normal",letterSpacing:o.desktop.b1,fontWeight:"600",[n.breakpoints.down("tablet")]:{fontFamily:e.mobile.body,fontSize:t.mobile.b1,lineHeight:i.mobile.b1,letterSpacing:o.mobile.b1}},sizeLarge:{height:"64px",display:"flex",alignItems:"center",justifyContent:"center",flex:"1 0 0",alignSelf:"stretch",gap:"4px",padding:"0px 24px",fontStyle:"normal",fontFamily:e.desktop.heading,fontSize:t.desktop.h4,lineHeight:"normal",letterSpacing:o.desktop.h4,fontWeight:"600",[n.breakpoints.down("tablet")]:{fontFamily:e.mobile.heading,fontSize:t.mobile.h4,lineHeight:i.mobile.h4,letterSpacing:o.mobile.h4}}}});export{n as buttonStyleOverrides};
+import"@mui/material/styles";import{fontFamily as t}from"../../../themes/tokens/typography/font-family.js";import{fontSize as e}from"../../../themes/tokens/typography/font-size.js";import{letterSpacing as o}from"../../../themes/tokens/typography/letter-spacing.js";import{lineHeight as i}from"../../../themes/tokens/typography/line-height.js";const n=n=>({styleOverrides:{root:{textAlign:"center",textTransform:"none",display:"flex",alignItems:"center",justifyContent:"center",'&[data-tone="inverse"] .MuiButton-loadingIndicator .MuiCircularProgress-root':{color:"dark"===n.palette.mode?n.palette.common.black:n.palette.common.white}},sizeSmall:{height:"32px",padding:"0px 12px",fontStyle:"normal",fontFamily:t.desktop.body,fontSize:e.desktop.caption,lineHeight:"normal",letterSpacing:o.desktop.caption,fontWeight:"600",[n.breakpoints.down("tablet")]:{fontFamily:t.mobile.body,fontSize:e.mobile.caption,lineHeight:i.mobile.caption,letterSpacing:o.mobile.caption}},sizeMedium:{height:"48px",gap:"4px",padding:"0px 16px",fontStyle:"normal",fontFamily:t.desktop.body,fontSize:e.desktop.b1,lineHeight:"normal",letterSpacing:o.desktop.b1,fontWeight:"600",[n.breakpoints.down("tablet")]:{fontFamily:t.mobile.body,fontSize:e.mobile.b1,lineHeight:i.mobile.b1,letterSpacing:o.mobile.b1}},sizeLarge:{height:"64px",display:"flex",alignItems:"center",justifyContent:"center",flex:"1 0 0",alignSelf:"stretch",gap:"4px",padding:"0px 24px",fontStyle:"normal",fontFamily:t.desktop.heading,fontSize:e.desktop.h4,lineHeight:"normal",letterSpacing:o.desktop.h4,fontWeight:"600",[n.breakpoints.down("tablet")]:{fontFamily:t.mobile.heading,fontSize:e.mobile.h4,lineHeight:i.mobile.h4,letterSpacing:o.mobile.h4}},loadingIndicator:{"& .MuiCircularProgress-root":{color:n.palette.semantic.text["text-strong"]}}}});export{n as buttonStyleOverrides};
 //# sourceMappingURL=buttonThemeOverrides.js.map

package/dist/components/atoms/Button/buttonThemeOverrides.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"buttonThemeOverrides.js","sources":["../../../../src/components/atoms/Button/buttonThemeOverrides.ts"],"sourcesContent":["import { type Theme } from '@mui/material/styles';\n\nimport { fontFamily } from '@fd/themes/tokens/typography/font-family';\nimport { fontSize } from '@fd/themes/tokens/typography/font-size';\nimport { letterSpacing } from '@fd/themes/tokens/typography/letter-spacing';\nimport { lineHeight } from '@fd/themes/tokens/typography/line-height';\n\ninterface ButtonStyleOverrides {\n styleOverrides: {\n root: Record<string, string \| { [key: string]: string }>;\n sizeSmall: Record<string, string \| { [key: string]: string }>;\n sizeMedium: Record<string, string \| { [key: string]: string }>;\n sizeLarge: Record<string, string \| { [key: string]: string }>;\n };\n}\n\nexport const buttonStyleOverrides = (baseTheme: Theme): ButtonStyleOverrides => ({\n styleOverrides: {\n root: {\n textAlign: 'center',\n textTransform: 'none',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n sizeSmall: {\n height: '32px',\n padding: '0px 12px',\n fontStyle: 'normal',\n fontFamily: fontFamily.desktop.body,\n fontSize: fontSize.desktop.caption,\n lineHeight: 'normal', // normal vs lineHeight.desktop.caption due to mui issue with text alignment https://github.com/mui/material-ui/issues/29965\n letterSpacing: letterSpacing.desktop.caption,\n fontWeight: '600',\n [baseTheme.breakpoints.down('tablet')]: {\n fontFamily: fontFamily.mobile.body,\n fontSize: fontSize.mobile.caption,\n lineHeight: lineHeight.mobile.caption,\n letterSpacing: letterSpacing.mobile.caption,\n },\n },\n sizeMedium: {\n height: '48px',\n gap: '4px',\n padding: '0px 16px',\n fontStyle: 'normal',\n fontFamily: fontFamily.desktop.body,\n fontSize: fontSize.desktop.b1,\n lineHeight: 'normal',\n letterSpacing: letterSpacing.desktop.b1,\n fontWeight: '600',\n [baseTheme.breakpoints.down('tablet')]: {\n fontFamily: fontFamily.mobile.body,\n fontSize: fontSize.mobile.b1,\n lineHeight: lineHeight.mobile.b1,\n letterSpacing: letterSpacing.mobile.b1,\n },\n },\n sizeLarge: {\n height: '64px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n flex: '1 0 0',\n alignSelf: 'stretch',\n gap: '4px',\n padding: '0px 24px',\n fontStyle: 'normal',\n fontFamily: fontFamily.desktop.heading,\n fontSize: fontSize.desktop.h4,\n lineHeight: 'normal',\n letterSpacing: letterSpacing.desktop.h4,\n fontWeight: '600',\n [baseTheme.breakpoints.down('tablet')]: {\n fontFamily: fontFamily.mobile.heading,\n fontSize: fontSize.mobile.h4,\n lineHeight: lineHeight.mobile.h4,\n letterSpacing: letterSpacing.mobile.h4,\n },\n },\n },\n});\n"],"names":["buttonStyleOverrides","baseTheme","styleOverrides","root","textAlign","textTransform","display","alignItems","justifyContent","sizeSmall","height","padding","fontStyle","fontFamily","desktop","body","fontSize","caption","lineHeight","letterSpacing","fontWeight","breakpoints","down","mobile","sizeMedium","gap","b1","sizeLarge","flex","alignSelf","heading","h4"],"mappings":"~~6VAgBaA~~,EAAwBC,IAAgB,CACnDC,eAAgB,CACdC,KAAM,CACJC,UAAW,SACXC,cAAe,OACfC,QAAS,OACTC,WAAY,SACZC,eAAgB,~~UAElBC~~,UAAW,CACTC,OAAQ,OACRC,QAAS,WACTC,UAAW,SACXC,WAAYA,EAAWC,QAAQC,KAC/BC,SAAUA,EAASF,QAAQG,QAC3BC,WAAY,SACZC,cAAeA,EAAcL,QAAQG,QACrCG,WAAY,MACZ,~~CAACnB~~,~~EAAUoB~~,YAAYC,KAAK,WAAY,CACtCT,WAAYA,EAAWU,OAAOR,KAC9BC,SAAUA,EAASO,OAAON,QAC1BC,WAAYA,EAAWK,OAAON,QAC9BE,cAAeA,EAAcI,OAAON,UAGxCO,WAAY,CACVd,OAAQ,OACRe,IAAK,MACLd,QAAS,WACTC,UAAW,SACXC,WAAYA,EAAWC,QAAQC,KAC/BC,SAAUA,EAASF,QAAQY,GAC3BR,WAAY,SACZC,cAAeA,EAAcL,QAAQY,GACrCN,WAAY,MACZ,~~CAACnB~~,~~EAAUoB~~,YAAYC,KAAK,WAAY,CACtCT,WAAYA,EAAWU,OAAOR,KAC9BC,SAAUA,EAASO,OAAOG,GAC1BR,WAAYA,EAAWK,OAAOG,GAC9BP,cAAeA,EAAcI,OAAOG,KAGxCC,UAAW,CACTjB,OAAQ,~~OACRJ~~,QAAS,OACTC,WAAY,SACZC,eAAgB,~~SAChBoB~~,KAAM,QACNC,UAAW,UACXJ,IAAK,MACLd,QAAS,WACTC,UAAW,SACXC,WAAYA,EAAWC,QAAQgB,QAC/Bd,SAAUA,EAASF,QAAQiB,GAC3Bb,WAAY,SACZC,cAAeA,EAAcL,QAAQiB,GACrCX,WAAY,MACZ,~~CAACnB~~,~~EAAUoB~~,YAAYC,KAAK,WAAY,CACtCT,WAAYA,EAAWU,OAAOO,QAC9Bd,SAAUA,EAASO,OAAOQ,GAC1Bb,WAAYA,EAAWK,OAAOQ,GAC9BZ,cAAeA,EAAcI,OAAOQ"}
1	+ {"version":3,"file":"buttonThemeOverrides.js","sources":["../../../../src/components/atoms/Button/buttonThemeOverrides.ts"],"sourcesContent":["import { type Theme } from '@mui/material/styles';\n\nimport { fontFamily } from '@fd/themes/tokens/typography/font-family';\nimport { fontSize } from '@fd/themes/tokens/typography/font-size';\nimport { letterSpacing } from '@fd/themes/tokens/typography/letter-spacing';\nimport { lineHeight } from '@fd/themes/tokens/typography/line-height';\n\ninterface ButtonStyleOverrides {\n styleOverrides: {\n root: Record<string, string \| { [key: string]: string }>;\n sizeSmall: Record<string, string \| { [key: string]: string }>;\n sizeMedium: Record<string, string \| { [key: string]: string }>;\n sizeLarge: Record<string, string \| { [key: string]: string }>;\n loadingIndicator?: Record<string, string \| { [key: string]: string }>;\n };\n}\n\nexport const buttonStyleOverrides = (baseTheme: Theme): ButtonStyleOverrides => ({\n styleOverrides: {\n root: {\n textAlign: 'center',\n textTransform: 'none',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n // Inverse tone: spinner white in light mode (dark bg), black in dark mode (light bg)\n '&[data-tone=\"inverse\"] .MuiButton-loadingIndicator .MuiCircularProgress-root': {\n color:\n baseTheme.palette.mode === 'dark' ? baseTheme.palette.common.black : baseTheme.palette.common.white,\n },\n },\n sizeSmall: {\n height: '32px',\n padding: '0px 12px',\n fontStyle: 'normal',\n fontFamily: fontFamily.desktop.body,\n fontSize: fontSize.desktop.caption,\n lineHeight: 'normal', // normal vs lineHeight.desktop.caption due to mui issue with text alignment https://github.com/mui/material-ui/issues/29965\n letterSpacing: letterSpacing.desktop.caption,\n fontWeight: '600',\n [baseTheme.breakpoints.down('tablet')]: {\n fontFamily: fontFamily.mobile.body,\n fontSize: fontSize.mobile.caption,\n lineHeight: lineHeight.mobile.caption,\n letterSpacing: letterSpacing.mobile.caption,\n },\n },\n sizeMedium: {\n height: '48px',\n gap: '4px',\n padding: '0px 16px',\n fontStyle: 'normal',\n fontFamily: fontFamily.desktop.body,\n fontSize: fontSize.desktop.b1,\n lineHeight: 'normal',\n letterSpacing: letterSpacing.desktop.b1,\n fontWeight: '600',\n [baseTheme.breakpoints.down('tablet')]: {\n fontFamily: fontFamily.mobile.body,\n fontSize: fontSize.mobile.b1,\n lineHeight: lineHeight.mobile.b1,\n letterSpacing: letterSpacing.mobile.b1,\n },\n },\n sizeLarge: {\n height: '64px',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n flex: '1 0 0',\n alignSelf: 'stretch',\n gap: '4px',\n padding: '0px 24px',\n fontStyle: 'normal',\n fontFamily: fontFamily.desktop.heading,\n fontSize: fontSize.desktop.h4,\n lineHeight: 'normal',\n letterSpacing: letterSpacing.desktop.h4,\n fontWeight: '600',\n [baseTheme.breakpoints.down('tablet')]: {\n fontFamily: fontFamily.mobile.heading,\n fontSize: fontSize.mobile.h4,\n lineHeight: lineHeight.mobile.h4,\n letterSpacing: letterSpacing.mobile.h4,\n },\n },\n // Default: loading spinner black in light mode, white in dark mode (inverse overridden on root for data-tone=\"inverse\")\n loadingIndicator: {\n '& .MuiCircularProgress-root': {\n color: baseTheme.palette.semantic.text['text-strong'],\n },\n },\n },\n});\n"],"names":["buttonStyleOverrides","baseTheme","styleOverrides","root","textAlign","textTransform","display","alignItems","justifyContent","color","palette","mode","common","black","white","sizeSmall","height","padding","fontStyle","fontFamily","desktop","body","fontSize","caption","lineHeight","letterSpacing","fontWeight","breakpoints","down","mobile","sizeMedium","gap","b1","sizeLarge","flex","alignSelf","heading","h4","loadingIndicator","semantic","text"],"mappings":"6VAiBaA,EAAwBC,IAAgB,CACnDC,eAAgB,CACdC,KAAM,CACJC,UAAW,SACXC,cAAe,OACfC,QAAS,OACTC,WAAY,SACZC,eAAgB,SAEhB,+EAAgF,CAC9EC,MAC6B,SAA3BR,EAAUS,QAAQC,KAAkBV,EAAUS,QAAQE,OAAOC,MAAQZ,EAAUS,QAAQE,OAAOE,QAGpGC,UAAW,CACTC,OAAQ,OACRC,QAAS,WACTC,UAAW,SACXC,WAAYA,EAAWC,QAAQC,KAC/BC,SAAUA,EAASF,QAAQG,QAC3BC,WAAY,SACZC,cAAeA,EAAcL,QAAQG,QACrCG,WAAY,MACZ,CAACzB,EAAU0B,YAAYC,KAAK,WAAY,CACtCT,WAAYA,EAAWU,OAAOR,KAC9BC,SAAUA,EAASO,OAAON,QAC1BC,WAAYA,EAAWK,OAAON,QAC9BE,cAAeA,EAAcI,OAAON,UAGxCO,WAAY,CACVd,OAAQ,OACRe,IAAK,MACLd,QAAS,WACTC,UAAW,SACXC,WAAYA,EAAWC,QAAQC,KAC/BC,SAAUA,EAASF,QAAQY,GAC3BR,WAAY,SACZC,cAAeA,EAAcL,QAAQY,GACrCN,WAAY,MACZ,CAACzB,EAAU0B,YAAYC,KAAK,WAAY,CACtCT,WAAYA,EAAWU,OAAOR,KAC9BC,SAAUA,EAASO,OAAOG,GAC1BR,WAAYA,EAAWK,OAAOG,GAC9BP,cAAeA,EAAcI,OAAOG,KAGxCC,UAAW,CACTjB,OAAQ,OACRV,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChB0B,KAAM,QACNC,UAAW,UACXJ,IAAK,MACLd,QAAS,WACTC,UAAW,SACXC,WAAYA,EAAWC,QAAQgB,QAC/Bd,SAAUA,EAASF,QAAQiB,GAC3Bb,WAAY,SACZC,cAAeA,EAAcL,QAAQiB,GACrCX,WAAY,MACZ,CAACzB,EAAU0B,YAAYC,KAAK,WAAY,CACtCT,WAAYA,EAAWU,OAAOO,QAC9Bd,SAAUA,EAASO,OAAOQ,GAC1Bb,WAAYA,EAAWK,OAAOQ,GAC9BZ,cAAeA,EAAcI,OAAOQ,KAIxCC,iBAAkB,CAChB,8BAA+B,CAC7B7B,MAAOR,EAAUS,QAAQ6B,SAASC,KAAK"}

package/dist/components/atoms/Button/getButtonStyles.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"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]}};
+"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",pointerEvents:"auto"}},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:"transparent",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:"transparent",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",pointerEvents:"auto"}},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:"transparent",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:"transparent",color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto",textDecoration:"underline"}},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:"transparent",color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",textDecoration:"underline",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",textDecoration:"underline"},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"],textDecoration:"underline",border:"none",backgroundColor:"transparent",color:t.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}}};return{...s.generic,...s[r][o]}};
 //# sourceMappingURL=getButtonStyles.cjs.js.map

package/dist/components/atoms/Button/getButtonStyles.cjs.js.map CHANGED Viewed

	@@ -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 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	+ {"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 = (\n theme: Theme,\n variant: ButtonType = 'primary',\n tone: ButtonTone = 'brand',\n): 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\n ? darken(theme.palette.semantic.fill['fill-primary-strong'], 0.1)\n : 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\n ? darken(theme.palette.semantic.fill['fill-primary-strong'], 0.2)\n : 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 pointerEvents: 'auto',\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\n ? lighten(theme.palette.semantic.fill['fill-strong'], 0.1)\n : 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\n ? lighten(theme.palette.semantic.fill['fill-strong'], 0.2)\n : 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\n ? darken(theme.palette.semantic.fill['fill-inverse-strong'], 0.1)\n : 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\n ? darken(theme.palette.semantic.fill['fill-inverse-strong'], 0.2)\n : 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\n ? darken(theme.palette.semantic.fill['fill-error-strong'], 0.1)\n : 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\n ? darken(theme.palette.semantic.fill['fill-error-strong'], 0.2)\n : 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: 'transparent',\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: 'transparent',\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 pointerEvents: 'auto',\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: 'transparent',\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: 'transparent',\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n textDecoration: 'underline',\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: 'transparent',\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n textDecoration: 'underline',\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 textDecoration: 'underline',\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 textDecoration: 'underline',\n border: 'none',\n backgroundColor: 'transparent',\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","pointerEvents","neutral","radius","inverse","destructive","secondary","border","tertiary","textDecoration","textUnderlineOffset","textUnderlinePosition"],"mappings":"kEAawB,CACtBA,EACAC,EAAsB,UACtBC,EAAmB,WAEnB,MAAMC,EAAiC,UAAvBH,EAAMI,QAAQC,KACxBC,EAAW,CACfC,QAAS,CACPC,MAAO,CACLC,cAAe,MACfC,QAAS,aAAaV,EAAMI,QAAQO,SAASC,OAAO,kBACpDC,WAAY,SAGhBC,QAAS,CACPC,MAAO,CACLC,QAAS,CACPC,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,uBAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCC,aAAc,MACdC,UAAWtB,EAAMuB,eAAeC,QAElCC,MAAO,CACLR,gBAAiBd,EACbuB,EAAAA,OAAO1B,EAAMI,QAAQO,SAASO,KAAK,uBAAwB,IAC3DS,EAAAA,QAAQ3B,EAAMI,QAAQO,SAASO,KAAK,uBAAwB,IAChEC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCC,aAAc,MACdC,UAAWtB,EAAMuB,eAAeC,QAElCI,MAAO,CACLX,gBAAiBd,EACbuB,EAAAA,OAAO1B,EAAMI,QAAQO,SAASO,KAAK,uBAAwB,IAC3DS,EAAAA,QAAQ3B,EAAMI,QAAQO,SAASO,KAAK,uBAAwB,IAChEC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCC,aAAc,MACdC,UAAWtB,EAAMuB,eAAeC,QAElCK,SAAU,CACRZ,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,iBAC7CY,YAAa,cACbX,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAW,OACXS,OAAQ,cACRC,cAAe,SAGnBC,QAAS,CACPjB,QAAS,CACPK,aAAcrB,EAAMkC,OAAO,YAC3BjB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,eAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCC,MAAO,CACLJ,aAAcrB,EAAMkC,OAAO,YAC3BjB,gBAAiBd,EACbwB,EAAAA,QAAQ3B,EAAMI,QAAQO,SAASO,KAAK,eAAgB,IACpDQ,EAAAA,OAAO1B,EAAMI,QAAQO,SAASO,KAAK,eAAgB,IACvDC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCI,MAAO,CACLP,aAAcrB,EAAMkC,OAAO,YAC3BjB,gBAAiBd,EACbwB,EAAAA,QAAQ3B,EAAMI,QAAQO,SAASO,KAAK,eAAgB,IACpDQ,EAAAA,OAAO1B,EAAMI,QAAQO,SAASO,KAAK,eAAgB,IACvDC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCK,SAAU,CACRZ,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,iBAC7CY,YAAa,cACbX,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAW,OACXS,OAAQ,cACRC,cAAe,SAGnBG,QAAS,CACPnB,QAAS,CACPK,aAAcrB,EAAMkC,OAAO,YAC3BjB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,uBAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,eACnCE,UAAWtB,EAAMuB,eAAeC,QAElCC,MAAO,CACLJ,aAAcrB,EAAMkC,OAAO,YAC3BjB,gBAAiBd,EACbuB,EAAAA,OAAO1B,EAAMI,QAAQO,SAASO,KAAK,uBAAwB,IAC3DS,EAAAA,QAAQ3B,EAAMI,QAAQO,SAASO,KAAK,uBAAwB,IAChEC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,eACnCE,UAAWtB,EAAMuB,eAAeC,QAElCI,MAAO,CACLP,aAAcrB,EAAMkC,OAAO,YAC3BjB,gBAAiBd,EACbuB,EAAAA,OAAO1B,EAAMI,QAAQO,SAASO,KAAK,uBAAwB,IAC3DS,EAAAA,QAAQ3B,EAAMI,QAAQO,SAASO,KAAK,uBAAwB,IAChEC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,eACnCE,UAAWtB,EAAMuB,eAAeC,QAElChB,MAAO,CACLa,aAAcrB,EAAMkC,OAAO,YAC3BzB,cAAe,MACfC,QAAS,aAAaP,EAAUwB,EAAAA,QAAQ3B,EAAMI,QAAQO,SAASC,OAAO,yBAA0B,IAAOc,EAAAA,OAAO1B,EAAMI,QAAQO,SAASC,OAAO,yBAA0B,MACtKC,WAAY,QAEdgB,SAAU,CACRZ,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,yBAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,eACnCE,UAAW,OACXS,OAAQ,cACRC,cAAe,SAGnBI,YAAa,CACXpB,QAAS,CACPK,aAAcrB,EAAMkC,OAAO,YAC3BjB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,qBAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCC,MAAO,CACLJ,aAAcrB,EAAMkC,OAAO,YAC3BjB,gBAAiBd,EACbuB,EAAAA,OAAO1B,EAAMI,QAAQO,SAASO,KAAK,qBAAsB,IACzDS,EAAAA,QAAQ3B,EAAMI,QAAQO,SAASO,KAAK,qBAAsB,IAC9DC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCI,MAAO,CACLP,aAAcrB,EAAMkC,OAAO,YAC3BjB,gBAAiBd,EACbuB,EAAAA,OAAO1B,EAAMI,QAAQO,SAASO,KAAK,qBAAsB,IACzDS,EAAAA,QAAQ3B,EAAMI,QAAQO,SAASO,KAAK,qBAAsB,IAC9DC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCK,SAAU,CACRZ,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,iBAC7CY,YAAa,cACbX,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAW,OACXS,OAAQ,cACRC,cAAe,UAIrBK,UAAW,CACTtB,MAAO,CACLC,QAAS,CACPsB,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,2BACnDS,aAAcrB,EAAMkC,OAAO,YAC3BjB,gBAAiB,cACjBE,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,gBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCC,MAAO,CACLa,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,2BACnDS,aAAcrB,EAAMkC,OAAO,YAC3BjB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,gBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCI,MAAO,CACLU,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,2BACnDS,aAAcrB,EAAMkC,OAAO,YAC3BjB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,gBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCK,SAAU,CACRR,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,qBACnDK,gBAAiB,cACjBE,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,iBACnCE,UAAW,OACXS,OAAQ,cACRC,cAAe,SAGnBC,QAAS,CACPjB,QAAS,CACPK,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,mBACnDO,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,eACnCE,UAAWtB,EAAMuB,eAAeC,QAElCC,MAAO,CACLJ,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,mBACnDK,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,eACnCE,UAAWtB,EAAMuB,eAAeC,QAElCI,MAAO,CACLP,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,mBACnDK,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,eACnCE,UAAWtB,EAAMuB,eAAeC,QAElCK,SAAU,CACRR,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,qBACnDK,gBAAiB,cACjBE,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,iBACnCE,UAAW,OACXS,OAAQ,cACRC,cAAe,SAGnBG,QAAS,CACPnB,QAAS,CACPK,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,2BACnDK,gBAAiB,cACjBE,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCC,MAAO,CACLJ,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,2BACnDK,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,sBAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCI,MAAO,CACLP,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,2BACnDK,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,sBAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCK,SAAU,CACRR,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,6BACnDK,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,sBAC7CC,MAAOnB,EAAMI,QAAQO,SAASC,OAAO,2BACrCU,UAAW,OACXS,OAAQ,cACRC,cAAe,SAGnBI,YAAa,CACXpB,QAAS,CACPK,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,yBACnDK,gBAAiB,cACjBE,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,cACnCE,UAAWtB,EAAMuB,eAAeC,QAElCC,MAAO,CACLJ,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,yBACnDK,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,cACnCE,UAAWtB,EAAMuB,eAAeC,QAElCI,MAAO,CACLP,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,yBACnDK,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,cACnCE,UAAWtB,EAAMuB,eAAeC,QAElCK,SAAU,CACRZ,gBAAiB,cACjBqB,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,qBACnDO,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,iBACnCE,UAAW,OACXS,OAAQ,cACRC,cAAe,UAKrBO,SAAU,CACRxB,MAAO,CACLC,QAAS,CACPK,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,OACRrB,gBAAiB,cACjBuB,eAAgB,YAChBC,oBAAqB,MACrBC,sBAAuB,YACvBvB,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,gBACnCE,UAAW,QAEbG,MAAO,CACLJ,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,OACRrB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,gBACnCE,UAAW,QAEbM,MAAO,CACLP,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,OACRrB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,gBACnCE,UAAW,QAEbO,SAAU,CACRR,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,OACRrB,gBAAiB,cACjBE,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,iBACnCE,UAAW,OACXS,OAAQ,cACRC,cAAe,OACfQ,eAAgB,cAGpBP,QAAS,CACPjB,QAAS,CACPK,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,OACRrB,gBAAiB,cACjBuB,eAAgB,YAChBC,oBAAqB,MACrBC,sBAAuB,YACvBvB,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,eACnCE,UAAW,QAEbG,MAAO,CACLR,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CY,YAAa9B,EAAMI,QAAQO,SAASC,OAAO,iBAC3CO,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,eACnCE,UAAW,QAEbM,MAAO,CACLX,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CY,YAAa9B,EAAMI,QAAQO,SAASC,OAAO,iBAC3CO,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,eACnCE,UAAW,QAEbO,SAAU,CACRR,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,OACRrB,gBAAiB,cACjBE,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,iBACnCE,UAAW,OACXS,OAAQ,cACRS,eAAgB,YAChBR,cAAe,SAGnBG,QAAS,CACPnB,QAAS,CACPK,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,OACRrB,gBAAiB,cACjBuB,eAAgB,YAChBC,oBAAqB,MACrBC,sBAAuB,YACvBvB,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAW,QAEbG,MAAO,CACLJ,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,OACRrB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,sBAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAW,QAEbM,MAAO,CACLP,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,OACRrB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,sBAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAW,QAEbO,SAAU,CACRR,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,OACRrB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,eAC7CC,MAAOnB,EAAMI,QAAQO,SAASC,OAAO,2BACrCU,UAAW,OACXS,OAAQ,cACRC,cAAe,OACfQ,eAAgB,aAElBhC,MAAO,CACLa,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,2BACnDK,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,sBAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAW,SAGfc,YAAa,CACXpB,QAAS,CACPK,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,OACRrB,gBAAiB,cACjBuB,eAAgB,YAChBC,oBAAqB,MACrBC,sBAAuB,YACvBvB,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,cACnCE,UAAW,QAEbG,MAAO,CACLJ,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,OACRrB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,cACnCE,UAAW,QAEbM,MAAO,CACLP,aAAcrB,EAAMkC,OAAO,YAC3BI,OAAQ,OACRrB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,cACnCE,UAAW,QAEbO,SAAU,CACRR,aAAcrB,EAAMkC,OAAO,YAC3BM,eAAgB,YAChBF,OAAQ,OACRrB,gBAAiB,cACjBE,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,iBACnCE,UAAW,OACXS,OAAQ,cACRC,cAAe,WAKvB,MAAO,IAAK1B,EAASC,WAAYD,EAASL,GAASC"}

package/dist/components/atoms/Button/getButtonStyles.js CHANGED Viewed

@@ -1,2 +1,2 @@
-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};
+import{darken as e,lighten as t}from"@mui/material/styles";const r=(r,o="primary",a="brand")=>{const s="light"===r.palette.mode,i={generic:{focus:{outlineOffset:"2px",outline:`2px solid ${r.palette.semantic.stroke["stroke-focus"]}`,transition:"none"}},primary:{brand:{default:{backgroundColor:r.palette.semantic.fill["fill-primary-strong"],color:r.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:r.customShadows?.raised},hover:{backgroundColor:s?e(r.palette.semantic.fill["fill-primary-strong"],.1):t(r.palette.semantic.fill["fill-primary-strong"],.1),color:r.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:r.customShadows?.raised},press:{backgroundColor:s?e(r.palette.semantic.fill["fill-primary-strong"],.2):t(r.palette.semantic.fill["fill-primary-strong"],.2),color:r.palette.semantic.text["text-inverse-strong"],borderRadius:"8px",boxShadow:r.customShadows?.raised},disabled:{backgroundColor:r.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:r.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},neutral:{default:{borderRadius:r.radius["radius-8"],backgroundColor:r.palette.semantic.fill["fill-strong"],color:r.palette.semantic.text["text-inverse-strong"],boxShadow:r.customShadows?.raised},hover:{borderRadius:r.radius["radius-8"],backgroundColor:s?t(r.palette.semantic.fill["fill-strong"],.1):e(r.palette.semantic.fill["fill-strong"],.1),color:r.palette.semantic.text["text-inverse-strong"],boxShadow:r.customShadows?.raised},press:{borderRadius:r.radius["radius-8"],backgroundColor:s?t(r.palette.semantic.fill["fill-strong"],.2):e(r.palette.semantic.fill["fill-strong"],.2),color:r.palette.semantic.text["text-inverse-strong"],boxShadow:r.customShadows?.raised},disabled:{backgroundColor:r.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:r.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},inverse:{default:{borderRadius:r.radius["radius-8"],backgroundColor:r.palette.semantic.fill["fill-inverse-strong"],color:r.palette.semantic.text["text-strong"],boxShadow:r.customShadows?.raised},hover:{borderRadius:r.radius["radius-8"],backgroundColor:s?e(r.palette.semantic.fill["fill-inverse-strong"],.1):t(r.palette.semantic.fill["fill-inverse-strong"],.1),color:r.palette.semantic.text["text-strong"],boxShadow:r.customShadows?.raised},press:{borderRadius:r.radius["radius-8"],backgroundColor:s?e(r.palette.semantic.fill["fill-inverse-strong"],.2):t(r.palette.semantic.fill["fill-inverse-strong"],.2),color:r.palette.semantic.text["text-strong"],boxShadow:r.customShadows?.raised},focus:{borderRadius:r.radius["radius-8"],outlineOffset:"2px",outline:`2px solid ${s?t(r.palette.semantic.stroke["stroke-inverse-strong"],.4):e(r.palette.semantic.stroke["stroke-inverse-strong"],.4)}`,transition:"none"},disabled:{backgroundColor:r.palette.semantic.fill["fill-inverse-disabled"],color:r.palette.semantic.text["text-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},destructive:{default:{borderRadius:r.radius["radius-8"],backgroundColor:r.palette.semantic.fill["fill-error-strong"],color:r.palette.semantic.text["text-inverse-strong"],boxShadow:r.customShadows?.raised},hover:{borderRadius:r.radius["radius-8"],backgroundColor:s?e(r.palette.semantic.fill["fill-error-strong"],.1):t(r.palette.semantic.fill["fill-error-strong"],.1),color:r.palette.semantic.text["text-inverse-strong"],boxShadow:r.customShadows?.raised},press:{borderRadius:r.radius["radius-8"],backgroundColor:s?e(r.palette.semantic.fill["fill-error-strong"],.2):t(r.palette.semantic.fill["fill-error-strong"],.2),color:r.palette.semantic.text["text-inverse-strong"],boxShadow:r.customShadows?.raised},disabled:{backgroundColor:r.palette.semantic.fill["fill-disabled"],borderColor:"transparent",color:r.palette.semantic.text["text-inverse-strong"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}},secondary:{brand:{default:{border:`1px solid ${r.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:r.radius["radius-8"],backgroundColor:"transparent",color:r.palette.semantic.text["text-primary"],boxShadow:r.customShadows?.raised},hover:{border:`1px solid ${r.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:r.radius["radius-8"],backgroundColor:r.palette.semantic.fill["fill-hover"],color:r.palette.semantic.text["text-primary"],boxShadow:r.customShadows?.raised},press:{border:`1px solid ${r.palette.semantic.stroke["stroke-primary-strong"]}`,borderRadius:r.radius["radius-8"],backgroundColor:r.palette.semantic.fill["fill-press"],color:r.palette.semantic.text["text-primary"],boxShadow:r.customShadows?.raised},disabled:{borderRadius:r.radius["radius-8"],border:`1px solid ${r.palette.semantic.stroke["stroke-disabled"]}`,backgroundColor:"transparent",color:r.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},neutral:{default:{borderRadius:r.radius["radius-8"],border:`1px solid ${r.palette.semantic.stroke["stroke-strong"]}`,color:r.palette.semantic.text["text-strong"],boxShadow:r.customShadows?.raised},hover:{borderRadius:r.radius["radius-8"],border:`1px solid ${r.palette.semantic.stroke["stroke-strong"]}`,backgroundColor:r.palette.semantic.fill["fill-hover"],color:r.palette.semantic.text["text-strong"],boxShadow:r.customShadows?.raised},press:{borderRadius:r.radius["radius-8"],border:`1px solid ${r.palette.semantic.stroke["stroke-strong"]}`,backgroundColor:r.palette.semantic.fill["fill-press"],color:r.palette.semantic.text["text-strong"],boxShadow:r.customShadows?.raised},disabled:{borderRadius:r.radius["radius-8"],border:`1px solid ${r.palette.semantic.stroke["stroke-disabled"]}`,backgroundColor:"transparent",color:r.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},inverse:{default:{borderRadius:r.radius["radius-8"],border:`1px solid ${r.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:"transparent",color:r.palette.semantic.text["text-inverse-strong"],boxShadow:r.customShadows?.raised},hover:{borderRadius:r.radius["radius-8"],border:`1px solid ${r.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:r.palette.semantic.fill["fill-inverse-hover"],color:r.palette.semantic.text["text-inverse-strong"],boxShadow:r.customShadows?.raised},press:{borderRadius:r.radius["radius-8"],border:`1px solid ${r.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:r.palette.semantic.fill["fill-inverse-press"],color:r.palette.semantic.text["text-inverse-strong"],boxShadow:r.customShadows?.raised},disabled:{borderRadius:r.radius["radius-8"],border:`1px solid ${r.palette.semantic.stroke["stroke-inverse-disabled"]}`,backgroundColor:r.palette.semantic.fill["fill-inverse-hover"],color:r.palette.semantic.stroke["stroke-inverse-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}},destructive:{default:{borderRadius:r.radius["radius-8"],border:`1px solid ${r.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:"transparent",color:r.palette.semantic.text["text-error"],boxShadow:r.customShadows?.raised},hover:{borderRadius:r.radius["radius-8"],border:`1px solid ${r.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:r.palette.semantic.fill["fill-hover"],color:r.palette.semantic.text["text-error"],boxShadow:r.customShadows?.raised},press:{borderRadius:r.radius["radius-8"],border:`1px solid ${r.palette.semantic.stroke["stroke-error-strong"]}`,backgroundColor:r.palette.semantic.fill["fill-press"],color:r.palette.semantic.text["text-error"],boxShadow:r.customShadows?.raised},disabled:{backgroundColor:"transparent",border:`1px solid ${r.palette.semantic.stroke["stroke-disabled"]}`,color:r.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}},tertiary:{brand:{default:{borderRadius:r.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:r.palette.semantic.text["text-primary"],boxShadow:"none"},hover:{borderRadius:r.radius["radius-8"],border:"none",backgroundColor:r.palette.semantic.fill["fill-hover"],color:r.palette.semantic.text["text-primary"],boxShadow:"none"},press:{borderRadius:r.radius["radius-8"],border:"none",backgroundColor:r.palette.semantic.fill["fill-press"],color:r.palette.semantic.text["text-primary"],boxShadow:"none"},disabled:{borderRadius:r.radius["radius-8"],border:"none",backgroundColor:"transparent",color:r.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto",textDecoration:"underline"}},neutral:{default:{borderRadius:r.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:r.palette.semantic.text["text-strong"],boxShadow:"none"},hover:{backgroundColor:r.palette.semantic.fill["fill-hover"],borderColor:r.palette.semantic.stroke["stroke-strong"],color:r.palette.semantic.text["text-strong"],boxShadow:"none"},press:{backgroundColor:r.palette.semantic.fill["fill-press"],borderColor:r.palette.semantic.stroke["stroke-strong"],color:r.palette.semantic.text["text-strong"],boxShadow:"none"},disabled:{borderRadius:r.radius["radius-8"],border:"none",backgroundColor:"transparent",color:r.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",textDecoration:"underline",pointerEvents:"auto"}},inverse:{default:{borderRadius:r.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:r.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},hover:{borderRadius:r.radius["radius-8"],border:"none",backgroundColor:r.palette.semantic.fill["fill-inverse-hover"],color:r.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},press:{borderRadius:r.radius["radius-8"],border:"none",backgroundColor:r.palette.semantic.fill["fill-inverse-press"],color:r.palette.semantic.text["text-inverse-strong"],boxShadow:"none"},disabled:{borderRadius:r.radius["radius-8"],border:"none",backgroundColor:r.palette.semantic.fill["fill-strong"],color:r.palette.semantic.stroke["stroke-inverse-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto",textDecoration:"underline"},focus:{borderRadius:r.radius["radius-8"],border:`1px solid ${r.palette.semantic.stroke["stroke-inverse-strong"]}`,backgroundColor:r.palette.semantic.fill["fill-inverse-hover"],color:r.palette.semantic.text["text-inverse-strong"],boxShadow:"none"}},destructive:{default:{borderRadius:r.radius["radius-8"],border:"none",backgroundColor:"transparent",textDecoration:"underline",textUnderlineOffset:"25%",textUnderlinePosition:"from-font",color:r.palette.semantic.text["text-error"],boxShadow:"none"},hover:{borderRadius:r.radius["radius-8"],border:"none",backgroundColor:r.palette.semantic.fill["fill-hover"],color:r.palette.semantic.text["text-error"],boxShadow:"none"},press:{borderRadius:r.radius["radius-8"],border:"none",backgroundColor:r.palette.semantic.fill["fill-press"],color:r.palette.semantic.text["text-error"],boxShadow:"none"},disabled:{borderRadius:r.radius["radius-8"],textDecoration:"underline",border:"none",backgroundColor:"transparent",color:r.palette.semantic.text["text-disabled"],boxShadow:"none",cursor:"not-allowed",pointerEvents:"auto"}}}};return{...i.generic,...i[o][a]}};export{r as default};
 //# sourceMappingURL=getButtonStyles.js.map

package/dist/components/atoms/Button/getButtonStyles.js.map CHANGED Viewed

	@@ -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 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":"2DAaA,MAAMA,EAAkB,CAACC,EAAcC,EAAsB,UAAWC,EAAmB,WACzF,MAAMC,EAAiC,UAAvBH,EAAMI,QAAQC,KACxBC,EAAW,CACfC,QAAS,CACPC,MAAO,CACLC,cAAe,MACfC,QAAS,aAAaV,EAAMI,QAAQO,SAASC,OAAO,kBACpDC,WAAY,SAGhBC,QAAS,CACPC,MAAO,CACLC,QAAS,CACPC,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,uBAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCC,aAAc,MACdC,UAAWtB,EAAMuB,eAAeC,QAElCC,MAAO,CACLR,gBAAiBd,EAAUuB,EAAO1B,EAAMI,QAAQO,SAASO,KAAK,uBAAwB,IAAOS,EAAQ3B,EAAMI,QAAQO,SAASO,KAAK,uBAAwB,IACzJC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCC,aAAc,MACdC,UAAWtB,EAAMuB,eAAeC,QAElCI,MAAO,CACLX,gBAAiBd,EAAUuB,EAAO1B,EAAMI,QAAQO,SAASO,KAAK,uBAAwB,IAAOS,EAAQ3B,EAAMI,QAAQO,SAASO,KAAK,uBAAwB,IACzJC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCC,aAAc,MACdC,UAAWtB,EAAMuB,eAAeC,QAElCK,SAAU,CACRZ,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,iBAC7CY,YAAa,cACbX,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAW,OACXS,OAAQ,gBAGZC,QAAS,CACPhB,QAAS,CACPK,aAAcrB,EAAMiC,OAAO,YAC3BhB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,eAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCC,MAAO,CACLJ,aAAcrB,EAAMiC,OAAO,YAC3BhB,gBAAiBd,EAAUwB,EAAQ3B,EAAMI,QAAQO,SAASO,KAAK,eAAgB,IAAOQ,EAAO1B,EAAMI,QAAQO,SAASO,KAAK,eAAgB,IACzIC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCI,MAAO,CACLP,aAAcrB,EAAMiC,OAAO,YAC3BhB,gBAAiBd,EAAUwB,EAAQ3B,EAAMI,QAAQO,SAASO,KAAK,eAAgB,IAAOQ,EAAO1B,EAAMI,QAAQO,SAASO,KAAK,eAAgB,IACzIC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCK,SAAU,CACRZ,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,iBAC7CY,YAAa,cACbX,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAW,OACXS,OAAQ,cACRG,cAAe,SAGnBC,QAAS,CACPnB,QAAS,CACPK,aAAcrB,EAAMiC,OAAO,YAC3BhB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,uBAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,eACnCE,UAAWtB,EAAMuB,eAAeC,QAElCC,MAAO,CACLJ,aAAcrB,EAAMiC,OAAO,YAC3BhB,gBAAiBd,EAAUuB,EAAO1B,EAAMI,QAAQO,SAASO,KAAK,uBAAwB,IAAOS,EAAQ3B,EAAMI,QAAQO,SAASO,KAAK,uBAAwB,IACzJC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,eACnCE,UAAWtB,EAAMuB,eAAeC,QAElCI,MAAO,CACLP,aAAcrB,EAAMiC,OAAO,YAC3BhB,gBAAiBd,EAAUuB,EAAO1B,EAAMI,QAAQO,SAASO,KAAK,uBAAwB,IAAOS,EAAQ3B,EAAMI,QAAQO,SAASO,KAAK,uBAAwB,IACzJC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,eACnCE,UAAWtB,EAAMuB,eAAeC,QAElChB,MAAO,CACLa,aAAcrB,EAAMiC,OAAO,YAC3BxB,cAAe,MACfC,QAAS,aAAaP,EAAUwB,EAAQ3B,EAAMI,QAAQO,SAASC,OAAO,yBAA0B,IAAOc,EAAO1B,EAAMI,QAAQO,SAASC,OAAO,yBAA0B,MACtKC,WAAY,QAEdgB,SAAU,CACRZ,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,yBAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,eACnCE,UAAW,OACXS,OAAQ,cACRG,cAAe,SAGnBE,YAAa,CACXpB,QAAS,CACPK,aAAcrB,EAAMiC,OAAO,YAC3BhB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,qBAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCC,MAAO,CACLJ,aAAcrB,EAAMiC,OAAO,YAC3BhB,gBAAiBd,EAAUuB,EAAO1B,EAAMI,QAAQO,SAASO,KAAK,qBAAsB,IAAOS,EAAQ3B,EAAMI,QAAQO,SAASO,KAAK,qBAAsB,IACrJC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCI,MAAO,CACLP,aAAcrB,EAAMiC,OAAO,YAC3BhB,gBAAiBd,EAAUuB,EAAO1B,EAAMI,QAAQO,SAASO,KAAK,qBAAsB,IAAOS,EAAQ3B,EAAMI,QAAQO,SAASO,KAAK,qBAAsB,IACrJC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCK,SAAU,CACRZ,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,iBAC7CY,YAAa,cACbX,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAW,OACXS,OAAQ,cACRG,cAAe,UAIrBG,UAAW,CACTtB,MAAO,CACLC,QAAS,CACPsB,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,2BACnDS,aAAcrB,EAAMiC,OAAO,YAC3BhB,gBAAiB,cACjBE,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,gBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCC,MAAO,CACLa,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,2BACnDS,aAAcrB,EAAMiC,OAAO,YAC3BhB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,gBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCI,MAAO,CACLU,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,2BACnDS,aAAcrB,EAAMiC,OAAO,YAC3BhB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,gBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCK,SAAU,CACRR,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,qBACnDK,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,iBACnCE,UAAW,OACXS,OAAQ,cACRG,cAAe,SAGnBF,QAAS,CACPhB,QAAS,CACPK,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,mBACnDO,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,eACnCE,UAAWtB,EAAMuB,eAAeC,QAElCC,MAAO,CACLJ,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,mBACnDK,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,eACnCE,UAAWtB,EAAMuB,eAAeC,QAElCI,MAAO,CACLP,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,mBACnDK,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,eACnCE,UAAWtB,EAAMuB,eAAeC,QAElCK,SAAU,CACRR,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,qBACnDK,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,iBACnCE,UAAW,OACXS,OAAQ,cACRG,cAAe,SAGnBC,QAAS,CACPnB,QAAS,CACPK,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,2BACnDK,gBAAiB,cACjBE,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCC,MAAO,CACLJ,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,2BACnDK,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,sBAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCI,MAAO,CACLP,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,2BACnDK,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,sBAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAWtB,EAAMuB,eAAeC,QAElCK,SAAU,CACRR,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,6BACnDK,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,sBAC7CC,MAAOnB,EAAMI,QAAQO,SAASC,OAAO,2BACrCU,UAAW,OACXS,OAAQ,gBAGZK,YAAa,CACXpB,QAAS,CACPK,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,yBACnDK,gBAAiB,cACjBE,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,cACnCE,UAAWtB,EAAMuB,eAAeC,QAElCC,MAAO,CACLJ,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,yBACnDK,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,cACnCE,UAAWtB,EAAMuB,eAAeC,QAElCI,MAAO,CACLP,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,yBACnDK,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,cACnCE,UAAWtB,EAAMuB,eAAeC,QAElCK,SAAU,CACRZ,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CoB,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,qBACnDO,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,iBACnCE,UAAW,OACXS,OAAQ,cACRG,cAAe,UAKrBK,SAAU,CACRxB,MAAO,CACLC,QAAS,CACPK,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,OACRrB,gBAAiB,cACjBuB,eAAgB,YAChBC,oBAAqB,MACrBC,sBAAuB,YACvBvB,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,gBACnCE,UAAW,QAEbG,MAAO,CACLJ,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,OACRrB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,gBACnCE,UAAW,QAEbM,MAAO,CACLP,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,OACRrB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,gBACnCE,UAAW,QAEbO,SAAU,CACRR,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,OACRrB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,iBACnCE,UAAW,OACXS,OAAQ,cACRG,cAAe,SAGnBF,QAAS,CACPhB,QAAS,CACPK,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,OACRrB,gBAAiB,cACjBuB,eAAgB,YAChBC,oBAAqB,MACrBC,sBAAuB,YACvBvB,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,eACnCE,UAAW,QAEbG,MAAO,CACLR,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CY,YAAa9B,EAAMI,QAAQO,SAASC,OAAO,iBAC3CO,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,eACnCE,UAAW,QAEbM,MAAO,CACLX,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CY,YAAa9B,EAAMI,QAAQO,SAASC,OAAO,iBAC3CO,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,eACnCE,UAAW,QAEbO,SAAU,CACRR,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAO,OACPrB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,iBACnCE,UAAW,OACXS,OAAQ,cACRG,cAAe,SAGnBC,QAAS,CACPnB,QAAS,CACPK,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,OACRrB,gBAAiB,cACjBuB,eAAgB,YAChBC,oBAAqB,MACrBC,sBAAuB,YACvBvB,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAW,QAEbG,MAAO,CACLJ,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,OACRrB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,sBAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAW,QAEbM,MAAO,CACLP,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,OACRrB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,sBAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAW,QAEbO,SAAU,CACRR,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,OACRrB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,eAC7CC,MAAOnB,EAAMI,QAAQO,SAASC,OAAO,2BACrCU,UAAW,OACXS,OAAQ,cACRG,cAAe,QAEjB1B,MAAO,CACLa,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,aAAatC,EAAMI,QAAQO,SAASC,OAAO,2BACnDK,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,sBAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,uBACnCE,UAAW,SAGfc,YAAa,CACXpB,QAAS,CACPK,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,OACRrB,gBAAiB,cACjBuB,eAAgB,YAChBC,oBAAqB,MACrBC,sBAAuB,YACvBvB,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,cACnCE,UAAW,QAEbG,MAAO,CACLJ,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,OACRrB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,cACnCE,UAAW,QAEbM,MAAO,CACLP,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,OACRrB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,cACnCE,UAAW,QAEbO,SAAU,CACRR,aAAcrB,EAAMiC,OAAO,YAC3BK,OAAQ,OACRrB,gBAAiBjB,EAAMI,QAAQO,SAASO,KAAK,cAC7CC,MAAOnB,EAAMI,QAAQO,SAASS,KAAK,iBACnCE,UAAW,OACXS,OAAQ,cACRG,cAAe,WAKvB,MAAO,IAAK5B,EAASC,WAAYD,EAASL,GAASC"}
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 = (\n theme: Theme,\n variant: ButtonType = 'primary',\n tone: ButtonTone = 'brand',\n): 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\n ? darken(theme.palette.semantic.fill['fill-primary-strong'], 0.1)\n : 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\n ? darken(theme.palette.semantic.fill['fill-primary-strong'], 0.2)\n : 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 pointerEvents: 'auto',\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\n ? lighten(theme.palette.semantic.fill['fill-strong'], 0.1)\n : 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\n ? lighten(theme.palette.semantic.fill['fill-strong'], 0.2)\n : 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\n ? darken(theme.palette.semantic.fill['fill-inverse-strong'], 0.1)\n : 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\n ? darken(theme.palette.semantic.fill['fill-inverse-strong'], 0.2)\n : 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\n ? darken(theme.palette.semantic.fill['fill-error-strong'], 0.1)\n : 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\n ? darken(theme.palette.semantic.fill['fill-error-strong'], 0.2)\n : 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: 'transparent',\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: 'transparent',\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 pointerEvents: 'auto',\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: 'transparent',\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: 'transparent',\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n pointerEvents: 'auto',\n textDecoration: 'underline',\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: 'transparent',\n color: theme.palette.semantic.text['text-disabled'],\n boxShadow: 'none',\n cursor: 'not-allowed',\n textDecoration: 'underline',\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 textDecoration: 'underline',\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 textDecoration: 'underline',\n border: 'none',\n backgroundColor: 'transparent',\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","pointerEvents","neutral","radius","inverse","destructive","secondary","border","tertiary","textDecoration","textUnderlineOffset","textUnderlinePosition"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("@mui/material/Button"),r=require("@mui/material/styles"),i=require("./getButtonStyles.cjs.js");const a=r.styled(t,{shouldForwardProp:e=>!["casingOverride","customVariant","tone"].includes(e)})((({theme:e,customVariant:t="primary",tone:r="brand",casingOverride:a="none",fullWidth:n=!1})=>{const s=i(e,t,r);return{...s.default,width:n?"100%":"fit-content",maxWidth:n?"100%":"fit-content",textTransform:a,transition:"all 0.2s ease-in-out","&:hover":{...s.hover},"&:focus":{outline:"none"},"&:focus-visible":{...s.focus},"&:active":{...s.press},"&:disabled":{...s.disabled,cursor:"not-allowed"}}})),n={primary:"contained",secondary:"outlined",tertiary:"text"},s=({casingOverride:t="none",children:r,className:i,disabled:s=!1,endIcon:o,fdKey:d,form:l,fullWidth:u=!1,href:c,onKeyDown:m,size:f="medium",startIcon:h,target:p,tone:v,type:y="button",variant:b="primary",...x})=>e.jsx(a,{...x,disableRipple:!0,casingOverride:t,className:i,customVariant:b,"data-fd":d,disabled:s,endIcon:o,form:l,fullWidth:u,href:c,size:f,startIcon:h,target:p,tone:v,type:y,variant:n[b],children:r});exports.Button=s,exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("react");var t=require("@mui/material/Button"),r=require("@mui/material/styles"),i=require("./getButtonStyles.cjs.js");const a=r.styled(t,{shouldForwardProp:e=>!["casingOverride","customVariant","tone"].includes(e)})((({theme:e,customVariant:t="primary",tone:r="brand",casingOverride:a="none",fullWidth:n=!1})=>{const o=i(e,t,r);return{...o.default,width:n?"100%":"fit-content",maxWidth:n?"100%":"fit-content",textTransform:a,transition:"all 0.2s ease-in-out","&:hover":{...o.hover},"&:focus":{outline:"none"},"&:focus-visible":{...o.focus},"&:active":{...o.press},"&:disabled":{...o.disabled,cursor:"not-allowed"}}})),n={primary:"contained",secondary:"outlined",tertiary:"text"},o=({casingOverride:t="none",children:r,className:i,disabled:o=!1,endIcon:s,fdKey:d,form:l,fullWidth:u=!1,href:c,loading:m=!1,onKeyDown:f,size:h="medium",startIcon:p,target:v,tone:y,type:g="button",variant:b="primary",...x})=>e.jsx(a,{...x,disableRipple:!0,casingOverride:t,className:i,customVariant:b,"data-fd":d,"data-tone":y,disabled:o,endIcon:s,form:l,fullWidth:u,href:c,loading:m,loadingPosition:"start",size:h,startIcon:p,target:v,tone:y,type:g,variant:n[b],children:r});exports.Button=o,exports.default=o;
 //# sourceMappingURL=index.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/Button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport MuiButton, { type ButtonProps as MuiButtonProps } from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\n\nimport getButtonStyles, { type ButtonTone, type ButtonType } from './getButtonStyles';\n\ntype CasingOverride = 'capitalize' \| 'lowercase' \| 'none' \| 'uppercase';\n\nexport interface ButtonProps extends Omit<MuiButtonProps, 'variant'> {\n className?: string;\n children: React.ReactNode;\n disabled?: boolean;\n form?: string;\n fullWidth?: boolean;\n casingOverride?: CasingOverride;\n type?: 'button' \| 'reset' \| 'submit';\n fdKey: string;\n variant?: ButtonType;\n tone?: ButtonTone;\n target?: '_blank';\n startIcon?: React.ReactNode;\n endIcon?: React.ReactNode;\n}\n\nconst StyledButton = styled(MuiButton, {\n shouldForwardProp: (prop) => !['casingOverride', 'customVariant', 'tone'].includes(prop as string),\n})<{ casingOverride?: CasingOverride; customVariant?: ButtonType; tone?: ButtonTone }>(({\n theme,\n customVariant = 'primary',\n tone = 'brand',\n casingOverride = 'none',\n fullWidth = false,\n}) => {\n const styles = getButtonStyles(theme, customVariant, tone);\n\n return {\n ...styles.default,\n width: fullWidth ? '100%' : 'fit-content',\n maxWidth: fullWidth ? '100%' : 'fit-content',\n textTransform: casingOverride,\n transition: 'all 0.2s ease-in-out',\n\n '&:hover': { ...styles.hover },\n '&:focus': {\n outline: 'none', // Removes the focus ring on click\n },\n // focus visible so that the focus ring only shows for keyboard users\n '&:focus-visible': { ...styles.focus },\n '&:active': { ...styles.press },\n '&:disabled': { ...styles.disabled, cursor: 'not-allowed' },\n };\n});\n\nconst MUI_VARIANT_MAP = {\n primary: 'contained',\n secondary: 'outlined',\n tertiary: 'text',\n};\n\nexport const Button = ({\n casingOverride = 'none',\n children,\n className,\n disabled = false,\n endIcon,\n fdKey,\n form,\n fullWidth = false,\n href,\n onKeyDown,\n size = 'medium',\n startIcon,\n target,\n tone,\n type = 'button',\n variant = 'primary',\n ...props\n}: ButtonProps): JSX.Element => {\n return (\n <StyledButton\n {...props}\n disableRipple\n casingOverride={casingOverride}\n className={className}\n customVariant={variant}\n data-fd={fdKey}\n disabled={disabled}\n endIcon={endIcon}\n form={form}\n fullWidth={fullWidth}\n href={href}\n size={size}\n startIcon={startIcon}\n // @ts-expect-error - target is not a valid prop for MuiButton\n target={target}\n tone={tone}\n type={type}\n variant={MUI_VARIANT_MAP[variant] as MuiButtonProps['variant']}\n >\n {children}\n </StyledButton>\n );\n};\n\nexport default Button;\n"],"names":["StyledButton","styled","MuiButton","shouldForwardProp","prop","includes","theme","customVariant","tone","casingOverride","fullWidth","styles","getButtonStyles","default","width","maxWidth","textTransform","transition","hover","outline","focus","press","disabled","cursor","MUI_VARIANT_MAP","primary","secondary","tertiary","Button","children","className","endIcon","fdKey","form","href","onKeyDown","size","startIcon","target","type","variant","props","_jsx","disableRipple"],"mappings":"~~sOAyBA~~,MAAMA,EAAeC,EAAAA,OAAOC,EAAW,CACrCC,kBAAoBC,IAAU,CAAC,iBAAkB,gBAAiB,QAAQC,SAASD,IADhEH,EAEkE,EACrFK,QACAC,gBAAgB,UAChBC,OAAO,QACPC,iBAAiB,OACjBC,aAAY,MAEZ,MAAMC,EAASC,EAAgBN,EAAOC,EAAeC,GAErD,MAAO,IACFG,EAAOE,QACVC,MAAOJ,EAAY,OAAS,cAC5BK,SAAUL,EAAY,OAAS,cAC/BM,cAAeP,EACfQ,WAAY,uBAEZ,UAAW,IAAKN,EAAOO,OACvB,UAAW,CACTC,QAAS,QAGX,kBAAmB,IAAKR,EAAOS,OAC/B,WAAY,IAAKT,EAAOU,OACxB,aAAc,IAAKV,EAAOW,SAAUC,OAAQ,mBAI1CC,EAAkB,CACtBC,QAAS,YACTC,UAAW,WACXC,SAAU,QAGCC,EAAS,EACpBnB,iBAAiB,OACjBoB,WACAC,YACAR,YAAW,EACXS,UACAC,QACAC,OACAvB,aAAY,EACZwB,OACAC,YACAC,OAAO,SACPC,YACAC,~~SACA9B,OACA+~~B,OAAO,SACPC,UAAU,aACPC,KAGDC,EAAAA,~~IAAC1C~~,EAAY,~~IACPyC~~,EACJE,eAAa,~~EACblC~~,eAAgBA,EAChBqB,UAAWA,EACXvB,~~cAAeiC~~,EAAO,~~UACbR~~,~~EACTV~~,SAAUA,EACVS,QAASA,EACTE,KAAMA,EACNvB,UAAWA,EACXwB,KAAMA,~~EACNE~~,KAAMA,EACNC,UAAWA,EAEXC,OAAQA,~~EACR9B~~,KAAMA,~~EACN+B~~,KAAMA,EACNC,~~QAAShB~~,~~EAAgBgB~~,~~GAAqCX~~,SAE7DA"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../../../src/components/atoms/Button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport MuiButton, { type ButtonProps as MuiButtonProps } from '@mui/material/Button';\nimport { styled } from '@mui/material/styles';\n\nimport getButtonStyles, { type ButtonTone, type ButtonType } from './getButtonStyles';\n\ntype CasingOverride = 'capitalize' \| 'lowercase' \| 'none' \| 'uppercase';\n\nexport interface ButtonProps extends Omit<MuiButtonProps, 'variant'> {\n className?: string;\n children: React.ReactNode;\n disabled?: boolean;\n form?: string;\n fullWidth?: boolean;\n casingOverride?: CasingOverride;\n type?: 'button' \| 'reset' \| 'submit';\n fdKey: string;\n variant?: ButtonType;\n tone?: ButtonTone;\n target?: '_blank';\n startIcon?: React.ReactNode;\n endIcon?: React.ReactNode;\n loading?: boolean;\n}\n\nconst StyledButton = styled(MuiButton, {\n shouldForwardProp: (prop) => !['casingOverride', 'customVariant', 'tone'].includes(prop as string),\n})<{ casingOverride?: CasingOverride; customVariant?: ButtonType; tone?: ButtonTone }>(({\n theme,\n customVariant = 'primary',\n tone = 'brand',\n casingOverride = 'none',\n fullWidth = false,\n}) => {\n const styles = getButtonStyles(theme, customVariant, tone);\n\n return {\n ...styles.default,\n width: fullWidth ? '100%' : 'fit-content',\n maxWidth: fullWidth ? '100%' : 'fit-content',\n textTransform: casingOverride,\n transition: 'all 0.2s ease-in-out',\n\n '&:hover': { ...styles.hover },\n '&:focus': {\n outline: 'none', // Removes the focus ring on click\n },\n // focus visible so that the focus ring only shows for keyboard users\n '&:focus-visible': { ...styles.focus },\n '&:active': { ...styles.press },\n '&:disabled': { ...styles.disabled, cursor: 'not-allowed' },\n };\n});\n\nconst MUI_VARIANT_MAP = {\n primary: 'contained',\n secondary: 'outlined',\n tertiary: 'text',\n};\n\nexport const Button = ({\n casingOverride = 'none',\n children,\n className,\n disabled = false,\n endIcon,\n fdKey,\n form,\n fullWidth = false,\n href,\n loading = false,\n onKeyDown,\n size = 'medium',\n startIcon,\n target,\n tone,\n type = 'button',\n variant = 'primary',\n ...props\n}: ButtonProps): JSX.Element => {\n return (\n <StyledButton\n {...props}\n disableRipple\n casingOverride={casingOverride}\n className={className}\n customVariant={variant}\n data-fd={fdKey}\n data-tone={tone}\n disabled={disabled}\n endIcon={endIcon}\n form={form}\n fullWidth={fullWidth}\n href={href}\n loading={loading}\n loadingPosition=\"start\"\n size={size}\n startIcon={startIcon}\n // @ts-expect-error - target is not a valid prop for MuiButton\n target={target}\n tone={tone}\n type={type}\n variant={MUI_VARIANT_MAP[variant] as MuiButtonProps['variant']}\n >\n {children}\n </StyledButton>\n );\n};\n\nexport default Button;\n"],"names":["StyledButton","styled","MuiButton","shouldForwardProp","prop","includes","theme","customVariant","tone","casingOverride","fullWidth","styles","getButtonStyles","default","width","maxWidth","textTransform","transition","hover","outline","focus","press","disabled","cursor","MUI_VARIANT_MAP","primary","secondary","tertiary","Button","children","className","endIcon","fdKey","form","href","loading","onKeyDown","size","startIcon","target","type","variant","props","_jsx","disableRipple","loadingPosition"],"mappings":"sOA0BA,MAAMA,EAAeC,EAAAA,OAAOC,EAAW,CACrCC,kBAAoBC,IAAU,CAAC,iBAAkB,gBAAiB,QAAQC,SAASD,IADhEH,EAEkE,EACrFK,QACAC,gBAAgB,UAChBC,OAAO,QACPC,iBAAiB,OACjBC,aAAY,MAEZ,MAAMC,EAASC,EAAgBN,EAAOC,EAAeC,GAErD,MAAO,IACFG,EAAOE,QACVC,MAAOJ,EAAY,OAAS,cAC5BK,SAAUL,EAAY,OAAS,cAC/BM,cAAeP,EACfQ,WAAY,uBAEZ,UAAW,IAAKN,EAAOO,OACvB,UAAW,CACTC,QAAS,QAGX,kBAAmB,IAAKR,EAAOS,OAC/B,WAAY,IAAKT,EAAOU,OACxB,aAAc,IAAKV,EAAOW,SAAUC,OAAQ,mBAI1CC,EAAkB,CACtBC,QAAS,YACTC,UAAW,WACXC,SAAU,QAGCC,EAAS,EACpBnB,iBAAiB,OACjBoB,WACAC,YACAR,YAAW,EACXS,UACAC,QACAC,OACAvB,aAAY,EACZwB,OACAC,WAAU,EACVC,YACAC,OAAO,SACPC,YACAC,SACA/B,OACAgC,OAAO,SACPC,UAAU,aACPC,KAGDC,EAAAA,IAAC3C,EAAY,IACP0C,EACJE,eAAa,EACbnC,eAAgBA,EAChBqB,UAAWA,EACXvB,cAAekC,EAAO,UACbT,EAAK,YACHxB,EACXc,SAAUA,EACVS,QAASA,EACTE,KAAMA,EACNvB,UAAWA,EACXwB,KAAMA,EACNC,QAASA,EACTU,gBAAgB,QAChBR,KAAMA,EACNC,UAAWA,EAEXC,OAAQA,EACR/B,KAAMA,EACNgC,KAAMA,EACNC,QAASjB,EAAgBiB,GAAqCZ,SAE7DA"}

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

@@ -17,8 +17,9 @@ interface ButtonProps extends Omit<ButtonProps$1, 'variant'> {
     target?: '_blank';
     startIcon?: react__default.ReactNode;
     endIcon?: react__default.ReactNode;
+    loading?: boolean;
 }
-declare const Button: ({ casingOverride, children, className, disabled, endIcon, fdKey, form, fullWidth, href, onKeyDown, size, startIcon, target, tone, type, variant, ...props }: ButtonProps) => JSX.Element;
+declare const Button: ({ casingOverride, children, className, disabled, endIcon, fdKey, form, fullWidth, href, loading, onKeyDown, size, startIcon, target, tone, type, variant, ...props }: ButtonProps) => JSX.Element;
 export { Button, Button as default };
 export type { ButtonProps };