@fluentui/react-button 9.3.48 → 9.3.50

Sign up to get free protection for your applications and to get access to all the features.
package/CHANGELOG.json CHANGED
@@ -2,7 +2,67 @@
2
2
  "name": "@fluentui/react-button",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 11 Oct 2023 13:50:03 GMT",
5
+ "date": "Wed, 18 Oct 2023 17:47:31 GMT",
6
+ "tag": "@fluentui/react-button_v9.3.50",
7
+ "version": "9.3.50",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "bernardo.sunderhus@gmail.com",
12
+ "package": "@fluentui/react-button",
13
+ "commit": "967882a55a7333effea42e4c24a64e8547309116",
14
+ "comment": "chore: migrate from getNativeElementProps to getIntrinsicElementProps"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-button",
19
+ "comment": "Bump @fluentui/react-aria to v9.3.43",
20
+ "commit": "c0d3065982e1646c54ba00c1d524248b792dbcad"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-button",
25
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.18",
26
+ "commit": "c0d3065982e1646c54ba00c1d524248b792dbcad"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-button",
31
+ "comment": "Bump @fluentui/react-tabster to v9.14.0",
32
+ "commit": "c0d3065982e1646c54ba00c1d524248b792dbcad"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-button",
37
+ "comment": "Bump @fluentui/react-utilities to v9.15.1",
38
+ "commit": "c0d3065982e1646c54ba00c1d524248b792dbcad"
39
+ }
40
+ ]
41
+ }
42
+ },
43
+ {
44
+ "date": "Thu, 12 Oct 2023 14:55:42 GMT",
45
+ "tag": "@fluentui/react-button_v9.3.49",
46
+ "version": "9.3.49",
47
+ "comments": {
48
+ "patch": [
49
+ {
50
+ "author": "lingfangao@hotmail.com",
51
+ "package": "@fluentui/react-button",
52
+ "commit": "3b8a86445f185e19ec9b0fc4ee4943a0867bab23",
53
+ "comment": "fix: Transparent buttons visible in teams high contrast mode"
54
+ },
55
+ {
56
+ "author": "beachball",
57
+ "package": "@fluentui/react-button",
58
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.17",
59
+ "commit": "8178c3cae60005bc21137aa1f3e766e18cdb4a30"
60
+ }
61
+ ]
62
+ }
63
+ },
64
+ {
65
+ "date": "Wed, 11 Oct 2023 13:54:22 GMT",
6
66
  "tag": "@fluentui/react-button_v9.3.48",
7
67
  "version": "9.3.48",
8
68
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,35 @@
1
1
  # Change Log - @fluentui/react-button
2
2
 
3
- This log was last generated on Wed, 11 Oct 2023 13:50:03 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 18 Oct 2023 17:47:31 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.3.50](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.3.50)
8
+
9
+ Wed, 18 Oct 2023 17:47:31 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.3.49..@fluentui/react-button_v9.3.50)
11
+
12
+ ### Patches
13
+
14
+ - chore: migrate from getNativeElementProps to getIntrinsicElementProps ([PR #29499](https://github.com/microsoft/fluentui/pull/29499) by bernardo.sunderhus@gmail.com)
15
+ - Bump @fluentui/react-aria to v9.3.43 ([PR #29560](https://github.com/microsoft/fluentui/pull/29560) by beachball)
16
+ - Bump @fluentui/react-jsx-runtime to v9.0.18 ([PR #29560](https://github.com/microsoft/fluentui/pull/29560) by beachball)
17
+ - Bump @fluentui/react-tabster to v9.14.0 ([PR #29560](https://github.com/microsoft/fluentui/pull/29560) by beachball)
18
+ - Bump @fluentui/react-utilities to v9.15.1 ([PR #29560](https://github.com/microsoft/fluentui/pull/29560) by beachball)
19
+
20
+ ## [9.3.49](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.3.49)
21
+
22
+ Thu, 12 Oct 2023 14:55:42 GMT
23
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.3.48..@fluentui/react-button_v9.3.49)
24
+
25
+ ### Patches
26
+
27
+ - fix: Transparent buttons visible in teams high contrast mode ([PR #29497](https://github.com/microsoft/fluentui/pull/29497) by lingfangao@hotmail.com)
28
+ - Bump @fluentui/react-jsx-runtime to v9.0.17 ([PR #29513](https://github.com/microsoft/fluentui/pull/29513) by beachball)
29
+
7
30
  ## [9.3.48](https://github.com/microsoft/fluentui/tree/@fluentui/react-button_v9.3.48)
8
31
 
9
- Wed, 11 Oct 2023 13:50:03 GMT
32
+ Wed, 11 Oct 2023 13:54:22 GMT
10
33
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-button_v9.3.47..@fluentui/react-button_v9.3.48)
11
34
 
12
35
  ### Patches
package/dist/index.d.ts CHANGED
@@ -171,7 +171,7 @@ export declare const SplitButton: ForwardRefComponent<SplitButtonProps>;
171
171
 
172
172
  export declare const splitButtonClassNames: SlotClassNames<SplitButtonSlots>;
173
173
 
174
- export declare type SplitButtonProps = ComponentProps<SplitButtonSlots> & Omit<ButtonProps, 'root'> & Omit<MenuButtonProps, 'root'>;
174
+ export declare type SplitButtonProps = ComponentProps<SplitButtonSlots> & Omit<ButtonProps, 'root' | 'as'> & Omit<MenuButtonProps, 'root' | 'as'>;
175
175
 
176
176
  export declare type SplitButtonSlots = {
177
177
  /**
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { useARIAButtonShorthand } from '@fluentui/react-aria';
3
- import { getNativeElementProps, slot } from '@fluentui/react-utilities';
3
+ import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
4
4
  import { useButtonContext } from '../../contexts/ButtonContext';
5
5
  /**
6
6
  * Given user props, defines default props for the Button, calls useButtonState, and returns processed state.
@@ -25,7 +25,7 @@ import { useButtonContext } from '../../contexts/ButtonContext';
25
25
  root: 'button',
26
26
  icon: 'span'
27
27
  },
28
- root: slot.always(getNativeElementProps(as, useARIAButtonShorthand(props, {
28
+ root: slot.always(getIntrinsicElementProps(as, useARIAButtonShorthand(props, {
29
29
  required: true,
30
30
  defaultProps: {
31
31
  ref: ref,
@@ -1 +1 @@
1
- {"version":3,"sources":["useButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { ARIAButtonSlotProps, useARIAButtonShorthand } from '@fluentui/react-aria';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport { useButtonContext } from '../../contexts/ButtonContext';\nimport type { ButtonProps, ButtonState } from './Button.types';\n\n/**\n * Given user props, defines default props for the Button, calls useButtonState, and returns processed state.\n * @param props - User provided props to the Button component.\n * @param ref - User provided ref to be passed to the Button component.\n */\nexport const useButton_unstable = (\n props: ButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ButtonState => {\n const { size: contextSize } = useButtonContext();\n const {\n appearance = 'secondary',\n as = 'button',\n disabled = false,\n disabledFocusable = false,\n icon,\n iconPosition = 'before',\n shape = 'rounded',\n size = contextSize ?? 'medium',\n } = props;\n const iconShorthand = slot.optional(icon, { elementType: 'span' });\n return {\n // Props passed at the top-level\n appearance,\n disabled,\n disabledFocusable,\n iconPosition,\n shape,\n size, // State calculated from a set of props\n iconOnly: Boolean(iconShorthand?.children && !props.children), // Slots definition\n components: { root: 'button', icon: 'span' },\n root: slot.always(\n getNativeElementProps(\n as,\n useARIAButtonShorthand<ARIAButtonSlotProps<'a'>>(props, {\n required: true,\n defaultProps: {\n ref: ref as React.Ref<HTMLButtonElement & HTMLAnchorElement>,\n type: 'button',\n },\n }),\n ),\n { elementType: 'button' },\n ),\n icon: iconShorthand,\n };\n};\n"],"names":["React","useARIAButtonShorthand","getNativeElementProps","slot","useButtonContext","useButton_unstable","props","ref","size","contextSize","appearance","as","disabled","disabledFocusable","icon","iconPosition","shape","iconShorthand","optional","elementType","iconOnly","Boolean","children","components","root","always","required","defaultProps","type"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAA8BC,sBAAsB,QAAQ,uBAAuB;AACnF,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AACxE,SAASC,gBAAgB,QAAQ,+BAA+B;AAGhE;;;;CAIC,GACD,OAAO,MAAMC,qBAAqB,CAChCC,OACAC;IAEA,MAAM,EAAEC,MAAMC,WAAW,EAAE,GAAGL;IAC9B,MAAM,EACJM,aAAa,WAAW,EACxBC,KAAK,QAAQ,EACbC,WAAW,KAAK,EAChBC,oBAAoB,KAAK,EACzBC,IAAI,EACJC,eAAe,QAAQ,EACvBC,QAAQ,SAAS,EACjBR,OAAOC,wBAAAA,yBAAAA,cAAe,QAAQ,EAC/B,GAAGH;IACJ,MAAMW,gBAAgBd,KAAKe,QAAQ,CAACJ,MAAM;QAAEK,aAAa;IAAO;IAChE,OAAO;QACL,gCAAgC;QAChCT;QACAE;QACAC;QACAE;QACAC;QACAR;QACAY,UAAUC,QAAQJ,CAAAA,0BAAAA,oCAAAA,cAAeK,QAAQ,KAAI,CAAChB,MAAMgB,QAAQ;QAC5DC,YAAY;YAAEC,MAAM;YAAUV,MAAM;QAAO;QAC3CU,MAAMrB,KAAKsB,MAAM,CACfvB,sBACES,IACAV,uBAAiDK,OAAO;YACtDoB,UAAU;YACVC,cAAc;gBACZpB,KAAKA;gBACLqB,MAAM;YACR;QACF,KAEF;YAAET,aAAa;QAAS;QAE1BL,MAAMG;IACR;AACF,EAAE"}
1
+ {"version":3,"sources":["useButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { ARIAButtonSlotProps, useARIAButtonShorthand } from '@fluentui/react-aria';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useButtonContext } from '../../contexts/ButtonContext';\nimport type { ButtonProps, ButtonState } from './Button.types';\n\n/**\n * Given user props, defines default props for the Button, calls useButtonState, and returns processed state.\n * @param props - User provided props to the Button component.\n * @param ref - User provided ref to be passed to the Button component.\n */\nexport const useButton_unstable = (\n props: ButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ButtonState => {\n const { size: contextSize } = useButtonContext();\n const {\n appearance = 'secondary',\n as = 'button',\n disabled = false,\n disabledFocusable = false,\n icon,\n iconPosition = 'before',\n shape = 'rounded',\n size = contextSize ?? 'medium',\n } = props;\n const iconShorthand = slot.optional(icon, { elementType: 'span' });\n return {\n // Props passed at the top-level\n appearance,\n disabled,\n disabledFocusable,\n iconPosition,\n shape,\n size, // State calculated from a set of props\n iconOnly: Boolean(iconShorthand?.children && !props.children), // Slots definition\n components: { root: 'button', icon: 'span' },\n root: slot.always(\n getIntrinsicElementProps(\n as,\n useARIAButtonShorthand<ARIAButtonSlotProps<'a'>>(props, {\n required: true,\n defaultProps: {\n ref: ref as React.Ref<HTMLButtonElement & HTMLAnchorElement>,\n type: 'button',\n },\n }),\n ),\n { elementType: 'button' },\n ),\n icon: iconShorthand,\n };\n};\n"],"names":["React","useARIAButtonShorthand","getIntrinsicElementProps","slot","useButtonContext","useButton_unstable","props","ref","size","contextSize","appearance","as","disabled","disabledFocusable","icon","iconPosition","shape","iconShorthand","optional","elementType","iconOnly","Boolean","children","components","root","always","required","defaultProps","type"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAA8BC,sBAAsB,QAAQ,uBAAuB;AACnF,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,SAASC,gBAAgB,QAAQ,+BAA+B;AAGhE;;;;CAIC,GACD,OAAO,MAAMC,qBAAqB,CAChCC,OACAC;IAEA,MAAM,EAAEC,MAAMC,WAAW,EAAE,GAAGL;IAC9B,MAAM,EACJM,aAAa,WAAW,EACxBC,KAAK,QAAQ,EACbC,WAAW,KAAK,EAChBC,oBAAoB,KAAK,EACzBC,IAAI,EACJC,eAAe,QAAQ,EACvBC,QAAQ,SAAS,EACjBR,OAAOC,wBAAAA,yBAAAA,cAAe,QAAQ,EAC/B,GAAGH;IACJ,MAAMW,gBAAgBd,KAAKe,QAAQ,CAACJ,MAAM;QAAEK,aAAa;IAAO;IAChE,OAAO;QACL,gCAAgC;QAChCT;QACAE;QACAC;QACAE;QACAC;QACAR;QACAY,UAAUC,QAAQJ,CAAAA,0BAAAA,oCAAAA,cAAeK,QAAQ,KAAI,CAAChB,MAAMgB,QAAQ;QAC5DC,YAAY;YAAEC,MAAM;YAAUV,MAAM;QAAO;QAC3CU,MAAMrB,KAAKsB,MAAM,CACfvB,yBACES,IACAV,uBAAiDK,OAAO;YACtDoB,UAAU;YACVC,cAAc;gBACZpB,KAAKA;gBACLqB,MAAM;YACR;QACF,KAEF;YAAET,aAAa;QAAS;QAE1BL,MAAMG;IACR;AACF,EAAE"}
@@ -121,17 +121,9 @@ const useRootStyles = /*#__PURE__*/__styles({
121
121
  B2d53fq: "f1fg1p5m",
122
122
  em6i61: "f1dfjoow",
123
123
  vm6p8p: "f1j98vj9",
124
- Bqrx1nm: "fwa4z56",
125
- pgvf35: "fe5wyld",
126
- Bh7lczh: ["ffrv2ww", "f9dg1pr"],
127
- dpv3f4: "f1rnfj6r",
128
- Bpnjhaq: ["f9dg1pr", "ffrv2ww"],
124
+ Bqrx1nm: "f1tme0vf",
129
125
  ze5xyy: "f4xjyn1",
130
- g2kj27: "f19ot1t3",
131
- Bf756sw: "fjaevkr",
132
- Bow2dr7: ["f1yrt24w", "f11cxmw1"],
133
- Bvhedfk: "f1lym4af",
134
- Gye4lf: ["f11cxmw1", "f1yrt24w"],
126
+ g2kj27: "f18onu3q",
135
127
  pc6evw: "f9ddjv3"
136
128
  },
137
129
  circular: {
@@ -223,21 +215,9 @@ const useRootStyles = /*#__PURE__*/__styles({
223
215
  m: "(forced-colors: active)"
224
216
  }], ["@media (forced-colors: active){.f1wi8ngl:hover:active .fui-Button__icon{color:Highlight;}}", {
225
217
  m: "(forced-colors: active)"
226
- }], ["@media (forced-colors: active){.fwa4z56:hover{background-color:var(--colorTransparentBackgroundHover);}}", {
218
+ }], ["@media (forced-colors: active){.f1tme0vf:hover{background-color:var(--colorTransparentBackground);}}", {
227
219
  m: "(forced-colors: active)"
228
- }], ["@media (forced-colors: active){.fe5wyld:hover{border-top-color:transparent;}}", {
229
- m: "(forced-colors: active)"
230
- }], ["@media (forced-colors: active){.f9dg1pr:hover{border-left-color:transparent;}.ffrv2ww:hover{border-right-color:transparent;}}", {
231
- m: "(forced-colors: active)"
232
- }], ["@media (forced-colors: active){.f1rnfj6r:hover{border-bottom-color:transparent;}}", {
233
- m: "(forced-colors: active)"
234
- }], ["@media (forced-colors: active){.f19ot1t3:hover:active{background-color:var(--colorTransparentBackgroundHover);}}", {
235
- m: "(forced-colors: active)"
236
- }], ["@media (forced-colors: active){.fjaevkr:hover:active{border-top-color:transparent;}}", {
237
- m: "(forced-colors: active)"
238
- }], ["@media (forced-colors: active){.f11cxmw1:hover:active{border-left-color:transparent;}.f1yrt24w:hover:active{border-right-color:transparent;}}", {
239
- m: "(forced-colors: active)"
240
- }], ["@media (forced-colors: active){.f1lym4af:hover:active{border-bottom-color:transparent;}}", {
220
+ }], ["@media (forced-colors: active){.f18onu3q:hover:active{background-color:var(--colorTransparentBackground);}}", {
241
221
  m: "(forced-colors: active)"
242
222
  }]]
243
223
  });
@@ -1 +1 @@
1
- {"version":3,"names":["iconFilledClassName","iconRegularClassName","createCustomFocusIndicatorStyle","tokens","shorthands","__styles","__resetStyles","mergeClasses","buttonClassNames","root","icon","iconSpacingVar","buttonSpacingSmall","buttonSpacingSmallWithIcon","buttonSpacingMedium","buttonSpacingLarge","buttonSpacingLargeWithIcon","boxShadowStrokeWidthThinMoz","strokeWidthThin","useRootBaseClassName","r","s","useIconBaseClassName","useRootStyles","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","Bk3fhr4","Bmfj8id","Bbdnnc7","em6i61","vm6p8p","x3br3k","Bx3q9su","xd2cci","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","Bfinmwp","eoavqd","c3iz72","highContrast","G867l3","gdbnj","mxns5l","o3nasb","useRootFocusStyles","kdpuga","Bw81rd7","B6xbmo0","dm238s","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","j6ew2k","he4mth","Byr4aka","lks7q5","Bnan3qt","k1dn9","Boium3a","tm8e47","t","useRootIconOnlyStyles","B2u0y6b","useIconStyles","Bqenvij","a9b677","Bqrlyyl","before","t21cq0","after","Frg6f3","useButtonStyles_unstable","state","rootBaseClassName","iconBaseClassName","rootStyles","rootDisabledStyles","rootFocusStyles","rootIconOnlyStyles","iconStyles","appearance","disabled","disabledFocusable","iconOnly","iconPosition","shape","size","className","children"],"sources":["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, makeStyles, makeResetStyles, 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';\n/* Firefox has box shadow sizing issue at some zoom levels\n * this will ensure the inset boxShadow is always uniform\n * without affecting other browser platforms\n */ const boxShadowStrokeWidthThinMoz = `calc(${tokens.strokeWidthThin} + 0.25px)`;\nconst useRootBaseClassName = makeResetStyles({\n alignItems: 'center',\n boxSizing: 'border-box',\n display: 'inline-flex',\n justifyContent: 'center',\n textDecorationLine: 'none',\n verticalAlign: 'middle',\n margin: 0,\n overflow: 'hidden',\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n fontFamily: tokens.fontFamilyBase,\n outlineStyle: 'none',\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n borderColor: tokens.colorNeutralStroke1Hover,\n color: tokens.colorNeutralForeground1Hover,\n cursor: 'pointer'\n },\n ':hover:active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n borderColor: tokens.colorNeutralStroke1Pressed,\n color: tokens.colorNeutralForeground1Pressed,\n outlineStyle: 'none'\n },\n padding: `${buttonSpacingMedium} ${tokens.spacingHorizontalM}`,\n minWidth: '96px',\n borderRadius: tokens.borderRadiusMedium,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase300,\n // Transition styles\n transitionDuration: tokens.durationFaster,\n transitionProperty: 'background, border, color',\n transitionTimingFunction: tokens.curveEasyEase,\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms'\n },\n // High contrast styles\n '@media (forced-colors: active)': {\n ':focus': {\n borderColor: 'ButtonText'\n },\n ':hover': {\n backgroundColor: 'HighlightText',\n borderColor: 'Highlight',\n color: 'Highlight',\n forcedColorAdjust: 'none'\n },\n ':hover:active': {\n backgroundColor: 'HighlightText',\n borderColor: 'Highlight',\n color: 'Highlight',\n forcedColorAdjust: 'none'\n }\n },\n // Focus styles\n ...createCustomFocusIndicatorStyle({\n borderColor: tokens.colorStrokeFocus2,\n borderRadius: tokens.borderRadiusMedium,\n borderWidth: '1px',\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorTransparentStroke}`,\n boxShadow: `0 0 0 ${tokens.strokeWidthThin} ${tokens.colorStrokeFocus2}\n inset\n `,\n zIndex: 1\n }),\n // BUGFIX: Mozilla specific styles (Mozilla BugID: 1857642)\n '@supports (-moz-appearance:button)': {\n ...createCustomFocusIndicatorStyle({\n boxShadow: `0 0 0 ${boxShadowStrokeWidthThinMoz} ${tokens.colorStrokeFocus2}\n inset\n `\n })\n }\n});\nconst useIconBaseClassName = makeResetStyles({\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center',\n fontSize: '20px',\n height: '20px',\n width: '20px',\n [iconSpacingVar]: tokens.spacingHorizontalSNudge\n});\nconst useRootStyles = makeStyles({\n // Appearance variations\n outline: {\n backgroundColor: tokens.colorTransparentBackground,\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed\n }\n },\n primary: {\n backgroundColor: tokens.colorBrandBackground,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForegroundOnBrand,\n ':hover': {\n backgroundColor: tokens.colorBrandBackgroundHover,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForegroundOnBrand\n },\n ':hover:active': {\n backgroundColor: tokens.colorBrandBackgroundPressed,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForegroundOnBrand\n },\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n ...shorthands.borderColor('HighlightText'),\n color: 'HighlightText',\n forcedColorAdjust: 'none',\n ':hover': {\n backgroundColor: 'HighlightText',\n ...shorthands.borderColor('Highlight'),\n color: 'Highlight'\n },\n ':hover:active': {\n backgroundColor: 'HighlightText',\n ...shorthands.borderColor('Highlight'),\n color: 'Highlight'\n }\n }\n },\n secondary: {\n },\n subtle: {\n backgroundColor: tokens.colorSubtleBackground,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2,\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundHover,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2Hover,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n },\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForeground2BrandHover\n }\n },\n ':hover:active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2Pressed,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n },\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForeground2BrandPressed\n }\n },\n '@media (forced-colors: active)': {\n ':hover': {\n color: 'Highlight',\n [`& .${buttonClassNames.icon}`]: {\n color: 'Highlight'\n }\n },\n ':hover:active': {\n color: 'Highlight',\n [`& .${buttonClassNames.icon}`]: {\n color: 'Highlight'\n }\n }\n }\n },\n transparent: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2,\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2BrandHover,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2BrandPressed,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n ...shorthands.borderColor('transparent'),\n color: 'Highlight'\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n ...shorthands.borderColor('transparent'),\n color: 'Highlight'\n }\n }\n },\n // Shape variations\n circular: {\n ...shorthands.borderRadius(tokens.borderRadiusCircular)\n },\n rounded: {\n },\n square: {\n ...shorthands.borderRadius(tokens.borderRadiusNone)\n },\n // Size variations\n small: {\n minWidth: '64px',\n ...shorthands.padding(buttonSpacingSmall, tokens.spacingHorizontalS),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase200\n },\n smallWithIcon: {\n paddingBottom: buttonSpacingSmallWithIcon,\n paddingTop: buttonSpacingSmallWithIcon\n },\n medium: {\n },\n large: {\n minWidth: '96px',\n ...shorthands.padding(buttonSpacingLarge, tokens.spacingHorizontalL),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase400\n },\n largeWithIcon: {\n paddingBottom: buttonSpacingLargeWithIcon,\n paddingTop: buttonSpacingLargeWithIcon\n }\n});\nconst useRootDisabledStyles = makeStyles({\n // Base styles\n base: {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed',\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForegroundDisabled\n },\n ':hover': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed',\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n },\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForegroundDisabled\n }\n },\n ':hover:active': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed',\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n },\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForegroundDisabled\n }\n }\n },\n // High contrast styles\n highContrast: {\n '@media (forced-colors: active)': {\n backgroundColor: 'ButtonFace',\n ...shorthands.borderColor('GrayText'),\n color: 'GrayText',\n ':focus': {\n ...shorthands.borderColor('GrayText')\n },\n ':hover': {\n backgroundColor: 'ButtonFace',\n ...shorthands.borderColor('GrayText'),\n color: 'GrayText'\n },\n ':hover:active': {\n backgroundColor: 'ButtonFace',\n ...shorthands.borderColor('GrayText'),\n color: 'GrayText'\n }\n }\n },\n // Appearance variations\n outline: {\n backgroundColor: tokens.colorTransparentBackground,\n ':hover': {\n backgroundColor: tokens.colorTransparentBackground\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackground\n }\n },\n primary: {\n ...shorthands.borderColor('transparent'),\n ':hover': {\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n ...shorthands.borderColor('transparent')\n }\n },\n secondary: {\n },\n subtle: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n ':hover': {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent')\n }\n },\n transparent: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n ':hover': {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent')\n }\n }\n});\nconst useRootFocusStyles = makeStyles({\n // Shape variations\n circular: createCustomFocusIndicatorStyle({\n ...shorthands.borderRadius(tokens.borderRadiusCircular)\n }),\n rounded: {\n },\n square: createCustomFocusIndicatorStyle({\n ...shorthands.borderRadius(tokens.borderRadiusNone)\n }),\n // Primary styles\n primary: {\n ...createCustomFocusIndicatorStyle({\n ...shorthands.borderColor(tokens.colorStrokeFocus2),\n boxShadow: `${tokens.shadow2}, 0 0 0 ${tokens.strokeWidthThin} ${tokens.colorStrokeFocus2} inset, 0 0 0 ${tokens.strokeWidthThick} ${tokens.colorNeutralForegroundOnBrand} inset`,\n ':hover': {\n boxShadow: `${tokens.shadow2}, 0 0 0 ${tokens.strokeWidthThin} ${tokens.colorStrokeFocus2} inset`,\n ...shorthands.borderColor(tokens.colorStrokeFocus2)\n }\n }),\n // BUGFIX: Mozilla specific styles (Mozilla BugID: 1857642)\n '@supports (-moz-appearance:button)': {\n ...createCustomFocusIndicatorStyle({\n boxShadow: `${tokens.shadow2}, 0 0 0 ${boxShadowStrokeWidthThinMoz} ${tokens.colorStrokeFocus2} inset, 0 0 0 ${tokens.strokeWidthThick} ${tokens.colorNeutralForegroundOnBrand} inset`,\n ':hover': {\n boxShadow: `${tokens.shadow2}, 0 0 0 ${boxShadowStrokeWidthThinMoz} ${tokens.colorStrokeFocus2} inset`\n }\n })\n }\n },\n // Size variations\n small: createCustomFocusIndicatorStyle({\n ...shorthands.borderRadius(tokens.borderRadiusSmall)\n }),\n medium: {\n },\n large: createCustomFocusIndicatorStyle({\n ...shorthands.borderRadius(tokens.borderRadiusLarge)\n })\n});\nconst useRootIconOnlyStyles = makeStyles({\n // Size variations\n small: {\n ...shorthands.padding(buttonSpacingSmallWithIcon),\n minWidth: '24px',\n maxWidth: '24px'\n },\n medium: {\n ...shorthands.padding(buttonSpacingMedium),\n minWidth: '32px',\n maxWidth: '32px'\n },\n large: {\n ...shorthands.padding(buttonSpacingLargeWithIcon),\n minWidth: '40px',\n maxWidth: '40px'\n }\n});\nconst useIconStyles = makeStyles({\n // Size variations\n small: {\n fontSize: '20px',\n height: '20px',\n width: '20px',\n [iconSpacingVar]: tokens.spacingHorizontalXS\n },\n medium: {\n },\n large: {\n fontSize: '24px',\n height: '24px',\n width: '24px',\n [iconSpacingVar]: tokens.spacingHorizontalSNudge\n },\n // Icon position variations\n before: {\n marginRight: `var(${iconSpacingVar})`\n },\n after: {\n marginLeft: `var(${iconSpacingVar})`\n }\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 { appearance, disabled, disabledFocusable, icon, iconOnly, iconPosition, shape, size } = 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], // Disabled styles\n (disabled || disabledFocusable) && rootDisabledStyles.base, (disabled || disabledFocusable) && rootDisabledStyles.highContrast, appearance && (disabled || disabledFocusable) && rootDisabledStyles[appearance], // Focus styles\n appearance === 'primary' && rootFocusStyles.primary, rootFocusStyles[size], rootFocusStyles[shape], // Icon-only styles\n iconOnly && rootIconOnlyStyles[size], // User provided class name\n state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(buttonClassNames.icon, iconBaseClassName, !!state.root.children && iconStyles[iconPosition], iconStyles[size], state.icon.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAASA,mBAAmB,EAAEC,oBAAoB,QAAQ,uBAAuB;AACjF,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,UAAU,EAAAC,QAAA,EAAAC,aAAA,EAA+BC,YAAY,QAAQ,gBAAgB;AACtF,OAAO,MAAMC,gBAAgB,GAAG;EAC5BC,IAAI,EAAE,YAAY;EAClBC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,cAAc,GAAG,6BAA6B;AACpD,MAAMC,kBAAkB,GAAG,KAAK;AAChC,MAAMC,0BAA0B,GAAG,KAAK;AACxC,MAAMC,mBAAmB,GAAG,KAAK;AACjC,MAAMC,kBAAkB,GAAG,KAAK;AAChC,MAAMC,0BAA0B,GAAG,KAAK;AACxC;AACA;AACA;AACA;AAAI,MAAMC,2BAA2B,GAAI,QAAOd,MAAM,CAACe,eAAgB,YAAW;AAClF,MAAMC,oBAAoB,gBAAGb,aAAA;EAAAc,CAAA;EAAAC,CAAA;AAAA,CA4E5B,CAAC;AACF,MAAMC,oBAAoB,gBAAGhB,aAAA,+LAQ5B,CAAC;AACF,MAAMiB,aAAa,gBAAGlB,QAAA;EAAAmB,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,OAAA;IAAAH,MAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAP,MAAA;IAAAQ,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAX,MAAA;IAAAY,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,SAAA;EAAAC,MAAA;IAAAvC,MAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAP,MAAA;IAAAQ,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAA2B,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAxC,MAAA;IAAAY,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAyB,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAd,MAAA;IAAAe,OAAA;IAAAT,MAAA;IAAAU,MAAA;EAAA;EAAAC,WAAA;IAAAhD,MAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAP,MAAA;IAAAQ,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAA2B,OAAA;IAAAC,OAAA;IAAAvC,MAAA;IAAAY,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAyB,MAAA;IAAAC,MAAA;IAAAlB,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAY,QAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,OAAA;EAAAC,MAAA;IAAAL,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAG,KAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAX,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAS,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,aAAA;IAAAL,OAAA;IAAAF,MAAA;EAAA;EAAAQ,MAAA;EAAAC,KAAA;IAAAV,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAX,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAS,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAI,aAAA;IAAAR,OAAA;IAAAF,MAAA;EAAA;AAAA;EAAAW,CAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAsKrB,CAAC;AACF,MAAMC,qBAAqB,gBAAG5F,QAAA;EAAA6F,IAAA;IAAAzE,MAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAkE,OAAA;IAAAC,OAAA;IAAA1E,MAAA;IAAAQ,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAA+D,MAAA;IAAApC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAxC,MAAA;IAAAY,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAA2D,MAAA;IAAAlC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAiC,YAAA;IAAA3D,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAuD,MAAA;IAAAC,KAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAxD,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAtC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAE,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAqB,SAAA;EAAAC,MAAA;IAAAvC,MAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAN,MAAA;IAAAQ,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAV,MAAA;IAAAY,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAA+B,WAAA;IAAAhD,MAAA;IAAAI,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAN,MAAA;IAAAQ,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAV,MAAA;IAAAY,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAoD,CAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CA2G7B,CAAC;AACF,MAAMY,kBAAkB,gBAAGvG,QAAA;EAAAqE,QAAA;IAAAmC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAjC,OAAA;EAAAC,MAAA;IAAA6B,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAApF,OAAA;IAAAqF,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAA3C,KAAA;IAAA4B,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAArB,MAAA;EAAAC,KAAA;IAAAiB,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAlB,CAAA;EAAA+B,CAAA;AAAA,CAuC1B,CAAC;AACF,MAAMC,qBAAqB,gBAAGzH,QAAA;EAAA4E,KAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAJ,OAAA;IAAA6C,OAAA;EAAA;EAAApC,MAAA;IAAAR,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAJ,OAAA;IAAA6C,OAAA;EAAA;EAAAnC,KAAA;IAAAT,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAJ,OAAA;IAAA6C,OAAA;EAAA;AAAA;EAAAjC,CAAA;AAAA,CAiB7B,CAAC;AACF,MAAMkC,aAAa,gBAAG3H,QAAA;EAAA4E,KAAA;IAAAM,OAAA;IAAA0C,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAxC,MAAA;EAAAC,KAAA;IAAAL,OAAA;IAAA0C,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAC,MAAA;EAAA;AAAA;EAAAzC,CAAA;AAAA,CAuBrB,CAAC;AACF,OAAO,MAAM0C,wBAAwB,GAAIC,KAAK,IAAG;EAC7C,MAAMC,iBAAiB,GAAGvH,oBAAoB,CAAC,CAAC;EAChD,MAAMwH,iBAAiB,GAAGrH,oBAAoB,CAAC,CAAC;EAChD,MAAMsH,UAAU,GAAGrH,aAAa,CAAC,CAAC;EAClC,MAAMsH,kBAAkB,GAAG5C,qBAAqB,CAAC,CAAC;EAClD,MAAM6C,eAAe,GAAGlC,kBAAkB,CAAC,CAAC;EAC5C,MAAMmC,kBAAkB,GAAGjB,qBAAqB,CAAC,CAAC;EAClD,MAAMkB,UAAU,GAAGhB,aAAa,CAAC,CAAC;EAClC,MAAM;IAAEiB,UAAU;IAAEC,QAAQ;IAAEC,iBAAiB;IAAEzI,IAAI;IAAE0I,QAAQ;IAAEC,YAAY;IAAEC,KAAK;IAAEC;EAAK,CAAC,GAAGd,KAAK;EACpGA,KAAK,CAAChI,IAAI,CAAC+I,SAAS,GAAGjJ,YAAY,CAACC,gBAAgB,CAACC,IAAI,EAAEiI,iBAAiB,EAAEO,UAAU,IAAIL,UAAU,CAACK,UAAU,CAAC,EAAEL,UAAU,CAACW,IAAI,CAAC,EAAE7I,IAAI,IAAI6I,IAAI,KAAK,OAAO,IAAIX,UAAU,CAAClD,aAAa,EAAEhF,IAAI,IAAI6I,IAAI,KAAK,OAAO,IAAIX,UAAU,CAAC/C,aAAa,EAAE+C,UAAU,CAACU,KAAK,CAAC;EAAE;EACrQ,CAACJ,QAAQ,IAAIC,iBAAiB,KAAKN,kBAAkB,CAAC3C,IAAI,EAAE,CAACgD,QAAQ,IAAIC,iBAAiB,KAAKN,kBAAkB,CAACtC,YAAY,EAAE0C,UAAU,KAAKC,QAAQ,IAAIC,iBAAiB,CAAC,IAAIN,kBAAkB,CAACI,UAAU,CAAC;EAAE;EACjNA,UAAU,KAAK,SAAS,IAAIH,eAAe,CAAClH,OAAO,EAAEkH,eAAe,CAACS,IAAI,CAAC,EAAET,eAAe,CAACQ,KAAK,CAAC;EAAE;EACpGF,QAAQ,IAAIL,kBAAkB,CAACQ,IAAI,CAAC;EAAE;EACtCd,KAAK,CAAChI,IAAI,CAAC+I,SAAS,CAAC;EACrB,IAAIf,KAAK,CAAC/H,IAAI,EAAE;IACZ+H,KAAK,CAAC/H,IAAI,CAAC8I,SAAS,GAAGjJ,YAAY,CAACC,gBAAgB,CAACE,IAAI,EAAEiI,iBAAiB,EAAE,CAAC,CAACF,KAAK,CAAChI,IAAI,CAACgJ,QAAQ,IAAIT,UAAU,CAACK,YAAY,CAAC,EAAEL,UAAU,CAACO,IAAI,CAAC,EAAEd,KAAK,CAAC/H,IAAI,CAAC8I,SAAS,CAAC;EAC5K;EACA,OAAOf,KAAK;AAChB,CAAC"}
1
+ {"version":3,"names":["iconFilledClassName","iconRegularClassName","createCustomFocusIndicatorStyle","tokens","shorthands","__styles","__resetStyles","mergeClasses","buttonClassNames","root","icon","iconSpacingVar","buttonSpacingSmall","buttonSpacingSmallWithIcon","buttonSpacingMedium","buttonSpacingLarge","buttonSpacingLargeWithIcon","boxShadowStrokeWidthThinMoz","strokeWidthThin","useRootBaseClassName","r","s","useIconBaseClassName","useRootStyles","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","Bk3fhr4","Bmfj8id","Bbdnnc7","em6i61","vm6p8p","x3br3k","Bx3q9su","xd2cci","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","Bfinmwp","eoavqd","c3iz72","highContrast","G867l3","gdbnj","mxns5l","o3nasb","useRootFocusStyles","kdpuga","Bw81rd7","B6xbmo0","dm238s","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","j6ew2k","he4mth","Byr4aka","lks7q5","Bnan3qt","k1dn9","Boium3a","tm8e47","t","useRootIconOnlyStyles","B2u0y6b","useIconStyles","Bqenvij","a9b677","Bqrlyyl","before","t21cq0","after","Frg6f3","useButtonStyles_unstable","state","rootBaseClassName","iconBaseClassName","rootStyles","rootDisabledStyles","rootFocusStyles","rootIconOnlyStyles","iconStyles","appearance","disabled","disabledFocusable","iconOnly","iconPosition","shape","size","className","children"],"sources":["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, makeStyles, makeResetStyles, 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';\n/* Firefox has box shadow sizing issue at some zoom levels\n * this will ensure the inset boxShadow is always uniform\n * without affecting other browser platforms\n */ const boxShadowStrokeWidthThinMoz = `calc(${tokens.strokeWidthThin} + 0.25px)`;\nconst useRootBaseClassName = makeResetStyles({\n alignItems: 'center',\n boxSizing: 'border-box',\n display: 'inline-flex',\n justifyContent: 'center',\n textDecorationLine: 'none',\n verticalAlign: 'middle',\n margin: 0,\n overflow: 'hidden',\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n fontFamily: tokens.fontFamilyBase,\n outlineStyle: 'none',\n ':hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n borderColor: tokens.colorNeutralStroke1Hover,\n color: tokens.colorNeutralForeground1Hover,\n cursor: 'pointer'\n },\n ':hover:active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n borderColor: tokens.colorNeutralStroke1Pressed,\n color: tokens.colorNeutralForeground1Pressed,\n outlineStyle: 'none'\n },\n padding: `${buttonSpacingMedium} ${tokens.spacingHorizontalM}`,\n minWidth: '96px',\n borderRadius: tokens.borderRadiusMedium,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase300,\n // Transition styles\n transitionDuration: tokens.durationFaster,\n transitionProperty: 'background, border, color',\n transitionTimingFunction: tokens.curveEasyEase,\n '@media screen and (prefers-reduced-motion: reduce)': {\n transitionDuration: '0.01ms'\n },\n // High contrast styles\n '@media (forced-colors: active)': {\n ':focus': {\n borderColor: 'ButtonText'\n },\n ':hover': {\n backgroundColor: 'HighlightText',\n borderColor: 'Highlight',\n color: 'Highlight',\n forcedColorAdjust: 'none'\n },\n ':hover:active': {\n backgroundColor: 'HighlightText',\n borderColor: 'Highlight',\n color: 'Highlight',\n forcedColorAdjust: 'none'\n }\n },\n // Focus styles\n ...createCustomFocusIndicatorStyle({\n borderColor: tokens.colorStrokeFocus2,\n borderRadius: tokens.borderRadiusMedium,\n borderWidth: '1px',\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorTransparentStroke}`,\n boxShadow: `0 0 0 ${tokens.strokeWidthThin} ${tokens.colorStrokeFocus2}\n inset\n `,\n zIndex: 1\n }),\n // BUGFIX: Mozilla specific styles (Mozilla BugID: 1857642)\n '@supports (-moz-appearance:button)': {\n ...createCustomFocusIndicatorStyle({\n boxShadow: `0 0 0 ${boxShadowStrokeWidthThinMoz} ${tokens.colorStrokeFocus2}\n inset\n `\n })\n }\n});\nconst useIconBaseClassName = makeResetStyles({\n alignItems: 'center',\n display: 'inline-flex',\n justifyContent: 'center',\n fontSize: '20px',\n height: '20px',\n width: '20px',\n [iconSpacingVar]: tokens.spacingHorizontalSNudge\n});\nconst useRootStyles = makeStyles({\n // Appearance variations\n outline: {\n backgroundColor: tokens.colorTransparentBackground,\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed\n }\n },\n primary: {\n backgroundColor: tokens.colorBrandBackground,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForegroundOnBrand,\n ':hover': {\n backgroundColor: tokens.colorBrandBackgroundHover,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForegroundOnBrand\n },\n ':hover:active': {\n backgroundColor: tokens.colorBrandBackgroundPressed,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForegroundOnBrand\n },\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n ...shorthands.borderColor('HighlightText'),\n color: 'HighlightText',\n forcedColorAdjust: 'none',\n ':hover': {\n backgroundColor: 'HighlightText',\n ...shorthands.borderColor('Highlight'),\n color: 'Highlight'\n },\n ':hover:active': {\n backgroundColor: 'HighlightText',\n ...shorthands.borderColor('Highlight'),\n color: 'Highlight'\n }\n }\n },\n secondary: {\n },\n subtle: {\n backgroundColor: tokens.colorSubtleBackground,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2,\n ':hover': {\n backgroundColor: tokens.colorSubtleBackgroundHover,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2Hover,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n },\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForeground2BrandHover\n }\n },\n ':hover:active': {\n backgroundColor: tokens.colorSubtleBackgroundPressed,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2Pressed,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n },\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForeground2BrandPressed\n }\n },\n '@media (forced-colors: active)': {\n ':hover': {\n color: 'Highlight',\n [`& .${buttonClassNames.icon}`]: {\n color: 'Highlight'\n }\n },\n ':hover:active': {\n color: 'Highlight',\n [`& .${buttonClassNames.icon}`]: {\n color: 'Highlight'\n }\n }\n }\n },\n transparent: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2,\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2BrandHover,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n ...shorthands.borderColor('transparent'),\n color: tokens.colorNeutralForeground2BrandPressed,\n [`& .${iconFilledClassName}`]: {\n display: 'inline'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n '@media (forced-colors: active)': {\n ':hover': {\n backgroundColor: tokens.colorTransparentBackground,\n color: 'Highlight'\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackground,\n color: 'Highlight'\n }\n }\n },\n // Shape variations\n circular: {\n ...shorthands.borderRadius(tokens.borderRadiusCircular)\n },\n rounded: {\n },\n square: {\n ...shorthands.borderRadius(tokens.borderRadiusNone)\n },\n // Size variations\n small: {\n minWidth: '64px',\n ...shorthands.padding(buttonSpacingSmall, tokens.spacingHorizontalS),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n fontSize: tokens.fontSizeBase200,\n fontWeight: tokens.fontWeightRegular,\n lineHeight: tokens.lineHeightBase200\n },\n smallWithIcon: {\n paddingBottom: buttonSpacingSmallWithIcon,\n paddingTop: buttonSpacingSmallWithIcon\n },\n medium: {\n },\n large: {\n minWidth: '96px',\n ...shorthands.padding(buttonSpacingLarge, tokens.spacingHorizontalL),\n ...shorthands.borderRadius(tokens.borderRadiusMedium),\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightSemibold,\n lineHeight: tokens.lineHeightBase400\n },\n largeWithIcon: {\n paddingBottom: buttonSpacingLargeWithIcon,\n paddingTop: buttonSpacingLargeWithIcon\n }\n});\nconst useRootDisabledStyles = makeStyles({\n // Base styles\n base: {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed',\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForegroundDisabled\n },\n ':hover': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed',\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n },\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForegroundDisabled\n }\n },\n ':hover:active': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.borderColor(tokens.colorNeutralStrokeDisabled),\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed',\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline'\n },\n [`& .${buttonClassNames.icon}`]: {\n color: tokens.colorNeutralForegroundDisabled\n }\n }\n },\n // High contrast styles\n highContrast: {\n '@media (forced-colors: active)': {\n backgroundColor: 'ButtonFace',\n ...shorthands.borderColor('GrayText'),\n color: 'GrayText',\n ':focus': {\n ...shorthands.borderColor('GrayText')\n },\n ':hover': {\n backgroundColor: 'ButtonFace',\n ...shorthands.borderColor('GrayText'),\n color: 'GrayText'\n },\n ':hover:active': {\n backgroundColor: 'ButtonFace',\n ...shorthands.borderColor('GrayText'),\n color: 'GrayText'\n }\n }\n },\n // Appearance variations\n outline: {\n backgroundColor: tokens.colorTransparentBackground,\n ':hover': {\n backgroundColor: tokens.colorTransparentBackground\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackground\n }\n },\n primary: {\n ...shorthands.borderColor('transparent'),\n ':hover': {\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n ...shorthands.borderColor('transparent')\n }\n },\n secondary: {\n },\n subtle: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n ':hover': {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent')\n }\n },\n transparent: {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent'),\n ':hover': {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent')\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackground,\n ...shorthands.borderColor('transparent')\n }\n }\n});\nconst useRootFocusStyles = makeStyles({\n // Shape variations\n circular: createCustomFocusIndicatorStyle({\n ...shorthands.borderRadius(tokens.borderRadiusCircular)\n }),\n rounded: {\n },\n square: createCustomFocusIndicatorStyle({\n ...shorthands.borderRadius(tokens.borderRadiusNone)\n }),\n // Primary styles\n primary: {\n ...createCustomFocusIndicatorStyle({\n ...shorthands.borderColor(tokens.colorStrokeFocus2),\n boxShadow: `${tokens.shadow2}, 0 0 0 ${tokens.strokeWidthThin} ${tokens.colorStrokeFocus2} inset, 0 0 0 ${tokens.strokeWidthThick} ${tokens.colorNeutralForegroundOnBrand} inset`,\n ':hover': {\n boxShadow: `${tokens.shadow2}, 0 0 0 ${tokens.strokeWidthThin} ${tokens.colorStrokeFocus2} inset`,\n ...shorthands.borderColor(tokens.colorStrokeFocus2)\n }\n }),\n // BUGFIX: Mozilla specific styles (Mozilla BugID: 1857642)\n '@supports (-moz-appearance:button)': {\n ...createCustomFocusIndicatorStyle({\n boxShadow: `${tokens.shadow2}, 0 0 0 ${boxShadowStrokeWidthThinMoz} ${tokens.colorStrokeFocus2} inset, 0 0 0 ${tokens.strokeWidthThick} ${tokens.colorNeutralForegroundOnBrand} inset`,\n ':hover': {\n boxShadow: `${tokens.shadow2}, 0 0 0 ${boxShadowStrokeWidthThinMoz} ${tokens.colorStrokeFocus2} inset`\n }\n })\n }\n },\n // Size variations\n small: createCustomFocusIndicatorStyle({\n ...shorthands.borderRadius(tokens.borderRadiusSmall)\n }),\n medium: {\n },\n large: createCustomFocusIndicatorStyle({\n ...shorthands.borderRadius(tokens.borderRadiusLarge)\n })\n});\nconst useRootIconOnlyStyles = makeStyles({\n // Size variations\n small: {\n ...shorthands.padding(buttonSpacingSmallWithIcon),\n minWidth: '24px',\n maxWidth: '24px'\n },\n medium: {\n ...shorthands.padding(buttonSpacingMedium),\n minWidth: '32px',\n maxWidth: '32px'\n },\n large: {\n ...shorthands.padding(buttonSpacingLargeWithIcon),\n minWidth: '40px',\n maxWidth: '40px'\n }\n});\nconst useIconStyles = makeStyles({\n // Size variations\n small: {\n fontSize: '20px',\n height: '20px',\n width: '20px',\n [iconSpacingVar]: tokens.spacingHorizontalXS\n },\n medium: {\n },\n large: {\n fontSize: '24px',\n height: '24px',\n width: '24px',\n [iconSpacingVar]: tokens.spacingHorizontalSNudge\n },\n // Icon position variations\n before: {\n marginRight: `var(${iconSpacingVar})`\n },\n after: {\n marginLeft: `var(${iconSpacingVar})`\n }\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 { appearance, disabled, disabledFocusable, icon, iconOnly, iconPosition, shape, size } = 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], // Disabled styles\n (disabled || disabledFocusable) && rootDisabledStyles.base, (disabled || disabledFocusable) && rootDisabledStyles.highContrast, appearance && (disabled || disabledFocusable) && rootDisabledStyles[appearance], // Focus styles\n appearance === 'primary' && rootFocusStyles.primary, rootFocusStyles[size], rootFocusStyles[shape], // Icon-only styles\n iconOnly && rootIconOnlyStyles[size], // User provided class name\n state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(buttonClassNames.icon, iconBaseClassName, !!state.root.children && iconStyles[iconPosition], iconStyles[size], state.icon.className);\n }\n return state;\n};\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["SplitButton.types.ts"],"sourcesContent":["import { Button } from '../Button/Button';\nimport { MenuButton } from '../MenuButton/MenuButton';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ButtonProps, ButtonState } from '../Button/Button.types';\nimport type { MenuButtonProps, MenuButtonState } from '../MenuButton/MenuButton.types';\n\nexport type SplitButtonSlots = {\n /**\n * Root of the component that wraps the primary action button and menu button.\n */\n root: NonNullable<Slot<'div'>>;\n\n /**\n * Button that opens menu with secondary actions in SplitButton.\n */\n menuButton?: Slot<typeof MenuButton>;\n /**\n * Button to perform primary action in SplitButton.\n */\n primaryActionButton?: Slot<typeof Button>;\n};\n\nexport type SplitButtonProps = ComponentProps<SplitButtonSlots> &\n Omit<ButtonProps, 'root'> &\n Omit<MenuButtonProps, 'root'>;\n\nexport type SplitButtonState = ComponentState<SplitButtonSlots> &\n Omit<ButtonState, 'components' | 'iconOnly' | 'root'> &\n Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;\n"],"names":[],"mappings":"AAAA,WA4B4D"}
1
+ {"version":3,"sources":["SplitButton.types.ts"],"sourcesContent":["import { Button } from '../Button/Button';\nimport { MenuButton } from '../MenuButton/MenuButton';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ButtonProps, ButtonState } from '../Button/Button.types';\nimport type { MenuButtonProps, MenuButtonState } from '../MenuButton/MenuButton.types';\n\nexport type SplitButtonSlots = {\n /**\n * Root of the component that wraps the primary action button and menu button.\n */\n root: NonNullable<Slot<'div'>>;\n\n /**\n * Button that opens menu with secondary actions in SplitButton.\n */\n menuButton?: Slot<typeof MenuButton>;\n /**\n * Button to perform primary action in SplitButton.\n */\n primaryActionButton?: Slot<typeof Button>;\n};\n\nexport type SplitButtonProps = ComponentProps<SplitButtonSlots> &\n Omit<ButtonProps, 'root' | 'as'> &\n Omit<MenuButtonProps, 'root' | 'as'>;\n\nexport type SplitButtonState = ComponentState<SplitButtonSlots> &\n Omit<ButtonState, 'components' | 'iconOnly' | 'root'> &\n Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;\n"],"names":[],"mappings":"AAAA,WA4B4D"}
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { getNativeElementProps, useId, slot } from '@fluentui/react-utilities';
2
+ import { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities';
3
3
  import { Button } from '../Button/Button';
4
4
  import { MenuButton } from '../MenuButton/MenuButton';
5
5
  /**
@@ -54,7 +54,7 @@ import { MenuButton } from '../MenuButton/MenuButton';
54
54
  menuButton: MenuButton,
55
55
  primaryActionButton: Button
56
56
  },
57
- root: slot.always(getNativeElementProps('div', {
57
+ root: slot.always(getIntrinsicElementProps('div', {
58
58
  ref,
59
59
  ...props
60
60
  }), {
@@ -1 +1 @@
1
- {"version":3,"sources":["useSplitButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useId, slot } from '@fluentui/react-utilities';\nimport { Button } from '../Button/Button';\nimport { MenuButton } from '../MenuButton/MenuButton';\nimport type { SplitButtonProps, SplitButtonState } from './SplitButton.types';\n\n/**\n * Given user props, defines default props for the SplitButton and returns processed state.\n * @param props - User provided props to the SplitButton component.\n * @param ref - User provided ref to be passed to the SplitButton component.\n */\nexport const useSplitButton_unstable = (\n props: SplitButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): SplitButtonState => {\n const {\n appearance = 'secondary',\n children,\n disabled = false,\n disabledFocusable = false,\n icon,\n iconPosition = 'before',\n menuButton,\n menuIcon,\n primaryActionButton,\n shape = 'rounded',\n size = 'medium',\n } = props;\n\n const baseId = useId('splitButton-');\n\n const menuButtonShorthand = slot.optional(menuButton, {\n defaultProps: {\n appearance,\n disabled,\n disabledFocusable,\n menuIcon,\n shape,\n size,\n },\n renderByDefault: true,\n elementType: MenuButton,\n });\n const primaryActionButtonShorthand = slot.optional(primaryActionButton, {\n defaultProps: {\n appearance,\n children,\n disabled,\n disabledFocusable,\n icon,\n iconPosition,\n id: baseId + '__primaryActionButton',\n shape,\n size,\n },\n renderByDefault: true,\n elementType: Button,\n });\n\n // Resolve menu button's aria-labelledby to be labelled by the primary action button if no label was provided by the\n // user.\n if (\n menuButtonShorthand &&\n primaryActionButtonShorthand &&\n !menuButtonShorthand['aria-label'] &&\n !menuButtonShorthand['aria-labelledby']\n ) {\n menuButtonShorthand['aria-labelledby'] = primaryActionButtonShorthand.id;\n }\n\n return {\n // Props passed at the top-level\n appearance,\n disabled,\n disabledFocusable,\n iconPosition,\n shape,\n size, // Slots definition\n components: { root: 'div', menuButton: MenuButton, primaryActionButton: Button },\n root: slot.always(getNativeElementProps('div', { ref, ...props }), { elementType: 'div' }),\n menuButton: menuButtonShorthand,\n primaryActionButton: primaryActionButtonShorthand,\n };\n};\n"],"names":["React","getNativeElementProps","useId","slot","Button","MenuButton","useSplitButton_unstable","props","ref","appearance","children","disabled","disabledFocusable","icon","iconPosition","menuButton","menuIcon","primaryActionButton","shape","size","baseId","menuButtonShorthand","optional","defaultProps","renderByDefault","elementType","primaryActionButtonShorthand","id","components","root","always"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,KAAK,EAAEC,IAAI,QAAQ,4BAA4B;AAC/E,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,UAAU,QAAQ,2BAA2B;AAGtD;;;;CAIC,GACD,OAAO,MAAMC,0BAA0B,CACrCC,OACAC;IAEA,MAAM,EACJC,aAAa,WAAW,EACxBC,QAAQ,EACRC,WAAW,KAAK,EAChBC,oBAAoB,KAAK,EACzBC,IAAI,EACJC,eAAe,QAAQ,EACvBC,UAAU,EACVC,QAAQ,EACRC,mBAAmB,EACnBC,QAAQ,SAAS,EACjBC,OAAO,QAAQ,EAChB,GAAGZ;IAEJ,MAAMa,SAASlB,MAAM;IAErB,MAAMmB,sBAAsBlB,KAAKmB,QAAQ,CAACP,YAAY;QACpDQ,cAAc;YACZd;YACAE;YACAC;YACAI;YACAE;YACAC;QACF;QACAK,iBAAiB;QACjBC,aAAapB;IACf;IACA,MAAMqB,+BAA+BvB,KAAKmB,QAAQ,CAACL,qBAAqB;QACtEM,cAAc;YACZd;YACAC;YACAC;YACAC;YACAC;YACAC;YACAa,IAAIP,SAAS;YACbF;YACAC;QACF;QACAK,iBAAiB;QACjBC,aAAarB;IACf;IAEA,oHAAoH;IACpH,QAAQ;IACR,IACEiB,uBACAK,gCACA,CAACL,mBAAmB,CAAC,aAAa,IAClC,CAACA,mBAAmB,CAAC,kBAAkB,EACvC;QACAA,mBAAmB,CAAC,kBAAkB,GAAGK,6BAA6BC,EAAE;IAC1E;IAEA,OAAO;QACL,gCAAgC;QAChClB;QACAE;QACAC;QACAE;QACAI;QACAC;QACAS,YAAY;YAAEC,MAAM;YAAOd,YAAYV;YAAYY,qBAAqBb;QAAO;QAC/EyB,MAAM1B,KAAK2B,MAAM,CAAC7B,sBAAsB,OAAO;YAAEO;YAAK,GAAGD,KAAK;QAAC,IAAI;YAAEkB,aAAa;QAAM;QACxFV,YAAYM;QACZJ,qBAAqBS;IACvB;AACF,EAAE"}
1
+ {"version":3,"sources":["useSplitButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities';\nimport { Button } from '../Button/Button';\nimport { MenuButton } from '../MenuButton/MenuButton';\nimport type { SplitButtonProps, SplitButtonState } from './SplitButton.types';\n\n/**\n * Given user props, defines default props for the SplitButton and returns processed state.\n * @param props - User provided props to the SplitButton component.\n * @param ref - User provided ref to be passed to the SplitButton component.\n */\nexport const useSplitButton_unstable = (\n props: SplitButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): SplitButtonState => {\n const {\n appearance = 'secondary',\n children,\n disabled = false,\n disabledFocusable = false,\n icon,\n iconPosition = 'before',\n menuButton,\n menuIcon,\n primaryActionButton,\n shape = 'rounded',\n size = 'medium',\n } = props;\n const baseId = useId('splitButton-');\n\n const menuButtonShorthand = slot.optional(menuButton, {\n defaultProps: {\n appearance,\n disabled,\n disabledFocusable,\n menuIcon,\n shape,\n size,\n },\n renderByDefault: true,\n elementType: MenuButton,\n });\n const primaryActionButtonShorthand = slot.optional(primaryActionButton, {\n defaultProps: {\n appearance,\n children,\n disabled,\n disabledFocusable,\n icon,\n iconPosition,\n id: baseId + '__primaryActionButton',\n shape,\n size,\n },\n renderByDefault: true,\n elementType: Button,\n });\n\n // Resolve menu button's aria-labelledby to be labelled by the primary action button if no label was provided by the\n // user.\n if (\n menuButtonShorthand &&\n primaryActionButtonShorthand &&\n !menuButtonShorthand['aria-label'] &&\n !menuButtonShorthand['aria-labelledby']\n ) {\n menuButtonShorthand['aria-labelledby'] = primaryActionButtonShorthand.id;\n }\n\n return {\n // Props passed at the top-level\n appearance,\n disabled,\n disabledFocusable,\n iconPosition,\n shape,\n size, // Slots definition\n components: { root: 'div', menuButton: MenuButton, primaryActionButton: Button },\n root: slot.always(getIntrinsicElementProps('div', { ref, ...props }), { elementType: 'div' }),\n menuButton: menuButtonShorthand,\n primaryActionButton: primaryActionButtonShorthand,\n };\n};\n"],"names":["React","getIntrinsicElementProps","useId","slot","Button","MenuButton","useSplitButton_unstable","props","ref","appearance","children","disabled","disabledFocusable","icon","iconPosition","menuButton","menuIcon","primaryActionButton","shape","size","baseId","menuButtonShorthand","optional","defaultProps","renderByDefault","elementType","primaryActionButtonShorthand","id","components","root","always"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,KAAK,EAAEC,IAAI,QAAQ,4BAA4B;AAClF,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,UAAU,QAAQ,2BAA2B;AAGtD;;;;CAIC,GACD,OAAO,MAAMC,0BAA0B,CACrCC,OACAC;IAEA,MAAM,EACJC,aAAa,WAAW,EACxBC,QAAQ,EACRC,WAAW,KAAK,EAChBC,oBAAoB,KAAK,EACzBC,IAAI,EACJC,eAAe,QAAQ,EACvBC,UAAU,EACVC,QAAQ,EACRC,mBAAmB,EACnBC,QAAQ,SAAS,EACjBC,OAAO,QAAQ,EAChB,GAAGZ;IACJ,MAAMa,SAASlB,MAAM;IAErB,MAAMmB,sBAAsBlB,KAAKmB,QAAQ,CAACP,YAAY;QACpDQ,cAAc;YACZd;YACAE;YACAC;YACAI;YACAE;YACAC;QACF;QACAK,iBAAiB;QACjBC,aAAapB;IACf;IACA,MAAMqB,+BAA+BvB,KAAKmB,QAAQ,CAACL,qBAAqB;QACtEM,cAAc;YACZd;YACAC;YACAC;YACAC;YACAC;YACAC;YACAa,IAAIP,SAAS;YACbF;YACAC;QACF;QACAK,iBAAiB;QACjBC,aAAarB;IACf;IAEA,oHAAoH;IACpH,QAAQ;IACR,IACEiB,uBACAK,gCACA,CAACL,mBAAmB,CAAC,aAAa,IAClC,CAACA,mBAAmB,CAAC,kBAAkB,EACvC;QACAA,mBAAmB,CAAC,kBAAkB,GAAGK,6BAA6BC,EAAE;IAC1E;IAEA,OAAO;QACL,gCAAgC;QAChClB;QACAE;QACAC;QACAE;QACAI;QACAC;QACAS,YAAY;YAAEC,MAAM;YAAOd,YAAYV;YAAYY,qBAAqBb;QAAO;QAC/EyB,MAAM1B,KAAK2B,MAAM,CAAC7B,yBAAyB,OAAO;YAAEO;YAAK,GAAGD,KAAK;QAAC,IAAI;YAAEkB,aAAa;QAAM;QAC3FV,YAAYM;QACZJ,qBAAqBS;IACvB;AACF,EAAE"}
@@ -32,7 +32,7 @@ const useButton_unstable = (props, ref)=>{
32
32
  root: 'button',
33
33
  icon: 'span'
34
34
  },
35
- root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)(as, (0, _reactaria.useARIAButtonShorthand)(props, {
35
+ root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)(as, (0, _reactaria.useARIAButtonShorthand)(props, {
36
36
  required: true,
37
37
  defaultProps: {
38
38
  ref: ref,
@@ -1 +1 @@
1
- {"version":3,"sources":["useButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport { useButtonContext } from '../../contexts/ButtonContext';\n/**\n * Given user props, defines default props for the Button, calls useButtonState, and returns processed state.\n * @param props - User provided props to the Button component.\n * @param ref - User provided ref to be passed to the Button component.\n */ export const useButton_unstable = (props, ref)=>{\n const { size: contextSize } = useButtonContext();\n const { appearance = 'secondary', as = 'button', disabled = false, disabledFocusable = false, icon, iconPosition = 'before', shape = 'rounded', size = contextSize !== null && contextSize !== void 0 ? contextSize : 'medium' } = props;\n const iconShorthand = slot.optional(icon, {\n elementType: 'span'\n });\n return {\n // Props passed at the top-level\n appearance,\n disabled,\n disabledFocusable,\n iconPosition,\n shape,\n size,\n iconOnly: Boolean((iconShorthand === null || iconShorthand === void 0 ? void 0 : iconShorthand.children) && !props.children),\n components: {\n root: 'button',\n icon: 'span'\n },\n root: slot.always(getNativeElementProps(as, useARIAButtonShorthand(props, {\n required: true,\n defaultProps: {\n ref: ref,\n type: 'button'\n }\n })), {\n elementType: 'button'\n }),\n icon: iconShorthand\n };\n};\n"],"names":["useButton_unstable","props","ref","size","contextSize","useButtonContext","appearance","as","disabled","disabledFocusable","icon","iconPosition","shape","iconShorthand","slot","optional","elementType","iconOnly","Boolean","children","components","root","always","getNativeElementProps","useARIAButtonShorthand","required","defaultProps","type"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;2BACgB;gCACK;+BACX;AAKtB,MAAMA,qBAAqB,CAACC,OAAOC;IAC1C,MAAM,EAAEC,MAAMC,WAAW,EAAE,GAAGC,IAAAA,+BAAgB;IAC9C,MAAM,EAAEC,aAAa,WAAW,EAAEC,KAAK,QAAQ,EAAEC,WAAW,KAAK,EAAEC,oBAAoB,KAAK,EAAEC,IAAI,EAAEC,eAAe,QAAQ,EAAEC,QAAQ,SAAS,EAAET,OAAOC,gBAAgB,QAAQA,gBAAgB,KAAK,IAAIA,cAAc,QAAQ,EAAE,GAAGH;IACnO,MAAMY,gBAAgBC,oBAAI,CAACC,QAAQ,CAACL,MAAM;QACtCM,aAAa;IACjB;IACA,OAAO;QACH,gCAAgC;QAChCV;QACAE;QACAC;QACAE;QACAC;QACAT;QACAc,UAAUC,QAAQ,AAACL,CAAAA,kBAAkB,QAAQA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcM,QAAQ,AAAD,KAAM,CAAClB,MAAMkB,QAAQ;QAC3HC,YAAY;YACRC,MAAM;YACNX,MAAM;QACV;QACAW,MAAMP,oBAAI,CAACQ,MAAM,CAACC,IAAAA,qCAAqB,EAAChB,IAAIiB,IAAAA,iCAAsB,EAACvB,OAAO;YACtEwB,UAAU;YACVC,cAAc;gBACVxB,KAAKA;gBACLyB,MAAM;YACV;QACJ,KAAK;YACDX,aAAa;QACjB;QACAN,MAAMG;IACV;AACJ"}
1
+ {"version":3,"sources":["useButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useButtonContext } from '../../contexts/ButtonContext';\n/**\n * Given user props, defines default props for the Button, calls useButtonState, and returns processed state.\n * @param props - User provided props to the Button component.\n * @param ref - User provided ref to be passed to the Button component.\n */ export const useButton_unstable = (props, ref)=>{\n const { size: contextSize } = useButtonContext();\n const { appearance = 'secondary', as = 'button', disabled = false, disabledFocusable = false, icon, iconPosition = 'before', shape = 'rounded', size = contextSize !== null && contextSize !== void 0 ? contextSize : 'medium' } = props;\n const iconShorthand = slot.optional(icon, {\n elementType: 'span'\n });\n return {\n // Props passed at the top-level\n appearance,\n disabled,\n disabledFocusable,\n iconPosition,\n shape,\n size,\n iconOnly: Boolean((iconShorthand === null || iconShorthand === void 0 ? void 0 : iconShorthand.children) && !props.children),\n components: {\n root: 'button',\n icon: 'span'\n },\n root: slot.always(getIntrinsicElementProps(as, useARIAButtonShorthand(props, {\n required: true,\n defaultProps: {\n ref: ref,\n type: 'button'\n }\n })), {\n elementType: 'button'\n }),\n icon: iconShorthand\n };\n};\n"],"names":["useButton_unstable","props","ref","size","contextSize","useButtonContext","appearance","as","disabled","disabledFocusable","icon","iconPosition","shape","iconShorthand","slot","optional","elementType","iconOnly","Boolean","children","components","root","always","getIntrinsicElementProps","useARIAButtonShorthand","required","defaultProps","type"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;2BACgB;gCACQ;+BACd;AAKtB,MAAMA,qBAAqB,CAACC,OAAOC;IAC1C,MAAM,EAAEC,MAAMC,WAAW,EAAE,GAAGC,IAAAA,+BAAgB;IAC9C,MAAM,EAAEC,aAAa,WAAW,EAAEC,KAAK,QAAQ,EAAEC,WAAW,KAAK,EAAEC,oBAAoB,KAAK,EAAEC,IAAI,EAAEC,eAAe,QAAQ,EAAEC,QAAQ,SAAS,EAAET,OAAOC,gBAAgB,QAAQA,gBAAgB,KAAK,IAAIA,cAAc,QAAQ,EAAE,GAAGH;IACnO,MAAMY,gBAAgBC,oBAAI,CAACC,QAAQ,CAACL,MAAM;QACtCM,aAAa;IACjB;IACA,OAAO;QACH,gCAAgC;QAChCV;QACAE;QACAC;QACAE;QACAC;QACAT;QACAc,UAAUC,QAAQ,AAACL,CAAAA,kBAAkB,QAAQA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcM,QAAQ,AAAD,KAAM,CAAClB,MAAMkB,QAAQ;QAC3HC,YAAY;YACRC,MAAM;YACNX,MAAM;QACV;QACAW,MAAMP,oBAAI,CAACQ,MAAM,CAACC,IAAAA,wCAAwB,EAAChB,IAAIiB,IAAAA,iCAAsB,EAACvB,OAAO;YACzEwB,UAAU;YACVC,cAAc;gBACVxB,KAAKA;gBACLyB,MAAM;YACV;QACJ,KAAK;YACDX,aAAa;QACjB;QACAN,MAAMG;IACV;AACJ"}
@@ -219,29 +219,9 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
219
219
  B2d53fq: "f1fg1p5m",
220
220
  em6i61: "f1dfjoow",
221
221
  vm6p8p: "f1j98vj9",
222
- Bqrx1nm: "fwa4z56",
223
- pgvf35: "fe5wyld",
224
- Bh7lczh: [
225
- "ffrv2ww",
226
- "f9dg1pr"
227
- ],
228
- dpv3f4: "f1rnfj6r",
229
- Bpnjhaq: [
230
- "f9dg1pr",
231
- "ffrv2ww"
232
- ],
222
+ Bqrx1nm: "f1tme0vf",
233
223
  ze5xyy: "f4xjyn1",
234
- g2kj27: "f19ot1t3",
235
- Bf756sw: "fjaevkr",
236
- Bow2dr7: [
237
- "f1yrt24w",
238
- "f11cxmw1"
239
- ],
240
- Bvhedfk: "f1lym4af",
241
- Gye4lf: [
242
- "f11cxmw1",
243
- "f1yrt24w"
244
- ],
224
+ g2kj27: "f18onu3q",
245
225
  pc6evw: "f9ddjv3"
246
226
  },
247
227
  circular: {
@@ -536,49 +516,13 @@ const useRootStyles = /*#__PURE__*/ (0, _react.__styles)({
536
516
  }
537
517
  ],
538
518
  [
539
- "@media (forced-colors: active){.fwa4z56:hover{background-color:var(--colorTransparentBackgroundHover);}}",
540
- {
541
- m: "(forced-colors: active)"
542
- }
543
- ],
544
- [
545
- "@media (forced-colors: active){.fe5wyld:hover{border-top-color:transparent;}}",
546
- {
547
- m: "(forced-colors: active)"
548
- }
549
- ],
550
- [
551
- "@media (forced-colors: active){.f9dg1pr:hover{border-left-color:transparent;}.ffrv2ww:hover{border-right-color:transparent;}}",
552
- {
553
- m: "(forced-colors: active)"
554
- }
555
- ],
556
- [
557
- "@media (forced-colors: active){.f1rnfj6r:hover{border-bottom-color:transparent;}}",
558
- {
559
- m: "(forced-colors: active)"
560
- }
561
- ],
562
- [
563
- "@media (forced-colors: active){.f19ot1t3:hover:active{background-color:var(--colorTransparentBackgroundHover);}}",
564
- {
565
- m: "(forced-colors: active)"
566
- }
567
- ],
568
- [
569
- "@media (forced-colors: active){.fjaevkr:hover:active{border-top-color:transparent;}}",
570
- {
571
- m: "(forced-colors: active)"
572
- }
573
- ],
574
- [
575
- "@media (forced-colors: active){.f11cxmw1:hover:active{border-left-color:transparent;}.f1yrt24w:hover:active{border-right-color:transparent;}}",
519
+ "@media (forced-colors: active){.f1tme0vf:hover{background-color:var(--colorTransparentBackground);}}",
576
520
  {
577
521
  m: "(forced-colors: active)"
578
522
  }
579
523
  ],
580
524
  [
581
- "@media (forced-colors: active){.f1lym4af:hover:active{border-bottom-color:transparent;}}",
525
+ "@media (forced-colors: active){.f18onu3q:hover:active{background-color:var(--colorTransparentBackground);}}",
582
526
  {
583
527
  m: "(forced-colors: active)"
584
528
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["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';\n/* Firefox has box shadow sizing issue at some zoom levels\n * this will ensure the inset boxShadow is always uniform\n * without affecting other browser platforms\n */\nconst boxShadowStrokeWidthThinMoz = `calc(${tokens.strokeWidthThin} + 0.25px)`;\nconst useRootBaseClassName = /*#__PURE__*/__resetStyles(\"r1alrhcs\", null, {\n r: [\".r1alrhcs{align-items:center;box-sizing:border-box;display:inline-flex;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);}\", \".r1alrhcs:hover{background-color:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground1Hover);cursor:pointer;}\", \".r1alrhcs:hover:active{background-color:var(--colorNeutralBackground1Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground1Pressed);outline-style:none;}\", \".r1alrhcs[data-fui-focus-visible]{border-color:var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);border-width:1px;outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);box-shadow:0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;z-index:1;}\"],\n s: [\"@media screen and (prefers-reduced-motion: reduce){.r1alrhcs{transition-duration:0.01ms;}}\", \"@media (forced-colors: active){.r1alrhcs:focus{border-color:ButtonText;}.r1alrhcs:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.r1alrhcs:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}\", \"@supports (-moz-appearance:button){.r1alrhcs[data-fui-focus-visible]{box-shadow:0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}\"]\n});\nconst useIconBaseClassName = /*#__PURE__*/__resetStyles(\"rywnvv2\", null, [\".rywnvv2{align-items:center;display:inline-flex;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 Bk3fhr4: \"ft1hn21\",\n Bmfj8id: \"fuxngvv\",\n Bbdnnc7: \"fy5bs14\",\n iro3zm: \"fsv2rcd\",\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"],\n B2d53fq: \"f1omzyqd\",\n em6i61: \"f1dfjoow\",\n vm6p8p: \"f1j98vj9\",\n x3br3k: \"fj8yq94\",\n ze5xyy: \"f4xjyn1\",\n Bx3q9su: \"f1et0tmh\",\n pc6evw: \"f9ddjv3\",\n xd2cci: \"f1wi8ngl\"\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 Bk3fhr4: \"ft1hn21\",\n Bmfj8id: \"fuxngvv\",\n iro3zm: \"fwiml72\",\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"],\n B2d53fq: \"f1fg1p5m\",\n em6i61: \"f1dfjoow\",\n vm6p8p: \"f1j98vj9\",\n Bqrx1nm: \"fwa4z56\",\n pgvf35: \"fe5wyld\",\n Bh7lczh: [\"ffrv2ww\", \"f9dg1pr\"],\n dpv3f4: \"f1rnfj6r\",\n Bpnjhaq: [\"f9dg1pr\", \"ffrv2ww\"],\n ze5xyy: \"f4xjyn1\",\n g2kj27: \"f19ot1t3\",\n Bf756sw: \"fjaevkr\",\n Bow2dr7: [\"f1yrt24w\", \"f11cxmw1\"],\n Bvhedfk: \"f1lym4af\",\n Gye4lf: [\"f11cxmw1\", \"f1yrt24w\"],\n pc6evw: \"f9ddjv3\"\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: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\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;}\", \".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);}\", \".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;}\", \".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);}\", \".ft1hn21:hover .fui-Icon-filled{display:inline;}\", \".fuxngvv:hover .fui-Icon-regular{display:none;}\", \".fy5bs14:hover .fui-Button__icon{color:var(--colorNeutralForeground2BrandHover);}\", \".fsv2rcd:hover:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1omzyqd:hover:active{color:var(--colorNeutralForeground2Pressed);}\", \".f1dfjoow:hover:active .fui-Icon-filled{display:inline;}\", \".f1j98vj9:hover:active .fui-Icon-regular{display:none;}\", \".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){.f9a0qzu{border-left-color:HighlightText;}.fkvaka8{border-right-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){.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){.f1x4h75k:hover{border-left-color:Highlight;}.fiob0tu:hover{border-right-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){.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){.f9ddjv3:hover:active{color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1et0tmh:hover .fui-Button__icon{color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1wi8ngl:hover:active .fui-Button__icon{color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fwa4z56:hover{background-color:var(--colorTransparentBackgroundHover);}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fe5wyld:hover{border-top-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f9dg1pr:hover{border-left-color:transparent;}.ffrv2ww:hover{border-right-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1rnfj6r:hover{border-bottom-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f19ot1t3:hover:active{background-color:var(--colorTransparentBackgroundHover);}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fjaevkr:hover:active{border-top-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f11cxmw1:hover:active{border-left-color:transparent;}.f1yrt24w:hover:active{border-right-color:transparent;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1lym4af:hover:active{border-bottom-color:transparent;}}\", {\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 Bfinmwp: \"f15x8b5r\",\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 Bbdnnc7: \"f1al02dq\",\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 x3br3k: \"f1dwjv2g\"\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;}\", \".f15x8b5r .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}\", \".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;}\", \".f1al02dq:hover .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}\", \".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;}\", \".f1dwjv2g:hover:active .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}\", \".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){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-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){.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){.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){.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){.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: \"f17t0x8g\",\n Bci5o5g: [\"f194v5ow\", \"fk7jm04\"],\n n8qw10: \"f1qgg65p\",\n Bdrgwmp: [\"fk7jm04\", \"f194v5ow\"],\n j6ew2k: [\"fhgccpy\", \"fjo7pq6\"],\n he4mth: \"f32wu9k\",\n Byr4aka: \"fu5nqqq\",\n lks7q5: [\"f13prjl2\", \"f1nl83rv\"],\n Bnan3qt: \"f1czftr5\",\n k1dn9: [\"f1nl83rv\", \"f13prjl2\"],\n Boium3a: [\"f12k37oa\", \"fdnykm2\"],\n tm8e47: \"fr96u23\"\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);}\", \".f17t0x8g[data-fui-focus-visible]{border-top-color:var(--colorStrokeFocus2);}\", \".f194v5ow[data-fui-focus-visible]{border-right-color:var(--colorStrokeFocus2);}\", \".fk7jm04[data-fui-focus-visible]{border-left-color:var(--colorStrokeFocus2);}\", \".f1qgg65p[data-fui-focus-visible]{border-bottom-color:var(--colorStrokeFocus2);}\", \".fhgccpy[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}\", \".fjo7pq6[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}\", \".f32wu9k[data-fui-focus-visible]:hover{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;}\", \".fu5nqqq[data-fui-focus-visible]:hover{border-top-color:var(--colorStrokeFocus2);}\", \".f13prjl2[data-fui-focus-visible]:hover{border-right-color:var(--colorStrokeFocus2);}\", \".f1nl83rv[data-fui-focus-visible]:hover{border-left-color:var(--colorStrokeFocus2);}\", \".f1czftr5[data-fui-focus-visible]:hover{border-bottom-color: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 t: [\"@supports (-moz-appearance:button){.f12k37oa[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}.fdnykm2[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}}\", \"@supports (-moz-appearance:button){.fr96u23[data-fui-focus-visible]:hover{box-shadow:var(--shadow2),0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}\"]\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 && 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","boxShadowStrokeWidthThinMoz","tokens","strokeWidthThin","useRootBaseClassName","__resetStyles","r","s","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","Bk3fhr4","Bmfj8id","Bbdnnc7","em6i61","vm6p8p","x3br3k","Bx3q9su","xd2cci","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","Bfinmwp","eoavqd","c3iz72","highContrast","G867l3","gdbnj","mxns5l","o3nasb","useRootFocusStyles","kdpuga","Bw81rd7","B6xbmo0","dm238s","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","j6ew2k","he4mth","Byr4aka","lks7q5","Bnan3qt","k1dn9","Boium3a","tm8e47","t","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"],"mappings":"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"}
1
+ {"version":3,"sources":["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';\n/* Firefox has box shadow sizing issue at some zoom levels\n * this will ensure the inset boxShadow is always uniform\n * without affecting other browser platforms\n */\nconst boxShadowStrokeWidthThinMoz = `calc(${tokens.strokeWidthThin} + 0.25px)`;\nconst useRootBaseClassName = /*#__PURE__*/__resetStyles(\"r1alrhcs\", null, {\n r: [\".r1alrhcs{align-items:center;box-sizing:border-box;display:inline-flex;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);}\", \".r1alrhcs:hover{background-color:var(--colorNeutralBackground1Hover);border-color:var(--colorNeutralStroke1Hover);color:var(--colorNeutralForeground1Hover);cursor:pointer;}\", \".r1alrhcs:hover:active{background-color:var(--colorNeutralBackground1Pressed);border-color:var(--colorNeutralStroke1Pressed);color:var(--colorNeutralForeground1Pressed);outline-style:none;}\", \".r1alrhcs[data-fui-focus-visible]{border-color:var(--colorStrokeFocus2);border-radius:var(--borderRadiusMedium);border-width:1px;outline:var(--strokeWidthThick) solid var(--colorTransparentStroke);box-shadow:0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;z-index:1;}\"],\n s: [\"@media screen and (prefers-reduced-motion: reduce){.r1alrhcs{transition-duration:0.01ms;}}\", \"@media (forced-colors: active){.r1alrhcs:focus{border-color:ButtonText;}.r1alrhcs:hover{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}.r1alrhcs:hover:active{background-color:HighlightText;border-color:Highlight;color:Highlight;forced-color-adjust:none;}}\", \"@supports (-moz-appearance:button){.r1alrhcs[data-fui-focus-visible]{box-shadow:0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}\"]\n});\nconst useIconBaseClassName = /*#__PURE__*/__resetStyles(\"rywnvv2\", null, [\".rywnvv2{align-items:center;display:inline-flex;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 Bk3fhr4: \"ft1hn21\",\n Bmfj8id: \"fuxngvv\",\n Bbdnnc7: \"fy5bs14\",\n iro3zm: \"fsv2rcd\",\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"],\n B2d53fq: \"f1omzyqd\",\n em6i61: \"f1dfjoow\",\n vm6p8p: \"f1j98vj9\",\n x3br3k: \"fj8yq94\",\n ze5xyy: \"f4xjyn1\",\n Bx3q9su: \"f1et0tmh\",\n pc6evw: \"f9ddjv3\",\n xd2cci: \"f1wi8ngl\"\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 Bk3fhr4: \"ft1hn21\",\n Bmfj8id: \"fuxngvv\",\n iro3zm: \"fwiml72\",\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"],\n B2d53fq: \"f1fg1p5m\",\n em6i61: \"f1dfjoow\",\n vm6p8p: \"f1j98vj9\",\n Bqrx1nm: \"f1tme0vf\",\n ze5xyy: \"f4xjyn1\",\n g2kj27: \"f18onu3q\",\n pc6evw: \"f9ddjv3\"\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: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\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;}\", \".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);}\", \".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;}\", \".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);}\", \".ft1hn21:hover .fui-Icon-filled{display:inline;}\", \".fuxngvv:hover .fui-Icon-regular{display:none;}\", \".fy5bs14:hover .fui-Button__icon{color:var(--colorNeutralForeground2BrandHover);}\", \".fsv2rcd:hover:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1omzyqd:hover:active{color:var(--colorNeutralForeground2Pressed);}\", \".f1dfjoow:hover:active .fui-Icon-filled{display:inline;}\", \".f1j98vj9:hover:active .fui-Icon-regular{display:none;}\", \".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){.f9a0qzu{border-left-color:HighlightText;}.fkvaka8{border-right-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){.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){.f1x4h75k:hover{border-left-color:Highlight;}.fiob0tu:hover{border-right-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){.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){.f9ddjv3:hover:active{color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1et0tmh:hover .fui-Button__icon{color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1wi8ngl:hover:active .fui-Button__icon{color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1tme0vf:hover{background-color:var(--colorTransparentBackground);}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f18onu3q:hover:active{background-color:var(--colorTransparentBackground);}}\", {\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 Bfinmwp: \"f15x8b5r\",\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 Bbdnnc7: \"f1al02dq\",\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 x3br3k: \"f1dwjv2g\"\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;}\", \".f15x8b5r .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}\", \".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;}\", \".f1al02dq:hover .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}\", \".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;}\", \".f1dwjv2g:hover:active .fui-Button__icon{color:var(--colorNeutralForegroundDisabled);}\", \".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){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-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){.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){.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){.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){.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: \"f17t0x8g\",\n Bci5o5g: [\"f194v5ow\", \"fk7jm04\"],\n n8qw10: \"f1qgg65p\",\n Bdrgwmp: [\"fk7jm04\", \"f194v5ow\"],\n j6ew2k: [\"fhgccpy\", \"fjo7pq6\"],\n he4mth: \"f32wu9k\",\n Byr4aka: \"fu5nqqq\",\n lks7q5: [\"f13prjl2\", \"f1nl83rv\"],\n Bnan3qt: \"f1czftr5\",\n k1dn9: [\"f1nl83rv\", \"f13prjl2\"],\n Boium3a: [\"f12k37oa\", \"fdnykm2\"],\n tm8e47: \"fr96u23\"\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);}\", \".f17t0x8g[data-fui-focus-visible]{border-top-color:var(--colorStrokeFocus2);}\", \".f194v5ow[data-fui-focus-visible]{border-right-color:var(--colorStrokeFocus2);}\", \".fk7jm04[data-fui-focus-visible]{border-left-color:var(--colorStrokeFocus2);}\", \".f1qgg65p[data-fui-focus-visible]{border-bottom-color:var(--colorStrokeFocus2);}\", \".fhgccpy[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}\", \".fjo7pq6[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}\", \".f32wu9k[data-fui-focus-visible]:hover{box-shadow:var(--shadow2),0 0 0 var(--strokeWidthThin) var(--colorStrokeFocus2) inset;}\", \".fu5nqqq[data-fui-focus-visible]:hover{border-top-color:var(--colorStrokeFocus2);}\", \".f13prjl2[data-fui-focus-visible]:hover{border-right-color:var(--colorStrokeFocus2);}\", \".f1nl83rv[data-fui-focus-visible]:hover{border-left-color:var(--colorStrokeFocus2);}\", \".f1czftr5[data-fui-focus-visible]:hover{border-bottom-color: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 t: [\"@supports (-moz-appearance:button){.f12k37oa[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}.fdnykm2[data-fui-focus-visible]{box-shadow:var(--shadow2),0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset,0 0 0 var(--strokeWidthThick) var(--colorNeutralForegroundOnBrand) inset;}}\", \"@supports (-moz-appearance:button){.fr96u23[data-fui-focus-visible]:hover{box-shadow:var(--shadow2),0 0 0 calc(var(--strokeWidthThin) + 0.25px) var(--colorStrokeFocus2) inset;}}\"]\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 && 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","boxShadowStrokeWidthThinMoz","tokens","strokeWidthThin","useRootBaseClassName","__resetStyles","r","s","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","Bk3fhr4","Bmfj8id","Bbdnnc7","em6i61","vm6p8p","x3br3k","Bx3q9su","xd2cci","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","Bfinmwp","eoavqd","c3iz72","highContrast","G867l3","gdbnj","mxns5l","o3nasb","useRootFocusStyles","kdpuga","Bw81rd7","B6xbmo0","dm238s","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","j6ew2k","he4mth","Byr4aka","lks7q5","Bnan3qt","k1dn9","Boium3a","tm8e47","t","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"],"mappings":"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"}
@@ -61,7 +61,7 @@ const useSplitButton_unstable = (props, ref)=>{
61
61
  menuButton: _MenuButton.MenuButton,
62
62
  primaryActionButton: _Button.Button
63
63
  },
64
- root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
64
+ root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
65
65
  ref,
66
66
  ...props
67
67
  }), {
@@ -1 +1 @@
1
- {"version":3,"sources":["useSplitButton.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useId, slot } from '@fluentui/react-utilities';\nimport { Button } from '../Button/Button';\nimport { MenuButton } from '../MenuButton/MenuButton';\n/**\n * Given user props, defines default props for the SplitButton and returns processed state.\n * @param props - User provided props to the SplitButton component.\n * @param ref - User provided ref to be passed to the SplitButton component.\n */ export const useSplitButton_unstable = (props, ref)=>{\n const { appearance = 'secondary', children, disabled = false, disabledFocusable = false, icon, iconPosition = 'before', menuButton, menuIcon, primaryActionButton, shape = 'rounded', size = 'medium' } = props;\n const baseId = useId('splitButton-');\n const menuButtonShorthand = slot.optional(menuButton, {\n defaultProps: {\n appearance,\n disabled,\n disabledFocusable,\n menuIcon,\n shape,\n size\n },\n renderByDefault: true,\n elementType: MenuButton\n });\n const primaryActionButtonShorthand = slot.optional(primaryActionButton, {\n defaultProps: {\n appearance,\n children,\n disabled,\n disabledFocusable,\n icon,\n iconPosition,\n id: baseId + '__primaryActionButton',\n shape,\n size\n },\n renderByDefault: true,\n elementType: Button\n });\n // Resolve menu button's aria-labelledby to be labelled by the primary action button if no label was provided by the\n // user.\n if (menuButtonShorthand && primaryActionButtonShorthand && !menuButtonShorthand['aria-label'] && !menuButtonShorthand['aria-labelledby']) {\n menuButtonShorthand['aria-labelledby'] = primaryActionButtonShorthand.id;\n }\n return {\n // Props passed at the top-level\n appearance,\n disabled,\n disabledFocusable,\n iconPosition,\n shape,\n size,\n components: {\n root: 'div',\n menuButton: MenuButton,\n primaryActionButton: Button\n },\n root: slot.always(getNativeElementProps('div', {\n ref,\n ...props\n }), {\n elementType: 'div'\n }),\n menuButton: menuButtonShorthand,\n primaryActionButton: primaryActionButtonShorthand\n };\n};\n"],"names":["useSplitButton_unstable","props","ref","appearance","children","disabled","disabledFocusable","icon","iconPosition","menuButton","menuIcon","primaryActionButton","shape","size","baseId","useId","menuButtonShorthand","slot","optional","defaultProps","renderByDefault","elementType","MenuButton","primaryActionButtonShorthand","id","Button","components","root","always","getNativeElementProps"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;gCAC4B;wBAC5B;4BACI;AAKhB,MAAMA,0BAA0B,CAACC,OAAOC;IAC/C,MAAM,EAAEC,aAAa,WAAW,EAAEC,QAAQ,EAAEC,WAAW,KAAK,EAAEC,oBAAoB,KAAK,EAAEC,IAAI,EAAEC,eAAe,QAAQ,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,mBAAmB,EAAEC,QAAQ,SAAS,EAAEC,OAAO,QAAQ,EAAE,GAAGZ;IAC1M,MAAMa,SAASC,IAAAA,qBAAK,EAAC;IACrB,MAAMC,sBAAsBC,oBAAI,CAACC,QAAQ,CAACT,YAAY;QAClDU,cAAc;YACVhB;YACAE;YACAC;YACAI;YACAE;YACAC;QACJ;QACAO,iBAAiB;QACjBC,aAAaC,sBAAU;IAC3B;IACA,MAAMC,+BAA+BN,oBAAI,CAACC,QAAQ,CAACP,qBAAqB;QACpEQ,cAAc;YACVhB;YACAC;YACAC;YACAC;YACAC;YACAC;YACAgB,IAAIV,SAAS;YACbF;YACAC;QACJ;QACAO,iBAAiB;QACjBC,aAAaI,cAAM;IACvB;IACA,oHAAoH;IACpH,QAAQ;IACR,IAAIT,uBAAuBO,gCAAgC,CAACP,mBAAmB,CAAC,aAAa,IAAI,CAACA,mBAAmB,CAAC,kBAAkB,EAAE;QACtIA,mBAAmB,CAAC,kBAAkB,GAAGO,6BAA6BC,EAAE;IAC5E;IACA,OAAO;QACH,gCAAgC;QAChCrB;QACAE;QACAC;QACAE;QACAI;QACAC;QACAa,YAAY;YACRC,MAAM;YACNlB,YAAYa,sBAAU;YACtBX,qBAAqBc,cAAM;QAC/B;QACAE,MAAMV,oBAAI,CAACW,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3C3B;YACA,GAAGD,KAAK;QACZ,IAAI;YACAoB,aAAa;QACjB;QACAZ,YAAYO;QACZL,qBAAqBY;IACzB;AACJ"}
1
+ {"version":3,"sources":["useSplitButton.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities';\nimport { Button } from '../Button/Button';\nimport { MenuButton } from '../MenuButton/MenuButton';\n/**\n * Given user props, defines default props for the SplitButton and returns processed state.\n * @param props - User provided props to the SplitButton component.\n * @param ref - User provided ref to be passed to the SplitButton component.\n */ export const useSplitButton_unstable = (props, ref)=>{\n const { appearance = 'secondary', children, disabled = false, disabledFocusable = false, icon, iconPosition = 'before', menuButton, menuIcon, primaryActionButton, shape = 'rounded', size = 'medium' } = props;\n const baseId = useId('splitButton-');\n const menuButtonShorthand = slot.optional(menuButton, {\n defaultProps: {\n appearance,\n disabled,\n disabledFocusable,\n menuIcon,\n shape,\n size\n },\n renderByDefault: true,\n elementType: MenuButton\n });\n const primaryActionButtonShorthand = slot.optional(primaryActionButton, {\n defaultProps: {\n appearance,\n children,\n disabled,\n disabledFocusable,\n icon,\n iconPosition,\n id: baseId + '__primaryActionButton',\n shape,\n size\n },\n renderByDefault: true,\n elementType: Button\n });\n // Resolve menu button's aria-labelledby to be labelled by the primary action button if no label was provided by the\n // user.\n if (menuButtonShorthand && primaryActionButtonShorthand && !menuButtonShorthand['aria-label'] && !menuButtonShorthand['aria-labelledby']) {\n menuButtonShorthand['aria-labelledby'] = primaryActionButtonShorthand.id;\n }\n return {\n // Props passed at the top-level\n appearance,\n disabled,\n disabledFocusable,\n iconPosition,\n shape,\n size,\n components: {\n root: 'div',\n menuButton: MenuButton,\n primaryActionButton: Button\n },\n root: slot.always(getIntrinsicElementProps('div', {\n ref,\n ...props\n }), {\n elementType: 'div'\n }),\n menuButton: menuButtonShorthand,\n primaryActionButton: primaryActionButtonShorthand\n };\n};\n"],"names":["useSplitButton_unstable","props","ref","appearance","children","disabled","disabledFocusable","icon","iconPosition","menuButton","menuIcon","primaryActionButton","shape","size","baseId","useId","menuButtonShorthand","slot","optional","defaultProps","renderByDefault","elementType","MenuButton","primaryActionButtonShorthand","id","Button","components","root","always","getIntrinsicElementProps"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;gCAC+B;wBAC/B;4BACI;AAKhB,MAAMA,0BAA0B,CAACC,OAAOC;IAC/C,MAAM,EAAEC,aAAa,WAAW,EAAEC,QAAQ,EAAEC,WAAW,KAAK,EAAEC,oBAAoB,KAAK,EAAEC,IAAI,EAAEC,eAAe,QAAQ,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,mBAAmB,EAAEC,QAAQ,SAAS,EAAEC,OAAO,QAAQ,EAAE,GAAGZ;IAC1M,MAAMa,SAASC,IAAAA,qBAAK,EAAC;IACrB,MAAMC,sBAAsBC,oBAAI,CAACC,QAAQ,CAACT,YAAY;QAClDU,cAAc;YACVhB;YACAE;YACAC;YACAI;YACAE;YACAC;QACJ;QACAO,iBAAiB;QACjBC,aAAaC,sBAAU;IAC3B;IACA,MAAMC,+BAA+BN,oBAAI,CAACC,QAAQ,CAACP,qBAAqB;QACpEQ,cAAc;YACVhB;YACAC;YACAC;YACAC;YACAC;YACAC;YACAgB,IAAIV,SAAS;YACbF;YACAC;QACJ;QACAO,iBAAiB;QACjBC,aAAaI,cAAM;IACvB;IACA,oHAAoH;IACpH,QAAQ;IACR,IAAIT,uBAAuBO,gCAAgC,CAACP,mBAAmB,CAAC,aAAa,IAAI,CAACA,mBAAmB,CAAC,kBAAkB,EAAE;QACtIA,mBAAmB,CAAC,kBAAkB,GAAGO,6BAA6BC,EAAE;IAC5E;IACA,OAAO;QACH,gCAAgC;QAChCrB;QACAE;QACAC;QACAE;QACAI;QACAC;QACAa,YAAY;YACRC,MAAM;YACNlB,YAAYa,sBAAU;YACtBX,qBAAqBc,cAAM;QAC/B;QACAE,MAAMV,oBAAI,CAACW,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9C3B;YACA,GAAGD,KAAK;QACZ,IAAI;YACAoB,aAAa;QACjB;QACAZ,YAAYO;QACZL,qBAAqBY;IACzB;AACJ"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-button",
3
- "version": "9.3.48",
3
+ "version": "9.3.50",
4
4
  "description": "Fluent UI React Button component.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -35,13 +35,13 @@
35
35
  },
36
36
  "dependencies": {
37
37
  "@fluentui/keyboard-keys": "^9.0.6",
38
- "@fluentui/react-aria": "^9.3.42",
38
+ "@fluentui/react-aria": "^9.3.43",
39
39
  "@fluentui/react-icons": "^2.0.217",
40
- "@fluentui/react-jsx-runtime": "^9.0.16",
40
+ "@fluentui/react-jsx-runtime": "^9.0.18",
41
41
  "@fluentui/react-shared-contexts": "^9.10.0",
42
- "@fluentui/react-tabster": "^9.13.6",
42
+ "@fluentui/react-tabster": "^9.14.0",
43
43
  "@fluentui/react-theme": "^9.1.14",
44
- "@fluentui/react-utilities": "^9.15.0",
44
+ "@fluentui/react-utilities": "^9.15.1",
45
45
  "@griffel/react": "^1.5.14",
46
46
  "@swc/helpers": "^0.5.1"
47
47
  },