@fluentui/react-button 9.7.1 → 9.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (87) hide show
  1. package/CHANGELOG.md +32 -2
  2. package/dist/index.d.ts +2 -2
  3. package/lib/Button.js +1 -1
  4. package/lib/Button.js.map +1 -1
  5. package/lib/ToggleButton.js +1 -1
  6. package/lib/ToggleButton.js.map +1 -1
  7. package/lib/components/Button/Button.types.js.map +1 -1
  8. package/lib/components/Button/index.js +1 -1
  9. package/lib/components/Button/index.js.map +1 -1
  10. package/lib/components/Button/useButton.js +23 -11
  11. package/lib/components/Button/useButton.js.map +1 -1
  12. package/lib/components/CompoundButton/useCompoundButton.js +3 -2
  13. package/lib/components/CompoundButton/useCompoundButton.js.map +1 -1
  14. package/lib/components/MenuButton/useMenuButton.js +10 -9
  15. package/lib/components/MenuButton/useMenuButton.js.map +1 -1
  16. package/lib/components/SplitButton/useSplitButton.js +6 -6
  17. package/lib/components/SplitButton/useSplitButton.js.map +1 -1
  18. package/lib/components/ToggleButton/ToggleButton.types.js.map +1 -1
  19. package/lib/components/ToggleButton/index.js +1 -1
  20. package/lib/components/ToggleButton/index.js.map +1 -1
  21. package/lib/components/ToggleButton/useToggleButton.js +13 -2
  22. package/lib/components/ToggleButton/useToggleButton.js.map +1 -1
  23. package/lib/index.js +5 -0
  24. package/lib/index.js.map +1 -1
  25. package/lib-commonjs/Button.js +3 -0
  26. package/lib-commonjs/Button.js.map +1 -1
  27. package/lib-commonjs/ToggleButton.js +3 -0
  28. package/lib-commonjs/ToggleButton.js.map +1 -1
  29. package/lib-commonjs/components/Button/Button.types.js.map +1 -1
  30. package/lib-commonjs/components/Button/index.js +3 -0
  31. package/lib-commonjs/components/Button/index.js.map +1 -1
  32. package/lib-commonjs/components/Button/useButton.js +28 -13
  33. package/lib-commonjs/components/Button/useButton.js.map +1 -1
  34. package/lib-commonjs/components/CompoundButton/useCompoundButton.js +3 -2
  35. package/lib-commonjs/components/CompoundButton/useCompoundButton.js.map +1 -1
  36. package/lib-commonjs/components/MenuButton/useMenuButton.js +10 -9
  37. package/lib-commonjs/components/MenuButton/useMenuButton.js.map +1 -1
  38. package/lib-commonjs/components/SplitButton/useSplitButton.js +5 -5
  39. package/lib-commonjs/components/SplitButton/useSplitButton.js.map +1 -1
  40. package/lib-commonjs/components/ToggleButton/ToggleButton.types.js.map +1 -1
  41. package/lib-commonjs/components/ToggleButton/index.js +3 -0
  42. package/lib-commonjs/components/ToggleButton/index.js.map +1 -1
  43. package/lib-commonjs/components/ToggleButton/useToggleButton.js +18 -4
  44. package/lib-commonjs/components/ToggleButton/useToggleButton.js.map +1 -1
  45. package/lib-commonjs/index.js +5 -0
  46. package/lib-commonjs/index.js.map +1 -1
  47. package/package.json +7 -14
  48. package/lib/components/Button/useButtonStyles.styles.headless.js +0 -36
  49. package/lib/components/Button/useButtonStyles.styles.headless.js.map +0 -1
  50. package/lib/components/Button/useButtonStyles.styles.raw.headless.js +0 -36
  51. package/lib/components/Button/useButtonStyles.styles.raw.headless.js.map +0 -1
  52. package/lib/components/CompoundButton/useCompoundButtonStyles.styles.headless.js +0 -49
  53. package/lib/components/CompoundButton/useCompoundButtonStyles.styles.headless.js.map +0 -1
  54. package/lib/components/CompoundButton/useCompoundButtonStyles.styles.raw.headless.js +0 -49
  55. package/lib/components/CompoundButton/useCompoundButtonStyles.styles.raw.headless.js.map +0 -1
  56. package/lib/components/MenuButton/useMenuButtonStyles.styles.headless.js +0 -44
  57. package/lib/components/MenuButton/useMenuButtonStyles.styles.headless.js.map +0 -1
  58. package/lib/components/MenuButton/useMenuButtonStyles.styles.raw.headless.js +0 -44
  59. package/lib/components/MenuButton/useMenuButtonStyles.styles.raw.headless.js.map +0 -1
  60. package/lib/components/SplitButton/useSplitButtonStyles.styles.headless.js +0 -39
  61. package/lib/components/SplitButton/useSplitButtonStyles.styles.headless.js.map +0 -1
  62. package/lib/components/SplitButton/useSplitButtonStyles.styles.raw.headless.js +0 -39
  63. package/lib/components/SplitButton/useSplitButtonStyles.styles.raw.headless.js.map +0 -1
  64. package/lib/components/ToggleButton/useToggleButtonStyles.styles.headless.js +0 -36
  65. package/lib/components/ToggleButton/useToggleButtonStyles.styles.headless.js.map +0 -1
  66. package/lib/components/ToggleButton/useToggleButtonStyles.styles.raw.headless.js +0 -36
  67. package/lib/components/ToggleButton/useToggleButtonStyles.styles.raw.headless.js.map +0 -1
  68. package/lib-commonjs/components/Button/useButtonStyles.styles.headless.js +0 -52
  69. package/lib-commonjs/components/Button/useButtonStyles.styles.headless.js.map +0 -1
  70. package/lib-commonjs/components/Button/useButtonStyles.styles.raw.headless.js +0 -52
  71. package/lib-commonjs/components/Button/useButtonStyles.styles.raw.headless.js.map +0 -1
  72. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.headless.js +0 -64
  73. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.headless.js.map +0 -1
  74. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.raw.headless.js +0 -64
  75. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.raw.headless.js.map +0 -1
  76. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.headless.js +0 -60
  77. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.headless.js.map +0 -1
  78. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.raw.headless.js +0 -60
  79. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.raw.headless.js.map +0 -1
  80. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.headless.js +0 -55
  81. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.headless.js.map +0 -1
  82. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.raw.headless.js +0 -55
  83. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.raw.headless.js.map +0 -1
  84. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.headless.js +0 -52
  85. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.headless.js.map +0 -1
  86. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.raw.headless.js +0 -52
  87. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.raw.headless.js.map +0 -1
