@fluentui/react-toolbar 9.1.4 → 9.1.6
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/.swcrc +30 -0
- package/CHANGELOG.json +115 -1
- package/CHANGELOG.md +34 -2
- package/lib/Toolbar.js.map +1 -1
- package/lib/ToolbarButton.js.map +1 -1
- package/lib/ToolbarDivider.js.map +1 -1
- package/lib/ToolbarGroup.js.map +1 -1
- package/lib/ToolbarRadioButton.js.map +1 -1
- package/lib/ToolbarRadioGroup.js.map +1 -1
- package/lib/ToolbarToggleButton.js.map +1 -1
- package/lib/components/Toolbar/Toolbar.js.map +1 -1
- package/lib/components/Toolbar/Toolbar.types.js +1 -1
- package/lib/components/Toolbar/Toolbar.types.js.map +1 -1
- package/lib/components/Toolbar/ToolbarContext.js.map +1 -1
- package/lib/components/Toolbar/index.js.map +1 -1
- package/lib/components/Toolbar/renderToolbar.js +1 -3
- package/lib/components/Toolbar/renderToolbar.js.map +1 -1
- package/lib/components/Toolbar/useToolbar.js +1 -0
- package/lib/components/Toolbar/useToolbar.js.map +1 -1
- package/lib/components/Toolbar/useToolbarContextValues.js.map +1 -1
- package/lib/components/Toolbar/useToolbarStyles.js.map +1 -1
- package/lib/components/ToolbarButton/ToolbarButton.js.map +1 -1
- package/lib/components/ToolbarButton/ToolbarButton.types.js.map +1 -1
- package/lib/components/ToolbarButton/index.js.map +1 -1
- package/lib/components/ToolbarButton/useToolbarButton.js +1 -0
- package/lib/components/ToolbarButton/useToolbarButton.js.map +1 -1
- package/lib/components/ToolbarButton/useToolbarButtonStyles.js.map +1 -1
- package/lib/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
- package/lib/components/ToolbarDivider/ToolbarDivider.types.js.map +1 -1
- package/lib/components/ToolbarDivider/index.js.map +1 -1
- package/lib/components/ToolbarDivider/useToolbarDivider.js +1 -0
- package/lib/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
- package/lib/components/ToolbarDivider/useToolbarDividerStyles.js.map +1 -1
- package/lib/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
- package/lib/components/ToolbarGroup/ToolbarGroup.types.js.map +1 -1
- package/lib/components/ToolbarGroup/index.js.map +1 -1
- package/lib/components/ToolbarGroup/renderToolbarGroup.js +1 -3
- package/lib/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
- package/lib/components/ToolbarGroup/useToolbarGroup.js +1 -0
- package/lib/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
- package/lib/components/ToolbarGroup/useToolbarGroupStyles.js.map +1 -1
- package/lib/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
- package/lib/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +1 -1
- package/lib/components/ToolbarRadioButton/index.js.map +1 -1
- package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js +3 -2
- package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
- package/lib/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js.map +1 -1
- package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
- package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js.map +1 -1
- package/lib/components/ToolbarRadioGroup/index.js.map +1 -1
- package/lib/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
- package/lib/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +1 -1
- package/lib/components/ToolbarToggleButton/index.js.map +1 -1
- package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js +3 -2
- package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
- package/lib/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Toolbar.js +5 -4
- package/lib-commonjs/Toolbar.js.map +1 -1
- package/lib-commonjs/ToolbarButton.js +5 -4
- package/lib-commonjs/ToolbarButton.js.map +1 -1
- package/lib-commonjs/ToolbarDivider.js +5 -4
- package/lib-commonjs/ToolbarDivider.js.map +1 -1
- package/lib-commonjs/ToolbarGroup.js +5 -4
- package/lib-commonjs/ToolbarGroup.js.map +1 -1
- package/lib-commonjs/ToolbarRadioButton.js +5 -4
- package/lib-commonjs/ToolbarRadioButton.js.map +1 -1
- package/lib-commonjs/ToolbarRadioGroup.js +5 -4
- package/lib-commonjs/ToolbarRadioGroup.js.map +1 -1
- package/lib-commonjs/ToolbarToggleButton.js +5 -4
- package/lib-commonjs/ToolbarToggleButton.js.map +1 -1
- package/lib-commonjs/components/Toolbar/Toolbar.js +21 -22
- package/lib-commonjs/components/Toolbar/Toolbar.js.map +1 -1
- package/lib-commonjs/components/Toolbar/Toolbar.types.js +5 -2
- package/lib-commonjs/components/Toolbar/Toolbar.types.js.map +1 -1
- package/lib-commonjs/components/Toolbar/ToolbarContext.js +20 -12
- package/lib-commonjs/components/Toolbar/ToolbarContext.js.map +1 -1
- package/lib-commonjs/components/Toolbar/index.js +9 -8
- package/lib-commonjs/components/Toolbar/index.js.map +1 -1
- package/lib-commonjs/components/Toolbar/renderToolbar.js +16 -21
- package/lib-commonjs/components/Toolbar/renderToolbar.js.map +1 -1
- package/lib-commonjs/components/Toolbar/useToolbar.js +101 -109
- package/lib-commonjs/components/Toolbar/useToolbar.js.map +1 -1
- package/lib-commonjs/components/Toolbar/useToolbarContextValues.js +19 -23
- package/lib-commonjs/components/Toolbar/useToolbarContextValues.js.map +1 -1
- package/lib-commonjs/components/Toolbar/useToolbarStyles.js +66 -45
- package/lib-commonjs/components/Toolbar/useToolbarStyles.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.js +19 -22
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.types.js +3 -2
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/index.js +8 -7
- package/lib-commonjs/components/ToolbarButton/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/useToolbarButton.js +20 -25
- package/lib-commonjs/components/ToolbarButton/useToolbarButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.js +27 -25
- package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js +19 -20
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.types.js +3 -2
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/index.js +8 -7
- package/lib-commonjs/components/ToolbarDivider/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js +17 -22
- package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.js +28 -27
- package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js +19 -22
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.types.js +3 -2
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/index.js +9 -8
- package/lib-commonjs/components/ToolbarGroup/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/renderToolbarGroup.js +13 -18
- package/lib-commonjs/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js +21 -22
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.js +31 -23
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js +19 -20
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.types.js +3 -2
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/index.js +8 -7
- package/lib-commonjs/components/ToolbarRadioButton/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js +39 -43
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js +20 -20
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.js +20 -23
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js +3 -2
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioGroup/index.js +6 -5
- package/lib-commonjs/components/ToolbarRadioGroup/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js +19 -20
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.types.js +3 -2
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/index.js +8 -7
- package/lib-commonjs/components/ToolbarToggleButton/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js +40 -44
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js +20 -20
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js.map +1 -1
- package/lib-commonjs/index.js +42 -149
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +13 -12
- package/lib-amd/Toolbar.js +0 -6
- package/lib-amd/Toolbar.js.map +0 -1
- package/lib-amd/ToolbarButton.js +0 -6
- package/lib-amd/ToolbarButton.js.map +0 -1
- package/lib-amd/ToolbarDivider.js +0 -6
- package/lib-amd/ToolbarDivider.js.map +0 -1
- package/lib-amd/ToolbarGroup.js +0 -6
- package/lib-amd/ToolbarGroup.js.map +0 -1
- package/lib-amd/ToolbarRadioButton.js +0 -6
- package/lib-amd/ToolbarRadioButton.js.map +0 -1
- package/lib-amd/ToolbarRadioGroup.js +0 -6
- package/lib-amd/ToolbarRadioGroup.js.map +0 -1
- package/lib-amd/ToolbarToggleButton.js +0 -6
- package/lib-amd/ToolbarToggleButton.js.map +0 -1
- package/lib-amd/components/Toolbar/Toolbar.js +0 -18
- package/lib-amd/components/Toolbar/Toolbar.js.map +0 -1
- package/lib-amd/components/Toolbar/Toolbar.types.js +0 -5
- package/lib-amd/components/Toolbar/Toolbar.types.js.map +0 -1
- package/lib-amd/components/Toolbar/ToolbarContext.js +0 -21
- package/lib-amd/components/Toolbar/ToolbarContext.js.map +0 -1
- package/lib-amd/components/Toolbar/index.js +0 -10
- package/lib-amd/components/Toolbar/index.js.map +0 -1
- package/lib-amd/components/Toolbar/renderToolbar.js +0 -15
- package/lib-amd/components/Toolbar/renderToolbar.js.map +0 -1
- package/lib-amd/components/Toolbar/useToolbar.js +0 -85
- package/lib-amd/components/Toolbar/useToolbar.js.map +0 -1
- package/lib-amd/components/Toolbar/useToolbarContextValues.js +0 -19
- package/lib-amd/components/Toolbar/useToolbarContextValues.js.map +0 -1
- package/lib-amd/components/Toolbar/useToolbarStyles.js +0 -38
- package/lib-amd/components/Toolbar/useToolbarStyles.js.map +0 -1
- package/lib-amd/components/ToolbarButton/ToolbarButton.js +0 -19
- package/lib-amd/components/ToolbarButton/ToolbarButton.js.map +0 -1
- package/lib-amd/components/ToolbarButton/ToolbarButton.types.js +0 -5
- package/lib-amd/components/ToolbarButton/ToolbarButton.types.js.map +0 -1
- package/lib-amd/components/ToolbarButton/index.js +0 -9
- package/lib-amd/components/ToolbarButton/index.js.map +0 -1
- package/lib-amd/components/ToolbarButton/useToolbarButton.js +0 -18
- package/lib-amd/components/ToolbarButton/useToolbarButton.js.map +0 -1
- package/lib-amd/components/ToolbarButton/useToolbarButtonStyles.js +0 -26
- package/lib-amd/components/ToolbarButton/useToolbarButtonStyles.js.map +0 -1
- package/lib-amd/components/ToolbarDivider/ToolbarDivider.js +0 -17
- package/lib-amd/components/ToolbarDivider/ToolbarDivider.js.map +0 -1
- package/lib-amd/components/ToolbarDivider/ToolbarDivider.types.js +0 -5
- package/lib-amd/components/ToolbarDivider/ToolbarDivider.types.js.map +0 -1
- package/lib-amd/components/ToolbarDivider/index.js +0 -9
- package/lib-amd/components/ToolbarDivider/index.js.map +0 -1
- package/lib-amd/components/ToolbarDivider/useToolbarDivider.js +0 -20
- package/lib-amd/components/ToolbarDivider/useToolbarDivider.js.map +0 -1
- package/lib-amd/components/ToolbarDivider/useToolbarDividerStyles.js +0 -27
- package/lib-amd/components/ToolbarDivider/useToolbarDividerStyles.js.map +0 -1
- package/lib-amd/components/ToolbarGroup/ToolbarGroup.js +0 -19
- package/lib-amd/components/ToolbarGroup/ToolbarGroup.js.map +0 -1
- package/lib-amd/components/ToolbarGroup/ToolbarGroup.types.js +0 -5
- package/lib-amd/components/ToolbarGroup/ToolbarGroup.types.js.map +0 -1
- package/lib-amd/components/ToolbarGroup/index.js +0 -10
- package/lib-amd/components/ToolbarGroup/index.js.map +0 -1
- package/lib-amd/components/ToolbarGroup/renderToolbarGroup.js +0 -14
- package/lib-amd/components/ToolbarGroup/renderToolbarGroup.js.map +0 -1
- package/lib-amd/components/ToolbarGroup/useToolbarGroup.js +0 -20
- package/lib-amd/components/ToolbarGroup/useToolbarGroup.js.map +0 -1
- package/lib-amd/components/ToolbarGroup/useToolbarGroupStyles.js +0 -24
- package/lib-amd/components/ToolbarGroup/useToolbarGroupStyles.js.map +0 -1
- package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.js +0 -17
- package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.js.map +0 -1
- package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.types.js +0 -5
- package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +0 -1
- package/lib-amd/components/ToolbarRadioButton/index.js +0 -9
- package/lib-amd/components/ToolbarRadioButton/index.js.map +0 -1
- package/lib-amd/components/ToolbarRadioButton/useToolbarRadioButton.js +0 -28
- package/lib-amd/components/ToolbarRadioButton/useToolbarRadioButton.js.map +0 -1
- package/lib-amd/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js +0 -20
- package/lib-amd/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js.map +0 -1
- package/lib-amd/components/ToolbarRadioGroup/ToolbarRadioGroup.js +0 -19
- package/lib-amd/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +0 -1
- package/lib-amd/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js +0 -5
- package/lib-amd/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js.map +0 -1
- package/lib-amd/components/ToolbarRadioGroup/index.js +0 -7
- package/lib-amd/components/ToolbarRadioGroup/index.js.map +0 -1
- package/lib-amd/components/ToolbarToggleButton/ToolbarToggleButton.js +0 -17
- package/lib-amd/components/ToolbarToggleButton/ToolbarToggleButton.js.map +0 -1
- package/lib-amd/components/ToolbarToggleButton/ToolbarToggleButton.types.js +0 -5
- package/lib-amd/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +0 -1
- package/lib-amd/components/ToolbarToggleButton/index.js +0 -9
- package/lib-amd/components/ToolbarToggleButton/index.js.map +0 -1
- package/lib-amd/components/ToolbarToggleButton/useToolbarToggleButton.js +0 -32
- package/lib-amd/components/ToolbarToggleButton/useToolbarToggleButton.js.map +0 -1
- package/lib-amd/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js +0 -20
- package/lib-amd/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js.map +0 -1
- package/lib-amd/index.js +0 -29
- package/lib-amd/index.js.map +0 -1
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "tslib", "@griffel/react"], function (require, exports, tslib_1, react_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.useToolbarGroupStyles_unstable = exports.toolbarGroupClassNames = void 0;
|
|
5
|
-
exports.toolbarGroupClassNames = {
|
|
6
|
-
root: 'fui-ToolbarGroup',
|
|
7
|
-
};
|
|
8
|
-
/**
|
|
9
|
-
* Styles for the root slot
|
|
10
|
-
*/
|
|
11
|
-
var useStyles = react_1.makeStyles({
|
|
12
|
-
root: tslib_1.__assign({ display: 'flex' }, react_1.shorthands.gap('8px')),
|
|
13
|
-
});
|
|
14
|
-
/**
|
|
15
|
-
* Apply styling to the Toolbar slots based on the state
|
|
16
|
-
*/
|
|
17
|
-
var useToolbarGroupStyles_unstable = function (state) {
|
|
18
|
-
var styles = useStyles();
|
|
19
|
-
state.root.className = react_1.mergeClasses(exports.toolbarGroupClassNames.root, styles.root, state.root.className);
|
|
20
|
-
return state;
|
|
21
|
-
};
|
|
22
|
-
exports.useToolbarGroupStyles_unstable = useToolbarGroupStyles_unstable;
|
|
23
|
-
});
|
|
24
|
-
//# sourceMappingURL=useToolbarGroupStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useToolbarGroupStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarGroup/useToolbarGroupStyles.ts"],"names":[],"mappings":";;;;IAIa,QAAA,sBAAsB,GAAsC;QACvE,IAAI,EAAE,kBAAkB;KACzB,CAAC;IAEF;;OAEG;IACH,IAAM,SAAS,GAAG,kBAAU,CAAC;QAC3B,IAAI,qBACF,OAAO,EAAE,MAAM,IACZ,kBAAU,CAAC,GAAG,CAAC,KAAK,CAAC,CACzB;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,8BAA8B,GAAG,UAAC,KAAwB;QACrE,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,8BAAsB,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAEpG,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IALW,QAAA,8BAA8B,kCAKzC","sourcesContent":["import { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { ToolbarGroupSlots, ToolbarGroupState } from './ToolbarGroup.types';\n\nexport const toolbarGroupClassNames: SlotClassNames<ToolbarGroupSlots> = {\n root: 'fui-ToolbarGroup',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n ...shorthands.gap('8px'),\n },\n});\n\n/**\n * Apply styling to the Toolbar slots based on the state\n */\nexport const useToolbarGroupStyles_unstable = (state: ToolbarGroupState): ToolbarGroupState => {\n const styles = useStyles();\n state.root.className = mergeClasses(toolbarGroupClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"]}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "react", "@fluentui/react-button", "./useToolbarRadioButton", "./useToolbarRadioButtonStyles", "@fluentui/react-shared-contexts"], function (require, exports, React, react_button_1, useToolbarRadioButton_1, useToolbarRadioButtonStyles_1, react_shared_contexts_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.ToolbarRadioButton = void 0;
|
|
5
|
-
/**
|
|
6
|
-
* ToolbarRadioButton component
|
|
7
|
-
*/
|
|
8
|
-
exports.ToolbarRadioButton = React.forwardRef(function (props, ref) {
|
|
9
|
-
var state = useToolbarRadioButton_1.useToolbarRadioButton_unstable(props, ref);
|
|
10
|
-
useToolbarRadioButtonStyles_1.useToolbarRadioButtonStyles_unstable(state);
|
|
11
|
-
var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useToolbarRadioButtonStyles_unstable;
|
|
12
|
-
useCustomStyles(state);
|
|
13
|
-
return react_button_1.renderToggleButton_unstable(state);
|
|
14
|
-
});
|
|
15
|
-
exports.ToolbarRadioButton.displayName = 'ToolbarRadioButton';
|
|
16
|
-
});
|
|
17
|
-
//# sourceMappingURL=ToolbarRadioButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarRadioButton.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioButton/ToolbarRadioButton.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,kBAAkB,GAAiD,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC1G,IAAM,KAAK,GAAG,sDAA8B,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAEzD,kEAAoC,CAAC,KAAK,CAAC,CAAC;QAEpC,IAAsC,eAAe,GAAK,oDAA4B,EAAE,qCAAnC,CAAoC;QACjG,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,0CAA2B,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC,CAAiD,CAAC;IAEnD,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAC","sourcesContent":["import * as React from 'react';\nimport type { ToolbarRadioButtonProps } from './ToolbarRadioButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarRadioButton_unstable } from './useToolbarRadioButton';\nimport { useToolbarRadioButtonStyles_unstable } from './useToolbarRadioButtonStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarRadioButton component\n */\nexport const ToolbarRadioButton: ForwardRefComponent<ToolbarRadioButtonProps> = React.forwardRef((props, ref) => {\n const state = useToolbarRadioButton_unstable(props, ref);\n\n useToolbarRadioButtonStyles_unstable(state);\n\n const { useToolbarRadioButtonStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n\n return renderToggleButton_unstable(state);\n}) as ForwardRefComponent<ToolbarRadioButtonProps>;\n\nToolbarRadioButton.displayName = 'ToolbarRadioButton';\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarRadioButton.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioButton/ToolbarRadioButton.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport { ToggleButtonProps, ButtonSlots, ToggleButtonState } from '@fluentui/react-button';\n\n/**\n * ToolbarRadioButton Props\n */\nexport type ToolbarRadioButtonProps = ComponentProps<ButtonSlots> &\n Partial<Pick<ToggleButtonProps, 'disabled' | 'disabledFocusable' | 'size'>> & {\n appearance?: 'primary' | 'subtle';\n name: string;\n value: string;\n };\n\n/**\n * State used in rendering ToolbarRadioButton\n */\nexport type ToolbarRadioButtonState = ComponentState<Partial<ButtonSlots>> &\n ToggleButtonState &\n Required<Pick<ToggleButtonProps, 'checked'>> &\n Pick<ToolbarRadioButtonProps, 'name' | 'value'>;\n"]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "tslib", "./ToolbarRadioButton", "./ToolbarRadioButton.types", "./useToolbarRadioButton", "./useToolbarRadioButtonStyles"], function (require, exports, tslib_1, ToolbarRadioButton_1, ToolbarRadioButton_types_1, useToolbarRadioButton_1, useToolbarRadioButtonStyles_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
tslib_1.__exportStar(ToolbarRadioButton_1, exports);
|
|
5
|
-
tslib_1.__exportStar(ToolbarRadioButton_types_1, exports);
|
|
6
|
-
tslib_1.__exportStar(useToolbarRadioButton_1, exports);
|
|
7
|
-
tslib_1.__exportStar(useToolbarRadioButtonStyles_1, exports);
|
|
8
|
-
});
|
|
9
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioButton/index.ts"],"names":[],"mappings":";;;IAAA,oDAAqC;IACrC,0DAA2C;IAC3C,uDAAwC;IACxC,6DAA8C","sourcesContent":["export * from './ToolbarRadioButton';\nexport * from './ToolbarRadioButton.types';\nexport * from './useToolbarRadioButton';\nexport * from './useToolbarRadioButtonStyles';\n"]}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "tslib", "@fluentui/react-utilities", "@fluentui/react-button", "../Toolbar/ToolbarContext"], function (require, exports, tslib_1, react_utilities_1, react_button_1, ToolbarContext_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.useToolbarRadioButton_unstable = void 0;
|
|
5
|
-
/**
|
|
6
|
-
* Given user props, defines default props for the RadioButton, calls useButtonState and useChecked, and returns
|
|
7
|
-
* processed state.
|
|
8
|
-
* @param props - User provided props to the RadioButton component.
|
|
9
|
-
* @param ref - User provided ref to be passed to the RadioButton component.
|
|
10
|
-
*/
|
|
11
|
-
var useToolbarRadioButton_unstable = function (props, ref) {
|
|
12
|
-
var handleRadio = ToolbarContext_1.useToolbarContext_unstable(function (ctx) { return ctx.handleRadio; });
|
|
13
|
-
var checked = ToolbarContext_1.useToolbarContext_unstable(function (ctx) { var _a; return !!((_a = ctx.checkedValues[props.name]) === null || _a === void 0 ? void 0 : _a.includes(props.value)); });
|
|
14
|
-
var size = ToolbarContext_1.useToolbarContext_unstable(function (ctx) { return ctx.size; });
|
|
15
|
-
var onClickOriginal = props.onClick;
|
|
16
|
-
var toggleButtonState = react_button_1.useToggleButton_unstable(tslib_1.__assign({ size: size, checked: checked, role: 'radio', 'aria-checked': checked }, props), ref);
|
|
17
|
-
var state = tslib_1.__assign(tslib_1.__assign({}, toggleButtonState), { name: props.name, value: props.value });
|
|
18
|
-
var handleOnClick = react_utilities_1.useEventCallback(function (e) {
|
|
19
|
-
handleRadio === null || handleRadio === void 0 ? void 0 : handleRadio(e, state.name, state.value, state.checked);
|
|
20
|
-
onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);
|
|
21
|
-
});
|
|
22
|
-
state.root['aria-pressed'] = undefined;
|
|
23
|
-
state.root.onClick = handleOnClick;
|
|
24
|
-
return state;
|
|
25
|
-
};
|
|
26
|
-
exports.useToolbarRadioButton_unstable = useToolbarRadioButton_unstable;
|
|
27
|
-
});
|
|
28
|
-
//# sourceMappingURL=useToolbarRadioButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useToolbarRadioButton.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioButton/useToolbarRadioButton.ts"],"names":[],"mappings":";;;;IAMA;;;;;OAKG;IACI,IAAM,8BAA8B,GAAG,UAC5C,KAA8B,EAC9B,GAAqD;QAErD,IAAM,WAAW,GAAG,2CAA0B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,WAAW,EAAf,CAAe,CAAC,CAAC;QACvE,IAAM,OAAO,GAAG,2CAA0B,CAAC,UAAA,GAAG,YAAI,OAAA,CAAC,CAAC,CAAA,MAAA,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,0CAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA,CAAA,EAAA,CAAC,CAAC;QAC1G,IAAM,IAAI,GAAG,2CAA0B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,IAAI,EAAR,CAAQ,CAAC,CAAC;QAEjD,IAAS,eAAe,GAAK,KAAK,QAAV,CAAW;QAC3C,IAAM,iBAAiB,GAAG,uCAAwB,oBAC9C,IAAI,MAAA,EAAE,OAAO,SAAA,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,IAAK,KAAK,GACjE,GAAG,CACJ,CAAC;QACF,IAAM,KAAK,yCACN,iBAAiB,KACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,GACnB,CAAC;QAEF,IAAM,aAAa,GAAG,kCAAgB,CACpC,UAAC,CAAoG;YACnG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;YACzD,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,CAAC,CAAC,CAAC;QACvB,CAAC,CACF,CAAC;QACF,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC;QACvC,KAAK,CAAC,IAAI,CAAC,OAAO,GAAG,aAAa,CAAC;QACnC,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IA5BW,QAAA,8BAA8B,kCA4BzC","sourcesContent":["import * as React from 'react';\nimport { useEventCallback } from '@fluentui/react-utilities';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\nimport { ToolbarRadioButtonProps, ToolbarRadioButtonState } from './ToolbarRadioButton.types';\n\n/**\n * Given user props, defines default props for the RadioButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the RadioButton component.\n * @param ref - User provided ref to be passed to the RadioButton component.\n */\nexport const useToolbarRadioButton_unstable = (\n props: ToolbarRadioButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarRadioButtonState => {\n const handleRadio = useToolbarContext_unstable(ctx => ctx.handleRadio);\n const checked = useToolbarContext_unstable(ctx => !!ctx.checkedValues[props.name]?.includes(props.value));\n const size = useToolbarContext_unstable(ctx => ctx.size);\n\n const { onClick: onClickOriginal } = props;\n const toggleButtonState = useToggleButton_unstable(\n { size, checked, role: 'radio', 'aria-checked': checked, ...props },\n ref,\n );\n const state: ToolbarRadioButtonState = {\n ...toggleButtonState,\n name: props.name,\n value: props.value,\n };\n\n const handleOnClick = useEventCallback(\n (e: React.MouseEvent<HTMLButtonElement, MouseEvent> & React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n handleRadio?.(e, state.name, state.value, state.checked);\n onClickOriginal?.(e);\n },\n );\n state.root['aria-pressed'] = undefined;\n state.root.onClick = handleOnClick;\n return state;\n};\n"]}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "@fluentui/react-theme", "@griffel/react", "@fluentui/react-button"], function (require, exports, react_theme_1, react_1, react_button_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.useToolbarRadioButtonStyles_unstable = void 0;
|
|
5
|
-
var useBaseStyles = react_1.makeStyles({
|
|
6
|
-
selected: {
|
|
7
|
-
color: react_theme_1.tokens.colorBrandForeground1,
|
|
8
|
-
},
|
|
9
|
-
});
|
|
10
|
-
/**
|
|
11
|
-
* Apply styling to the ToolbarRadioButton slots based on the state
|
|
12
|
-
*/
|
|
13
|
-
var useToolbarRadioButtonStyles_unstable = function (state) {
|
|
14
|
-
react_button_1.useToggleButtonStyles_unstable(state);
|
|
15
|
-
var toggleButtonStyles = useBaseStyles();
|
|
16
|
-
state.root.className = react_1.mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);
|
|
17
|
-
};
|
|
18
|
-
exports.useToolbarRadioButtonStyles_unstable = useToolbarRadioButtonStyles_unstable;
|
|
19
|
-
});
|
|
20
|
-
//# sourceMappingURL=useToolbarRadioButtonStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useToolbarRadioButtonStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioButton/useToolbarRadioButtonStyles.ts"],"names":[],"mappings":";;;;IAKA,IAAM,aAAa,GAAG,kBAAU,CAAC;QAC/B,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAM,CAAC,qBAAqB;SACpC;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,oCAAoC,GAAG,UAAC,KAA8B;QACjF,6CAA8B,CAAC,KAAK,CAAC,CAAC;QACtC,IAAM,kBAAkB,GAAG,aAAa,EAAE,CAAC;QAE3C,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,IAAI,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC1G,CAAC,CAAC;IALW,QAAA,oCAAoC,wCAK/C","sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nimport { ToolbarRadioButtonState } from './ToolbarRadioButton.types';\n\nconst useBaseStyles = makeStyles({\n selected: {\n color: tokens.colorBrandForeground1,\n },\n});\n\n/**\n * Apply styling to the ToolbarRadioButton slots based on the state\n */\nexport const useToolbarRadioButtonStyles_unstable = (state: ToolbarRadioButtonState) => {\n useToggleButtonStyles_unstable(state);\n const toggleButtonStyles = useBaseStyles();\n\n state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n"]}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "tslib", "react", "../../ToolbarGroup", "@fluentui/react-shared-contexts"], function (require, exports, tslib_1, React, ToolbarGroup_1, react_shared_contexts_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.ToolbarRadioGroup = void 0;
|
|
5
|
-
/**
|
|
6
|
-
* ToolbarRadioGroup component is a Button to be used inside Toolbar
|
|
7
|
-
* which will respect toolbar props such as `size`
|
|
8
|
-
*/
|
|
9
|
-
exports.ToolbarRadioGroup = React.forwardRef(function (props, ref) {
|
|
10
|
-
var state = ToolbarGroup_1.useToolbarGroup_unstable(tslib_1.__assign({ role: 'radiogroup' }, props), ref);
|
|
11
|
-
ToolbarGroup_1.useToolbarGroupStyles_unstable(state);
|
|
12
|
-
var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useToolbarGroupStyles_unstable;
|
|
13
|
-
useCustomStyles(state);
|
|
14
|
-
return ToolbarGroup_1.renderToolbarGroup_unstable(state);
|
|
15
|
-
// Casting is required due to lack of distributive union to support unions on @types/react
|
|
16
|
-
});
|
|
17
|
-
exports.ToolbarRadioGroup.displayName = 'ToolbarRadioGroup';
|
|
18
|
-
});
|
|
19
|
-
//# sourceMappingURL=ToolbarRadioGroup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarRadioGroup.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioGroup/ToolbarRadioGroup.tsx"],"names":[],"mappings":";;;;IAUA;;;OAGG;IACU,QAAA,iBAAiB,GAAgD,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QACxG,IAAM,KAAK,GAAG,uCAAwB,oBAAG,IAAI,EAAE,YAAY,IAAK,KAAK,GAAI,GAAG,CAAC,CAAC;QAE9E,6CAA8B,CAAC,KAAK,CAAC,CAAC;QAE9B,IAAgC,eAAe,GAAK,oDAA4B,EAAE,+BAAnC,CAAoC;QAC3F,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,0CAA2B,CAAC,KAAK,CAAC,CAAC;QAC1C,0FAA0F;IAC5F,CAAC,CAAgD,CAAC;IAElD,yBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC","sourcesContent":["import * as React from 'react';\nimport type { ToolbarRadioGroupProps } from './ToolbarRadioGroup.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport {\n renderToolbarGroup_unstable,\n useToolbarGroupStyles_unstable,\n useToolbarGroup_unstable,\n} from '../../ToolbarGroup';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarRadioGroup component is a Button to be used inside Toolbar\n * which will respect toolbar props such as `size`\n */\nexport const ToolbarRadioGroup: ForwardRefComponent<ToolbarRadioGroupProps> = React.forwardRef((props, ref) => {\n const state = useToolbarGroup_unstable({ role: 'radiogroup', ...props }, ref);\n\n useToolbarGroupStyles_unstable(state);\n\n const { useToolbarGroupStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n\n return renderToolbarGroup_unstable(state);\n // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<ToolbarRadioGroupProps>;\n\nToolbarRadioGroup.displayName = 'ToolbarRadioGroup';\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarRadioGroup.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioGroup/ToolbarRadioGroup.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type ToolbarRadioGroupSlots = {\n root: Slot<'div'>;\n};\n\n/**\n * ToolbarButton Props\n */\nexport type ToolbarRadioGroupProps = ComponentProps<ToolbarRadioGroupSlots>;\n\n/**\n * State used in rendering ToolbarButton\n */\nexport type ToolbarRadioGroupState = ComponentState<ToolbarRadioGroupSlots>;\n"]}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "tslib", "./ToolbarRadioGroup", "./ToolbarRadioGroup.types"], function (require, exports, tslib_1, ToolbarRadioGroup_1, ToolbarRadioGroup_types_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
tslib_1.__exportStar(ToolbarRadioGroup_1, exports);
|
|
5
|
-
tslib_1.__exportStar(ToolbarRadioGroup_types_1, exports);
|
|
6
|
-
});
|
|
7
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarRadioGroup/index.ts"],"names":[],"mappings":";;;IAAA,mDAAoC;IACpC,yDAA0C","sourcesContent":["export * from './ToolbarRadioGroup';\nexport * from './ToolbarRadioGroup.types';\n"]}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "react", "@fluentui/react-button", "./useToolbarToggleButton", "./useToolbarToggleButtonStyles", "@fluentui/react-shared-contexts"], function (require, exports, React, react_button_1, useToolbarToggleButton_1, useToolbarToggleButtonStyles_1, react_shared_contexts_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.ToolbarToggleButton = void 0;
|
|
5
|
-
/**
|
|
6
|
-
* ToolbarToggleButton component
|
|
7
|
-
*/
|
|
8
|
-
exports.ToolbarToggleButton = React.forwardRef(function (props, ref) {
|
|
9
|
-
var state = useToolbarToggleButton_1.useToolbarToggleButton_unstable(props, ref);
|
|
10
|
-
useToolbarToggleButtonStyles_1.useToolbarToggleButtonStyles_unstable(state);
|
|
11
|
-
var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useToolbarToggleButtonStyles_unstable;
|
|
12
|
-
useCustomStyles(state);
|
|
13
|
-
return react_button_1.renderToggleButton_unstable(state);
|
|
14
|
-
});
|
|
15
|
-
exports.ToolbarToggleButton.displayName = 'ToolbarToggleButton';
|
|
16
|
-
});
|
|
17
|
-
//# sourceMappingURL=ToolbarToggleButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarToggleButton.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarToggleButton/ToolbarToggleButton.tsx"],"names":[],"mappings":";;;;IAQA;;OAEG;IACU,QAAA,mBAAmB,GAAkD,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QAC5G,IAAM,KAAK,GAAG,wDAA+B,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAE1D,oEAAqC,CAAC,KAAK,CAAC,CAAC;QAErC,IAAuC,eAAe,GAAK,oDAA4B,EAAE,sCAAnC,CAAoC;QAClG,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,0CAA2B,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC,CAAkD,CAAC;IAEpD,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAC","sourcesContent":["import * as React from 'react';\nimport type { ToolbarToggleButtonProps } from './ToolbarToggleButton.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarToggleButton_unstable } from './useToolbarToggleButton';\nimport { useToolbarToggleButtonStyles_unstable } from './useToolbarToggleButtonStyles';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * ToolbarToggleButton component\n */\nexport const ToolbarToggleButton: ForwardRefComponent<ToolbarToggleButtonProps> = React.forwardRef((props, ref) => {\n const state = useToolbarToggleButton_unstable(props, ref);\n\n useToolbarToggleButtonStyles_unstable(state);\n\n const { useToolbarToggleButtonStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n\n return renderToggleButton_unstable(state);\n}) as ForwardRefComponent<ToolbarToggleButtonProps>;\n\nToolbarToggleButton.displayName = 'ToolbarToggleButton';\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarToggleButton.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarToggleButton/ToolbarToggleButton.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';\nimport { ToggleButtonProps, ButtonSlots, ToggleButtonState } from '@fluentui/react-button';\n\n/**\n * ToolbarToggleButton Props\n */\nexport type ToolbarToggleButtonProps = ComponentProps<ButtonSlots> &\n Partial<Pick<ToggleButtonProps, 'disabled' | 'disabledFocusable' | 'size'>> & {\n appearance?: 'primary' | 'subtle';\n name: string;\n value: string;\n };\n\n/**\n * State used in rendering ToolbarToggleButton\n */\nexport type ToolbarToggleButtonState = ComponentState<Partial<ButtonSlots>> &\n ToggleButtonState &\n Required<Pick<ToggleButtonProps, 'checked'>> &\n Pick<ToolbarToggleButtonProps, 'name' | 'value'>;\n"]}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "tslib", "./ToolbarToggleButton", "./ToolbarToggleButton.types", "./useToolbarToggleButton", "./useToolbarToggleButtonStyles"], function (require, exports, tslib_1, ToolbarToggleButton_1, ToolbarToggleButton_types_1, useToolbarToggleButton_1, useToolbarToggleButtonStyles_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
tslib_1.__exportStar(ToolbarToggleButton_1, exports);
|
|
5
|
-
tslib_1.__exportStar(ToolbarToggleButton_types_1, exports);
|
|
6
|
-
tslib_1.__exportStar(useToolbarToggleButton_1, exports);
|
|
7
|
-
tslib_1.__exportStar(useToolbarToggleButtonStyles_1, exports);
|
|
8
|
-
});
|
|
9
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarToggleButton/index.ts"],"names":[],"mappings":";;;IAAA,qDAAsC;IACtC,2DAA4C;IAC5C,wDAAyC;IACzC,8DAA+C","sourcesContent":["export * from './ToolbarToggleButton';\nexport * from './ToolbarToggleButton.types';\nexport * from './useToolbarToggleButton';\nexport * from './useToolbarToggleButtonStyles';\n"]}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "tslib", "@fluentui/react-button", "../Toolbar/ToolbarContext"], function (require, exports, tslib_1, react_button_1, ToolbarContext_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.useToolbarToggleButton_unstable = void 0;
|
|
5
|
-
/**
|
|
6
|
-
* Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns
|
|
7
|
-
* processed state.
|
|
8
|
-
* @param props - User provided props to the ToggleButton component.
|
|
9
|
-
* @param ref - User provided ref to be passed to the ToggleButton component.
|
|
10
|
-
*/
|
|
11
|
-
var useToolbarToggleButton_unstable = function (props, ref) {
|
|
12
|
-
var handleToggleButton = ToolbarContext_1.useToolbarContext_unstable(function (ctx) { return ctx.handleToggleButton; });
|
|
13
|
-
var checked = ToolbarContext_1.useToolbarContext_unstable(function (ctx) { var _a; return !!((_a = ctx.checkedValues[props.name]) === null || _a === void 0 ? void 0 : _a.includes(props.value)); });
|
|
14
|
-
var size = ToolbarContext_1.useToolbarContext_unstable(function (ctx) { return ctx.size; });
|
|
15
|
-
var onClickOriginal = props.onClick;
|
|
16
|
-
var toggleButtonState = react_button_1.useToggleButton_unstable(tslib_1.__assign({ size: size, checked: checked }, props), ref);
|
|
17
|
-
var state = tslib_1.__assign(tslib_1.__assign({}, toggleButtonState), { name: props.name, value: props.value });
|
|
18
|
-
var handleOnClick = function (e) {
|
|
19
|
-
if (state.disabled) {
|
|
20
|
-
e.preventDefault();
|
|
21
|
-
e.stopPropagation();
|
|
22
|
-
return;
|
|
23
|
-
}
|
|
24
|
-
handleToggleButton === null || handleToggleButton === void 0 ? void 0 : handleToggleButton(e, state.name, state.value, state.checked);
|
|
25
|
-
onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);
|
|
26
|
-
};
|
|
27
|
-
state.root.onClick = handleOnClick;
|
|
28
|
-
return state;
|
|
29
|
-
};
|
|
30
|
-
exports.useToolbarToggleButton_unstable = useToolbarToggleButton_unstable;
|
|
31
|
-
});
|
|
32
|
-
//# sourceMappingURL=useToolbarToggleButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useToolbarToggleButton.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarToggleButton/useToolbarToggleButton.ts"],"names":[],"mappings":";;;;IAKA;;;;;OAKG;IACI,IAAM,+BAA+B,GAAG,UAC7C,KAA+B,EAC/B,GAAqD;QAErD,IAAM,kBAAkB,GAAG,2CAA0B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,kBAAkB,EAAtB,CAAsB,CAAC,CAAC;QACrF,IAAM,OAAO,GAAG,2CAA0B,CAAC,UAAA,GAAG,YAAI,OAAA,CAAC,CAAC,CAAA,MAAA,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,0CAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA,CAAA,EAAA,CAAC,CAAC;QAC1G,IAAM,IAAI,GAAG,2CAA0B,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,IAAI,EAAR,CAAQ,CAAC,CAAC;QAEjD,IAAS,eAAe,GAAK,KAAK,QAAV,CAAW;QAC3C,IAAM,iBAAiB,GAAG,uCAAwB,oBAAG,IAAI,MAAA,EAAE,OAAO,SAAA,IAAK,KAAK,GAAI,GAAG,CAAC,CAAC;QACrF,IAAM,KAAK,yCACN,iBAAiB,KACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,GACnB,CAAC;QAEF,IAAM,aAAa,GAAG,UACpB,CAAoG;YAEpG,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAClB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,OAAO;aACR;YAED,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAG,CAAC,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;YAChE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,CAAC,CAAC,CAAC;QACvB,CAAC,CAAC;QAEF,KAAK,CAAC,IAAI,CAAC,OAAO,GAAG,aAAa,CAAC;QACnC,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IA/BW,QAAA,+BAA+B,mCA+B1C","sourcesContent":["import * as React from 'react';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\nimport { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton.types';\n\n/**\n * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the ToggleButton component.\n * @param ref - User provided ref to be passed to the ToggleButton component.\n */\nexport const useToolbarToggleButton_unstable = (\n props: ToolbarToggleButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarToggleButtonState => {\n const handleToggleButton = useToolbarContext_unstable(ctx => ctx.handleToggleButton);\n const checked = useToolbarContext_unstable(ctx => !!ctx.checkedValues[props.name]?.includes(props.value));\n const size = useToolbarContext_unstable(ctx => ctx.size);\n\n const { onClick: onClickOriginal } = props;\n const toggleButtonState = useToggleButton_unstable({ size, checked, ...props }, ref);\n const state: ToolbarToggleButtonState = {\n ...toggleButtonState,\n name: props.name,\n value: props.value,\n };\n\n const handleOnClick = (\n e: React.MouseEvent<HTMLButtonElement, MouseEvent> & React.MouseEvent<HTMLAnchorElement, MouseEvent>,\n ) => {\n if (state.disabled) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n\n handleToggleButton?.(e, state.name, state.value, state.checked);\n onClickOriginal?.(e);\n };\n\n state.root.onClick = handleOnClick;\n return state;\n};\n"]}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "@fluentui/react-theme", "@griffel/react", "@fluentui/react-button"], function (require, exports, react_theme_1, react_1, react_button_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.useToolbarToggleButtonStyles_unstable = void 0;
|
|
5
|
-
var useBaseStyles = react_1.makeStyles({
|
|
6
|
-
selected: {
|
|
7
|
-
color: react_theme_1.tokens.colorBrandForeground1,
|
|
8
|
-
},
|
|
9
|
-
});
|
|
10
|
-
/**
|
|
11
|
-
* Apply styling to the ToolbarToggleButton slots based on the state
|
|
12
|
-
*/
|
|
13
|
-
var useToolbarToggleButtonStyles_unstable = function (state) {
|
|
14
|
-
react_button_1.useToggleButtonStyles_unstable(state);
|
|
15
|
-
var toggleButtonStyles = useBaseStyles();
|
|
16
|
-
state.root.className = react_1.mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);
|
|
17
|
-
};
|
|
18
|
-
exports.useToolbarToggleButtonStyles_unstable = useToolbarToggleButtonStyles_unstable;
|
|
19
|
-
});
|
|
20
|
-
//# sourceMappingURL=useToolbarToggleButtonStyles.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useToolbarToggleButtonStyles.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/ToolbarToggleButton/useToolbarToggleButtonStyles.ts"],"names":[],"mappings":";;;;IAKA,IAAM,aAAa,GAAG,kBAAU,CAAC;QAC/B,QAAQ,EAAE;YACR,KAAK,EAAE,oBAAM,CAAC,qBAAqB;SACpC;KACF,CAAC,CAAC;IAEH;;OAEG;IACI,IAAM,qCAAqC,GAAG,UAAC,KAA+B;QACnF,6CAA8B,CAAC,KAAK,CAAC,CAAC;QACtC,IAAM,kBAAkB,GAAG,aAAa,EAAE,CAAC;QAE3C,KAAK,CAAC,IAAI,CAAC,SAAS,GAAG,oBAAY,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,OAAO,IAAI,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IAC1G,CAAC,CAAC;IALW,QAAA,qCAAqC,yCAKhD","sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nimport { ToolbarToggleButtonState } from './ToolbarToggleButton.types';\n\nconst useBaseStyles = makeStyles({\n selected: {\n color: tokens.colorBrandForeground1,\n },\n});\n\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */\nexport const useToolbarToggleButtonStyles_unstable = (state: ToolbarToggleButtonState) => {\n useToggleButtonStyles_unstable(state);\n const toggleButtonStyles = useBaseStyles();\n\n state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n"]}
|
package/lib-amd/index.js
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "./Toolbar", "./ToolbarButton", "./ToolbarDivider", "./ToolbarToggleButton", "./ToolbarRadioButton", "./ToolbarGroup", "./ToolbarRadioGroup"], function (require, exports, Toolbar_1, ToolbarButton_1, ToolbarDivider_1, ToolbarToggleButton_1, ToolbarRadioButton_1, ToolbarGroup_1, ToolbarRadioGroup_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.ToolbarRadioGroup = exports.toolbarGroupClassNames = exports.renderToolbarGroup_unstable = exports.useToolbarGroup_unstable = exports.useToolbarGroupStyles_unstable = exports.ToolbarGroup = exports.useToolbarRadioButton_unstable = exports.useToolbarRadioButtonStyles_unstable = exports.ToolbarRadioButton = exports.useToolbarToggleButton_unstable = exports.useToolbarToggleButtonStyles_unstable = exports.ToolbarToggleButton = exports.useToolbarDivider_unstable = exports.useToolbarDividerStyles_unstable = exports.ToolbarDivider = exports.useToolbarButton_unstable = exports.useToolbarButtonStyles_unstable = exports.ToolbarButton = exports.useToolbar_unstable = exports.useToolbarStyles_unstable = exports.toolbarClassNames = exports.renderToolbar_unstable = exports.Toolbar = void 0;
|
|
5
|
-
Object.defineProperty(exports, "Toolbar", { enumerable: true, get: function () { return Toolbar_1.Toolbar; } });
|
|
6
|
-
Object.defineProperty(exports, "renderToolbar_unstable", { enumerable: true, get: function () { return Toolbar_1.renderToolbar_unstable; } });
|
|
7
|
-
Object.defineProperty(exports, "toolbarClassNames", { enumerable: true, get: function () { return Toolbar_1.toolbarClassNames; } });
|
|
8
|
-
Object.defineProperty(exports, "useToolbarStyles_unstable", { enumerable: true, get: function () { return Toolbar_1.useToolbarStyles_unstable; } });
|
|
9
|
-
Object.defineProperty(exports, "useToolbar_unstable", { enumerable: true, get: function () { return Toolbar_1.useToolbar_unstable; } });
|
|
10
|
-
Object.defineProperty(exports, "ToolbarButton", { enumerable: true, get: function () { return ToolbarButton_1.ToolbarButton; } });
|
|
11
|
-
Object.defineProperty(exports, "useToolbarButtonStyles_unstable", { enumerable: true, get: function () { return ToolbarButton_1.useToolbarButtonStyles_unstable; } });
|
|
12
|
-
Object.defineProperty(exports, "useToolbarButton_unstable", { enumerable: true, get: function () { return ToolbarButton_1.useToolbarButton_unstable; } });
|
|
13
|
-
Object.defineProperty(exports, "ToolbarDivider", { enumerable: true, get: function () { return ToolbarDivider_1.ToolbarDivider; } });
|
|
14
|
-
Object.defineProperty(exports, "useToolbarDividerStyles_unstable", { enumerable: true, get: function () { return ToolbarDivider_1.useToolbarDividerStyles_unstable; } });
|
|
15
|
-
Object.defineProperty(exports, "useToolbarDivider_unstable", { enumerable: true, get: function () { return ToolbarDivider_1.useToolbarDivider_unstable; } });
|
|
16
|
-
Object.defineProperty(exports, "ToolbarToggleButton", { enumerable: true, get: function () { return ToolbarToggleButton_1.ToolbarToggleButton; } });
|
|
17
|
-
Object.defineProperty(exports, "useToolbarToggleButtonStyles_unstable", { enumerable: true, get: function () { return ToolbarToggleButton_1.useToolbarToggleButtonStyles_unstable; } });
|
|
18
|
-
Object.defineProperty(exports, "useToolbarToggleButton_unstable", { enumerable: true, get: function () { return ToolbarToggleButton_1.useToolbarToggleButton_unstable; } });
|
|
19
|
-
Object.defineProperty(exports, "ToolbarRadioButton", { enumerable: true, get: function () { return ToolbarRadioButton_1.ToolbarRadioButton; } });
|
|
20
|
-
Object.defineProperty(exports, "useToolbarRadioButtonStyles_unstable", { enumerable: true, get: function () { return ToolbarRadioButton_1.useToolbarRadioButtonStyles_unstable; } });
|
|
21
|
-
Object.defineProperty(exports, "useToolbarRadioButton_unstable", { enumerable: true, get: function () { return ToolbarRadioButton_1.useToolbarRadioButton_unstable; } });
|
|
22
|
-
Object.defineProperty(exports, "ToolbarGroup", { enumerable: true, get: function () { return ToolbarGroup_1.ToolbarGroup; } });
|
|
23
|
-
Object.defineProperty(exports, "useToolbarGroupStyles_unstable", { enumerable: true, get: function () { return ToolbarGroup_1.useToolbarGroupStyles_unstable; } });
|
|
24
|
-
Object.defineProperty(exports, "useToolbarGroup_unstable", { enumerable: true, get: function () { return ToolbarGroup_1.useToolbarGroup_unstable; } });
|
|
25
|
-
Object.defineProperty(exports, "renderToolbarGroup_unstable", { enumerable: true, get: function () { return ToolbarGroup_1.renderToolbarGroup_unstable; } });
|
|
26
|
-
Object.defineProperty(exports, "toolbarGroupClassNames", { enumerable: true, get: function () { return ToolbarGroup_1.toolbarGroupClassNames; } });
|
|
27
|
-
Object.defineProperty(exports, "ToolbarRadioGroup", { enumerable: true, get: function () { return ToolbarRadioGroup_1.ToolbarRadioGroup; } });
|
|
28
|
-
});
|
|
29
|
-
//# sourceMappingURL=index.js.map
|
package/lib-amd/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-toolbar/src/index.ts"],"names":[],"mappings":";;;;IACE,kGAAA,OAAO,OAAA;IACP,iHAAA,sBAAsB,OAAA;IACtB,4GAAA,iBAAiB,OAAA;IACjB,oHAAA,yBAAyB,OAAA;IACzB,8GAAA,mBAAmB,OAAA;IAGZ,8GAAA,aAAa,OAAA;IAAE,gIAAA,+BAA+B,OAAA;IAAE,0HAAA,yBAAyB,OAAA;IAEzE,gHAAA,cAAc,OAAA;IAAE,kIAAA,gCAAgC,OAAA;IAAE,4HAAA,0BAA0B,OAAA;IAGnF,0HAAA,mBAAmB,OAAA;IACnB,4IAAA,qCAAqC,OAAA;IACrC,sIAAA,+BAA+B,OAAA;IAI/B,wHAAA,kBAAkB,OAAA;IAClB,0IAAA,oCAAoC,OAAA;IACpC,oIAAA,8BAA8B,OAAA;IAI9B,4GAAA,YAAY,OAAA;IACZ,8HAAA,8BAA8B,OAAA;IAC9B,wHAAA,wBAAwB,OAAA;IACxB,2HAAA,2BAA2B,OAAA;IAC3B,sHAAA,sBAAsB,OAAA;IAGf,sHAAA,iBAAiB,OAAA","sourcesContent":["export {\n Toolbar,\n renderToolbar_unstable,\n toolbarClassNames,\n useToolbarStyles_unstable,\n useToolbar_unstable,\n} from './Toolbar';\nexport type { ToolbarContextValue, ToolbarContextValues, ToolbarProps, ToolbarSlots, ToolbarState } from './Toolbar';\nexport { ToolbarButton, useToolbarButtonStyles_unstable, useToolbarButton_unstable } from './ToolbarButton';\nexport type { ToolbarButtonProps, ToolbarButtonState } from './ToolbarButton';\nexport { ToolbarDivider, useToolbarDividerStyles_unstable, useToolbarDivider_unstable } from './ToolbarDivider';\nexport type { ToolbarDividerProps, ToolbarDividerState } from './ToolbarDivider';\nexport {\n ToolbarToggleButton,\n useToolbarToggleButtonStyles_unstable,\n useToolbarToggleButton_unstable,\n} from './ToolbarToggleButton';\nexport type { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton';\nexport {\n ToolbarRadioButton,\n useToolbarRadioButtonStyles_unstable,\n useToolbarRadioButton_unstable,\n} from './ToolbarRadioButton';\nexport type { ToolbarRadioButtonProps, ToolbarRadioButtonState } from './ToolbarRadioButton';\nexport {\n ToolbarGroup,\n useToolbarGroupStyles_unstable,\n useToolbarGroup_unstable,\n renderToolbarGroup_unstable,\n toolbarGroupClassNames,\n} from './ToolbarGroup';\nexport type { ToolbarGroupProps, ToolbarGroupState } from './ToolbarGroup';\nexport { ToolbarRadioGroup } from './ToolbarRadioGroup';\nexport type { ToolbarRadioGroupProps, ToolbarRadioGroupState } from './ToolbarRadioGroup';\n"]}
|