@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.
- package/CHANGELOG.md +18 -2
- package/dist/index.d.ts +65 -3
- package/lib/Button.js +1 -1
- package/lib/Button.js.map +1 -1
- package/lib/CompoundButton.js +1 -1
- package/lib/CompoundButton.js.map +1 -1
- package/lib/MenuButton.js +1 -1
- package/lib/MenuButton.js.map +1 -1
- package/lib/SplitButton.js +1 -1
- package/lib/SplitButton.js.map +1 -1
- package/lib/ToggleButton.js +1 -1
- package/lib/ToggleButton.js.map +1 -1
- package/lib/components/Button/Button.types.js.map +1 -1
- package/lib/components/Button/index.js +1 -0
- package/lib/components/Button/index.js.map +1 -1
- package/lib/components/Button/useButton.js +4 -22
- package/lib/components/Button/useButton.js.map +1 -1
- package/lib/components/Button/useButtonBase.js +34 -0
- package/lib/components/Button/useButtonBase.js.map +1 -0
- package/lib/components/CompoundButton/CompoundButton.types.js.map +1 -1
- package/lib/components/CompoundButton/index.js +1 -0
- package/lib/components/CompoundButton/index.js.map +1 -1
- package/lib/components/CompoundButton/useCompoundButton.js +11 -23
- package/lib/components/CompoundButton/useCompoundButton.js.map +1 -1
- package/lib/components/CompoundButton/useCompoundButtonBase.js +31 -0
- package/lib/components/CompoundButton/useCompoundButtonBase.js.map +1 -0
- package/lib/components/MenuButton/MenuButton.types.js.map +1 -1
- package/lib/components/MenuButton/index.js +1 -0
- package/lib/components/MenuButton/index.js.map +1 -1
- package/lib/components/MenuButton/useMenuButton.js +14 -23
- package/lib/components/MenuButton/useMenuButton.js.map +1 -1
- package/lib/components/MenuButton/useMenuButtonBase.js +27 -0
- package/lib/components/MenuButton/useMenuButtonBase.js.map +1 -0
- package/lib/components/SplitButton/SplitButton.types.js.map +1 -1
- package/lib/components/SplitButton/index.js +1 -0
- package/lib/components/SplitButton/index.js.map +1 -1
- package/lib/components/SplitButton/useSplitButton.js +16 -53
- package/lib/components/SplitButton/useSplitButton.js.map +1 -1
- package/lib/components/SplitButton/useSplitButtonBase.js +57 -0
- package/lib/components/SplitButton/useSplitButtonBase.js.map +1 -0
- package/lib/components/ToggleButton/ToggleButton.types.js.map +1 -1
- package/lib/components/ToggleButton/index.js +1 -0
- package/lib/components/ToggleButton/index.js.map +1 -1
- package/lib/components/ToggleButton/useToggleButton.js +13 -5
- package/lib/components/ToggleButton/useToggleButton.js.map +1 -1
- package/lib/components/ToggleButton/useToggleButtonBase.js +13 -0
- package/lib/components/ToggleButton/useToggleButtonBase.js.map +1 -0
- package/lib/index.js +6 -0
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Button.js +3 -0
- package/lib-commonjs/Button.js.map +1 -1
- package/lib-commonjs/CompoundButton.js +3 -0
- package/lib-commonjs/CompoundButton.js.map +1 -1
- package/lib-commonjs/MenuButton.js +3 -0
- package/lib-commonjs/MenuButton.js.map +1 -1
- package/lib-commonjs/SplitButton.js +3 -0
- package/lib-commonjs/SplitButton.js.map +1 -1
- package/lib-commonjs/ToggleButton.js +3 -0
- package/lib-commonjs/ToggleButton.js.map +1 -1
- package/lib-commonjs/components/Button/Button.types.js.map +1 -1
- package/lib-commonjs/components/Button/index.js +4 -0
- package/lib-commonjs/components/Button/index.js.map +1 -1
- package/lib-commonjs/components/Button/useButton.js +4 -22
- package/lib-commonjs/components/Button/useButton.js.map +1 -1
- package/lib-commonjs/components/Button/useButtonBase.js +41 -0
- package/lib-commonjs/components/Button/useButtonBase.js.map +1 -0
- package/lib-commonjs/components/CompoundButton/CompoundButton.types.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/index.js +4 -0
- package/lib-commonjs/components/CompoundButton/index.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButton.js +11 -23
- package/lib-commonjs/components/CompoundButton/useCompoundButton.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButtonBase.js +38 -0
- package/lib-commonjs/components/CompoundButton/useCompoundButtonBase.js.map +1 -0
- package/lib-commonjs/components/MenuButton/MenuButton.types.js.map +1 -1
- package/lib-commonjs/components/MenuButton/index.js +4 -0
- package/lib-commonjs/components/MenuButton/index.js.map +1 -1
- package/lib-commonjs/components/MenuButton/useMenuButton.js +14 -23
- package/lib-commonjs/components/MenuButton/useMenuButton.js.map +1 -1
- package/lib-commonjs/components/MenuButton/useMenuButtonBase.js +36 -0
- package/lib-commonjs/components/MenuButton/useMenuButtonBase.js.map +1 -0
- package/lib-commonjs/components/SplitButton/SplitButton.types.js.map +1 -1
- package/lib-commonjs/components/SplitButton/index.js +4 -0
- package/lib-commonjs/components/SplitButton/index.js.map +1 -1
- package/lib-commonjs/components/SplitButton/useSplitButton.js +16 -53
- package/lib-commonjs/components/SplitButton/useSplitButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/useSplitButtonBase.js +64 -0
- package/lib-commonjs/components/SplitButton/useSplitButtonBase.js.map +1 -0
- package/lib-commonjs/components/ToggleButton/ToggleButton.types.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/index.js +4 -0
- package/lib-commonjs/components/ToggleButton/index.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/useToggleButton.js +12 -4
- package/lib-commonjs/components/ToggleButton/useToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/useToggleButtonBase.js +19 -0
- package/lib-commonjs/components/ToggleButton/useToggleButtonBase.js.map +1 -0
- package/lib-commonjs/index.js +15 -0
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +9 -21
- package/lib/components/Button/useButtonStyles.styles.headless.js +0 -36
- package/lib/components/Button/useButtonStyles.styles.headless.js.map +0 -1
- package/lib/components/Button/useButtonStyles.styles.raw.headless.js +0 -36
- package/lib/components/Button/useButtonStyles.styles.raw.headless.js.map +0 -1
- package/lib/components/CompoundButton/useCompoundButtonStyles.styles.headless.js +0 -49
- package/lib/components/CompoundButton/useCompoundButtonStyles.styles.headless.js.map +0 -1
- package/lib/components/CompoundButton/useCompoundButtonStyles.styles.raw.headless.js +0 -49
- package/lib/components/CompoundButton/useCompoundButtonStyles.styles.raw.headless.js.map +0 -1
- package/lib/components/MenuButton/useMenuButtonStyles.styles.headless.js +0 -44
- package/lib/components/MenuButton/useMenuButtonStyles.styles.headless.js.map +0 -1
- package/lib/components/MenuButton/useMenuButtonStyles.styles.raw.headless.js +0 -44
- package/lib/components/MenuButton/useMenuButtonStyles.styles.raw.headless.js.map +0 -1
- package/lib/components/SplitButton/useSplitButtonStyles.styles.headless.js +0 -39
- package/lib/components/SplitButton/useSplitButtonStyles.styles.headless.js.map +0 -1
- package/lib/components/SplitButton/useSplitButtonStyles.styles.raw.headless.js +0 -39
- package/lib/components/SplitButton/useSplitButtonStyles.styles.raw.headless.js.map +0 -1
- package/lib/components/ToggleButton/useToggleButtonStyles.styles.headless.js +0 -36
- package/lib/components/ToggleButton/useToggleButtonStyles.styles.headless.js.map +0 -1
- package/lib/components/ToggleButton/useToggleButtonStyles.styles.raw.headless.js +0 -36
- package/lib/components/ToggleButton/useToggleButtonStyles.styles.raw.headless.js.map +0 -1
- package/lib-commonjs/components/Button/useButtonStyles.styles.headless.js +0 -52
- package/lib-commonjs/components/Button/useButtonStyles.styles.headless.js.map +0 -1
- package/lib-commonjs/components/Button/useButtonStyles.styles.raw.headless.js +0 -52
- package/lib-commonjs/components/Button/useButtonStyles.styles.raw.headless.js.map +0 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.headless.js +0 -64
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.headless.js.map +0 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.raw.headless.js +0 -64
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.raw.headless.js.map +0 -1
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.headless.js +0 -60
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.headless.js.map +0 -1
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.raw.headless.js +0 -60
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.raw.headless.js.map +0 -1
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.headless.js +0 -55
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.headless.js.map +0 -1
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.raw.headless.js +0 -55
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.raw.headless.js.map +0 -1
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.headless.js +0 -52
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.headless.js.map +0 -1
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.raw.headless.js +0 -52
- 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
|
-
};
|
package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.raw.headless.js.map
DELETED
|
@@ -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"}
|