@fluentui/react-button 9.7.1 → 9.72.9-experimental.component-base-hooks.20260122-49fc330360.0

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 (137) hide show
  1. package/CHANGELOG.md +18 -2
  2. package/dist/index.d.ts +65 -3
  3. package/lib/Button.js +1 -1
  4. package/lib/Button.js.map +1 -1
  5. package/lib/CompoundButton.js +1 -1
  6. package/lib/CompoundButton.js.map +1 -1
  7. package/lib/MenuButton.js +1 -1
  8. package/lib/MenuButton.js.map +1 -1
  9. package/lib/SplitButton.js +1 -1
  10. package/lib/SplitButton.js.map +1 -1
  11. package/lib/ToggleButton.js +1 -1
  12. package/lib/ToggleButton.js.map +1 -1
  13. package/lib/components/Button/Button.types.js.map +1 -1
  14. package/lib/components/Button/index.js +1 -0
  15. package/lib/components/Button/index.js.map +1 -1
  16. package/lib/components/Button/useButton.js +4 -22
  17. package/lib/components/Button/useButton.js.map +1 -1
  18. package/lib/components/Button/useButtonBase.js +34 -0
  19. package/lib/components/Button/useButtonBase.js.map +1 -0
  20. package/lib/components/CompoundButton/CompoundButton.types.js.map +1 -1
  21. package/lib/components/CompoundButton/index.js +1 -0
  22. package/lib/components/CompoundButton/index.js.map +1 -1
  23. package/lib/components/CompoundButton/useCompoundButton.js +11 -23
  24. package/lib/components/CompoundButton/useCompoundButton.js.map +1 -1
  25. package/lib/components/CompoundButton/useCompoundButtonBase.js +31 -0
  26. package/lib/components/CompoundButton/useCompoundButtonBase.js.map +1 -0
  27. package/lib/components/MenuButton/MenuButton.types.js.map +1 -1
  28. package/lib/components/MenuButton/index.js +1 -0
  29. package/lib/components/MenuButton/index.js.map +1 -1
  30. package/lib/components/MenuButton/useMenuButton.js +14 -23
  31. package/lib/components/MenuButton/useMenuButton.js.map +1 -1
  32. package/lib/components/MenuButton/useMenuButtonBase.js +27 -0
  33. package/lib/components/MenuButton/useMenuButtonBase.js.map +1 -0
  34. package/lib/components/SplitButton/SplitButton.types.js.map +1 -1
  35. package/lib/components/SplitButton/index.js +1 -0
  36. package/lib/components/SplitButton/index.js.map +1 -1
  37. package/lib/components/SplitButton/useSplitButton.js +16 -53
  38. package/lib/components/SplitButton/useSplitButton.js.map +1 -1
  39. package/lib/components/SplitButton/useSplitButtonBase.js +57 -0
  40. package/lib/components/SplitButton/useSplitButtonBase.js.map +1 -0
  41. package/lib/components/ToggleButton/ToggleButton.types.js.map +1 -1
  42. package/lib/components/ToggleButton/index.js +1 -0
  43. package/lib/components/ToggleButton/index.js.map +1 -1
  44. package/lib/components/ToggleButton/useToggleButton.js +13 -5
  45. package/lib/components/ToggleButton/useToggleButton.js.map +1 -1
  46. package/lib/components/ToggleButton/useToggleButtonBase.js +13 -0
  47. package/lib/components/ToggleButton/useToggleButtonBase.js.map +1 -0
  48. package/lib/index.js +6 -0
  49. package/lib/index.js.map +1 -1
  50. package/lib-commonjs/Button.js +3 -0
  51. package/lib-commonjs/Button.js.map +1 -1
  52. package/lib-commonjs/CompoundButton.js +3 -0
  53. package/lib-commonjs/CompoundButton.js.map +1 -1
  54. package/lib-commonjs/MenuButton.js +3 -0
  55. package/lib-commonjs/MenuButton.js.map +1 -1
  56. package/lib-commonjs/SplitButton.js +3 -0
  57. package/lib-commonjs/SplitButton.js.map +1 -1
  58. package/lib-commonjs/ToggleButton.js +3 -0
  59. package/lib-commonjs/ToggleButton.js.map +1 -1
  60. package/lib-commonjs/components/Button/Button.types.js.map +1 -1
  61. package/lib-commonjs/components/Button/index.js +4 -0
  62. package/lib-commonjs/components/Button/index.js.map +1 -1
  63. package/lib-commonjs/components/Button/useButton.js +4 -22
  64. package/lib-commonjs/components/Button/useButton.js.map +1 -1
  65. package/lib-commonjs/components/Button/useButtonBase.js +41 -0
  66. package/lib-commonjs/components/Button/useButtonBase.js.map +1 -0
  67. package/lib-commonjs/components/CompoundButton/CompoundButton.types.js.map +1 -1
  68. package/lib-commonjs/components/CompoundButton/index.js +4 -0
  69. package/lib-commonjs/components/CompoundButton/index.js.map +1 -1
  70. package/lib-commonjs/components/CompoundButton/useCompoundButton.js +11 -23
  71. package/lib-commonjs/components/CompoundButton/useCompoundButton.js.map +1 -1
  72. package/lib-commonjs/components/CompoundButton/useCompoundButtonBase.js +38 -0
  73. package/lib-commonjs/components/CompoundButton/useCompoundButtonBase.js.map +1 -0
  74. package/lib-commonjs/components/MenuButton/MenuButton.types.js.map +1 -1
  75. package/lib-commonjs/components/MenuButton/index.js +4 -0
  76. package/lib-commonjs/components/MenuButton/index.js.map +1 -1
  77. package/lib-commonjs/components/MenuButton/useMenuButton.js +14 -23
  78. package/lib-commonjs/components/MenuButton/useMenuButton.js.map +1 -1
  79. package/lib-commonjs/components/MenuButton/useMenuButtonBase.js +36 -0
  80. package/lib-commonjs/components/MenuButton/useMenuButtonBase.js.map +1 -0
  81. package/lib-commonjs/components/SplitButton/SplitButton.types.js.map +1 -1
  82. package/lib-commonjs/components/SplitButton/index.js +4 -0
  83. package/lib-commonjs/components/SplitButton/index.js.map +1 -1
  84. package/lib-commonjs/components/SplitButton/useSplitButton.js +16 -53
  85. package/lib-commonjs/components/SplitButton/useSplitButton.js.map +1 -1
  86. package/lib-commonjs/components/SplitButton/useSplitButtonBase.js +64 -0
  87. package/lib-commonjs/components/SplitButton/useSplitButtonBase.js.map +1 -0
  88. package/lib-commonjs/components/ToggleButton/ToggleButton.types.js.map +1 -1
  89. package/lib-commonjs/components/ToggleButton/index.js +4 -0
  90. package/lib-commonjs/components/ToggleButton/index.js.map +1 -1
  91. package/lib-commonjs/components/ToggleButton/useToggleButton.js +12 -4
  92. package/lib-commonjs/components/ToggleButton/useToggleButton.js.map +1 -1
  93. package/lib-commonjs/components/ToggleButton/useToggleButtonBase.js +19 -0
  94. package/lib-commonjs/components/ToggleButton/useToggleButtonBase.js.map +1 -0
  95. package/lib-commonjs/index.js +15 -0
  96. package/lib-commonjs/index.js.map +1 -1
  97. package/package.json +9 -21
  98. package/lib/components/Button/useButtonStyles.styles.headless.js +0 -36
  99. package/lib/components/Button/useButtonStyles.styles.headless.js.map +0 -1
  100. package/lib/components/Button/useButtonStyles.styles.raw.headless.js +0 -36
  101. package/lib/components/Button/useButtonStyles.styles.raw.headless.js.map +0 -1
  102. package/lib/components/CompoundButton/useCompoundButtonStyles.styles.headless.js +0 -49
  103. package/lib/components/CompoundButton/useCompoundButtonStyles.styles.headless.js.map +0 -1
  104. package/lib/components/CompoundButton/useCompoundButtonStyles.styles.raw.headless.js +0 -49
  105. package/lib/components/CompoundButton/useCompoundButtonStyles.styles.raw.headless.js.map +0 -1
  106. package/lib/components/MenuButton/useMenuButtonStyles.styles.headless.js +0 -44
  107. package/lib/components/MenuButton/useMenuButtonStyles.styles.headless.js.map +0 -1
  108. package/lib/components/MenuButton/useMenuButtonStyles.styles.raw.headless.js +0 -44
  109. package/lib/components/MenuButton/useMenuButtonStyles.styles.raw.headless.js.map +0 -1
  110. package/lib/components/SplitButton/useSplitButtonStyles.styles.headless.js +0 -39
  111. package/lib/components/SplitButton/useSplitButtonStyles.styles.headless.js.map +0 -1
  112. package/lib/components/SplitButton/useSplitButtonStyles.styles.raw.headless.js +0 -39
  113. package/lib/components/SplitButton/useSplitButtonStyles.styles.raw.headless.js.map +0 -1
  114. package/lib/components/ToggleButton/useToggleButtonStyles.styles.headless.js +0 -36
  115. package/lib/components/ToggleButton/useToggleButtonStyles.styles.headless.js.map +0 -1
  116. package/lib/components/ToggleButton/useToggleButtonStyles.styles.raw.headless.js +0 -36
  117. package/lib/components/ToggleButton/useToggleButtonStyles.styles.raw.headless.js.map +0 -1
  118. package/lib-commonjs/components/Button/useButtonStyles.styles.headless.js +0 -52
  119. package/lib-commonjs/components/Button/useButtonStyles.styles.headless.js.map +0 -1
  120. package/lib-commonjs/components/Button/useButtonStyles.styles.raw.headless.js +0 -52
  121. package/lib-commonjs/components/Button/useButtonStyles.styles.raw.headless.js.map +0 -1
  122. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.headless.js +0 -64
  123. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.headless.js.map +0 -1
  124. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.raw.headless.js +0 -64
  125. package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.raw.headless.js.map +0 -1
  126. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.headless.js +0 -60
  127. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.headless.js.map +0 -1
  128. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.raw.headless.js +0 -60
  129. package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.raw.headless.js.map +0 -1
  130. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.headless.js +0 -55
  131. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.headless.js.map +0 -1
  132. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.raw.headless.js +0 -55
  133. package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.raw.headless.js.map +0 -1
  134. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.headless.js +0 -52
  135. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.headless.js.map +0 -1
  136. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.raw.headless.js +0 -52
  137. package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.raw.headless.js.map +0 -1
@@ -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"}