@@ -1,60 +0,0 @@
1
- 'use client';
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- function _export(target, all) {
7
- for(var name in all)Object.defineProperty(target, name, {
8
- enumerable: true,
9
- get: all[name]
10
- });
11
- }
12
- _export(exports, {
13
- menuButtonClassNames: function() {
14
- return menuButtonClassNames;
15
- },
16
- useMenuButtonStyles_unstable: function() {
17
- return useMenuButtonStyles_unstable;
18
- }
19
- });
20
- const menuButtonClassNames = {
21
- root: 'fui-MenuButton',
22
- icon: 'fui-MenuButton__icon',
23
- menuIcon: 'fui-MenuButton__menuIcon'
24
- };
25
- const useMenuButtonStyles_unstable = (state)=>{
26
- 'use no memo';
27
- const { appearance, disabled, disabledFocusable, shape, size, icon, iconOnly } = state;
28
- const expanded = !!state.root['aria-expanded'];
29
- state.root.className = [
30
- menuButtonClassNames.root,
31
- // Appearance
32
- appearance && `${menuButtonClassNames.root}--${appearance}`,
33
- // Size
34
- size && `${menuButtonClassNames.root}--${size}`,
35
- // Shape
36
- shape && `${menuButtonClassNames.root}--${shape}`,
37
- // Disabled styles
38
- disabled && `${menuButtonClassNames.root}--disabled`,
39
- disabledFocusable && `${menuButtonClassNames.root}--disabledFocusable`,
40
- // Expanded
41
- expanded && `${menuButtonClassNames.root}--expanded`,
42
- // Icons
43
- icon && iconOnly && `${menuButtonClassNames.root}--iconOnly`,
44
- // User provided class name
45
- state.root.className
46
- ].filter(Boolean).join(' ');
47
- if (state.icon) {
48
- state.icon.className = [
49
- menuButtonClassNames.icon,
50
- state.icon.className
51
- ].filter(Boolean).join(' ');
52
- }
53
- if (state.menuIcon) {
54
- state.menuIcon.className = [
55
- menuButtonClassNames.menuIcon,
56
- state.menuIcon.className
57
- ].filter(Boolean).join(' ');
58
- }
59
- return state;
60
- };
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/MenuButton/useMenuButtonStyles.styles.headless.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { MenuButtonSlots, MenuButtonState } from './MenuButton.types';\n\nexport const menuButtonClassNames: SlotClassNames<MenuButtonSlots> = {\n root: 'fui-MenuButton',\n icon: 'fui-MenuButton__icon',\n menuIcon: 'fui-MenuButton__menuIcon',\n};\n\n/**\n * Attaches only semantic slot class names and state modifiers\n */\nexport const useMenuButtonStyles_unstable = (state: MenuButtonState): MenuButtonState => {\n 'use no memo';\n\n const { appearance, disabled, disabledFocusable, shape, size, icon, iconOnly } = state;\n const expanded = !!state.root['aria-expanded'];\n\n state.root.className = [\n menuButtonClassNames.root,\n\n // Appearance\n appearance && `${menuButtonClassNames.root}--${appearance}`,\n\n // Size\n size && `${menuButtonClassNames.root}--${size}`,\n\n // Shape\n shape && `${menuButtonClassNames.root}--${shape}`,\n\n // Disabled styles\n disabled && `${menuButtonClassNames.root}--disabled`,\n disabledFocusable && `${menuButtonClassNames.root}--disabledFocusable`,\n\n // Expanded\n expanded && `${menuButtonClassNames.root}--expanded`,\n\n // Icons\n icon && iconOnly && `${menuButtonClassNames.root}--iconOnly`,\n\n // User provided class name\n state.root.className,\n ]\n .filter(Boolean)\n .join(' ');\n\n if (state.icon) {\n state.icon.className = [menuButtonClassNames.icon, state.icon.className].filter(Boolean).join(' ');\n }\n\n if (state.menuIcon) {\n state.menuIcon.className = [menuButtonClassNames.menuIcon, state.menuIcon.className].filter(Boolean).join(' ');\n }\n\n return state;\n};\n"],"names":["menuButtonClassNames","root","icon","menuIcon","useMenuButtonStyles_unstable","state","appearance","disabled","disabledFocusable","shape","size","iconOnly","expanded","className","filter","Boolean","join"],"mappings":"AAAA;;;;;;;;;;;;IAKaA,oBAAAA;;;gCASAI;;;;AATN,6BAA8D;IACnEH,MAAM;IACNC,MAAM;IACNC,UAAU;AACZ,EAAE;AAKK,MAAMC,+BAA+B,CAACC;IAC3C;IAEA,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,KAAK,EAAEC,IAAI,EAAER,IAAI,EAAES,QAAQ,EAAE,GAAGN;IACjF,MAAMO,WAAW,CAAC,CAACP,MAAMJ,IAAI,CAAC,gBAAgB;IAE9CI,MAAMJ,IAAI,CAACY,SAAS,GAAG;QACrBb,qBAAqBC,IAAI;QAEzB,aAAa;QACbK,cAAc,GAAGN,qBAAqBC,IAAI,CAAC,EAAE,EAAEK,YAAY;QAE3D,OAAO;QACPI,QAAQ,GAAGV,qBAAqBC,IAAI,CAAC,EAAE,EAAES,MAAM;QAE/C,QAAQ;QACRD,SAAS,GAAGT,qBAAqBC,IAAI,CAAC,EAAE,EAAEQ,OAAO;QAEjD,kBAAkB;QAClBF,YAAY,GAAGP,qBAAqBC,IAAI,CAAC,UAAU,CAAC;QACpDO,qBAAqB,GAAGR,qBAAqBC,IAAI,CAAC,mBAAmB,CAAC;QAEtE,WAAW;QACXW,YAAY,GAAGZ,qBAAqBC,IAAI,CAAC,UAAU,CAAC;QAEpD,QAAQ;QACRC,QAAQS,YAAY,GAAGX,qBAAqBC,IAAI,CAAC,UAAU,CAAC;QAE5D,2BAA2B;QAC3BI,MAAMJ,IAAI,CAACY,SAAS;KACrB,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIX,MAAMH,IAAI,EAAE;QACdG,MAAMH,IAAI,CAACW,SAAS,GAAG;YAACb,qBAAqBE,IAAI;YAAEG,MAAMH,IAAI,CAACW,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;IAChG;IAEA,IAAIX,MAAMF,QAAQ,EAAE;QAClBE,MAAMF,QAAQ,CAACU,SAAS,GAAG;YAACb,qBAAqBG,QAAQ;YAAEE,MAAMF,QAAQ,CAACU,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;IAC5G;IAEA,OAAOX;AACT,EAAE"}
@@ -1,55 +0,0 @@
1
- 'use client';
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- function _export(target, all) {
7
- for(var name in all)Object.defineProperty(target, name, {
8
- enumerable: true,
9
- get: all[name]
10
- });
11
- }
12
- _export(exports, {
13
- splitButtonClassNames: function() {
14
- return splitButtonClassNames;
15
- },
16
- useSplitButtonStyles_unstable: function() {
17
- return useSplitButtonStyles_unstable;
18
- }
19
- });
20
- const splitButtonClassNames = {
21
- root: 'fui-SplitButton',
22
- menuButton: 'fui-SplitButton__menuButton',
23
- primaryActionButton: 'fui-SplitButton__primaryActionButton'
24
- };
25
- const useSplitButtonStyles_unstable = (state)=>{
26
- 'use no memo';
27
- const { appearance, disabled, disabledFocusable, shape, size } = state;
28
- state.root.className = [
29
- splitButtonClassNames.root,
30
- // Appearance
31
- appearance && `${splitButtonClassNames.root}--${appearance}`,
32
- // Size
33
- size && `${splitButtonClassNames.root}--${size}`,
34
- // Shape
35
- shape && `${splitButtonClassNames.root}--${shape}`,
36
- // Disabled styles
37
- disabled && `${splitButtonClassNames.root}--disabled`,
38
- disabledFocusable && !disabled && `${splitButtonClassNames.root}--disabledFocusable`,
39
- // User provided class name
40
- state.root.className
41
- ].filter(Boolean).join(' ');
42
- if (state.primaryActionButton) {
43
- state.primaryActionButton.className = [
44
- splitButtonClassNames.primaryActionButton,
45
- state.primaryActionButton.className
46
- ].filter(Boolean).join(' ');
47
- }
48
- if (state.menuButton) {
49
- state.menuButton.className = [
50
- splitButtonClassNames.menuButton,
51
- state.menuButton.className
52
- ].filter(Boolean).join(' ');
53
- }
54
- return state;
55
- };
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/SplitButton/useSplitButtonStyles.styles.headless.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { SplitButtonSlots, SplitButtonState } from './SplitButton.types';\n\nexport const splitButtonClassNames: SlotClassNames<SplitButtonSlots> = {\n root: 'fui-SplitButton',\n menuButton: 'fui-SplitButton__menuButton',\n primaryActionButton: 'fui-SplitButton__primaryActionButton',\n};\n\n/**\n * Attaches only semantic slot class names and state modifiers\n */\nexport const useSplitButtonStyles_unstable = (state: SplitButtonState): SplitButtonState => {\n 'use no memo';\n\n const { appearance, disabled, disabledFocusable, shape, size } = state;\n\n state.root.className = [\n splitButtonClassNames.root,\n\n // Appearance\n appearance && `${splitButtonClassNames.root}--${appearance}`,\n\n // Size\n size && `${splitButtonClassNames.root}--${size}`,\n\n // Shape\n shape && `${splitButtonClassNames.root}--${shape}`,\n\n // Disabled styles\n disabled && `${splitButtonClassNames.root}--disabled`,\n disabledFocusable && !disabled && `${splitButtonClassNames.root}--disabledFocusable`,\n\n // User provided class name\n state.root.className,\n ]\n .filter(Boolean)\n .join(' ');\n\n if (state.primaryActionButton) {\n state.primaryActionButton.className = [\n splitButtonClassNames.primaryActionButton,\n state.primaryActionButton.className,\n ]\n .filter(Boolean)\n .join(' ');\n }\n\n if (state.menuButton) {\n state.menuButton.className = [splitButtonClassNames.menuButton, state.menuButton.className]\n .filter(Boolean)\n .join(' ');\n }\n\n return state;\n};\n"],"names":["splitButtonClassNames","root","menuButton","primaryActionButton","useSplitButtonStyles_unstable","state","appearance","disabled","disabledFocusable","shape","size","className","filter","Boolean","join"],"mappings":"AAAA;;;;;;;;;;;;IAKaA,qBAAAA;;;iCASAI;;;;AATN,8BAAgE;IACrEH,MAAM;IACNC,YAAY;IACZC,qBAAqB;AACvB,EAAE;AAKK,MAAMC,gCAAgC,CAACC;IAC5C;IAEA,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGL;IAEjEA,MAAMJ,IAAI,CAACU,SAAS,GAAG;QACrBX,sBAAsBC,IAAI;QAE1B,aAAa;QACbK,cAAc,GAAGN,sBAAsBC,IAAI,CAAC,EAAE,EAAEK,YAAY;QAE5D,OAAO;QACPI,QAAQ,GAAGV,sBAAsBC,IAAI,CAAC,EAAE,EAAES,MAAM;QAEhD,QAAQ;QACRD,SAAS,GAAGT,sBAAsBC,IAAI,CAAC,EAAE,EAAEQ,OAAO;QAElD,kBAAkB;QAClBF,YAAY,GAAGP,sBAAsBC,IAAI,CAAC,UAAU,CAAC;QACrDO,qBAAqB,CAACD,YAAY,GAAGP,sBAAsBC,IAAI,CAAC,mBAAmB,CAAC;QAEpF,2BAA2B;QAC3BI,MAAMJ,IAAI,CAACU,SAAS;KACrB,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIT,MAAMF,mBAAmB,EAAE;QAC7BE,MAAMF,mBAAmB,CAACQ,SAAS,GAAG;YACpCX,sBAAsBG,mBAAmB;YACzCE,MAAMF,mBAAmB,CAACQ,SAAS;SACpC,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IACV;IAEA,IAAIT,MAAMH,UAAU,EAAE;QACpBG,MAAMH,UAAU,CAACS,SAAS,GAAG;YAACX,sBAAsBE,UAAU;YAAEG,MAAMH,UAAU,CAACS,SAAS;SAAC,CACxFC,MAAM,CAACC,SACPC,IAAI,CAAC;IACV;IAEA,OAAOT;AACT,EAAE"}
@@ -1,55 +0,0 @@
1
- 'use client';
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- function _export(target, all) {
7
- for(var name in all)Object.defineProperty(target, name, {
8
- enumerable: true,
9
- get: all[name]
10
- });
11
- }
12
- _export(exports, {
13
- splitButtonClassNames: function() {
14
- return splitButtonClassNames;
15
- },
16
- useSplitButtonStyles_unstable: function() {
17
- return useSplitButtonStyles_unstable;
18
- }
19
- });
20
- const splitButtonClassNames = {
21
- root: 'fui-SplitButton',
22
- menuButton: 'fui-SplitButton__menuButton',
23
- primaryActionButton: 'fui-SplitButton__primaryActionButton'
24
- };
25
- const useSplitButtonStyles_unstable = (state)=>{
26
- 'use no memo';
27
- const { appearance, disabled, disabledFocusable, shape, size } = state;
28
- state.root.className = [
29
- splitButtonClassNames.root,
30
- // Appearance
31
- appearance && `${splitButtonClassNames.root}--${appearance}`,
32
- // Size
33
- size && `${splitButtonClassNames.root}--${size}`,
34
- // Shape
35
- shape && `${splitButtonClassNames.root}--${shape}`,
36
- // Disabled styles
37
- disabled && `${splitButtonClassNames.root}--disabled`,
38
- disabledFocusable && !disabled && `${splitButtonClassNames.root}--disabledFocusable`,
39
- // User provided class name
40
- state.root.className
41
- ].filter(Boolean).join(' ');
42
- if (state.primaryActionButton) {
43
- state.primaryActionButton.className = [
44
- splitButtonClassNames.primaryActionButton,
45
- state.primaryActionButton.className
46
- ].filter(Boolean).join(' ');
47
- }
48
- if (state.menuButton) {
49
- state.menuButton.className = [
50
- splitButtonClassNames.menuButton,
51
- state.menuButton.className
52
- ].filter(Boolean).join(' ');
53
- }
54
- return state;
55
- };
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/SplitButton/useSplitButtonStyles.styles.headless.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { SplitButtonSlots, SplitButtonState } from './SplitButton.types';\n\nexport const splitButtonClassNames: SlotClassNames<SplitButtonSlots> = {\n root: 'fui-SplitButton',\n menuButton: 'fui-SplitButton__menuButton',\n primaryActionButton: 'fui-SplitButton__primaryActionButton',\n};\n\n/**\n * Attaches only semantic slot class names and state modifiers\n */\nexport const useSplitButtonStyles_unstable = (state: SplitButtonState): SplitButtonState => {\n 'use no memo';\n\n const { appearance, disabled, disabledFocusable, shape, size } = state;\n\n state.root.className = [\n splitButtonClassNames.root,\n\n // Appearance\n appearance && `${splitButtonClassNames.root}--${appearance}`,\n\n // Size\n size && `${splitButtonClassNames.root}--${size}`,\n\n // Shape\n shape && `${splitButtonClassNames.root}--${shape}`,\n\n // Disabled styles\n disabled && `${splitButtonClassNames.root}--disabled`,\n disabledFocusable && !disabled && `${splitButtonClassNames.root}--disabledFocusable`,\n\n // User provided class name\n state.root.className,\n ]\n .filter(Boolean)\n .join(' ');\n\n if (state.primaryActionButton) {\n state.primaryActionButton.className = [\n splitButtonClassNames.primaryActionButton,\n state.primaryActionButton.className,\n ]\n .filter(Boolean)\n .join(' ');\n }\n\n if (state.menuButton) {\n state.menuButton.className = [splitButtonClassNames.menuButton, state.menuButton.className]\n .filter(Boolean)\n .join(' ');\n }\n\n return state;\n};\n"],"names":["splitButtonClassNames","root","menuButton","primaryActionButton","useSplitButtonStyles_unstable","state","appearance","disabled","disabledFocusable","shape","size","className","filter","Boolean","join"],"mappings":"AAAA;;;;;;;;;;;;IAKaA,qBAAAA;;;iCASAI;;;;AATN,8BAAgE;IACrEH,MAAM;IACNC,YAAY;IACZC,qBAAqB;AACvB,EAAE;AAKK,MAAMC,gCAAgC,CAACC;IAC5C;IAEA,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,KAAK,EAAEC,IAAI,EAAE,GAAGL;IAEjEA,MAAMJ,IAAI,CAACU,SAAS,GAAG;QACrBX,sBAAsBC,IAAI;QAE1B,aAAa;QACbK,cAAc,GAAGN,sBAAsBC,IAAI,CAAC,EAAE,EAAEK,YAAY;QAE5D,OAAO;QACPI,QAAQ,GAAGV,sBAAsBC,IAAI,CAAC,EAAE,EAAES,MAAM;QAEhD,QAAQ;QACRD,SAAS,GAAGT,sBAAsBC,IAAI,CAAC,EAAE,EAAEQ,OAAO;QAElD,kBAAkB;QAClBF,YAAY,GAAGP,sBAAsBC,IAAI,CAAC,UAAU,CAAC;QACrDO,qBAAqB,CAACD,YAAY,GAAGP,sBAAsBC,IAAI,CAAC,mBAAmB,CAAC;QAEpF,2BAA2B;QAC3BI,MAAMJ,IAAI,CAACU,SAAS;KACrB,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIT,MAAMF,mBAAmB,EAAE;QAC7BE,MAAMF,mBAAmB,CAACQ,SAAS,GAAG;YACpCX,sBAAsBG,mBAAmB;YACzCE,MAAMF,mBAAmB,CAACQ,SAAS;SACpC,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IACV;IAEA,IAAIT,MAAMH,UAAU,EAAE;QACpBG,MAAMH,UAAU,CAACS,SAAS,GAAG;YAACX,sBAAsBE,UAAU;YAAEG,MAAMH,UAAU,CAACS,SAAS;SAAC,CACxFC,MAAM,CAACC,SACPC,IAAI,CAAC;IACV;IAEA,OAAOT;AACT,EAAE"}
@@ -1,52 +0,0 @@
1
- 'use client';
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- function _export(target, all) {
7
- for(var name in all)Object.defineProperty(target, name, {
8
- enumerable: true,
9
- get: all[name]
10
- });
11
- }
12
- _export(exports, {
13
- toggleButtonClassNames: function() {
14
- return toggleButtonClassNames;
15
- },
16
- useToggleButtonStyles_unstable: function() {
17
- return useToggleButtonStyles_unstable;
18
- }
19
- });
20
- const toggleButtonClassNames = {
21
- root: 'fui-ToggleButton',
22
- icon: 'fui-ToggleButton__icon'
23
- };
24
- const useToggleButtonStyles_unstable = (state)=>{
25
- 'use no memo';
26
- const { appearance, disabled, disabledFocusable, shape, size, checked, iconOnly } = state;
27
- state.root.className = [
28
- toggleButtonClassNames.root,
29
- // Appearance
30
- appearance && `${toggleButtonClassNames.root}--${appearance}`,
31
- // Size
32
- size && `${toggleButtonClassNames.root}--${size}`,
33
- // Shape
34
- shape && `${toggleButtonClassNames.root}--${shape}`,
35
- // Checked
36
- checked && `${toggleButtonClassNames.root}--checked`,
37
- // Icons
38
- iconOnly && `${toggleButtonClassNames.root}--iconOnly`,
39
- // Disabled
40
- disabled && `${toggleButtonClassNames.root}--disabled`,
41
- disabledFocusable && `${toggleButtonClassNames.root}--disabledFocusable`,
42
- // User provided class name
43
- state.root.className
44
- ].filter(Boolean).join(' ');
45
- if (state.icon) {
46
- state.icon.className = [
47
- toggleButtonClassNames.icon,
48
- state.icon.className
49
- ].filter(Boolean).join(' ');
50
- }
51
- return state;
52
- };
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/ToggleButton/useToggleButtonStyles.styles.headless.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { ButtonSlots } from '../Button/Button.types';\nimport type { ToggleButtonState } from './ToggleButton.types';\n\nexport const toggleButtonClassNames: SlotClassNames<ButtonSlots> = {\n root: 'fui-ToggleButton',\n icon: 'fui-ToggleButton__icon',\n};\n\n/**\n * Attaches only semantic slot class names and state modifiers\n */\nexport const useToggleButtonStyles_unstable = (state: ToggleButtonState): ToggleButtonState => {\n 'use no memo';\n\n const { appearance, disabled, disabledFocusable, shape, size, checked, iconOnly } = state;\n\n state.root.className = [\n toggleButtonClassNames.root,\n\n // Appearance\n appearance && `${toggleButtonClassNames.root}--${appearance}`,\n\n // Size\n size && `${toggleButtonClassNames.root}--${size}`,\n\n // Shape\n shape && `${toggleButtonClassNames.root}--${shape}`,\n\n // Checked\n checked && `${toggleButtonClassNames.root}--checked`,\n\n // Icons\n iconOnly && `${toggleButtonClassNames.root}--iconOnly`,\n\n // Disabled\n disabled && `${toggleButtonClassNames.root}--disabled`,\n disabledFocusable && `${toggleButtonClassNames.root}--disabledFocusable`,\n\n // User provided class name\n state.root.className,\n ]\n .filter(Boolean)\n .join(' ');\n\n if (state.icon) {\n state.icon.className = [toggleButtonClassNames.icon, state.icon.className].filter(Boolean).join(' ');\n }\n\n return state;\n};\n"],"names":["toggleButtonClassNames","root","icon","useToggleButtonStyles_unstable","state","appearance","disabled","disabledFocusable","shape","size","checked","iconOnly","className","filter","Boolean","join"],"mappings":"AAAA;;;;;;;;;;;;IAMaA,sBAAAA;;;kCAQAG;;;;AARN,+BAA4D;IACjEF,MAAM;IACNC,MAAM;AACR,EAAE;AAKK,MAAMC,iCAAiC,CAACC;IAC7C;IAEA,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,KAAK,EAAEC,IAAI,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGP;IAEpFA,MAAMH,IAAI,CAACW,SAAS,GAAG;QACrBZ,uBAAuBC,IAAI;QAE3B,aAAa;QACbI,cAAc,GAAGL,uBAAuBC,IAAI,CAAC,EAAE,EAAEI,YAAY;QAE7D,OAAO;QACPI,QAAQ,GAAGT,uBAAuBC,IAAI,CAAC,EAAE,EAAEQ,MAAM;QAEjD,QAAQ;QACRD,SAAS,GAAGR,uBAAuBC,IAAI,CAAC,EAAE,EAAEO,OAAO;QAEnD,UAAU;QACVE,WAAW,GAAGV,uBAAuBC,IAAI,CAAC,SAAS,CAAC;QAEpD,QAAQ;QACRU,YAAY,GAAGX,uBAAuBC,IAAI,CAAC,UAAU,CAAC;QAEtD,WAAW;QACXK,YAAY,GAAGN,uBAAuBC,IAAI,CAAC,UAAU,CAAC;QACtDM,qBAAqB,GAAGP,uBAAuBC,IAAI,CAAC,mBAAmB,CAAC;QAExE,2BAA2B;QAC3BG,MAAMH,IAAI,CAACW,SAAS;KACrB,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIX,MAAMF,IAAI,EAAE;QACdE,MAAMF,IAAI,CAACU,SAAS,GAAG;YAACZ,uBAAuBE,IAAI;YAAEE,MAAMF,IAAI,CAACU,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;IAClG;IAEA,OAAOX;AACT,EAAE"}
@@ -1,52 +0,0 @@
1
- 'use client';
2
- "use strict";
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- function _export(target, all) {
7
- for(var name in all)Object.defineProperty(target, name, {
8
- enumerable: true,
9
- get: all[name]
10
- });
11
- }
12
- _export(exports, {
13
- toggleButtonClassNames: function() {
14
- return toggleButtonClassNames;
15
- },
16
- useToggleButtonStyles_unstable: function() {
17
- return useToggleButtonStyles_unstable;
18
- }
19
- });
20
- const toggleButtonClassNames = {
21
- root: 'fui-ToggleButton',
22
- icon: 'fui-ToggleButton__icon'
23
- };
24
- const useToggleButtonStyles_unstable = (state)=>{
25
- 'use no memo';
26
- const { appearance, disabled, disabledFocusable, shape, size, checked, iconOnly } = state;
27
- state.root.className = [
28
- toggleButtonClassNames.root,
29
- // Appearance
30
- appearance && `${toggleButtonClassNames.root}--${appearance}`,
31
- // Size
32
- size && `${toggleButtonClassNames.root}--${size}`,
33
- // Shape
34
- shape && `${toggleButtonClassNames.root}--${shape}`,
35
- // Checked
36
- checked && `${toggleButtonClassNames.root}--checked`,
37
- // Icons
38
- iconOnly && `${toggleButtonClassNames.root}--iconOnly`,
39
- // Disabled
40
- disabled && `${toggleButtonClassNames.root}--disabled`,
41
- disabledFocusable && `${toggleButtonClassNames.root}--disabledFocusable`,
42
- // User provided class name
43
- state.root.className
44
- ].filter(Boolean).join(' ');
45
- if (state.icon) {
46
- state.icon.className = [
47
- toggleButtonClassNames.icon,
48
- state.icon.className
49
- ].filter(Boolean).join(' ');
50
- }
51
- return state;
52
- };
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/ToggleButton/useToggleButtonStyles.styles.headless.ts"],"sourcesContent":["'use client';\n\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { ButtonSlots } from '../Button/Button.types';\nimport type { ToggleButtonState } from './ToggleButton.types';\n\nexport const toggleButtonClassNames: SlotClassNames<ButtonSlots> = {\n root: 'fui-ToggleButton',\n icon: 'fui-ToggleButton__icon',\n};\n\n/**\n * Attaches only semantic slot class names and state modifiers\n */\nexport const useToggleButtonStyles_unstable = (state: ToggleButtonState): ToggleButtonState => {\n 'use no memo';\n\n const { appearance, disabled, disabledFocusable, shape, size, checked, iconOnly } = state;\n\n state.root.className = [\n toggleButtonClassNames.root,\n\n // Appearance\n appearance && `${toggleButtonClassNames.root}--${appearance}`,\n\n // Size\n size && `${toggleButtonClassNames.root}--${size}`,\n\n // Shape\n shape && `${toggleButtonClassNames.root}--${shape}`,\n\n // Checked\n checked && `${toggleButtonClassNames.root}--checked`,\n\n // Icons\n iconOnly && `${toggleButtonClassNames.root}--iconOnly`,\n\n // Disabled\n disabled && `${toggleButtonClassNames.root}--disabled`,\n disabledFocusable && `${toggleButtonClassNames.root}--disabledFocusable`,\n\n // User provided class name\n state.root.className,\n ]\n .filter(Boolean)\n .join(' ');\n\n if (state.icon) {\n state.icon.className = [toggleButtonClassNames.icon, state.icon.className].filter(Boolean).join(' ');\n }\n\n return state;\n};\n"],"names":["toggleButtonClassNames","root","icon","useToggleButtonStyles_unstable","state","appearance","disabled","disabledFocusable","shape","size","checked","iconOnly","className","filter","Boolean","join"],"mappings":"AAAA;;;;;;;;;;;;IAMaA,sBAAAA;;;kCAQAG;;;;AARN,+BAA4D;IACjEF,MAAM;IACNC,MAAM;AACR,EAAE;AAKK,MAAMC,iCAAiC,CAACC;IAC7C;IAEA,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,iBAAiB,EAAEC,KAAK,EAAEC,IAAI,EAAEC,OAAO,EAAEC,QAAQ,EAAE,GAAGP;IAEpFA,MAAMH,IAAI,CAACW,SAAS,GAAG;QACrBZ,uBAAuBC,IAAI;QAE3B,aAAa;QACbI,cAAc,GAAGL,uBAAuBC,IAAI,CAAC,EAAE,EAAEI,YAAY;QAE7D,OAAO;QACPI,QAAQ,GAAGT,uBAAuBC,IAAI,CAAC,EAAE,EAAEQ,MAAM;QAEjD,QAAQ;QACRD,SAAS,GAAGR,uBAAuBC,IAAI,CAAC,EAAE,EAAEO,OAAO;QAEnD,UAAU;QACVE,WAAW,GAAGV,uBAAuBC,IAAI,CAAC,SAAS,CAAC;QAEpD,QAAQ;QACRU,YAAY,GAAGX,uBAAuBC,IAAI,CAAC,UAAU,CAAC;QAEtD,WAAW;QACXK,YAAY,GAAGN,uBAAuBC,IAAI,CAAC,UAAU,CAAC;QACtDM,qBAAqB,GAAGP,uBAAuBC,IAAI,CAAC,mBAAmB,CAAC;QAExE,2BAA2B;QAC3BG,MAAMH,IAAI,CAACW,SAAS;KACrB,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIX,MAAMF,IAAI,EAAE;QACdE,MAAMF,IAAI,CAACU,SAAS,GAAG;YAACZ,uBAAuBE,IAAI;YAAEE,MAAMF,IAAI,CAACU,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;IAClG;IAEA,OAAOX;AACT,EAAE"}