@fluentui/react-button 9.3.10 → 9.3.12

package/lib/components/SplitButton/SplitButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","renderSplitButton_unstable","useSplitButton_unstable","useSplitButtonStyles_unstable","useCustomStyleHooks_unstable","SplitButton","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderSplitButton_unstable } from './renderSplitButton';\nimport { useSplitButton_unstable } from './useSplitButton';\nimport { useSplitButtonStyles_unstable } from './useSplitButtonStyles';\nimport type { SplitButtonProps } from './SplitButton.types';\nimport { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * SplitButtons are a grouping of two interactive surfaces where interacting with the first one triggers a primary\n * action, while interacting with the second one opens a menu with secondary actions.\n */\nexport const SplitButton: ForwardRefComponent<SplitButtonProps> = React.forwardRef((props, ref) => {\n  const state = useSplitButton_unstable(props, ref);\n\n  useSplitButtonStyles_unstable(state);\n\n  const { useSplitButtonStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderSplitButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<SplitButtonProps>;\n\nSplitButton.displayName = 'SplitButton';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,0BAA0B,QAAQ;AAC3C,SAASC,uBAAuB,QAAQ;AACxC,SAASC,6BAA6B,QAAQ;AAG9C,SAASC,4BAA4B,QAAQ;AAE7C;;;;AAIA,OAAO,MAAMC,WAAA,gBAAqDL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACjG,MAAMC,KAAA,GAAQP,uBAAA,CAAwBK,KAAA,EAAOC,GAAA;EAE7CL,6BAAA,CAA8BM,KAAA;EAE9B,MAAM;IAAEN,6BAAA,EAA+BO;EAAe,CAAE,GAAGN,4BAAA;EAC3DM,eAAA,CAAgBD,KAAA;EAEhB,OAAOR,0BAAA,CAA2BQ,KAAA;EAClC;AACF;;AAEAJ,WAAA,CAAYM,WAAW,GAAG"}
+{"version":3,"names":["React","renderSplitButton_unstable","useSplitButton_unstable","useSplitButtonStyles_unstable","useCustomStyleHook_unstable","SplitButton","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderSplitButton_unstable } from './renderSplitButton';\nimport { useSplitButton_unstable } from './useSplitButton';\nimport { useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles';\nimport type { SplitButtonProps } from './SplitButton.types';\nimport { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * SplitButtons are a grouping of two interactive surfaces where interacting with the first one triggers a primary\n * action, while interacting with the second one opens a menu with secondary actions.\n */\nexport const SplitButton: ForwardRefComponent<SplitButtonProps> = React.forwardRef((props, ref) => {\n  const state = useSplitButton_unstable(props, ref);\n\n  useSplitButtonStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useSplitButtonStyles_unstable')(state);\n\n  return renderSplitButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<SplitButtonProps>;\n\nSplitButton.displayName = 'SplitButton';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,0BAA0B,QAAQ;AAC3C,SAASC,uBAAuB,QAAQ;AACxC,SAASC,6BAA6B,QAAQ;AAG9C,SAASC,2BAA2B,QAAQ;AAE5C;;;;AAIA,OAAO,MAAMC,WAAA,gBAAqDL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACjG,MAAMC,KAAA,GAAQP,uBAAA,CAAwBK,KAAA,EAAOC,GAAA;EAE7CL,6BAAA,CAA8BM,KAAA;EAE9BL,2BAAA,CAA4B,iCAAiCK,KAAA;EAE7D,OAAOR,0BAAA,CAA2BQ,KAAA;EAClC;AACF;;AAEAJ,WAAA,CAAYK,WAAW,GAAG"}

package/lib/components/SplitButton/index.js

@@ -2,5 +2,5 @@ export * from './SplitButton';
 export * from './SplitButton.types';
 export * from './renderSplitButton';
 export * from './useSplitButton';
-export { splitButtonClassNames, useSplitButtonStyles_unstable } from './useSplitButtonStyles';
+export { splitButtonClassNames, useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles';
 //# sourceMappingURL=index.js.map

package/lib/components/SplitButton/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["splitButtonClassNames","useSplitButtonStyles_unstable"],"sources":["../../../src/components/SplitButton/index.ts"],"sourcesContent":["export * from './SplitButton';\nexport * from './SplitButton.types';\nexport * from './renderSplitButton';\nexport * from './useSplitButton';\nexport { splitButtonClassNames, useSplitButtonStyles_unstable } from './useSplitButtonStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAASA,qBAAqB,EAAEC,6BAA6B,QAAQ"}
+{"version":3,"names":["splitButtonClassNames","useSplitButtonStyles_unstable"],"sources":["../../../src/components/SplitButton/index.ts"],"sourcesContent":["export * from './SplitButton';\nexport * from './SplitButton.types';\nexport * from './renderSplitButton';\nexport * from './useSplitButton';\nexport { splitButtonClassNames, useSplitButtonStyles_unstable } from './useSplitButtonStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAASA,qBAAqB,EAAEC,6BAA6B,QAAQ"}

package/lib/components/SplitButton/{useSplitButtonStyles.js → useSplitButtonStyles.styles.js}

@@ -8,21 +8,15 @@ export const splitButtonClassNames = {
 };
 const useFocusStyles = /*#__PURE__*/__styles({
   primaryActionButton: {
-    Brovlpu: "ftqa4ok",
-    B486eqv: "f2hkw1w",
     B6xbmo0: ["f1x37qnr", "f1um7c6d"],
     kdpuga: ["fn4c73s", "f6pwzcr"]
   },
   menuButton: {
-    Brovlpu: "ftqa4ok",
-    B486eqv: "f2hkw1w",
     lbo84a: ["frrbwxo", "f1rgcpbv"],
     dm238s: ["f1um7c6d", "f1x37qnr"],
     Bw81rd7: ["f6pwzcr", "fn4c73s"]
   }
 }, {
-  f: [".ftqa4ok:focus{outline-style:none;}"],
-  i: [".f2hkw1w:focus-visible{outline-style:none;}"],
   d: [".f1x37qnr[data-fui-focus-visible]{border-top-right-radius:0;}", ".f1um7c6d[data-fui-focus-visible]{border-top-left-radius:0;}", ".fn4c73s[data-fui-focus-visible]{border-bottom-right-radius:0;}", ".f6pwzcr[data-fui-focus-visible]{border-bottom-left-radius:0;}", ".frrbwxo[data-fui-focus-visible]{border-left-width:0;}", ".f1rgcpbv[data-fui-focus-visible]{border-right-width:0;}"]
 });
 const useRootStyles = /*#__PURE__*/__styles({
@@ -105,4 +99,4 @@ export const useSplitButtonStyles_unstable = state => {
   }
   return state;
 };
-//# sourceMappingURL=useSplitButtonStyles.js.map
+//# sourceMappingURL=useSplitButtonStyles.styles.js.map

package/lib/components/SplitButton/useSplitButtonStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","splitButtonClassNames","root","menuButton","primaryActionButton","useFocusStyles","B6xbmo0","kdpuga","lbo84a","dm238s","Bw81rd7","d","useRootStyles","base","mc9l5x","Brf1p80","qhf8xq","ha4doy","kn2xc0","Bs76p8a","cuxpm9","Biffepf","Defnvf","z0pv9t","outline","primary","B1l9wao","lcnrd8","Brbpp8k","Bcsxniv","tl7e51","mba178","secondary","subtle","transparent","circular","rounded","square","disabled","disabledHighContrast","h","m","useSplitButtonStyles_unstable","state","rootStyles","focusStyles","appearance","disabledFocusable","className"],"sources":["../../../src/components/SplitButton/useSplitButtonStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { SplitButtonSlots, SplitButtonState } from './SplitButton.types';\n\nexport const splitButtonClassNames: SlotClassNames<SplitButtonSlots> = {\n  root: 'fui-SplitButton',\n  menuButton: 'fui-SplitButton__menuButton',\n  primaryActionButton: 'fui-SplitButton__primaryActionButton',\n};\n\nconst useFocusStyles = makeStyles({\n  primaryActionButton: createCustomFocusIndicatorStyle({\n    borderTopRightRadius: 0,\n    borderBottomRightRadius: 0,\n  }),\n\n  menuButton: createCustomFocusIndicatorStyle({\n    borderLeftWidth: 0,\n    borderTopLeftRadius: 0,\n    borderBottomLeftRadius: 0,\n  }),\n});\n\nconst useRootStyles = makeStyles({\n  // Base styles\n  base: {\n    display: 'inline-flex',\n    justifyContent: 'stretch',\n    position: 'relative',\n    verticalAlign: 'middle',\n\n    [`& .${splitButtonClassNames.primaryActionButton}`]: {\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    },\n\n    [`& .${splitButtonClassNames.menuButton}`]: {\n      borderLeftWidth: 0,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n      minWidth: 0,\n    },\n  },\n\n  // Appearance variations\n  outline: {\n    /* No styles */\n  },\n  primary: {\n    [`& .${splitButtonClassNames.primaryActionButton}`]: {\n      borderRightColor: tokens.colorNeutralForegroundOnBrand,\n    },\n\n    ':hover': {\n      [`& .${splitButtonClassNames.primaryActionButton}`]: {\n        borderRightColor: tokens.colorNeutralForegroundOnBrand,\n      },\n    },\n\n    ':hover:active': {\n      [`& .${splitButtonClassNames.primaryActionButton}`]: {\n        borderRightColor: tokens.colorNeutralForegroundOnBrand,\n      },\n    },\n\n    '@media (forced-colors: active)': {\n      [`& .${splitButtonClassNames.primaryActionButton}`]: {\n        borderRightColor: 'HighlightText',\n      },\n\n      ':hover': {\n        [`& .${splitButtonClassNames.primaryActionButton}`]: {\n          borderRightColor: 'Highlight',\n        },\n      },\n\n      ':hover:active': {\n        [`& .${splitButtonClassNames.primaryActionButton}`]: {\n          borderRightColor: 'Highlight',\n        },\n      },\n    },\n  },\n  secondary: {\n    /* The secondary styles are exactly the same as the base styles. */\n  },\n  subtle: {\n    [`& .${splitButtonClassNames.primaryActionButton}`]: {\n      borderRightColor: tokens.colorNeutralStroke1,\n    },\n\n    ':hover': {\n      [`& .${splitButtonClassNames.primaryActionButton}`]: {\n        borderRightColor: tokens.colorNeutralStroke1Hover,\n      },\n    },\n\n    ':hover:active': {\n      [`& .${splitButtonClassNames.primaryActionButton}`]: {\n        borderRightColor: tokens.colorNeutralStroke1Pressed,\n      },\n    },\n  },\n  transparent: {\n    [`& .${splitButtonClassNames.primaryActionButton}`]: {\n      borderRightColor: tokens.colorNeutralStroke1,\n    },\n\n    ':hover': {\n      [`& .${splitButtonClassNames.primaryActionButton}`]: {\n        borderRightColor: tokens.colorNeutralStroke1Hover,\n      },\n    },\n\n    ':hover:active': {\n      [`& .${splitButtonClassNames.primaryActionButton}`]: {\n        borderRightColor: tokens.colorNeutralStroke1Pressed,\n      },\n    },\n  },\n\n  // Shape variations\n  circular: {},\n  rounded: {},\n  square: {},\n\n  // Disabled styles\n  disabled: {\n    [`& .${splitButtonClassNames.primaryActionButton}`]: {\n      borderRightColor: tokens.colorNeutralStrokeDisabled,\n    },\n\n    ':hover': {\n      [`& .${splitButtonClassNames.primaryActionButton}`]: {\n        borderRightColor: tokens.colorNeutralStrokeDisabled,\n      },\n    },\n\n    ':hover:active': {\n      [`& .${splitButtonClassNames.primaryActionButton}`]: {\n        borderRightColor: tokens.colorNeutralStrokeDisabled,\n      },\n    },\n  },\n\n  // Disabled high contrast styles\n  disabledHighContrast: {\n    '@media (forced-colors: active)': {\n      [`& .${splitButtonClassNames.primaryActionButton}`]: {\n        borderRightColor: 'GrayText',\n      },\n\n      ':hover': {\n        [`& .${splitButtonClassNames.primaryActionButton}`]: {\n          borderRightColor: 'GrayText',\n        },\n      },\n\n      ':hover:active': {\n        [`& .${splitButtonClassNames.primaryActionButton}`]: {\n          borderRightColor: 'GrayText',\n        },\n      },\n    },\n  },\n});\n\nexport const useSplitButtonStyles_unstable = (state: SplitButtonState): SplitButtonState => {\n  const rootStyles = useRootStyles();\n  const focusStyles = useFocusStyles();\n\n  const { appearance, disabled, disabledFocusable } = state;\n\n  state.root.className = mergeClasses(\n    splitButtonClassNames.root,\n    rootStyles.base,\n    appearance && rootStyles[appearance],\n    (disabled || disabledFocusable) && rootStyles.disabled,\n    (disabled || disabledFocusable) && rootStyles.disabledHighContrast,\n    state.root.className,\n  );\n\n  if (state.menuButton) {\n    state.menuButton.className = mergeClasses(\n      splitButtonClassNames.menuButton,\n      focusStyles.menuButton,\n      state.menuButton.className,\n    );\n  }\n\n  if (state.primaryActionButton) {\n    state.primaryActionButton.className = mergeClasses(\n      splitButtonClassNames.primaryActionButton,\n      focusStyles.primaryActionButton,\n      state.primaryActionButton.className,\n    );\n  }\n\n  return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ;AACzC,SAASC,+BAA+B,QAAQ;AAChD,SAASC,MAAM,QAAQ;AAIvB,OAAO,MAAMC,qBAAA,GAA0D;EACrEC,IAAA,EAAM;EACNC,UAAA,EAAY;EACZC,mBAAA,EAAqB;AACvB;AAEA,MAAMC,cAAA,gBAAiBR,QAAA;EAAAO,mBAAA;IAAAE,OAAA;IAAAC,MAAA;EAAA;EAAAJ,UAAA;IAAAK,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAWvB;AAEA,MAAMC,aAAA,gBAAgBf,QAAA;EAAAgB,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,OAAA;EAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;EAAAC,MAAA;IAAAP,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAM,WAAA;IAAAR,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAO,QAAA;EAAAC,OAAA;EAAAC,MAAA;EAAAC,QAAA;IAAAZ,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAW,oBAAA;IAAAV,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAApB,CAAA;EAAA6B,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,EA8ItB;AAEA,OAAO,MAAMC,6BAAA,GAAiCC,KAAA,IAA8C;EAC1F,MAAMC,UAAA,GAAahC,aAAA;EACnB,MAAMiC,WAAA,GAAcxC,cAAA;EAEpB,MAAM;IAAEyC,UAAA;IAAYR,QAAA;IAAUS;EAAiB,CAAE,GAAGJ,KAAA;EAEpDA,KAAA,CAAMzC,IAAI,CAAC8C,SAAS,GAAGlD,YAAA,CACrBG,qBAAA,CAAsBC,IAAI,EAC1B0C,UAAA,CAAW/B,IAAI,EACfiC,UAAA,IAAcF,UAAU,CAACE,UAAA,CAAW,EACpC,CAACR,QAAA,IAAYS,iBAAgB,KAAMH,UAAA,CAAWN,QAAQ,EACtD,CAACA,QAAA,IAAYS,iBAAgB,KAAMH,UAAA,CAAWL,oBAAoB,EAClEI,KAAA,CAAMzC,IAAI,CAAC8C,SAAS;EAGtB,IAAIL,KAAA,CAAMxC,UAAU,EAAE;IACpBwC,KAAA,CAAMxC,UAAU,CAAC6C,SAAS,GAAGlD,YAAA,CAC3BG,qBAAA,CAAsBE,UAAU,EAChC0C,WAAA,CAAY1C,UAAU,EACtBwC,KAAA,CAAMxC,UAAU,CAAC6C,SAAS;EAE9B;EAEA,IAAIL,KAAA,CAAMvC,mBAAmB,EAAE;IAC7BuC,KAAA,CAAMvC,mBAAmB,CAAC4C,SAAS,GAAGlD,YAAA,CACpCG,qBAAA,CAAsBG,mBAAmB,EACzCyC,WAAA,CAAYzC,mBAAmB,EAC/BuC,KAAA,CAAMvC,mBAAmB,CAAC4C,SAAS;EAEvC;EAEA,OAAOL,KAAA;AACT"}

package/lib/components/ToggleButton/ToggleButton.js

@@ -1,18 +1,15 @@
 import * as React from 'react';
 import { renderToggleButton_unstable } from './renderToggleButton';
 import { useToggleButton_unstable } from './useToggleButton';
-import { useToggleButtonStyles_unstable } from './useToggleButtonStyles';
-import { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';
+import { useToggleButtonStyles_unstable } from './useToggleButtonStyles.styles';
+import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 /**
  * ToggleButtons are buttons that toggle between two defined states when triggered.
  */
 export const ToggleButton = /*#__PURE__*/React.forwardRef((props, ref) => {
   const state = useToggleButton_unstable(props, ref);
   useToggleButtonStyles_unstable(state);
-  const {
-    useToggleButtonStyles_unstable: useCustomStyles
-  } = useCustomStyleHooks_unstable();
-  useCustomStyles(state);
+  useCustomStyleHook_unstable('useToggleButtonStyles_unstable')(state);
   return renderToggleButton_unstable(state);
   // Casting is required due to lack of distributive union to support unions on @types/react
 });

package/lib/components/ToggleButton/ToggleButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","renderToggleButton_unstable","useToggleButton_unstable","useToggleButtonStyles_unstable","useCustomStyleHooks_unstable","ToggleButton","forwardRef","props","ref","state","useCustomStyles","displayName"],"sources":["../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderToggleButton_unstable } from './renderToggleButton';\nimport { useToggleButton_unstable } from './useToggleButton';\nimport { useToggleButtonStyles_unstable } from './useToggleButtonStyles';\nimport type { ToggleButtonProps } from './ToggleButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToggleButtons are buttons that toggle between two defined states when triggered.\n */\nexport const ToggleButton: ForwardRefComponent<ToggleButtonProps> = React.forwardRef((props, ref) => {\n  const state = useToggleButton_unstable(props, ref);\n\n  useToggleButtonStyles_unstable(state);\n\n  const { useToggleButtonStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n\n  return renderToggleButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<ToggleButtonProps>;\n\nToggleButton.displayName = 'ToggleButton';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,wBAAwB,QAAQ;AACzC,SAASC,8BAA8B,QAAQ;AAG/C,SAASC,4BAA4B,QAAQ;AAE7C;;;AAGA,OAAO,MAAMC,YAAA,gBAAuDL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACnG,MAAMC,KAAA,GAAQP,wBAAA,CAAyBK,KAAA,EAAOC,GAAA;EAE9CL,8BAAA,CAA+BM,KAAA;EAE/B,MAAM;IAAEN,8BAAA,EAAgCO;EAAe,CAAE,GAAGN,4BAAA;EAC5DM,eAAA,CAAgBD,KAAA;EAEhB,OAAOR,2BAAA,CAA4BQ,KAAA;EACnC;AACF;;AAEAJ,YAAA,CAAaM,WAAW,GAAG"}
+{"version":3,"names":["React","renderToggleButton_unstable","useToggleButton_unstable","useToggleButtonStyles_unstable","useCustomStyleHook_unstable","ToggleButton","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/ToggleButton/ToggleButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderToggleButton_unstable } from './renderToggleButton';\nimport { useToggleButton_unstable } from './useToggleButton';\nimport { useToggleButtonStyles_unstable } from './useToggleButtonStyles.styles';\nimport type { ToggleButtonProps } from './ToggleButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToggleButtons are buttons that toggle between two defined states when triggered.\n */\nexport const ToggleButton: ForwardRefComponent<ToggleButtonProps> = React.forwardRef((props, ref) => {\n  const state = useToggleButton_unstable(props, ref);\n\n  useToggleButtonStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useToggleButtonStyles_unstable')(state);\n\n  return renderToggleButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<ToggleButtonProps>;\n\nToggleButton.displayName = 'ToggleButton';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,wBAAwB,QAAQ;AACzC,SAASC,8BAA8B,QAAQ;AAG/C,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,YAAA,gBAAuDL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACnG,MAAMC,KAAA,GAAQP,wBAAA,CAAyBK,KAAA,EAAOC,GAAA;EAE9CL,8BAAA,CAA+BM,KAAA;EAE/BL,2BAAA,CAA4B,kCAAkCK,KAAA;EAE9D,OAAOR,2BAAA,CAA4BQ,KAAA;EACnC;AACF;;AAEAJ,YAAA,CAAaK,WAAW,GAAG"}

package/lib/components/ToggleButton/index.js

@@ -2,5 +2,5 @@ export * from './ToggleButton';
 export * from './ToggleButton.types';
 export * from './renderToggleButton';
 export * from './useToggleButton';
-export { toggleButtonClassNames, useToggleButtonStyles_unstable } from './useToggleButtonStyles';
+export { toggleButtonClassNames, useToggleButtonStyles_unstable } from './useToggleButtonStyles.styles';
 //# sourceMappingURL=index.js.map

package/lib/components/ToggleButton/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["toggleButtonClassNames","useToggleButtonStyles_unstable"],"sources":["../../../src/components/ToggleButton/index.ts"],"sourcesContent":["export * from './ToggleButton';\nexport * from './ToggleButton.types';\nexport * from './renderToggleButton';\nexport * from './useToggleButton';\nexport { toggleButtonClassNames, useToggleButtonStyles_unstable } from './useToggleButtonStyles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAASA,sBAAsB,EAAEC,8BAA8B,QAAQ"}
+{"version":3,"names":["toggleButtonClassNames","useToggleButtonStyles_unstable"],"sources":["../../../src/components/ToggleButton/index.ts"],"sourcesContent":["export * from './ToggleButton';\nexport * from './ToggleButton.types';\nexport * from './renderToggleButton';\nexport * from './useToggleButton';\nexport { toggleButtonClassNames, useToggleButtonStyles_unstable } from './useToggleButtonStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,SAASA,sBAAsB,EAAEC,8BAA8B,QAAQ"}

package/lib/components/ToggleButton/{useToggleButtonStyles.js → useToggleButtonStyles.styles.js}

@@ -2,7 +2,7 @@ import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons
 import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
 import { tokens } from '@fluentui/react-theme';
 import { shorthands, mergeClasses, __styles } from '@griffel/react';
-import { useButtonStyles_unstable } from '../Button/useButtonStyles';
+import { useButtonStyles_unstable } from '../Button/useButtonStyles.styles';
 export const toggleButtonClassNames = {
   root: 'fui-ToggleButton',
   icon: 'fui-ToggleButton__icon'
@@ -80,8 +80,6 @@ const useRootCheckedStyles = /*#__PURE__*/__styles({
     ibv6hh: ["f1efpmoh", "f130t4y6"],
     Jwef8y: "fjxutwb",
     iro3zm: "fwiml72",
-    Brovlpu: "ftqa4ok",
-    B486eqv: "f2hkw1w",
     B8q5s1w: "fcaw57c",
     Bci5o5g: ["fpwd27e", "f1999bjr"],
     n8qw10: "f1hi52o4",
@@ -215,9 +213,7 @@ const useRootCheckedStyles = /*#__PURE__*/__styles({
     m: "(forced-colors: active)"
   }], ["@media (forced-colors: active){.fkom8lu:focus{outline-color:Highlight;}}", {
     m: "(forced-colors: active)"
-  }]],
-  f: [".ftqa4ok:focus{outline-style:none;}"],
-  i: [".f2hkw1w:focus-visible{outline-style:none;}"]
+  }]]
 });
 const useRootDisabledStyles = /*#__PURE__*/__styles({
   base: {
@@ -383,4 +379,4 @@ export const useToggleButtonStyles_unstable = state => {
   useButtonStyles_unstable(state);
   return state;
 };
-//# sourceMappingURL=useToggleButtonStyles.js.map
+//# sourceMappingURL=useToggleButtonStyles.styles.js.map

package/lib/components/ToggleButton/useToggleButtonStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["iconFilledClassName","iconRegularClassName","createCustomFocusIndicatorStyle","tokens","shorthands","mergeClasses","__styles","useButtonStyles_unstable","toggleButtonClassNames","root","icon","useRootCheckedStyles","base","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","sj55zd","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","D0sxk3","t6yez3","Jwef8y","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","Bi91k9c","iro3zm","b661bw","Bk6r4ia","B9zn80p","Bpld233","B2d53fq","highContrast","Bsw6fvg","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Bbusuzp","ycbfsm","Bqrx1nm","pgvf35","Bh7lczh","dpv3f4","Bpnjhaq","ze5xyy","g2kj27","Bf756sw","Bow2dr7","Bvhedfk","Gye4lf","pc6evw","Btyszwp","B8jyv7h","l9kbep","By5cl00","abbn9y","Bw5jppy","B0tp99d","B55dcl7","G867l3","gdbnj","mxns5l","o3nasb","B7d2ofm","outline","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","primary","secondary","subtle","transparent","d","h","m","useRootDisabledStyles","useIconCheckedStyles","subtleOrTransparent","usePrimaryHighContrastStyles","disabled","useToggleButtonStyles_unstable","state","rootCheckedStyles","rootDisabledStyles","iconCheckedStyles","primaryHighContrastStyles","appearance","checked","disabledFocusable","className"],"sources":["../../../src/components/ToggleButton/useToggleButtonStyles.styles.ts"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { shorthands, mergeClasses, makeStyles } from '@griffel/react';\nimport { useButtonStyles_unstable } from '../Button/useButtonStyles.styles';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { ButtonSlots } from '../Button/Button.types';\nimport type { ToggleButtonState } from './ToggleButton.types';\n\nexport const toggleButtonClassNames: SlotClassNames<ButtonSlots> = {\n  root: 'fui-ToggleButton',\n  icon: 'fui-ToggleButton__icon',\n};\n\nconst useRootCheckedStyles = makeStyles({\n  // Base styles\n  base: {\n    backgroundColor: tokens.colorNeutralBackground1Selected,\n    ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    color: tokens.colorNeutralForeground1Selected,\n\n    ...shorthands.borderWidth(tokens.strokeWidthThin),\n\n    [`& .${iconFilledClassName}`]: {\n      display: 'inline',\n    },\n    [`& .${iconRegularClassName}`]: {\n      display: 'none',\n    },\n\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackground1Hover,\n      ...shorthands.borderColor(tokens.colorNeutralStroke1Hover),\n      color: tokens.colorNeutralForeground1Hover,\n    },\n\n    ':hover:active': {\n      backgroundColor: tokens.colorNeutralBackground1Pressed,\n      ...shorthands.borderColor(tokens.colorNeutralStroke1Pressed),\n      color: tokens.colorNeutralForeground1Pressed,\n    },\n  },\n\n  // High contrast styles\n  highContrast: {\n    '@media (forced-colors: active)': {\n      backgroundColor: 'Highlight',\n      ...shorthands.borderColor('Highlight'),\n      color: 'HighlightText',\n      forcedColorAdjust: 'none',\n\n      ':hover': {\n        backgroundColor: 'HighlightText',\n        ...shorthands.borderColor('Highlight'),\n        color: 'Highlight',\n      },\n\n      ':hover:active': {\n        backgroundColor: 'HighlightText',\n        ...shorthands.borderColor('Highlight'),\n        color: 'Highlight',\n      },\n\n      ':focus': {\n        ...shorthands.border('1px', 'solid', 'HighlightText'),\n        outlineColor: 'Highlight',\n      },\n    },\n  },\n\n  // Appearance variations\n  outline: {\n    backgroundColor: tokens.colorTransparentBackgroundSelected,\n    ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    ...shorthands.borderWidth(tokens.strokeWidthThicker),\n\n    ':hover': {\n      backgroundColor: tokens.colorTransparentBackgroundHover,\n    },\n\n    ':hover:active': {\n      backgroundColor: tokens.colorTransparentBackgroundPressed,\n    },\n\n    ...createCustomFocusIndicatorStyle({\n      ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    }),\n  },\n  primary: {\n    backgroundColor: tokens.colorBrandBackgroundSelected,\n    ...shorthands.borderColor('transparent'),\n    color: tokens.colorNeutralForegroundOnBrand,\n\n    ':hover': {\n      backgroundColor: tokens.colorBrandBackgroundHover,\n      ...shorthands.borderColor('transparent'),\n      color: tokens.colorNeutralForegroundOnBrand,\n    },\n\n    ':hover:active': {\n      backgroundColor: tokens.colorBrandBackgroundPressed,\n      ...shorthands.borderColor('transparent'),\n      color: tokens.colorNeutralForegroundOnBrand,\n    },\n  },\n  secondary: {\n    /* The secondary styles are exactly the same as the base styles. */\n  },\n  subtle: {\n    backgroundColor: tokens.colorSubtleBackgroundSelected,\n    ...shorthands.borderColor('transparent'),\n    color: tokens.colorNeutralForeground2Selected,\n\n    ':hover': {\n      backgroundColor: tokens.colorSubtleBackgroundHover,\n      ...shorthands.borderColor('transparent'),\n      color: tokens.colorNeutralForeground2Hover,\n    },\n\n    ':hover:active': {\n      backgroundColor: tokens.colorSubtleBackgroundPressed,\n      ...shorthands.borderColor('transparent'),\n      color: tokens.colorNeutralForeground2Pressed,\n    },\n  },\n  transparent: {\n    backgroundColor: tokens.colorTransparentBackgroundSelected,\n    ...shorthands.borderColor('transparent'),\n    color: tokens.colorNeutralForeground2BrandSelected,\n\n    ':hover': {\n      backgroundColor: tokens.colorTransparentBackgroundHover,\n      ...shorthands.borderColor('transparent'),\n      color: tokens.colorNeutralForeground2BrandHover,\n    },\n\n    ':hover:active': {\n      backgroundColor: tokens.colorTransparentBackgroundPressed,\n      ...shorthands.borderColor('transparent'),\n      color: tokens.colorNeutralForeground2BrandPressed,\n    },\n  },\n});\n\nconst useRootDisabledStyles = makeStyles({\n  // Base styles\n  base: {\n    backgroundColor: tokens.colorNeutralBackgroundDisabled,\n    ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n    color: tokens.colorNeutralForegroundDisabled,\n\n    ':hover': {\n      backgroundColor: tokens.colorNeutralBackgroundDisabled,\n      ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n\n    ':hover:active': {\n      backgroundColor: tokens.colorNeutralBackgroundDisabled,\n      ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n      color: tokens.colorNeutralForegroundDisabled,\n    },\n  },\n\n  // Appearance variations\n  outline: {\n    /* No styles */\n  },\n  primary: {\n    ...shorthands.borderColor('transparent'),\n\n    ':hover': {\n      ...shorthands.borderColor('transparent'),\n    },\n\n    ':hover:active': {\n      ...shorthands.borderColor('transparent'),\n    },\n  },\n  secondary: {\n    /* The secondary styles are exactly the same as the base styles. */\n  },\n  subtle: {\n    backgroundColor: tokens.colorTransparentBackground,\n    ...shorthands.borderColor('transparent'),\n\n    ':hover': {\n      backgroundColor: tokens.colorTransparentBackgroundHover,\n      ...shorthands.borderColor('transparent'),\n    },\n\n    ':hover:active': {\n      backgroundColor: tokens.colorTransparentBackgroundPressed,\n      ...shorthands.borderColor('transparent'),\n    },\n  },\n  transparent: {\n    backgroundColor: tokens.colorTransparentBackground,\n    ...shorthands.borderColor('transparent'),\n\n    ':hover': {\n      backgroundColor: tokens.colorTransparentBackgroundHover,\n      ...shorthands.borderColor('transparent'),\n    },\n\n    ':hover:active': {\n      backgroundColor: tokens.colorTransparentBackgroundPressed,\n      ...shorthands.borderColor('transparent'),\n    },\n  },\n});\n\nconst useIconCheckedStyles = makeStyles({\n  // Appearance variations\n  subtleOrTransparent: {\n    color: tokens.colorNeutralForeground2BrandSelected,\n  },\n});\n\nconst usePrimaryHighContrastStyles = makeStyles({\n  // Do not use primary variant high contrast styles for toggle buttons\n  // otherwise there isn't enough difference between on/off states\n  base: {\n    '@media (forced-colors: active)': {\n      backgroundColor: 'ButtonFace',\n      ...shorthands.borderColor('ButtonBorder'),\n      color: 'ButtonText',\n      forcedColorAdjust: 'auto',\n    },\n  },\n\n  disabled: {\n    '@media (forced-colors: active)': {\n      ...shorthands.borderColor('GrayText'),\n      color: 'GrayText',\n\n      ':focus': {\n        ...shorthands.borderColor('GrayText'),\n      },\n    },\n  },\n});\n\nexport const useToggleButtonStyles_unstable = (state: ToggleButtonState): ToggleButtonState => {\n  const rootCheckedStyles = useRootCheckedStyles();\n  const rootDisabledStyles = useRootDisabledStyles();\n  const iconCheckedStyles = useIconCheckedStyles();\n  const primaryHighContrastStyles = usePrimaryHighContrastStyles();\n\n  const { appearance, checked, disabled, disabledFocusable } = state;\n\n  state.root.className = mergeClasses(\n    toggleButtonClassNames.root,\n\n    // Primary high contrast styles\n    appearance === 'primary' && primaryHighContrastStyles.base,\n    appearance === 'primary' && (disabled || disabledFocusable) && primaryHighContrastStyles.disabled,\n\n    // Checked styles\n    checked && rootCheckedStyles.base,\n    checked && rootCheckedStyles.highContrast,\n    appearance && checked && rootCheckedStyles[appearance],\n\n    // Disabled styles\n    (disabled || disabledFocusable) && rootDisabledStyles.base,\n    appearance && (disabled || disabledFocusable) && rootDisabledStyles[appearance],\n\n    // User provided class name\n    state.root.className,\n  );\n\n  if (state.icon) {\n    state.icon.className = mergeClasses(\n      toggleButtonClassNames.icon,\n      (appearance === 'subtle' || appearance === 'transparent') && iconCheckedStyles.subtleOrTransparent,\n      state.icon.className,\n    );\n  }\n\n  useButtonStyles_unstable(state);\n\n  return state;\n};\n"],"mappings":"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"}

package/lib-commonjs/components/Button/Button.js

@@ -10,13 +10,12 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _renderButton = require("./renderButton");
 const _useButton = require("./useButton");
-const _useButtonStyles = require("./useButtonStyles");
+const _useButtonStylesStyles = require("./useButtonStyles.styles");
 const _reactSharedContexts = require("@fluentui/react-shared-contexts");
 const Button = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useButton.useButton_unstable)(props, ref);
-    (0, _useButtonStyles.useButtonStyles_unstable)(state);
-    const { useButtonStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
+    (0, _useButtonStylesStyles.useButtonStyles_unstable)(state);
+    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useButtonStyles_unstable')(state);
     return (0, _renderButton.renderButton_unstable)(state);
 // Casting is required due to lack of distributive union to support unions on @types/react
 });

package/lib-commonjs/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Button/Button.js"],"sourcesContent":["import * as React from 'react';\nimport { renderButton_unstable } from './renderButton';\nimport { useButton_unstable } from './useButton';\nimport { useButtonStyles_unstable } from './useButtonStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Buttons give people a way to trigger an action.\n */\nexport const Button = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useButton_unstable(props, ref);\n  useButtonStyles_unstable(state);\n  const {\n    useButtonStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nButton.displayName = 'Button';\n//# sourceMappingURL=Button.js.map"],"names":["Button","React","forwardRef","props","ref","state","useButton_unstable","useButtonStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderButton_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;8BACe;2BACH;iCACM;qCACI;AAItC,MAAMA,SAAS,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAClE,MAAMC,QAAQC,IAAAA,6BAAkB,EAACH,OAAOC;IACxCG,IAAAA,yCAAwB,EAACF;IACzB,MAAM,EACJE,0BAA0BC,gBAAe,EAC1C,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,mCAAqB,EAACL;AAC7B,0FAA0F;AAC5F;AAEAL,OAAOW,WAAW,GAAG,UACrB,kCAAkC"}
+{"version":3,"sources":["../../../lib/components/Button/Button.js"],"sourcesContent":["import * as React from 'react';\nimport { renderButton_unstable } from './renderButton';\nimport { useButton_unstable } from './useButton';\nimport { useButtonStyles_unstable } from './useButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * Buttons give people a way to trigger an action.\n */\nexport const Button = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useButton_unstable(props, ref);\n  useButtonStyles_unstable(state);\n  useCustomStyleHook_unstable('useButtonStyles_unstable')(state);\n  return renderButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nButton.displayName = 'Button';\n//# sourceMappingURL=Button.js.map"],"names":["Button","React","forwardRef","props","ref","state","useButton_unstable","useButtonStyles_unstable","useCustomStyleHook_unstable","renderButton_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;8BACe;2BACH;uCACM;qCACG;AAIrC,MAAMA,SAAS,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAClE,MAAMC,QAAQC,IAAAA,6BAAkB,EAACH,OAAOC;IACxCG,IAAAA,+CAAwB,EAACF;IACzBG,IAAAA,gDAA2B,EAAC,4BAA4BH;IACxD,OAAOI,IAAAA,mCAAqB,EAACJ;AAC7B,0FAA0F;AAC5F;AAEAL,OAAOU,WAAW,GAAG,UACrB,kCAAkC"}

package/lib-commonjs/components/Button/index.js

@@ -9,14 +9,14 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    buttonClassNames: ()=>_useButtonStyles.buttonClassNames,
-    useButtonStyles_unstable: ()=>_useButtonStyles.useButtonStyles_unstable
+    buttonClassNames: ()=>_useButtonStylesStyles.buttonClassNames,
+    useButtonStyles_unstable: ()=>_useButtonStylesStyles.useButtonStyles_unstable
 });
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./Button"), exports);
 _exportStar(require("./renderButton"), exports);
 _exportStar(require("./useButton"), exports);
-const _useButtonStyles = require("./useButtonStyles");
+const _useButtonStylesStyles = require("./useButtonStyles.styles");
  //# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/Button/index.js"],"sourcesContent":["export * from './Button';\nexport * from './renderButton';\nexport * from './useButton';\nexport { buttonClassNames, useButtonStyles_unstable } from './useButtonStyles';\n//# sourceMappingURL=index.js.map"],"names":["buttonClassNames","useButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAGSA,gBAAgB,MAAhBA,iCAAgB;IAAEC,wBAAwB,MAAxBA,yCAAwB;;;oBAHrC;oBACA;oBACA;iCAC6C;CAC3D,iCAAiC"}
+{"version":3,"sources":["../../../lib/components/Button/index.js"],"sourcesContent":["export * from './Button';\nexport * from './renderButton';\nexport * from './useButton';\nexport { buttonClassNames, useButtonStyles_unstable } from './useButtonStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":["buttonClassNames","useButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAGSA,gBAAgB,MAAhBA,uCAAgB;IAAEC,wBAAwB,MAAxBA,+CAAwB;;;oBAHrC;oBACA;oBACA;uCAC6C;CAC3D,iCAAiC"}

package/lib-commonjs/components/Button/{useButtonStyles.js → useButtonStyles.styles.js}

@@ -23,31 +23,27 @@ const buttonSpacingSmallWithIcon = '1px';
 const buttonSpacingMedium = '5px';
 const buttonSpacingLarge = '8px';
 const buttonSpacingLargeWithIcon = '7px';
-const useRootBaseClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("rsawnvh", "r1eny37h", [
-    ".rsawnvh{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;text-decoration-line:none;vertical-align:middle;margin:0;overflow:hidden;background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);font-family:var(--fontFamilyBase);outline-style:none;padding:5px var(--spacingHorizontalM);min-width:96px;border-radius:var(--borderRadiusMedium);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase300);transition-duration:var(--durationFaster);transition-property:background,border,color;transition-timing-function:var(--curveEasyEase);}",
-    ".rsawnvh:hover{background-color:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground1Hover);cursor:pointer;}",
-    ".rsawnvh:hover .fui-Icon-filled{display:inline;}",
-    ".rsawnvh:hover .fui-Icon-regular{display:none;}",
-    ".rsawnvh:hover:active{background-color:var(--colorNeutralBackground1Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground1Pressed);outline-style:none;}",
-    ".rsawnvh:hover:active .fui-Icon-filled{display:inline;}",
-    ".rsawnvh:hover:active .fui-Icon-regular{display:none;}",
-    "@media screen and (prefers-reduced-motion: reduce){.rsawnvh{transition-duration:0.01ms;}}",
-    "@media (forced-colors: active){.rsawnvh:focus{border-color:ButtonText;}.rsawnvh:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.rsawnvh:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}",
-    ".rsawnvh:focus{outline-style:none;}",
-    ".rsawnvh:focus-visible{outline-style:none;}",
-    ".rsawnvh[data-fui-focus-visible]{border-color:var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);box-shadow:var(--shadow4),0 0 0 2px var(--colorStrokeFocus2);z-index:1;}",
-    ".r1eny37h{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;text-decoration-line:none;vertical-align:middle;margin:0;overflow:hidden;background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);font-family:var(--fontFamilyBase);outline-style:none;padding:5px var(--spacingHorizontalM);min-width:96px;border-radius:var(--borderRadiusMedium);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase300);transition-duration:var(--durationFaster);transition-property:background,border,color;transition-timing-function:var(--curveEasyEase);}",
-    ".r1eny37h:hover{background-color:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground1Hover);cursor:pointer;}",
-    ".r1eny37h:hover .fui-Icon-filled{display:inline;}",
-    ".r1eny37h:hover .fui-Icon-regular{display:none;}",
-    ".r1eny37h:hover:active{background-color:var(--colorNeutralBackground1Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground1Pressed);outline-style:none;}",
-    ".r1eny37h:hover:active .fui-Icon-filled{display:inline;}",
-    ".r1eny37h:hover:active .fui-Icon-regular{display:none;}",
-    "@media screen and (prefers-reduced-motion: reduce){.r1eny37h{transition-duration:0.01ms;}}",
-    "@media (forced-colors: active){.r1eny37h:focus{border-color:ButtonText;}.r1eny37h:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.r1eny37h:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}",
-    ".r1eny37h:focus{outline-style:none;}",
-    ".r1eny37h:focus-visible{outline-style:none;}",
-    ".r1eny37h[data-fui-focus-visible]{border-color:var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);box-shadow:var(--shadow4),0 0 0 2px var(--colorStrokeFocus2);z-index:1;}"
+const useRootBaseClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("ri7kuyr", "rto22aj", [
+    ".ri7kuyr{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;text-decoration-line:none;vertical-align:middle;margin:0;overflow:hidden;background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);font-family:var(--fontFamilyBase);outline-style:none;padding:5px var(--spacingHorizontalM);min-width:96px;border-radius:var(--borderRadiusMedium);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase300);transition-duration:var(--durationFaster);transition-property:background,border,color;transition-timing-function:var(--curveEasyEase);}",
+    ".ri7kuyr:hover{background-color:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground1Hover);cursor:pointer;}",
+    ".ri7kuyr:hover .fui-Icon-filled{display:inline;}",
+    ".ri7kuyr:hover .fui-Icon-regular{display:none;}",
+    ".ri7kuyr:hover:active{background-color:var(--colorNeutralBackground1Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground1Pressed);outline-style:none;}",
+    ".ri7kuyr:hover:active .fui-Icon-filled{display:inline;}",
+    ".ri7kuyr:hover:active .fui-Icon-regular{display:none;}",
+    "@media screen and (prefers-reduced-motion: reduce){.ri7kuyr{transition-duration:0.01ms;}}",
+    "@media (forced-colors: active){.ri7kuyr:focus{border-color:ButtonText;}.ri7kuyr:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.ri7kuyr:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}",
+    ".ri7kuyr[data-fui-focus-visible]{border-color:var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);box-shadow:var(--shadow4),0 0 0 2px var(--colorStrokeFocus2);z-index:1;}",
+    ".rto22aj{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;text-decoration-line:none;vertical-align:middle;margin:0;overflow:hidden;background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);font-family:var(--fontFamilyBase);outline-style:none;padding:5px var(--spacingHorizontalM);min-width:96px;border-radius:var(--borderRadiusMedium);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase300);transition-duration:var(--durationFaster);transition-property:background,border,color;transition-timing-function:var(--curveEasyEase);}",
+    ".rto22aj:hover{background-color:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground1Hover);cursor:pointer;}",
+    ".rto22aj:hover .fui-Icon-filled{display:inline;}",
+    ".rto22aj:hover .fui-Icon-regular{display:none;}",
+    ".rto22aj:hover:active{background-color:var(--colorNeutralBackground1Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground1Pressed);outline-style:none;}",
+    ".rto22aj:hover:active .fui-Icon-filled{display:inline;}",
+    ".rto22aj:hover:active .fui-Icon-regular{display:none;}",
+    "@media screen and (prefers-reduced-motion: reduce){.rto22aj{transition-duration:0.01ms;}}",
+    "@media (forced-colors: active){.rto22aj:focus{border-color:ButtonText;}.rto22aj:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.rto22aj:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}",
+    ".rto22aj[data-fui-focus-visible]{border-color:var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);box-shadow:var(--shadow4),0 0 0 2px var(--colorStrokeFocus2);z-index:1;}"
 ]);
 const useIconBaseClassName = /*#__PURE__*/ (0, _react["__resetStyles"])("rywnvv2", null, [
     ".rywnvv2{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;font-size:20px;height:20px;width:20px;--fui-Button__icon--spacing:var(--spacingHorizontalSNudge);}"
@@ -895,8 +891,6 @@ const useRootDisabledStyles = /*#__PURE__*/ (0, _react["__styles"])({
 });
 const useRootFocusStyles = /*#__PURE__*/ (0, _react["__styles"])({
     circular: {
-        Brovlpu: "ftqa4ok",
-        B486eqv: "f2hkw1w",
         kdpuga: [
             "fanj13w",
             "f1gou5sz"
@@ -916,8 +910,6 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react["__styles"])({
     },
     rounded: {},
     square: {
-        Brovlpu: "ftqa4ok",
-        B486eqv: "f2hkw1w",
         kdpuga: [
             "f1ndz5i7",
             "f1co4qro"
@@ -936,8 +928,6 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ]
     },
     primary: {
-        Brovlpu: "ftqa4ok",
-        B486eqv: "f2hkw1w",
         B8q5s1w: "f15my96h",
         Bci5o5g: [
             "f8yq1e5",
@@ -951,8 +941,6 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react["__styles"])({
         j6ew2k: "ftbnf46"
     },
     small: {
-        Brovlpu: "ftqa4ok",
-        B486eqv: "f2hkw1w",
         kdpuga: [
             "fg3gtdo",
             "fwii5mg"
@@ -972,8 +960,6 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react["__styles"])({
     },
     medium: {},
     large: {
-        Brovlpu: "ftqa4ok",
-        B486eqv: "f2hkw1w",
         kdpuga: [
             "ft3lys4",
             "f1la4x2g"
@@ -992,12 +978,6 @@ const useRootFocusStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ]
     }
 }, {
-    f: [
-        ".ftqa4ok:focus{outline-style:none;}"
-    ],
-    i: [
-        ".f2hkw1w:focus-visible{outline-style:none;}"
-    ],
     d: [
         ".fanj13w[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusCircular);}",
         ".f1gou5sz[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusCircular);}",
@@ -1145,6 +1125,6 @@ const useButtonStyles_unstable = (state)=>{
         state.icon.className = (0, _react.mergeClasses)(buttonClassNames.icon, iconBaseClassName, state.root.children !== undefined && state.root.children !== null && iconStyles[iconPosition], iconStyles[size], state.icon.className);
     }
     return state;
-}; //# sourceMappingURL=useButtonStyles.js.map
+}; //# sourceMappingURL=useButtonStyles.styles.js.map
 
-//# sourceMappingURL=useButtonStyles.js.map
+//# sourceMappingURL=useButtonStyles.styles.js.map

package/lib-commonjs/components/Button/useButtonStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/Button/useButtonStyles.styles.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { shorthands, __styles, __resetStyles, mergeClasses } from '@griffel/react';\nexport const buttonClassNames = {\n  root: 'fui-Button',\n  icon: 'fui-Button__icon'\n};\nconst iconSpacingVar = '--fui-Button__icon--spacing';\nconst buttonSpacingSmall = '3px';\nconst buttonSpacingSmallWithIcon = '1px';\nconst buttonSpacingMedium = '5px';\nconst buttonSpacingLarge = '8px';\nconst buttonSpacingLargeWithIcon = '7px';\nconst useRootBaseClassName = /*#__PURE__*/__resetStyles(\"ri7kuyr\", \"rto22aj\", [\".ri7kuyr{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;text-decoration-line:none;vertical-align:middle;margin:0;overflow:hidden;background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);font-family:var(--fontFamilyBase);outline-style:none;padding:5px var(--spacingHorizontalM);min-width:96px;border-radius:var(--borderRadiusMedium);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase300);transition-duration:var(--durationFaster);transition-property:background,border,color;transition-timing-function:var(--curveEasyEase);}\", \".ri7kuyr:hover{background-color:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground1Hover);cursor:pointer;}\", \".ri7kuyr:hover .fui-Icon-filled{display:inline;}\", \".ri7kuyr:hover .fui-Icon-regular{display:none;}\", \".ri7kuyr:hover:active{background-color:var(--colorNeutralBackground1Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground1Pressed);outline-style:none;}\", \".ri7kuyr:hover:active .fui-Icon-filled{display:inline;}\", \".ri7kuyr:hover:active .fui-Icon-regular{display:none;}\", \"@media screen and (prefers-reduced-motion: reduce){.ri7kuyr{transition-duration:0.01ms;}}\", \"@media (forced-colors: active){.ri7kuyr:focus{border-color:ButtonText;}.ri7kuyr:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.ri7kuyr:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}\", \".ri7kuyr[data-fui-focus-visible]{border-color:var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);box-shadow:var(--shadow4),0 0 0 2px var(--colorStrokeFocus2);z-index:1;}\", \".rto22aj{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;text-decoration-line:none;vertical-align:middle;margin:0;overflow:hidden;background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);font-family:var(--fontFamilyBase);outline-style:none;padding:5px var(--spacingHorizontalM);min-width:96px;border-radius:var(--borderRadiusMedium);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase300);transition-duration:var(--durationFaster);transition-property:background,border,color;transition-timing-function:var(--curveEasyEase);}\", \".rto22aj:hover{background-color:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground1Hover);cursor:pointer;}\", \".rto22aj:hover .fui-Icon-filled{display:inline;}\", \".rto22aj:hover .fui-Icon-regular{display:none;}\", \".rto22aj:hover:active{background-color:var(--colorNeutralBackground1Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground1Pressed);outline-style:none;}\", \".rto22aj:hover:active .fui-Icon-filled{display:inline;}\", \".rto22aj:hover:active .fui-Icon-regular{display:none;}\", \"@media screen and (prefers-reduced-motion: reduce){.rto22aj{transition-duration:0.01ms;}}\", \"@media (forced-colors: active){.rto22aj:focus{border-color:ButtonText;}.rto22aj:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.rto22aj:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}\", \".rto22aj[data-fui-focus-visible]{border-color:var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);box-shadow:var(--shadow4),0 0 0 2px var(--colorStrokeFocus2);z-index:1;}\"]);\nconst useIconBaseClassName = /*#__PURE__*/__resetStyles(\"rywnvv2\", null, [\".rywnvv2{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;font-size:20px;height:20px;width:20px;--fui-Button__icon--spacing:var(--spacingHorizontalSNudge);}\"]);\nconst useRootStyles = /*#__PURE__*/__styles({\n  outline: {\n    De3pzq: \"f1c21dwh\",\n    Jwef8y: \"fjxutwb\",\n    iro3zm: \"fwiml72\"\n  },\n  primary: {\n    De3pzq: \"ffp7eso\",\n    g2u3we: \"f1p3nwhy\",\n    h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n    B9xav0g: \"f1q5o8ev\",\n    zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n    sj55zd: \"f1phragk\",\n    Jwef8y: \"f15wkkf3\",\n    Bgoe8wy: \"f1s2uweq\",\n    Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n    oetu4i: \"f1ukrpxl\",\n    gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n    Bi91k9c: \"f1rq72xc\",\n    iro3zm: \"fnp9lpt\",\n    b661bw: \"f1h0usnq\",\n    Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n    B9zn80p: \"f16h9ulv\",\n    Bpld233: [\"fx2bmrt\", \"fs4ktlq\"],\n    B2d53fq: \"f1d6v5y2\",\n    Bsw6fvg: \"f1rirnrt\",\n    Bjwas2f: \"f1uu00uk\",\n    Bn1d65q: [\"fkvaka8\", \"f9a0qzu\"],\n    Bxeuatn: \"f1ux7til\",\n    n51gp8: [\"f9a0qzu\", \"fkvaka8\"],\n    Bbusuzp: \"f1lkg8j3\",\n    ycbfsm: \"fkc42ay\",\n    Bqrx1nm: \"fq7113v\",\n    pgvf35: \"ff1wgvm\",\n    Bh7lczh: [\"fiob0tu\", \"f1x4h75k\"],\n    dpv3f4: \"f1j6scgf\",\n    Bpnjhaq: [\"f1x4h75k\", \"fiob0tu\"],\n    ze5xyy: \"f4xjyn1\",\n    g2kj27: \"fbgcvur\",\n    Bf756sw: \"f1ks1yx8\",\n    Bow2dr7: [\"f1o6qegi\", \"fmxjhhp\"],\n    Bvhedfk: \"fcnxywj\",\n    Gye4lf: [\"fmxjhhp\", \"f1o6qegi\"],\n    pc6evw: \"f9ddjv3\"\n  },\n  secondary: {},\n  subtle: {\n    De3pzq: \"fhovq9v\",\n    g2u3we: \"f1p3nwhy\",\n    h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n    B9xav0g: \"f1q5o8ev\",\n    zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n    sj55zd: \"fkfq4zb\",\n    Jwef8y: \"f1t94bn6\",\n    Bgoe8wy: \"f1s2uweq\",\n    Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n    oetu4i: \"f1ukrpxl\",\n    gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n    Bi91k9c: \"fnwyq0v\",\n    Bbdnnc7: \"fy5bs14\",\n    iro3zm: \"fsv2rcd\",\n    b661bw: \"f1h0usnq\",\n    Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n    B9zn80p: \"f16h9ulv\",\n    Bpld233: [\"fx2bmrt\", \"fs4ktlq\"],\n    B2d53fq: \"f1omzyqd\",\n    x3br3k: \"fj8yq94\"\n  },\n  transparent: {\n    De3pzq: \"f1c21dwh\",\n    g2u3we: \"f1p3nwhy\",\n    h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n    B9xav0g: \"f1q5o8ev\",\n    zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n    sj55zd: \"fkfq4zb\",\n    Jwef8y: \"fjxutwb\",\n    Bgoe8wy: \"f1s2uweq\",\n    Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n    oetu4i: \"f1ukrpxl\",\n    gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n    Bi91k9c: \"f139oj5f\",\n    iro3zm: \"fwiml72\",\n    b661bw: \"f1h0usnq\",\n    Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n    B9zn80p: \"f16h9ulv\",\n    Bpld233: [\"fx2bmrt\", \"fs4ktlq\"],\n    B2d53fq: \"f1fg1p5m\"\n  },\n  circular: {\n    Bbmb7ep: [\"f8fbkgy\", \"f1nfllo7\"],\n    Beyfa6y: [\"f1nfllo7\", \"f8fbkgy\"],\n    B7oj6ja: [\"f1djnp8u\", \"f1s8kh49\"],\n    Btl43ni: [\"f1s8kh49\", \"f1djnp8u\"]\n  },\n  rounded: {},\n  square: {\n    Bbmb7ep: [\"fzi6hpg\", \"fyowgf4\"],\n    Beyfa6y: [\"fyowgf4\", \"fzi6hpg\"],\n    B7oj6ja: [\"f3fg2lr\", \"f13av6d4\"],\n    Btl43ni: [\"f13av6d4\", \"f3fg2lr\"]\n  },\n  small: {\n    Bf4jedk: \"fh7ncta\",\n    z8tnut: \"f1khb0e9\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Byoj8tv: \"f1jnq6q7\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"],\n    Bbmb7ep: [\"fclariu\", \"fyjfh2l\"],\n    Beyfa6y: [\"fyjfh2l\", \"fclariu\"],\n    B7oj6ja: [\"f11xeu6h\", \"f1knf8zw\"],\n    Btl43ni: [\"f1knf8zw\", \"f11xeu6h\"],\n    Be2twd7: \"fy9rknc\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"fwrc4pm\"\n  },\n  smallWithIcon: {\n    Byoj8tv: \"f1brlhvm\",\n    z8tnut: \"f1sl3k7w\"\n  },\n  medium: {},\n  large: {\n    Bf4jedk: \"f14es27b\",\n    z8tnut: \"fp9bwmr\",\n    z189sj: [\"fjodcmx\", \"fhx4nu\"],\n    Byoj8tv: \"f150uoa4\",\n    uwmqm3: [\"fhx4nu\", \"fjodcmx\"],\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n    Be2twd7: \"fod5ikn\",\n    Bhrd7zp: \"fl43uef\",\n    Bg96gwp: \"faaz57k\"\n  },\n  largeWithIcon: {\n    Byoj8tv: \"fy7v416\",\n    z8tnut: \"f1a1bwwz\"\n  }\n}, {\n  d: [\".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".ffp7eso{background-color:var(--colorBrandBackground);}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\", \".f1phragk{color:var(--colorNeutralForegroundOnBrand);}\", \".fhovq9v{background-color:var(--colorSubtleBackground);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f8fbkgy{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1nfllo7{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".f1djnp8u{border-top-right-radius:var(--borderRadiusCircular);}\", \".f1s8kh49{border-top-left-radius:var(--borderRadiusCircular);}\", \".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}\", \".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}\", \".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}\", \".fh7ncta{min-width:64px;}\", \".f1khb0e9{padding-top:3px;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".f1jnq6q7{padding-bottom:3px;}\", \".fclariu{border-bottom-right-radius:3px;}\", \".fyjfh2l{border-bottom-left-radius:3px;}\", \".f11xeu6h{border-top-right-radius:3px;}\", \".f1knf8zw{border-top-left-radius:3px;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".f1brlhvm{padding-bottom:1px;}\", \".f1sl3k7w{padding-top:1px;}\", \".f14es27b{min-width:96px;}\", \".fp9bwmr{padding-top:8px;}\", \".fjodcmx{padding-right:var(--spacingHorizontalL);}\", \".fhx4nu{padding-left:var(--spacingHorizontalL);}\", \".f150uoa4{padding-bottom:8px;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".fl43uef{font-weight:var(--fontWeightSemibold);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fy7v416{padding-bottom:7px;}\", \".f1a1bwwz{padding-top:7px;}\"],\n  h: [\".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}\", \".f15wkkf3:hover{background-color:var(--colorBrandBackgroundHover);}\", \".f1s2uweq:hover{border-top-color:transparent;}\", \".fr80ssc:hover{border-right-color:transparent;}\", \".fecsdlb:hover{border-left-color:transparent;}\", \".f1ukrpxl:hover{border-bottom-color:transparent;}\", \".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}\", \".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}\", \".f1h0usnq:hover:active{border-top-color:transparent;}\", \".fs4ktlq:hover:active{border-right-color:transparent;}\", \".fx2bmrt:hover:active{border-left-color:transparent;}\", \".f16h9ulv:hover:active{border-bottom-color:transparent;}\", \".f1d6v5y2:hover:active{color:var(--colorNeutralForegroundOnBrand);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".fy5bs14:hover .fui-Button__icon{color:var(--colorNeutralForeground2BrandHover);}\", \".fsv2rcd:hover:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1omzyqd:hover:active{color:var(--colorNeutralForeground2Pressed);}\", \".fj8yq94:hover:active .fui-Button__icon{color:var(--colorNeutralForeground2BrandPressed);}\", \".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}\", \".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}\"],\n  m: [[\"@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1uu00uk{border-top-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fkvaka8{border-right-color:HighlightText;}.f9a0qzu{border-left-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1ux7til{border-bottom-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f9a0qzu{border-left-color:HighlightText;}.fkvaka8{border-right-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fq7113v:hover{background-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.ff1wgvm:hover{border-top-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fiob0tu:hover{border-right-color:Highlight;}.f1x4h75k:hover{border-left-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1j6scgf:hover{border-bottom-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1x4h75k:hover{border-left-color:Highlight;}.fiob0tu:hover{border-right-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f4xjyn1:hover{color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fbgcvur:hover:active{background-color:HighlightText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1ks1yx8:hover:active{border-top-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1o6qegi:hover:active{border-right-color:Highlight;}.fmxjhhp:hover:active{border-left-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fcnxywj:hover:active{border-bottom-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fmxjhhp:hover:active{border-left-color:Highlight;}.f1o6qegi:hover:active{border-right-color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f9ddjv3:hover:active{color:Highlight;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useRootDisabledStyles = /*#__PURE__*/__styles({\n  base: {\n    De3pzq: \"f1bg9a2p\",\n    g2u3we: \"f1jj8ep1\",\n    h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n    B9xav0g: \"f4ikngz\",\n    zhjwy3: [\"fy0fskl\", \"f15xbau\"],\n    sj55zd: \"f1s2aq7o\",\n    Bceei9c: \"fdrzuqr\",\n    Jwef8y: \"f1falr9n\",\n    Bgoe8wy: \"f12mpcsy\",\n    Bwzppfd: [\"f1gwvigk\", \"f18rmfxp\"],\n    oetu4i: \"f1jnshp0\",\n    gg5e9n: [\"f18rmfxp\", \"f1gwvigk\"],\n    Bi91k9c: \"fvgxktp\",\n    eoavqd: \"fphbwmw\",\n    Bk3fhr4: \"f19vpps7\",\n    Bmfj8id: \"fv5swzo\",\n    iro3zm: \"f1t6o4dc\",\n    b661bw: \"f10ztigi\",\n    Bk6r4ia: [\"f1ft5sdu\", \"f1gzf82w\"],\n    B9zn80p: \"f12zbtn2\",\n    Bpld233: [\"f1gzf82w\", \"f1ft5sdu\"],\n    B2d53fq: \"fcvwxyo\",\n    c3iz72: \"f8w4c43\",\n    em6i61: \"f1ol4fw6\",\n    vm6p8p: \"f1q1lw4e\"\n  },\n  highContrast: {\n    Bsw6fvg: \"f4lkoma\",\n    Bjwas2f: \"fg455y9\",\n    Bn1d65q: [\"f1rvyvqg\", \"f14g86mu\"],\n    Bxeuatn: \"f1cwzwz\",\n    n51gp8: [\"f14g86mu\", \"f1rvyvqg\"],\n    Bbusuzp: \"f1dcs8yz\",\n    G867l3: \"fjwq6ea\",\n    gdbnj: [\"f1lr3nhc\", \"f1mbxvi6\"],\n    mxns5l: \"fn5gmvv\",\n    o3nasb: [\"f1mbxvi6\", \"f1lr3nhc\"],\n    Bqrx1nm: \"f1vmkb5g\",\n    pgvf35: \"f53ppgq\",\n    Bh7lczh: [\"f1663y11\", \"f80fkiy\"],\n    dpv3f4: \"f18v5270\",\n    Bpnjhaq: [\"f80fkiy\", \"f1663y11\"],\n    ze5xyy: \"f1kc2mi9\",\n    g2kj27: \"f1y0svfh\",\n    Bf756sw: \"fihuait\",\n    Bow2dr7: [\"fnxhupq\", \"fyd6l6x\"],\n    Bvhedfk: \"fx507ft\",\n    Gye4lf: [\"fyd6l6x\", \"fnxhupq\"],\n    pc6evw: \"fb3rf2x\"\n  },\n  outline: {\n    De3pzq: \"f1c21dwh\",\n    Jwef8y: \"f9ql6rf\",\n    iro3zm: \"f3h1zc4\"\n  },\n  primary: {\n    g2u3we: \"f1p3nwhy\",\n    h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n    B9xav0g: \"f1q5o8ev\",\n    zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n    Bgoe8wy: \"f1s2uweq\",\n    Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n    oetu4i: \"f1ukrpxl\",\n    gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n    b661bw: \"f1h0usnq\",\n    Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n    B9zn80p: \"f16h9ulv\",\n    Bpld233: [\"fx2bmrt\", \"fs4ktlq\"]\n  },\n  secondary: {},\n  subtle: {\n    De3pzq: \"f1c21dwh\",\n    g2u3we: \"f1p3nwhy\",\n    h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n    B9xav0g: \"f1q5o8ev\",\n    zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n    Jwef8y: \"f9ql6rf\",\n    Bgoe8wy: \"f1s2uweq\",\n    Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n    oetu4i: \"f1ukrpxl\",\n    gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n    iro3zm: \"f3h1zc4\",\n    b661bw: \"f1h0usnq\",\n    Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n    B9zn80p: \"f16h9ulv\",\n    Bpld233: [\"fx2bmrt\", \"fs4ktlq\"]\n  },\n  transparent: {\n    De3pzq: \"f1c21dwh\",\n    g2u3we: \"f1p3nwhy\",\n    h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n    B9xav0g: \"f1q5o8ev\",\n    zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n    Jwef8y: \"f9ql6rf\",\n    Bgoe8wy: \"f1s2uweq\",\n    Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n    oetu4i: \"f1ukrpxl\",\n    gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n    iro3zm: \"f3h1zc4\",\n    b661bw: \"f1h0usnq\",\n    Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n    B9zn80p: \"f16h9ulv\",\n    Bpld233: [\"fx2bmrt\", \"fs4ktlq\"]\n  }\n}, {\n  d: [\".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\"],\n  h: [\".f1falr9n:hover{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".f18rmfxp:hover{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}\", \".fphbwmw:hover{cursor:not-allowed;}\", \".f19vpps7:hover .fui-Icon-filled{display:none;}\", \".fv5swzo:hover .fui-Icon-regular{display:inline;}\", \".f1t6o4dc:hover:active{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f10ztigi:hover:active{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f1ft5sdu:hover:active{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".f1gzf82w:hover:active{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f12zbtn2:hover:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".fcvwxyo:hover:active{color:var(--colorNeutralForegroundDisabled);}\", \".f8w4c43:hover:active{cursor:not-allowed;}\", \".f1ol4fw6:hover:active .fui-Icon-filled{display:none;}\", \".f1q1lw4e:hover:active .fui-Icon-regular{display:inline;}\", \".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}\", \".f3h1zc4:hover:active{background-color:var(--colorTransparentBackground);}\", \".f1s2uweq:hover{border-top-color:transparent;}\", \".fr80ssc:hover{border-right-color:transparent;}\", \".fecsdlb:hover{border-left-color:transparent;}\", \".f1ukrpxl:hover{border-bottom-color:transparent;}\", \".f1h0usnq:hover:active{border-top-color:transparent;}\", \".fs4ktlq:hover:active{border-right-color:transparent;}\", \".fx2bmrt:hover:active{border-left-color:transparent;}\", \".f16h9ulv:hover:active{border-bottom-color:transparent;}\"],\n  m: [[\"@media (forced-colors: active){.f4lkoma{background-color:ButtonFace;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1rvyvqg{border-right-color:GrayText;}.f14g86mu{border-left-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fjwq6ea:focus{border-top-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1lr3nhc:focus{border-right-color:GrayText;}.f1mbxvi6:focus{border-left-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fn5gmvv:focus{border-bottom-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1mbxvi6:focus{border-left-color:GrayText;}.f1lr3nhc:focus{border-right-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1vmkb5g:hover{background-color:ButtonFace;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f53ppgq:hover{border-top-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1663y11:hover{border-right-color:GrayText;}.f80fkiy:hover{border-left-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f18v5270:hover{border-bottom-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f80fkiy:hover{border-left-color:GrayText;}.f1663y11:hover{border-right-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1kc2mi9:hover{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1y0svfh:hover:active{background-color:ButtonFace;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fihuait:hover:active{border-top-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fnxhupq:hover:active{border-right-color:GrayText;}.fyd6l6x:hover:active{border-left-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fx507ft:hover:active{border-bottom-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fyd6l6x:hover:active{border-left-color:GrayText;}.fnxhupq:hover:active{border-right-color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fb3rf2x:hover:active{color:GrayText;}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useRootFocusStyles = /*#__PURE__*/__styles({\n  circular: {\n    kdpuga: [\"fanj13w\", \"f1gou5sz\"],\n    Bw81rd7: [\"f1gou5sz\", \"fanj13w\"],\n    B6xbmo0: [\"fulf6x3\", \"foeb2x\"],\n    dm238s: [\"foeb2x\", \"fulf6x3\"]\n  },\n  rounded: {},\n  square: {\n    kdpuga: [\"f1ndz5i7\", \"f1co4qro\"],\n    Bw81rd7: [\"f1co4qro\", \"f1ndz5i7\"],\n    B6xbmo0: [\"f146y5a9\", \"f1k2ftg\"],\n    dm238s: [\"f1k2ftg\", \"f146y5a9\"]\n  },\n  primary: {\n    B8q5s1w: \"f15my96h\",\n    Bci5o5g: [\"f8yq1e5\", \"f59w28j\"],\n    n8qw10: \"f1mze7uc\",\n    Bdrgwmp: [\"f59w28j\", \"f8yq1e5\"],\n    j6ew2k: \"ftbnf46\"\n  },\n  small: {\n    kdpuga: [\"fg3gtdo\", \"fwii5mg\"],\n    Bw81rd7: [\"fwii5mg\", \"fg3gtdo\"],\n    B6xbmo0: [\"f1palphq\", \"f12nxie7\"],\n    dm238s: [\"f12nxie7\", \"f1palphq\"]\n  },\n  medium: {},\n  large: {\n    kdpuga: [\"ft3lys4\", \"f1la4x2g\"],\n    Bw81rd7: [\"f1la4x2g\", \"ft3lys4\"],\n    B6xbmo0: [\"f156y0zm\", \"fakimq4\"],\n    dm238s: [\"fakimq4\", \"f156y0zm\"]\n  }\n}, {\n  d: [\".fanj13w[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusCircular);}\", \".f1gou5sz[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusCircular);}\", \".fulf6x3[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusCircular);}\", \".foeb2x[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusCircular);}\", \".f1ndz5i7[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusNone);}\", \".f1co4qro[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusNone);}\", \".f146y5a9[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusNone);}\", \".f1k2ftg[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusNone);}\", \".f15my96h[data-fui-focus-visible]{border-top-color:var(--colorNeutralForegroundOnBrand);}\", \".f8yq1e5[data-fui-focus-visible]{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".f59w28j[data-fui-focus-visible]{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".f1mze7uc[data-fui-focus-visible]{border-bottom-color:var(--colorNeutralForegroundOnBrand);}\", \".ftbnf46[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 2px var(--colorStrokeFocus2);}\", \".fg3gtdo[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusSmall);}\", \".fwii5mg[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusSmall);}\", \".f1palphq[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusSmall);}\", \".f12nxie7[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusSmall);}\", \".ft3lys4[data-fui-focus-visible]{border-bottom-right-radius:var(--borderRadiusLarge);}\", \".f1la4x2g[data-fui-focus-visible]{border-bottom-left-radius:var(--borderRadiusLarge);}\", \".f156y0zm[data-fui-focus-visible]{border-top-right-radius:var(--borderRadiusLarge);}\", \".fakimq4[data-fui-focus-visible]{border-top-left-radius:var(--borderRadiusLarge);}\"]\n});\nconst useRootIconOnlyStyles = /*#__PURE__*/__styles({\n  small: {\n    z8tnut: \"f1sl3k7w\",\n    z189sj: [\"f136y8j8\", \"f10xn8zz\"],\n    Byoj8tv: \"f1brlhvm\",\n    uwmqm3: [\"f10xn8zz\", \"f136y8j8\"],\n    Bf4jedk: \"f17fgpbq\",\n    B2u0y6b: \"f1jt17bm\"\n  },\n  medium: {\n    z8tnut: \"f1sbtcvk\",\n    z189sj: [\"fwiuce9\", \"f15vdbe4\"],\n    Byoj8tv: \"fdghr9\",\n    uwmqm3: [\"f15vdbe4\", \"fwiuce9\"],\n    Bf4jedk: \"fwbmr0d\",\n    B2u0y6b: \"f44c6la\"\n  },\n  large: {\n    z8tnut: \"f1a1bwwz\",\n    z189sj: [\"f18k1jr3\", \"f1rtp3s9\"],\n    Byoj8tv: \"fy7v416\",\n    uwmqm3: [\"f1rtp3s9\", \"f18k1jr3\"],\n    Bf4jedk: \"f12clzc2\",\n    B2u0y6b: \"fjy1crr\"\n  }\n}, {\n  d: [\".f1sl3k7w{padding-top:1px;}\", \".f136y8j8{padding-right:1px;}\", \".f10xn8zz{padding-left:1px;}\", \".f1brlhvm{padding-bottom:1px;}\", \".f17fgpbq{min-width:24px;}\", \".f1jt17bm{max-width:24px;}\", \".f1sbtcvk{padding-top:5px;}\", \".fwiuce9{padding-right:5px;}\", \".f15vdbe4{padding-left:5px;}\", \".fdghr9{padding-bottom:5px;}\", \".fwbmr0d{min-width:32px;}\", \".f44c6la{max-width:32px;}\", \".f1a1bwwz{padding-top:7px;}\", \".f18k1jr3{padding-right:7px;}\", \".f1rtp3s9{padding-left:7px;}\", \".fy7v416{padding-bottom:7px;}\", \".f12clzc2{min-width:40px;}\", \".fjy1crr{max-width:40px;}\"]\n});\nconst useIconStyles = /*#__PURE__*/__styles({\n  small: {\n    Be2twd7: \"fe5j1ua\",\n    Bqenvij: \"fjamq6b\",\n    a9b677: \"f64fuq3\",\n    Bqrlyyl: \"fbaiahx\"\n  },\n  medium: {},\n  large: {\n    Be2twd7: \"f1rt2boy\",\n    Bqenvij: \"frvgh55\",\n    a9b677: \"fq4mcun\",\n    Bqrlyyl: \"f1exjqw5\"\n  },\n  before: {\n    t21cq0: [\"f1nizpg2\", \"f1a695kz\"]\n  },\n  after: {\n    Frg6f3: [\"f1a695kz\", \"f1nizpg2\"]\n  }\n}, {\n  d: [\".fe5j1ua{font-size:20px;}\", \".fjamq6b{height:20px;}\", \".f64fuq3{width:20px;}\", \".fbaiahx{--fui-Button__icon--spacing:var(--spacingHorizontalXS);}\", \".f1rt2boy{font-size:24px;}\", \".frvgh55{height:24px;}\", \".fq4mcun{width:24px;}\", \".f1exjqw5{--fui-Button__icon--spacing:var(--spacingHorizontalSNudge);}\", \".f1nizpg2{margin-right:var(--fui-Button__icon--spacing);}\", \".f1a695kz{margin-left:var(--fui-Button__icon--spacing);}\"]\n});\nexport const useButtonStyles_unstable = state => {\n  const rootBaseClassName = useRootBaseClassName();\n  const iconBaseClassName = useIconBaseClassName();\n  const rootStyles = useRootStyles();\n  const rootDisabledStyles = useRootDisabledStyles();\n  const rootFocusStyles = useRootFocusStyles();\n  const rootIconOnlyStyles = useRootIconOnlyStyles();\n  const iconStyles = useIconStyles();\n  const {\n    appearance,\n    disabled,\n    disabledFocusable,\n    icon,\n    iconOnly,\n    iconPosition,\n    shape,\n    size\n  } = state;\n  state.root.className = mergeClasses(buttonClassNames.root, rootBaseClassName, appearance && rootStyles[appearance], rootStyles[size], icon && size === 'small' && rootStyles.smallWithIcon, icon && size === 'large' && rootStyles.largeWithIcon, rootStyles[shape],\n  // Disabled styles\n  (disabled || disabledFocusable) && rootDisabledStyles.base, (disabled || disabledFocusable) && rootDisabledStyles.highContrast, appearance && (disabled || disabledFocusable) && rootDisabledStyles[appearance],\n  // Focus styles\n  appearance === 'primary' && rootFocusStyles.primary, rootFocusStyles[size], rootFocusStyles[shape],\n  // Icon-only styles\n  iconOnly && rootIconOnlyStyles[size],\n  // User provided class name\n  state.root.className);\n  if (state.icon) {\n    state.icon.className = mergeClasses(buttonClassNames.icon, iconBaseClassName, state.root.children !== undefined && state.root.children !== null && iconStyles[iconPosition], iconStyles[size], state.icon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useButtonStyles.styles.js.map"],"names":["buttonClassNames","useButtonStyles_unstable","root","icon","iconSpacingVar","buttonSpacingSmall","buttonSpacingSmallWithIcon","buttonSpacingMedium","buttonSpacingLarge","buttonSpacingLargeWithIcon","useRootBaseClassName","__resetStyles","useIconBaseClassName","useRootStyles","__styles","outline","De3pzq","Jwef8y","iro3zm","primary","g2u3we","h3c5rm","B9xav0g","zhjwy3","sj55zd","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","Bi91k9c","b661bw","Bk6r4ia","B9zn80p","Bpld233","B2d53fq","Bsw6fvg","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Bbusuzp","ycbfsm","Bqrx1nm","pgvf35","Bh7lczh","dpv3f4","Bpnjhaq","ze5xyy","g2kj27","Bf756sw","Bow2dr7","Bvhedfk","Gye4lf","pc6evw","secondary","subtle","Bbdnnc7","x3br3k","transparent","circular","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","rounded","square","small","Bf4jedk","z8tnut","z189sj","Byoj8tv","uwmqm3","Be2twd7","Bhrd7zp","Bg96gwp","smallWithIcon","medium","large","largeWithIcon","d","h","m","useRootDisabledStyles","base","Bceei9c","eoavqd","Bk3fhr4","Bmfj8id","c3iz72","em6i61","vm6p8p","highContrast","G867l3","gdbnj","mxns5l","o3nasb","useRootFocusStyles","kdpuga","Bw81rd7","B6xbmo0","dm238s","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","j6ew2k","useRootIconOnlyStyles","B2u0y6b","useIconStyles","Bqenvij","a9b677","Bqrlyyl","before","t21cq0","after","Frg6f3","state","rootBaseClassName","iconBaseClassName","rootStyles","rootDisabledStyles","rootFocusStyles","rootIconOnlyStyles","iconStyles","appearance","disabled","disabledFocusable","iconOnly","iconPosition","shape","size","className","mergeClasses","children","undefined"],"mappings":"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"}

package/lib-commonjs/components/CompoundButton/CompoundButton.js

@@ -10,13 +10,12 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _renderCompoundButton = require("./renderCompoundButton");
 const _useCompoundButton = require("./useCompoundButton");
-const _useCompoundButtonStyles = require("./useCompoundButtonStyles");
+const _useCompoundButtonStylesStyles = require("./useCompoundButtonStyles.styles");
 const _reactSharedContexts = require("@fluentui/react-shared-contexts");
 const CompoundButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useCompoundButton.useCompoundButton_unstable)(props, ref);
-    (0, _useCompoundButtonStyles.useCompoundButtonStyles_unstable)(state);
-    const { useCompoundButtonStyles_unstable: useCustomStyles  } = (0, _reactSharedContexts.useCustomStyleHooks_unstable)();
-    useCustomStyles(state);
+    (0, _useCompoundButtonStylesStyles.useCompoundButtonStyles_unstable)(state);
+    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useCompoundButtonStyles_unstable')(state);
     return (0, _renderCompoundButton.renderCompoundButton_unstable)(state);
 // Casting is required due to lack of distributive union to support unions on @types/react
 });

package/lib-commonjs/components/CompoundButton/CompoundButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/CompoundButton/CompoundButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderCompoundButton_unstable } from './renderCompoundButton';\nimport { useCompoundButton_unstable } from './useCompoundButton';\nimport { useCompoundButtonStyles_unstable } from './useCompoundButtonStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n/**\n * CompoundButtons are buttons that can have secondary content that adds extra information to the user.\n */\nexport const CompoundButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useCompoundButton_unstable(props, ref);\n  useCompoundButtonStyles_unstable(state);\n  const {\n    useCompoundButtonStyles_unstable: useCustomStyles\n  } = useCustomStyleHooks_unstable();\n  useCustomStyles(state);\n  return renderCompoundButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nCompoundButton.displayName = 'CompoundButton';\n//# sourceMappingURL=CompoundButton.js.map"],"names":["CompoundButton","React","forwardRef","props","ref","state","useCompoundButton_unstable","useCompoundButtonStyles_unstable","useCustomStyles","useCustomStyleHooks_unstable","renderCompoundButton_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;sCACuB;mCACH;yCACM;qCACJ;AAItC,MAAMA,iBAAiB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC1E,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,yDAAgC,EAACF;IACjC,MAAM,EACJE,kCAAkCC,gBAAe,EAClD,GAAGC,IAAAA,iDAA4B;IAChCD,gBAAgBH;IAChB,OAAOK,IAAAA,mDAA6B,EAACL;AACrC,0FAA0F;AAC5F;AAEAL,eAAeW,WAAW,GAAG,kBAC7B,0CAA0C"}
+{"version":3,"sources":["../../../lib/components/CompoundButton/CompoundButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderCompoundButton_unstable } from './renderCompoundButton';\nimport { useCompoundButton_unstable } from './useCompoundButton';\nimport { useCompoundButtonStyles_unstable } from './useCompoundButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * CompoundButtons are buttons that can have secondary content that adds extra information to the user.\n */\nexport const CompoundButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n  const state = useCompoundButton_unstable(props, ref);\n  useCompoundButtonStyles_unstable(state);\n  useCustomStyleHook_unstable('useCompoundButtonStyles_unstable')(state);\n  return renderCompoundButton_unstable(state);\n  // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nCompoundButton.displayName = 'CompoundButton';\n//# sourceMappingURL=CompoundButton.js.map"],"names":["CompoundButton","React","forwardRef","props","ref","state","useCompoundButton_unstable","useCompoundButtonStyles_unstable","useCustomStyleHook_unstable","renderCompoundButton_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;sCACuB;mCACH;+CACM;qCACL;AAIrC,MAAMA,iBAAiB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IAC1E,MAAMC,QAAQC,IAAAA,6CAA0B,EAACH,OAAOC;IAChDG,IAAAA,+DAAgC,EAACF;IACjCG,IAAAA,gDAA2B,EAAC,oCAAoCH;IAChE,OAAOI,IAAAA,mDAA6B,EAACJ;AACrC,0FAA0F;AAC5F;AAEAL,eAAeU,WAAW,GAAG,kBAC7B,0CAA0C"}

package/lib-commonjs/components/CompoundButton/index.js

@@ -9,15 +9,15 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    compoundButtonClassNames: ()=>_useCompoundButtonStyles.compoundButtonClassNames,
-    useCompoundButtonStyles_unstable: ()=>_useCompoundButtonStyles.useCompoundButtonStyles_unstable
+    compoundButtonClassNames: ()=>_useCompoundButtonStylesStyles.compoundButtonClassNames,
+    useCompoundButtonStyles_unstable: ()=>_useCompoundButtonStylesStyles.useCompoundButtonStyles_unstable
 });
 const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
 _exportStar(require("./CompoundButton"), exports);
 _exportStar(require("./CompoundButton.types"), exports);
 _exportStar(require("./renderCompoundButton"), exports);
 _exportStar(require("./useCompoundButton"), exports);
-const _useCompoundButtonStyles = require("./useCompoundButtonStyles");
+const _useCompoundButtonStylesStyles = require("./useCompoundButtonStyles.styles");
  //# sourceMappingURL=index.js.map
 
 //# sourceMappingURL=index.js.map

package/lib-commonjs/components/CompoundButton/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../lib/components/CompoundButton/index.js"],"sourcesContent":["export * from './CompoundButton';\nexport * from './CompoundButton.types';\nexport * from './renderCompoundButton';\nexport * from './useCompoundButton';\nexport { compoundButtonClassNames, useCompoundButtonStyles_unstable } from './useCompoundButtonStyles';\n//# sourceMappingURL=index.js.map"],"names":["compoundButtonClassNames","useCompoundButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,wBAAwB,MAAxBA,iDAAwB;IAAEC,gCAAgC,MAAhCA,yDAAgC;;;oBAJrD;oBACA;oBACA;oBACA;yCAC6D;CAC3E,iCAAiC"}
+{"version":3,"sources":["../../../lib/components/CompoundButton/index.js"],"sourcesContent":["export * from './CompoundButton';\nexport * from './CompoundButton.types';\nexport * from './renderCompoundButton';\nexport * from './useCompoundButton';\nexport { compoundButtonClassNames, useCompoundButtonStyles_unstable } from './useCompoundButtonStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":["compoundButtonClassNames","useCompoundButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,wBAAwB,MAAxBA,uDAAwB;IAAEC,gCAAgC,MAAhCA,+DAAgC;;;oBAJrD;oBACA;oBACA;oBACA;+CAC6D;CAC3E,iCAAiC"}

package/lib-commonjs/components/CompoundButton/{useCompoundButtonStyles.js → useCompoundButtonStyles.styles.js}

@@ -13,7 +13,7 @@ _export(exports, {
     useCompoundButtonStyles_unstable: ()=>useCompoundButtonStyles_unstable
 });
 const _react = require("@griffel/react");
-const _useButtonStyles = require("../Button/useButtonStyles");
+const _useButtonStylesStyles = require("../Button/useButtonStyles.styles");
 const compoundButtonClassNames = {
     root: 'fui-CompoundButton',
     icon: 'fui-CompoundButton__icon',
@@ -323,8 +323,8 @@ const useCompoundButtonStyles_unstable = (state)=>{
     if (state.secondaryContent) {
         state.secondaryContent.className = (0, _react.mergeClasses)(compoundButtonClassNames.secondaryContent, secondaryContentStyles.base, secondaryContentStyles[size], state.secondaryContent.className);
     }
-    (0, _useButtonStyles.useButtonStyles_unstable)(state);
+    (0, _useButtonStylesStyles.useButtonStyles_unstable)(state);
     return state;
-}; //# sourceMappingURL=useCompoundButtonStyles.js.map
+}; //# sourceMappingURL=useCompoundButtonStyles.styles.js.map
 
-//# sourceMappingURL=useCompoundButtonStyles.js.map
+//# sourceMappingURL=useCompoundButtonStyles.styles.js.map