@fluentui/react-button 0.0.0-nightly-20230426-0420.1 → 0.0.0-nightly-20230428-0419.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.
- package/CHANGELOG.json +19 -19
- package/CHANGELOG.md +12 -12
- package/lib-commonjs/components/Button/Button.js +2 -2
- package/lib-commonjs/components/Button/Button.js.map +1 -1
- package/lib-commonjs/components/Button/index.js +3 -3
- package/lib-commonjs/components/Button/index.js.map +1 -1
- package/lib-commonjs/components/Button/{useButtonStyles.js → useButtonStyles.styles.js} +2 -2
- package/lib-commonjs/components/Button/useButtonStyles.styles.js.map +1 -0
- package/lib-commonjs/components/CompoundButton/CompoundButton.js +2 -2
- package/lib-commonjs/components/CompoundButton/CompoundButton.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/index.js +3 -3
- package/lib-commonjs/components/CompoundButton/index.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/{useCompoundButtonStyles.js → useCompoundButtonStyles.styles.js} +4 -4
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.styles.js.map +1 -0
- package/lib-commonjs/components/MenuButton/MenuButton.js +2 -2
- package/lib-commonjs/components/MenuButton/MenuButton.js.map +1 -1
- package/lib-commonjs/components/MenuButton/index.js +3 -3
- package/lib-commonjs/components/MenuButton/index.js.map +1 -1
- package/lib-commonjs/components/MenuButton/{useMenuButtonStyles.js → useMenuButtonStyles.styles.js} +4 -4
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.styles.js.map +1 -0
- package/lib-commonjs/components/SplitButton/SplitButton.js +2 -2
- package/lib-commonjs/components/SplitButton/SplitButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/index.js +3 -3
- package/lib-commonjs/components/SplitButton/index.js.map +1 -1
- package/lib-commonjs/components/SplitButton/{useSplitButtonStyles.js → useSplitButtonStyles.styles.js} +2 -2
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.styles.js.map +1 -0
- package/lib-commonjs/components/ToggleButton/ToggleButton.js +2 -2
- package/lib-commonjs/components/ToggleButton/ToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/index.js +3 -3
- package/lib-commonjs/components/ToggleButton/index.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/{useToggleButtonStyles.js → useToggleButtonStyles.styles.js} +4 -4
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.styles.js.map +1 -0
- package/package.json +9 -9
- package/dist/index.d.ts +0 -272
- package/lib/Button.js +0 -2
- package/lib/Button.js.map +0 -1
- package/lib/CompoundButton.js +0 -2
- package/lib/CompoundButton.js.map +0 -1
- package/lib/MenuButton.js +0 -2
- package/lib/MenuButton.js.map +0 -1
- package/lib/SplitButton.js +0 -2
- package/lib/SplitButton.js.map +0 -1
- package/lib/ToggleButton.js +0 -2
- package/lib/ToggleButton.js.map +0 -1
- package/lib/components/Button/Button.js +0 -18
- package/lib/components/Button/Button.js.map +0 -1
- package/lib/components/Button/Button.types.js +0 -2
- package/lib/components/Button/Button.types.js.map +0 -1
- package/lib/components/Button/index.js +0 -5
- package/lib/components/Button/index.js.map +0 -1
- package/lib/components/Button/renderButton.js +0 -17
- package/lib/components/Button/renderButton.js.map +0 -1
- package/lib/components/Button/useButton.js +0 -50
- package/lib/components/Button/useButton.js.map +0 -1
- package/lib/components/Button/useButtonStyles.js +0 -485
- package/lib/components/Button/useButtonStyles.js.map +0 -1
- package/lib/components/CompoundButton/CompoundButton.js +0 -18
- package/lib/components/CompoundButton/CompoundButton.js.map +0 -1
- package/lib/components/CompoundButton/CompoundButton.types.js +0 -2
- package/lib/components/CompoundButton/CompoundButton.types.js.map +0 -1
- package/lib/components/CompoundButton/index.js +0 -6
- package/lib/components/CompoundButton/index.js.map +0 -1
- package/lib/components/CompoundButton/renderCompoundButton.js +0 -17
- package/lib/components/CompoundButton/renderCompoundButton.js.map +0 -1
- package/lib/components/CompoundButton/useCompoundButton.js +0 -34
- package/lib/components/CompoundButton/useCompoundButton.js.map +0 -1
- package/lib/components/CompoundButton/useCompoundButtonStyles.js +0 -192
- package/lib/components/CompoundButton/useCompoundButtonStyles.js.map +0 -1
- package/lib/components/MenuButton/MenuButton.js +0 -19
- package/lib/components/MenuButton/MenuButton.js.map +0 -1
- package/lib/components/MenuButton/MenuButton.types.js +0 -2
- package/lib/components/MenuButton/MenuButton.types.js.map +0 -1
- package/lib/components/MenuButton/index.js +0 -6
- package/lib/components/MenuButton/index.js.map +0 -1
- package/lib/components/MenuButton/renderMenuButton.js +0 -17
- package/lib/components/MenuButton/renderMenuButton.js.map +0 -1
- package/lib/components/MenuButton/useMenuButton.js +0 -34
- package/lib/components/MenuButton/useMenuButton.js.map +0 -1
- package/lib/components/MenuButton/useMenuButtonStyles.js +0 -110
- package/lib/components/MenuButton/useMenuButtonStyles.js.map +0 -1
- package/lib/components/SplitButton/SplitButton.js +0 -19
- package/lib/components/SplitButton/SplitButton.js.map +0 -1
- package/lib/components/SplitButton/SplitButton.types.js +0 -2
- package/lib/components/SplitButton/SplitButton.types.js.map +0 -1
- package/lib/components/SplitButton/index.js +0 -6
- package/lib/components/SplitButton/index.js.map +0 -1
- package/lib/components/SplitButton/renderSplitButton.js +0 -13
- package/lib/components/SplitButton/renderSplitButton.js.map +0 -1
- package/lib/components/SplitButton/useSplitButton.js +0 -77
- package/lib/components/SplitButton/useSplitButton.js.map +0 -1
- package/lib/components/SplitButton/useSplitButtonStyles.js +0 -108
- package/lib/components/SplitButton/useSplitButtonStyles.js.map +0 -1
- package/lib/components/ToggleButton/ToggleButton.js +0 -18
- package/lib/components/ToggleButton/ToggleButton.js.map +0 -1
- package/lib/components/ToggleButton/ToggleButton.types.js +0 -2
- package/lib/components/ToggleButton/ToggleButton.types.js.map +0 -1
- package/lib/components/ToggleButton/index.js +0 -6
- package/lib/components/ToggleButton/index.js.map +0 -1
- package/lib/components/ToggleButton/renderToggleButton.js +0 -2
- package/lib/components/ToggleButton/renderToggleButton.js.map +0 -1
- package/lib/components/ToggleButton/useToggleButton.js +0 -14
- package/lib/components/ToggleButton/useToggleButton.js.map +0 -1
- package/lib/components/ToggleButton/useToggleButtonStyles.js +0 -386
- package/lib/components/ToggleButton/useToggleButtonStyles.js.map +0 -1
- package/lib/contexts/ButtonContext.js +0 -15
- package/lib/contexts/ButtonContext.js.map +0 -1
- package/lib/contexts/index.js +0 -2
- package/lib/contexts/index.js.map +0 -1
- package/lib/index.js +0 -8
- package/lib/index.js.map +0 -1
- package/lib/utils/index.js +0 -2
- package/lib/utils/index.js.map +0 -1
- package/lib/utils/useToggleState.js +0 -38
- package/lib/utils/useToggleState.js.map +0 -1
- package/lib-commonjs/components/Button/useButtonStyles.js.map +0 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js.map +0 -1
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.js.map +0 -1
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js.map +0 -1
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js.map +0 -1
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/SplitButton/useSplitButtonStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const splitButtonClassNames = {\n root: 'fui-SplitButton',\n menuButton: 'fui-SplitButton__menuButton',\n primaryActionButton: 'fui-SplitButton__primaryActionButton'\n};\nconst useFocusStyles = /*#__PURE__*/__styles({\n primaryActionButton: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n B6xbmo0: [\"f1x37qnr\", \"f1um7c6d\"],\n kdpuga: [\"fn4c73s\", \"f6pwzcr\"]\n },\n menuButton: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n lbo84a: [\"frrbwxo\", \"f1rgcpbv\"],\n dm238s: [\"f1um7c6d\", \"f1x37qnr\"],\n Bw81rd7: [\"f6pwzcr\", \"fn4c73s\"]\n }\n}, {\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"],\n d: [\".f1x37qnr[data-fui-focus-visible]{border-top-right-radius:0;}\", \".f1um7c6d[data-fui-focus-visible]{border-top-left-radius:0;}\", \".fn4c73s[data-fui-focus-visible]{border-bottom-right-radius:0;}\", \".f6pwzcr[data-fui-focus-visible]{border-bottom-left-radius:0;}\", \".frrbwxo[data-fui-focus-visible]{border-left-width:0;}\", \".f1rgcpbv[data-fui-focus-visible]{border-right-width:0;}\"]\n});\nconst useRootStyles = /*#__PURE__*/__styles({\n base: {\n mc9l5x: \"ftuwxu6\",\n Brf1p80: \"fsxf2b5\",\n qhf8xq: \"f10pi13n\",\n ha4doy: \"fmrv4ls\",\n kn2xc0: [\"f14uur2j\", \"fc1btbj\"],\n Bs76p8a: [\"fye5tvs\", \"fc597qq\"],\n cuxpm9: [\"f1e8brtx\", \"fr36rk3\"],\n Biffepf: [\"fxp12j1\", \"f1m6nt2y\"],\n Defnvf: [\"fr7y8no\", \"f1dn0c6m\"],\n z0pv9t: \"f1hvqvul\"\n },\n outline: {},\n primary: {\n B1l9wao: [\"f117mkrt\", \"f6ic349\"],\n lcnrd8: [\"f10mpf6u\", \"f1bt8jlh\"],\n Brbpp8k: [\"f1c28ih9\", \"fku5vw4\"],\n Bcsxniv: [\"ff0tx2l\", \"fnrj3rw\"],\n tl7e51: [\"f3jppgx\", \"f1m2s8ie\"],\n mba178: [\"f96h41g\", \"fdxf0pi\"]\n },\n secondary: {},\n subtle: {\n B1l9wao: [\"fbw67pg\", \"fcas6k2\"],\n lcnrd8: [\"fn44ryq\", \"fwhhltr\"],\n Brbpp8k: [\"f1xppm0p\", \"fkfp127\"]\n },\n transparent: {\n B1l9wao: [\"fbw67pg\", \"fcas6k2\"],\n lcnrd8: [\"fn44ryq\", \"fwhhltr\"],\n Brbpp8k: [\"f1xppm0p\", \"fkfp127\"]\n },\n circular: {},\n rounded: {},\n square: {},\n disabled: {\n B1l9wao: [\"f10xrnr8\", \"f15nylwb\"],\n lcnrd8: [\"f11fwhjz\", \"f18vtcsx\"],\n Brbpp8k: [\"f31btwb\", \"fzgm9gq\"]\n },\n disabledHighContrast: {\n Bcsxniv: [\"fj2q5vi\", \"f13tct40\"],\n tl7e51: [\"fb2mzc7\", \"f179dhpp\"],\n mba178: [\"f1ma39qa\", \"f1nzpdru\"]\n }\n}, {\n d: [\".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".fsxf2b5{-webkit-box-pack:stretch;-ms-flex-pack:stretch;-webkit-justify-content:stretch;justify-content:stretch;}\", \".f10pi13n{position:relative;}\", \".fmrv4ls{vertical-align:middle;}\", \".f14uur2j .fui-SplitButton__primaryActionButton{border-top-right-radius:0;}\", \".fc1btbj .fui-SplitButton__primaryActionButton{border-top-left-radius:0;}\", \".fye5tvs .fui-SplitButton__primaryActionButton{border-bottom-right-radius:0;}\", \".fc597qq .fui-SplitButton__primaryActionButton{border-bottom-left-radius:0;}\", \".f1e8brtx .fui-SplitButton__menuButton{border-left-width:0;}\", \".fr36rk3 .fui-SplitButton__menuButton{border-right-width:0;}\", \".fxp12j1 .fui-SplitButton__menuButton{border-top-left-radius:0;}\", \".f1m6nt2y .fui-SplitButton__menuButton{border-top-right-radius:0;}\", \".fr7y8no .fui-SplitButton__menuButton{border-bottom-left-radius:0;}\", \".f1dn0c6m .fui-SplitButton__menuButton{border-bottom-right-radius:0;}\", \".f1hvqvul .fui-SplitButton__menuButton{min-width:0;}\", \".f117mkrt .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".f6ic349 .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".fbw67pg .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1);}\", \".fcas6k2 .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1);}\", \".f10xrnr8 .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".f15nylwb .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}\"],\n h: [\".f10mpf6u:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".f1bt8jlh:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".f1c28ih9:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralForegroundOnBrand);}\", \".fku5vw4:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralForegroundOnBrand);}\", \".fn44ryq:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1Hover);}\", \".fwhhltr:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1Hover);}\", \".f1xppm0p:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".fkfp127:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".f11fwhjz:hover .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".f18vtcsx:hover .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f31btwb:hover:active .fui-SplitButton__primaryActionButton{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fzgm9gq:hover:active .fui-SplitButton__primaryActionButton{border-left-color:var(--colorNeutralStrokeDisabled);}\"],\n m: [[\"@media (forced-colors: active){.ff0tx2l .fui-SplitButton__primaryActionButton{border-right-color:HighlightText;}.fnrj3rw .fui-SplitButton__primaryActionButton{border-left-color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f3jppgx:hover .fui-SplitButton__primaryActionButton{border-right-color:Highlight;}.f1m2s8ie:hover .fui-SplitButton__primaryActionButton{border-left-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f96h41g:hover:active .fui-SplitButton__primaryActionButton{border-right-color:Highlight;}.fdxf0pi:hover:active .fui-SplitButton__primaryActionButton{border-left-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fj2q5vi .fui-SplitButton__primaryActionButton{border-right-color:GrayText;}.f13tct40 .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fb2mzc7:hover .fui-SplitButton__primaryActionButton{border-right-color:GrayText;}.f179dhpp:hover .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1ma39qa:hover:active .fui-SplitButton__primaryActionButton{border-right-color:GrayText;}.f1nzpdru:hover:active .fui-SplitButton__primaryActionButton{border-left-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\nexport const useSplitButtonStyles_unstable = state => {\n const rootStyles = useRootStyles();\n const focusStyles = useFocusStyles();\n const {\n appearance,\n disabled,\n disabledFocusable\n } = state;\n state.root.className = mergeClasses(splitButtonClassNames.root, rootStyles.base, appearance && rootStyles[appearance], (disabled || disabledFocusable) && rootStyles.disabled, (disabled || disabledFocusable) && rootStyles.disabledHighContrast, state.root.className);\n if (state.menuButton) {\n state.menuButton.className = mergeClasses(splitButtonClassNames.menuButton, focusStyles.menuButton, state.menuButton.className);\n }\n if (state.primaryActionButton) {\n state.primaryActionButton.className = mergeClasses(splitButtonClassNames.primaryActionButton, focusStyles.primaryActionButton, state.primaryActionButton.className);\n }\n return state;\n};\n//# sourceMappingURL=useSplitButtonStyles.styles.js.map"],"names":["splitButtonClassNames","useSplitButtonStyles_unstable","root","menuButton","primaryActionButton","useFocusStyles","__styles","Brovlpu","B486eqv","B6xbmo0","kdpuga","lbo84a","dm238s","Bw81rd7","f","i","d","useRootStyles","base","mc9l5x","Brf1p80","qhf8xq","ha4doy","kn2xc0","Bs76p8a","cuxpm9","Biffepf","Defnvf","z0pv9t","outline","primary","B1l9wao","lcnrd8","Brbpp8k","Bcsxniv","tl7e51","mba178","secondary","subtle","transparent","circular","rounded","square","disabled","disabledHighContrast","h","m","state","rootStyles","focusStyles","appearance","disabledFocusable","className","mergeClasses"],"mappings":"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"}
|
@@ -10,11 +10,11 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
|
|
10
10
|
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
11
11
|
const _renderToggleButton = require("./renderToggleButton");
|
12
12
|
const _useToggleButton = require("./useToggleButton");
|
13
|
-
const
|
13
|
+
const _useToggleButtonStylesStyles = require("./useToggleButtonStyles.styles");
|
14
14
|
const _reactSharedContexts = require("@fluentui/react-shared-contexts");
|
15
15
|
const ToggleButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
16
16
|
const state = (0, _useToggleButton.useToggleButton_unstable)(props, ref);
|
17
|
-
(0,
|
17
|
+
(0, _useToggleButtonStylesStyles.useToggleButtonStyles_unstable)(state);
|
18
18
|
(0, _reactSharedContexts.useCustomStyleHook_unstable)('useToggleButtonStyles_unstable')(state);
|
19
19
|
return (0, _renderToggleButton.renderToggleButton_unstable)(state);
|
20
20
|
// Casting is required due to lack of distributive union to support unions on @types/react
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/ToggleButton/ToggleButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToggleButton_unstable } from './renderToggleButton';\nimport { useToggleButton_unstable } from './useToggleButton';\nimport { useToggleButtonStyles_unstable } from './useToggleButtonStyles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToggleButtons are buttons that toggle between two defined states when triggered.\n */\nexport const ToggleButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useToggleButton_unstable(props, ref);\n useToggleButtonStyles_unstable(state);\n useCustomStyleHook_unstable('useToggleButtonStyles_unstable')(state);\n return renderToggleButton_unstable(state);\n // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nToggleButton.displayName = 'ToggleButton';\n//# sourceMappingURL=ToggleButton.js.map"],"names":["ToggleButton","React","forwardRef","props","ref","state","useToggleButton_unstable","useToggleButtonStyles_unstable","useCustomStyleHook_unstable","renderToggleButton_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;oCACqB;iCACH;
|
1
|
+
{"version":3,"sources":["../../../lib/components/ToggleButton/ToggleButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderToggleButton_unstable } from './renderToggleButton';\nimport { useToggleButton_unstable } from './useToggleButton';\nimport { useToggleButtonStyles_unstable } from './useToggleButtonStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * ToggleButtons are buttons that toggle between two defined states when triggered.\n */\nexport const ToggleButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useToggleButton_unstable(props, ref);\n useToggleButtonStyles_unstable(state);\n useCustomStyleHook_unstable('useToggleButtonStyles_unstable')(state);\n return renderToggleButton_unstable(state);\n // Casting is required due to lack of distributive union to support unions on @types/react\n});\n\nToggleButton.displayName = 'ToggleButton';\n//# sourceMappingURL=ToggleButton.js.map"],"names":["ToggleButton","React","forwardRef","props","ref","state","useToggleButton_unstable","useToggleButtonStyles_unstable","useCustomStyleHook_unstable","renderToggleButton_unstable","displayName"],"mappings":";;;;+BAQaA;;aAAAA;;;6DARU;oCACqB;iCACH;6CACM;qCACH;AAIrC,MAAMA,eAAe,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACxE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,2DAA8B,EAACF;IAC/BG,IAAAA,gDAA2B,EAAC,kCAAkCH;IAC9D,OAAOI,IAAAA,+CAA2B,EAACJ;AACnC,0FAA0F;AAC5F;AAEAL,aAAaU,WAAW,GAAG,gBAC3B,wCAAwC"}
|
@@ -9,15 +9,15 @@ function _export(target, all) {
|
|
9
9
|
});
|
10
10
|
}
|
11
11
|
_export(exports, {
|
12
|
-
toggleButtonClassNames: ()=>
|
13
|
-
useToggleButtonStyles_unstable: ()=>
|
12
|
+
toggleButtonClassNames: ()=>_useToggleButtonStylesStyles.toggleButtonClassNames,
|
13
|
+
useToggleButtonStyles_unstable: ()=>_useToggleButtonStylesStyles.useToggleButtonStyles_unstable
|
14
14
|
});
|
15
15
|
const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
|
16
16
|
_exportStar(require("./ToggleButton"), exports);
|
17
17
|
_exportStar(require("./ToggleButton.types"), exports);
|
18
18
|
_exportStar(require("./renderToggleButton"), exports);
|
19
19
|
_exportStar(require("./useToggleButton"), exports);
|
20
|
-
const
|
20
|
+
const _useToggleButtonStylesStyles = require("./useToggleButtonStyles.styles");
|
21
21
|
//# sourceMappingURL=index.js.map
|
22
22
|
|
23
23
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../lib/components/ToggleButton/index.js"],"sourcesContent":["export * from './ToggleButton';\nexport * from './ToggleButton.types';\nexport * from './renderToggleButton';\nexport * from './useToggleButton';\nexport { toggleButtonClassNames, useToggleButtonStyles_unstable } from './useToggleButtonStyles';\n//# sourceMappingURL=index.js.map"],"names":["toggleButtonClassNames","useToggleButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,sBAAsB,MAAtBA,
|
1
|
+
{"version":3,"sources":["../../../lib/components/ToggleButton/index.js"],"sourcesContent":["export * from './ToggleButton';\nexport * from './ToggleButton.types';\nexport * from './renderToggleButton';\nexport * from './useToggleButton';\nexport { toggleButtonClassNames, useToggleButtonStyles_unstable } from './useToggleButtonStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":["toggleButtonClassNames","useToggleButtonStyles_unstable"],"mappings":";;;;;;;;;;;IAISA,sBAAsB,MAAtBA,mDAAsB;IAAEC,8BAA8B,MAA9BA,2DAA8B;;;oBAJjD;oBACA;oBACA;oBACA;6CACyD;CACvE,iCAAiC"}
|
@@ -13,7 +13,7 @@ _export(exports, {
|
|
13
13
|
useToggleButtonStyles_unstable: ()=>useToggleButtonStyles_unstable
|
14
14
|
});
|
15
15
|
const _react = require("@griffel/react");
|
16
|
-
const
|
16
|
+
const _useButtonStylesStyles = require("../Button/useButtonStyles.styles");
|
17
17
|
const toggleButtonClassNames = {
|
18
18
|
root: 'fui-ToggleButton',
|
19
19
|
icon: 'fui-ToggleButton__icon'
|
@@ -903,8 +903,8 @@ const useToggleButtonStyles_unstable = (state)=>{
|
|
903
903
|
if (state.icon) {
|
904
904
|
state.icon.className = (0, _react.mergeClasses)(toggleButtonClassNames.icon, (appearance === 'subtle' || appearance === 'transparent') && iconCheckedStyles.subtleOrTransparent, state.icon.className);
|
905
905
|
}
|
906
|
-
(0,
|
906
|
+
(0, _useButtonStylesStyles.useButtonStyles_unstable)(state);
|
907
907
|
return state;
|
908
|
-
}; //# sourceMappingURL=useToggleButtonStyles.js.map
|
908
|
+
}; //# sourceMappingURL=useToggleButtonStyles.styles.js.map
|
909
909
|
|
910
|
-
//# sourceMappingURL=useToggleButtonStyles.js.map
|
910
|
+
//# sourceMappingURL=useToggleButtonStyles.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/ToggleButton/useToggleButtonStyles.styles.js"],"sourcesContent":["import { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nimport { shorthands, mergeClasses, __styles } from '@griffel/react';\nimport { useButtonStyles_unstable } from '../Button/useButtonStyles.styles';\nexport const toggleButtonClassNames = {\n root: 'fui-ToggleButton',\n icon: 'fui-ToggleButton__icon'\n};\nconst useRootCheckedStyles = /*#__PURE__*/__styles({\n base: {\n De3pzq: \"f1nfm20t\",\n g2u3we: \"fj3muxo\",\n h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n B9xav0g: \"f1aperda\",\n zhjwy3: [\"f1lxtadh\", \"f1akhkt\"],\n sj55zd: \"f14nttnl\",\n B4j52fo: \"f192inf7\",\n Bekrc4i: [\"f5tn483\", \"f1ojsxk5\"],\n Bn0qgzm: \"f1vxd6vx\",\n ibv6hh: [\"f1ojsxk5\", \"f5tn483\"],\n D0sxk3: \"fxoiby5\",\n t6yez3: \"f15q0o9g\",\n Jwef8y: \"f1knas48\",\n Bgoe8wy: \"fvcxoqz\",\n Bwzppfd: [\"f1ub3y4t\", \"f1m52nbi\"],\n oetu4i: \"f1xlaoq0\",\n gg5e9n: [\"f1m52nbi\", \"f1ub3y4t\"],\n Bi91k9c: \"feu1g3u\",\n iro3zm: \"f141de4g\",\n b661bw: \"f11v6sdu\",\n Bk6r4ia: [\"f9yn8i4\", \"f1ajwf28\"],\n B9zn80p: \"f1uwu36w\",\n Bpld233: [\"f1ajwf28\", \"f9yn8i4\"],\n B2d53fq: \"f9olfzr\"\n },\n highContrast: {\n Bsw6fvg: \"f1rirnrt\",\n Bjwas2f: \"f132fbg1\",\n Bn1d65q: [\"f1ene5x0\", \"fzbc999\"],\n Bxeuatn: \"f6jgcol\",\n n51gp8: [\"fzbc999\", \"f1ene5x0\"],\n Bbusuzp: \"f1lkg8j3\",\n ycbfsm: \"fkc42ay\",\n Bqrx1nm: \"fq7113v\",\n pgvf35: \"ff1wgvm\",\n Bh7lczh: [\"fiob0tu\", \"f1x4h75k\"],\n dpv3f4: \"f1j6scgf\",\n Bpnjhaq: [\"f1x4h75k\", \"fiob0tu\"],\n ze5xyy: \"f4xjyn1\",\n g2kj27: \"fbgcvur\",\n Bf756sw: \"f1ks1yx8\",\n Bow2dr7: [\"f1o6qegi\", \"fmxjhhp\"],\n Bvhedfk: \"fcnxywj\",\n Gye4lf: [\"fmxjhhp\", \"f1o6qegi\"],\n pc6evw: \"f9ddjv3\",\n Btyszwp: \"f1j4zkqc\",\n B8jyv7h: [\"f1ug3svw\", \"f10xfdm4\"],\n l9kbep: \"f4xlnbu\",\n By5cl00: [\"f10xfdm4\", \"f1ug3svw\"],\n abbn9y: \"f1jhcl7q\",\n Bw5jppy: [\"fokje0w\", \"fpctg2v\"],\n B0tp99d: \"f1yfuj62\",\n B55dcl7: [\"fpctg2v\", \"fokje0w\"],\n G867l3: \"fk75khc\",\n gdbnj: [\"f90nk7n\", \"f16eiqta\"],\n mxns5l: \"fnz8tm1\",\n o3nasb: [\"f16eiqta\", \"f90nk7n\"],\n B7d2ofm: \"fkom8lu\"\n },\n outline: {\n De3pzq: \"f1q9pm1r\",\n g2u3we: \"fj3muxo\",\n h3c5rm: [\"f1akhkt\", \"f1lxtadh\"],\n B9xav0g: \"f1aperda\",\n zhjwy3: [\"f1lxtadh\", \"f1akhkt\"],\n B4j52fo: \"fgx37oo\",\n Bekrc4i: [\"f130t4y6\", \"f1efpmoh\"],\n Bn0qgzm: \"fv51ejd\",\n ibv6hh: [\"f1efpmoh\", \"f130t4y6\"],\n Jwef8y: \"fjxutwb\",\n iro3zm: \"fwiml72\",\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n B8q5s1w: \"fcaw57c\",\n Bci5o5g: [\"fpwd27e\", \"f1999bjr\"],\n n8qw10: \"f1hi52o4\",\n Bdrgwmp: [\"f1999bjr\", \"fpwd27e\"]\n },\n primary: {\n De3pzq: \"f8w4g0q\",\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n sj55zd: \"f1phragk\",\n Jwef8y: \"f15wkkf3\",\n Bgoe8wy: \"f1s2uweq\",\n Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n oetu4i: \"f1ukrpxl\",\n gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n Bi91k9c: \"f1rq72xc\",\n iro3zm: \"fnp9lpt\",\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"],\n B2d53fq: \"f1d6v5y2\"\n },\n secondary: {},\n subtle: {\n De3pzq: \"fq5gl1p\",\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n sj55zd: \"f1eryozh\",\n Jwef8y: \"f1t94bn6\",\n Bgoe8wy: \"f1s2uweq\",\n Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n oetu4i: \"f1ukrpxl\",\n gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n Bi91k9c: \"fnwyq0v\",\n iro3zm: \"fsv2rcd\",\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"],\n B2d53fq: \"f1omzyqd\"\n },\n transparent: {\n De3pzq: \"f1q9pm1r\",\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n sj55zd: \"f1qj7y59\",\n Jwef8y: \"fjxutwb\",\n Bgoe8wy: \"f1s2uweq\",\n Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n oetu4i: \"f1ukrpxl\",\n gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n Bi91k9c: \"f139oj5f\",\n iro3zm: \"fwiml72\",\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"],\n B2d53fq: \"f1fg1p5m\"\n }\n}, {\n d: [\".f1nfm20t{background-color:var(--colorNeutralBackground1Selected);}\", \".fj3muxo{border-top-color:var(--colorNeutralStroke1);}\", \".f1akhkt{border-right-color:var(--colorNeutralStroke1);}\", \".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}\", \".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}\", \".f14nttnl{color:var(--colorNeutralForeground1Selected);}\", \".f192inf7{border-top-width:var(--strokeWidthThin);}\", \".f5tn483{border-right-width:var(--strokeWidthThin);}\", \".f1ojsxk5{border-left-width:var(--strokeWidthThin);}\", \".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}\", \".fxoiby5 .fui-Icon-filled{display:inline;}\", \".f15q0o9g .fui-Icon-regular{display:none;}\", \".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}\", \".fgx37oo{border-top-width:var(--strokeWidthThicker);}\", \".f130t4y6{border-right-width:var(--strokeWidthThicker);}\", \".f1efpmoh{border-left-width:var(--strokeWidthThicker);}\", \".fv51ejd{border-bottom-width:var(--strokeWidthThicker);}\", \".fcaw57c[data-fui-focus-visible]{border-top-color:var(--colorNeutralStroke1);}\", \".fpwd27e[data-fui-focus-visible]{border-right-color:var(--colorNeutralStroke1);}\", \".f1999bjr[data-fui-focus-visible]{border-left-color:var(--colorNeutralStroke1);}\", \".f1hi52o4[data-fui-focus-visible]{border-bottom-color:var(--colorNeutralStroke1);}\", \".f8w4g0q{background-color:var(--colorBrandBackgroundSelected);}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\", \".f1phragk{color:var(--colorNeutralForegroundOnBrand);}\", \".fq5gl1p{background-color:var(--colorSubtleBackgroundSelected);}\", \".f1eryozh{color:var(--colorNeutralForeground2Selected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\"],\n h: [\".f1knas48:hover{background-color:var(--colorNeutralBackground1Hover);}\", \".fvcxoqz:hover{border-top-color:var(--colorNeutralStroke1Hover);}\", \".f1ub3y4t:hover{border-right-color:var(--colorNeutralStroke1Hover);}\", \".f1m52nbi:hover{border-left-color:var(--colorNeutralStroke1Hover);}\", \".f1xlaoq0:hover{border-bottom-color:var(--colorNeutralStroke1Hover);}\", \".feu1g3u:hover{color:var(--colorNeutralForeground1Hover);}\", \".f141de4g:hover:active{background-color:var(--colorNeutralBackground1Pressed);}\", \".f11v6sdu:hover:active{border-top-color:var(--colorNeutralStroke1Pressed);}\", \".f9yn8i4:hover:active{border-right-color:var(--colorNeutralStroke1Pressed);}\", \".f1ajwf28:hover:active{border-left-color:var(--colorNeutralStroke1Pressed);}\", \".f1uwu36w:hover:active{border-bottom-color:var(--colorNeutralStroke1Pressed);}\", \".f9olfzr:hover:active{color:var(--colorNeutralForeground1Pressed);}\", \".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}\", \".f15wkkf3:hover{background-color:var(--colorBrandBackgroundHover);}\", \".f1s2uweq:hover{border-top-color:transparent;}\", \".fr80ssc:hover{border-right-color:transparent;}\", \".fecsdlb:hover{border-left-color:transparent;}\", \".f1ukrpxl:hover{border-bottom-color:transparent;}\", \".f1rq72xc:hover{color:var(--colorNeutralForegroundOnBrand);}\", \".fnp9lpt:hover:active{background-color:var(--colorBrandBackgroundPressed);}\", \".f1h0usnq:hover:active{border-top-color:transparent;}\", \".fs4ktlq:hover:active{border-right-color:transparent;}\", \".fx2bmrt:hover:active{border-left-color:transparent;}\", \".f16h9ulv:hover:active{border-bottom-color:transparent;}\", \".f1d6v5y2:hover:active{color:var(--colorNeutralForegroundOnBrand);}\", \".f1t94bn6:hover{background-color:var(--colorSubtleBackgroundHover);}\", \".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".fsv2rcd:hover:active{background-color:var(--colorSubtleBackgroundPressed);}\", \".f1omzyqd:hover:active{color:var(--colorNeutralForeground2Pressed);}\", \".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}\", \".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}\"],\n m: [[\"@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f132fbg1{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1ene5x0{border-right-color:Highlight;}.fzbc999{border-left-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f6jgcol{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fzbc999{border-left-color:Highlight;}.f1ene5x0{border-right-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1lkg8j3{color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fkc42ay{forced-color-adjust:none;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fq7113v:hover{background-color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.ff1wgvm:hover{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fiob0tu:hover{border-right-color:Highlight;}.f1x4h75k:hover{border-left-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1j6scgf:hover{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1x4h75k:hover{border-left-color:Highlight;}.fiob0tu:hover{border-right-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f4xjyn1:hover{color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fbgcvur:hover:active{background-color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1ks1yx8:hover:active{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1o6qegi:hover:active{border-right-color:Highlight;}.fmxjhhp:hover:active{border-left-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fcnxywj:hover:active{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fmxjhhp:hover:active{border-left-color:Highlight;}.f1o6qegi:hover:active{border-right-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f9ddjv3:hover:active{color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1j4zkqc:focus{border-top-width:1px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1ug3svw:focus{border-right-width:1px;}.f10xfdm4:focus{border-left-width:1px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f4xlnbu:focus{border-bottom-width:1px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f10xfdm4:focus{border-left-width:1px;}.f1ug3svw:focus{border-right-width:1px;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1jhcl7q:focus{border-top-style:solid;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fokje0w:focus{border-right-style:solid;}.fpctg2v:focus{border-left-style:solid;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1yfuj62:focus{border-bottom-style:solid;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fpctg2v:focus{border-left-style:solid;}.fokje0w:focus{border-right-style:solid;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fk75khc:focus{border-top-color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f90nk7n:focus{border-right-color:HighlightText;}.f16eiqta:focus{border-left-color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fnz8tm1:focus{border-bottom-color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f16eiqta:focus{border-left-color:HighlightText;}.f90nk7n:focus{border-right-color:HighlightText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fkom8lu:focus{outline-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }]],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"]\n});\nconst useRootDisabledStyles = /*#__PURE__*/__styles({\n base: {\n De3pzq: \"f1bg9a2p\",\n g2u3we: \"f1jj8ep1\",\n h3c5rm: [\"f15xbau\", \"fy0fskl\"],\n B9xav0g: \"f4ikngz\",\n zhjwy3: [\"fy0fskl\", \"f15xbau\"],\n sj55zd: \"f1s2aq7o\",\n Jwef8y: \"f1falr9n\",\n Bgoe8wy: \"f12mpcsy\",\n Bwzppfd: [\"f1gwvigk\", \"f18rmfxp\"],\n oetu4i: \"f1jnshp0\",\n gg5e9n: [\"f18rmfxp\", \"f1gwvigk\"],\n Bi91k9c: \"fvgxktp\",\n iro3zm: \"f1t6o4dc\",\n b661bw: \"f10ztigi\",\n Bk6r4ia: [\"f1ft5sdu\", \"f1gzf82w\"],\n B9zn80p: \"f12zbtn2\",\n Bpld233: [\"f1gzf82w\", \"f1ft5sdu\"],\n B2d53fq: \"fcvwxyo\"\n },\n outline: {},\n primary: {\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n Bgoe8wy: \"f1s2uweq\",\n Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n oetu4i: \"f1ukrpxl\",\n gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"]\n },\n secondary: {},\n subtle: {\n De3pzq: \"f1c21dwh\",\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n Jwef8y: \"fjxutwb\",\n Bgoe8wy: \"f1s2uweq\",\n Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n oetu4i: \"f1ukrpxl\",\n gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n iro3zm: \"fwiml72\",\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"]\n },\n transparent: {\n De3pzq: \"f1c21dwh\",\n g2u3we: \"f1p3nwhy\",\n h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n B9xav0g: \"f1q5o8ev\",\n zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n Jwef8y: \"fjxutwb\",\n Bgoe8wy: \"f1s2uweq\",\n Bwzppfd: [\"fr80ssc\", \"fecsdlb\"],\n oetu4i: \"f1ukrpxl\",\n gg5e9n: [\"fecsdlb\", \"fr80ssc\"],\n iro3zm: \"fwiml72\",\n b661bw: \"f1h0usnq\",\n Bk6r4ia: [\"fs4ktlq\", \"fx2bmrt\"],\n B9zn80p: \"f16h9ulv\",\n Bpld233: [\"fx2bmrt\", \"fs4ktlq\"]\n }\n}, {\n d: [\".f1bg9a2p{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f1jj8ep1{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f15xbau{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".fy0fskl{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f4ikngz{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\"],\n h: [\".f1falr9n:hover{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f12mpcsy:hover{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f1gwvigk:hover{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".f18rmfxp:hover{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f1jnshp0:hover{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}\", \".f1t6o4dc:hover:active{background-color:var(--colorNeutralBackgroundDisabled);}\", \".f10ztigi:hover:active{border-top-color:var(--colorNeutralStrokeDisabled);}\", \".f1ft5sdu:hover:active{border-right-color:var(--colorNeutralStrokeDisabled);}\", \".f1gzf82w:hover:active{border-left-color:var(--colorNeutralStrokeDisabled);}\", \".f12zbtn2:hover:active{border-bottom-color:var(--colorNeutralStrokeDisabled);}\", \".fcvwxyo:hover:active{color:var(--colorNeutralForegroundDisabled);}\", \".f1s2uweq:hover{border-top-color:transparent;}\", \".fr80ssc:hover{border-right-color:transparent;}\", \".fecsdlb:hover{border-left-color:transparent;}\", \".f1ukrpxl:hover{border-bottom-color:transparent;}\", \".f1h0usnq:hover:active{border-top-color:transparent;}\", \".fs4ktlq:hover:active{border-right-color:transparent;}\", \".fx2bmrt:hover:active{border-left-color:transparent;}\", \".f16h9ulv:hover:active{border-bottom-color:transparent;}\", \".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}\"]\n});\nconst useIconCheckedStyles = /*#__PURE__*/__styles({\n subtleOrTransparent: {\n sj55zd: \"f1qj7y59\"\n }\n}, {\n d: [\".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\"]\n});\nconst usePrimaryHighContrastStyles = /*#__PURE__*/__styles({\n base: {\n Bsw6fvg: \"f4lkoma\",\n Bjwas2f: \"f1bauw5b\",\n Bn1d65q: [\"fbpknfk\", \"fedl69w\"],\n Bxeuatn: \"f15s25nd\",\n n51gp8: [\"fedl69w\", \"fbpknfk\"],\n Bbusuzp: \"f1e4kh5\",\n ycbfsm: \"fg4l7m0\"\n },\n disabled: {\n Bjwas2f: \"fg455y9\",\n Bn1d65q: [\"f1rvyvqg\", \"f14g86mu\"],\n Bxeuatn: \"f1cwzwz\",\n n51gp8: [\"f14g86mu\", \"f1rvyvqg\"],\n Bbusuzp: \"f1dcs8yz\",\n G867l3: \"fjwq6ea\",\n gdbnj: [\"f1lr3nhc\", \"f1mbxvi6\"],\n mxns5l: \"fn5gmvv\",\n o3nasb: [\"f1mbxvi6\", \"f1lr3nhc\"]\n }\n}, {\n m: [[\"@media (forced-colors: active){.f4lkoma{background-color:ButtonFace;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1bauw5b{border-top-color:ButtonBorder;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fbpknfk{border-right-color:ButtonBorder;}.fedl69w{border-left-color:ButtonBorder;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f15s25nd{border-bottom-color:ButtonBorder;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fedl69w{border-left-color:ButtonBorder;}.fbpknfk{border-right-color:ButtonBorder;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1e4kh5{color:ButtonText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fg4l7m0{forced-color-adjust:auto;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fg455y9{border-top-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1rvyvqg{border-right-color:GrayText;}.f14g86mu{border-left-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1cwzwz{border-bottom-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f14g86mu{border-left-color:GrayText;}.f1rvyvqg{border-right-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1dcs8yz{color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fjwq6ea:focus{border-top-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1lr3nhc:focus{border-right-color:GrayText;}.f1mbxvi6:focus{border-left-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fn5gmvv:focus{border-bottom-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1mbxvi6:focus{border-left-color:GrayText;}.f1lr3nhc:focus{border-right-color:GrayText;}}\", {\n m: \"(forced-colors: active)\"\n }]]\n});\nexport const useToggleButtonStyles_unstable = state => {\n const rootCheckedStyles = useRootCheckedStyles();\n const rootDisabledStyles = useRootDisabledStyles();\n const iconCheckedStyles = useIconCheckedStyles();\n const primaryHighContrastStyles = usePrimaryHighContrastStyles();\n const {\n appearance,\n checked,\n disabled,\n disabledFocusable\n } = state;\n state.root.className = mergeClasses(toggleButtonClassNames.root,\n // Primary high contrast styles\n appearance === 'primary' && primaryHighContrastStyles.base, appearance === 'primary' && (disabled || disabledFocusable) && primaryHighContrastStyles.disabled,\n // Checked styles\n checked && rootCheckedStyles.base, checked && rootCheckedStyles.highContrast, appearance && checked && rootCheckedStyles[appearance],\n // Disabled styles\n (disabled || disabledFocusable) && rootDisabledStyles.base, appearance && (disabled || disabledFocusable) && rootDisabledStyles[appearance],\n // User provided class name\n state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(toggleButtonClassNames.icon, (appearance === 'subtle' || appearance === 'transparent') && iconCheckedStyles.subtleOrTransparent, state.icon.className);\n }\n useButtonStyles_unstable(state);\n return state;\n};\n//# sourceMappingURL=useToggleButtonStyles.styles.js.map"],"names":["toggleButtonClassNames","useToggleButtonStyles_unstable","root","icon","useRootCheckedStyles","__styles","base","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","sj55zd","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","D0sxk3","t6yez3","Jwef8y","Bgoe8wy","Bwzppfd","oetu4i","gg5e9n","Bi91k9c","iro3zm","b661bw","Bk6r4ia","B9zn80p","Bpld233","B2d53fq","highContrast","Bsw6fvg","Bjwas2f","Bn1d65q","Bxeuatn","n51gp8","Bbusuzp","ycbfsm","Bqrx1nm","pgvf35","Bh7lczh","dpv3f4","Bpnjhaq","ze5xyy","g2kj27","Bf756sw","Bow2dr7","Bvhedfk","Gye4lf","pc6evw","Btyszwp","B8jyv7h","l9kbep","By5cl00","abbn9y","Bw5jppy","B0tp99d","B55dcl7","G867l3","gdbnj","mxns5l","o3nasb","B7d2ofm","outline","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","primary","secondary","subtle","transparent","d","h","m","f","i","useRootDisabledStyles","useIconCheckedStyles","subtleOrTransparent","usePrimaryHighContrastStyles","disabled","state","rootCheckedStyles","rootDisabledStyles","iconCheckedStyles","primaryHighContrastStyles","appearance","checked","disabledFocusable","className","mergeClasses","useButtonStyles_unstable"],"mappings":"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"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-button",
|
3
|
-
"version": "0.0.0-nightly-
|
3
|
+
"version": "0.0.0-nightly-20230428-0419.1",
|
4
4
|
"description": "Fluent UI React Button component.",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -28,19 +28,19 @@
|
|
28
28
|
"@fluentui/a11y-testing": "^0.1.0",
|
29
29
|
"@fluentui/eslint-plugin": "*",
|
30
30
|
"@fluentui/react-conformance": "*",
|
31
|
-
"@fluentui/react-conformance-griffel": "0.0.0-nightly-
|
31
|
+
"@fluentui/react-conformance-griffel": "0.0.0-nightly-20230428-0419.1",
|
32
32
|
"@fluentui/scripts-api-extractor": "*",
|
33
33
|
"@fluentui/scripts-tasks": "*"
|
34
34
|
},
|
35
35
|
"dependencies": {
|
36
|
-
"@fluentui/keyboard-keys": "0.0.0-nightly-
|
37
|
-
"@fluentui/react-aria": "0.0.0-nightly-
|
36
|
+
"@fluentui/keyboard-keys": "0.0.0-nightly-20230428-0419.1",
|
37
|
+
"@fluentui/react-aria": "0.0.0-nightly-20230428-0419.1",
|
38
38
|
"@fluentui/react-icons": "^2.0.196",
|
39
|
-
"@fluentui/react-jsx-runtime": "0.0.0-nightly-
|
40
|
-
"@fluentui/react-shared-contexts": "0.0.0-nightly-
|
41
|
-
"@fluentui/react-tabster": "0.0.0-nightly-
|
42
|
-
"@fluentui/react-theme": "0.0.0-nightly-
|
43
|
-
"@fluentui/react-utilities": "0.0.0-nightly-
|
39
|
+
"@fluentui/react-jsx-runtime": "0.0.0-nightly-20230428-0419.1",
|
40
|
+
"@fluentui/react-shared-contexts": "0.0.0-nightly-20230428-0419.1",
|
41
|
+
"@fluentui/react-tabster": "0.0.0-nightly-20230428-0419.1",
|
42
|
+
"@fluentui/react-theme": "0.0.0-nightly-20230428-0419.1",
|
43
|
+
"@fluentui/react-utilities": "0.0.0-nightly-20230428-0419.1",
|
44
44
|
"@griffel/react": "^1.5.2",
|
45
45
|
"@swc/helpers": "^0.4.14"
|
46
46
|
},
|
package/dist/index.d.ts
DELETED
@@ -1,272 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
|
3
|
-
import type { ARIAButtonSlotProps } from '@fluentui/react-aria';
|
4
|
-
import type { ComponentProps } from '@fluentui/react-utilities';
|
5
|
-
import type { ComponentState } from '@fluentui/react-utilities';
|
6
|
-
import { ForwardRefComponent } from '@fluentui/react-utilities';
|
7
|
-
import * as React_2 from 'react';
|
8
|
-
import type { Slot } from '@fluentui/react-utilities';
|
9
|
-
import type { SlotClassNames } from '@fluentui/react-utilities';
|
10
|
-
|
11
|
-
/**
|
12
|
-
* Buttons give people a way to trigger an action.
|
13
|
-
*/
|
14
|
-
export declare const Button: ForwardRefComponent<ButtonProps>;
|
15
|
-
|
16
|
-
export declare const buttonClassNames: SlotClassNames<ButtonSlots>;
|
17
|
-
|
18
|
-
/**
|
19
|
-
* @internal
|
20
|
-
* Internal context provider used to update default values between internal components
|
21
|
-
*/
|
22
|
-
export declare const ButtonContextProvider: React_2.Provider<ButtonContextValue | undefined>;
|
23
|
-
|
24
|
-
/**
|
25
|
-
* @internal
|
26
|
-
* Internal context value used to update default values between internal components
|
27
|
-
*/
|
28
|
-
export declare interface ButtonContextValue {
|
29
|
-
size?: ButtonSize;
|
30
|
-
}
|
31
|
-
|
32
|
-
export declare type ButtonProps = ComponentProps<ButtonSlots> & {
|
33
|
-
/**
|
34
|
-
* A button can have its content and borders styled for greater emphasis or to be subtle.
|
35
|
-
* - 'secondary' (default): Gives emphasis to the button in such a way that it indicates a secondary action.
|
36
|
-
* - 'primary': Emphasizes the button as a primary action.
|
37
|
-
* - 'outline': Removes background styling.
|
38
|
-
* - 'subtle': Minimizes emphasis to blend into the background until hovered or focused.
|
39
|
-
* - 'transparent': Removes background and border styling.
|
40
|
-
*
|
41
|
-
* @default 'secondary'
|
42
|
-
*/
|
43
|
-
appearance?: 'secondary' | 'primary' | 'outline' | 'subtle' | 'transparent';
|
44
|
-
/**
|
45
|
-
* When set, allows the button to be focusable even when it has been disabled. This is used in scenarios where it
|
46
|
-
* is important to keep a consistent tab order for screen reader and keyboard users. The primary example of this
|
47
|
-
* pattern is when the disabled button is in a menu or a commandbar and is seldom used for standalone buttons.
|
48
|
-
*
|
49
|
-
* @default false
|
50
|
-
*/
|
51
|
-
disabledFocusable?: boolean;
|
52
|
-
/**
|
53
|
-
* A button can show that it cannot be interacted with.
|
54
|
-
*
|
55
|
-
* @default false
|
56
|
-
*/
|
57
|
-
disabled?: boolean;
|
58
|
-
/**
|
59
|
-
* A button can format its icon to appear before or after its content.
|
60
|
-
*
|
61
|
-
* @default 'before'
|
62
|
-
*/
|
63
|
-
iconPosition?: 'before' | 'after';
|
64
|
-
/**
|
65
|
-
* A button can be rounded, circular, or square.
|
66
|
-
*
|
67
|
-
* @default 'rounded'
|
68
|
-
*/
|
69
|
-
shape?: 'rounded' | 'circular' | 'square';
|
70
|
-
/**
|
71
|
-
* A button supports different sizes.
|
72
|
-
*
|
73
|
-
* @default 'medium'
|
74
|
-
*/
|
75
|
-
size?: ButtonSize;
|
76
|
-
};
|
77
|
-
|
78
|
-
/**
|
79
|
-
* A button supports different sizes.
|
80
|
-
*/
|
81
|
-
declare type ButtonSize = 'small' | 'medium' | 'large';
|
82
|
-
|
83
|
-
export declare type ButtonSlots = {
|
84
|
-
/**
|
85
|
-
* Root of the component that renders as either a `<button>` tag or an `<a>` tag.
|
86
|
-
*/
|
87
|
-
root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;
|
88
|
-
/**
|
89
|
-
* Icon that renders either before or after the `children` as specified by the `iconPosition` prop.
|
90
|
-
*/
|
91
|
-
icon?: Slot<'span'>;
|
92
|
-
};
|
93
|
-
|
94
|
-
export declare type ButtonState = ComponentState<ButtonSlots> & Required<Pick<ButtonProps, 'appearance' | 'disabledFocusable' | 'disabled' | 'iconPosition' | 'shape' | 'size'>> & {
|
95
|
-
/**
|
96
|
-
* A button can contain only an icon.
|
97
|
-
*
|
98
|
-
* @default false
|
99
|
-
*/
|
100
|
-
iconOnly: boolean;
|
101
|
-
};
|
102
|
-
|
103
|
-
/**
|
104
|
-
* CompoundButtons are buttons that can have secondary content that adds extra information to the user.
|
105
|
-
*/
|
106
|
-
export declare const CompoundButton: ForwardRefComponent<CompoundButtonProps>;
|
107
|
-
|
108
|
-
export declare const compoundButtonClassNames: SlotClassNames<CompoundButtonSlots>;
|
109
|
-
|
110
|
-
export declare type CompoundButtonProps = ComponentProps<Partial<CompoundButtonSlots>> & Pick<ButtonProps, 'appearance' | 'disabledFocusable' | 'disabled' | 'iconPosition' | 'shape' | 'size'>;
|
111
|
-
|
112
|
-
export declare type CompoundButtonSlots = ButtonSlots & {
|
113
|
-
/**
|
114
|
-
* Second line of text that describes the action this button takes.
|
115
|
-
*/
|
116
|
-
secondaryContent?: Slot<'span'>;
|
117
|
-
/**
|
118
|
-
* Container that wraps the children and the secondaryContent slot.
|
119
|
-
*/
|
120
|
-
contentContainer: NonNullable<Slot<'span'>>;
|
121
|
-
};
|
122
|
-
|
123
|
-
export declare type CompoundButtonState = ComponentState<CompoundButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components'>;
|
124
|
-
|
125
|
-
/**
|
126
|
-
* MenuButtons are buttons that have a chevron icon after the button contents and are usually clicked to open/close
|
127
|
-
* menus.
|
128
|
-
*/
|
129
|
-
export declare const MenuButton: ForwardRefComponent<MenuButtonProps>;
|
130
|
-
|
131
|
-
export declare const menuButtonClassNames: SlotClassNames<MenuButtonSlots>;
|
132
|
-
|
133
|
-
export declare type MenuButtonProps = ComponentProps<MenuButtonSlots> & Pick<ButtonProps, 'appearance' | 'disabledFocusable' | 'disabled' | 'shape' | 'size'>;
|
134
|
-
|
135
|
-
export declare type MenuButtonSlots = ButtonSlots & {
|
136
|
-
/**
|
137
|
-
* Menu icon that indicates that this button has a menu that can be expanded.
|
138
|
-
*/
|
139
|
-
menuIcon?: Slot<'span'>;
|
140
|
-
};
|
141
|
-
|
142
|
-
export declare type MenuButtonState = ComponentState<MenuButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components' | 'iconPosition'>;
|
143
|
-
|
144
|
-
/**
|
145
|
-
* Renders a Button component by passing the state defined props to the appropriate slots.
|
146
|
-
*/
|
147
|
-
declare const renderButton_unstable: (state: ButtonState) => JSX.Element;
|
148
|
-
export { renderButton_unstable }
|
149
|
-
export { renderButton_unstable as renderToggleButton_unstable }
|
150
|
-
|
151
|
-
/**
|
152
|
-
* Renders a CompoundButton component by passing the state defined props to the appropriate slots.
|
153
|
-
*/
|
154
|
-
export declare const renderCompoundButton_unstable: (state: CompoundButtonState) => JSX.Element;
|
155
|
-
|
156
|
-
/**
|
157
|
-
* Renders a MenuButton component by passing the state defined props to the appropriate slots.
|
158
|
-
*/
|
159
|
-
export declare const renderMenuButton_unstable: (state: MenuButtonState) => JSX.Element;
|
160
|
-
|
161
|
-
/**
|
162
|
-
* Renders a SplitButton component by passing the state defined props to the appropriate slots.
|
163
|
-
*/
|
164
|
-
export declare const renderSplitButton_unstable: (state: SplitButtonState) => JSX.Element;
|
165
|
-
|
166
|
-
/**
|
167
|
-
* SplitButtons are a grouping of two interactive surfaces where interacting with the first one triggers a primary
|
168
|
-
* action, while interacting with the second one opens a menu with secondary actions.
|
169
|
-
*/
|
170
|
-
export declare const SplitButton: ForwardRefComponent<SplitButtonProps>;
|
171
|
-
|
172
|
-
export declare const splitButtonClassNames: SlotClassNames<SplitButtonSlots>;
|
173
|
-
|
174
|
-
export declare type SplitButtonProps = ComponentProps<SplitButtonSlots> & Omit<ButtonProps, 'root'> & Omit<MenuButtonProps, 'root'>;
|
175
|
-
|
176
|
-
export declare type SplitButtonSlots = {
|
177
|
-
/**
|
178
|
-
* Root of the component that wraps the primary action button and menu button.
|
179
|
-
*/
|
180
|
-
root: NonNullable<Slot<'div'>>;
|
181
|
-
/**
|
182
|
-
* Button that opens menu with secondary actions in SplitButton.
|
183
|
-
*/
|
184
|
-
menuButton?: Slot<typeof MenuButton>;
|
185
|
-
/**
|
186
|
-
* Button to perform primary action in SplitButton.
|
187
|
-
*/
|
188
|
-
primaryActionButton?: Slot<typeof Button>;
|
189
|
-
};
|
190
|
-
|
191
|
-
export declare type SplitButtonState = ComponentState<SplitButtonSlots> & Omit<ButtonState, 'components' | 'iconOnly' | 'root'> & Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;
|
192
|
-
|
193
|
-
/**
|
194
|
-
* ToggleButtons are buttons that toggle between two defined states when triggered.
|
195
|
-
*/
|
196
|
-
export declare const ToggleButton: ForwardRefComponent<ToggleButtonProps>;
|
197
|
-
|
198
|
-
export declare const toggleButtonClassNames: SlotClassNames<ButtonSlots>;
|
199
|
-
|
200
|
-
export declare type ToggleButtonProps = ButtonProps & {
|
201
|
-
/**
|
202
|
-
* Defines whether the `ToggleButton` is initially in a checked state or not when rendered.
|
203
|
-
*
|
204
|
-
* @default false
|
205
|
-
*/
|
206
|
-
defaultChecked?: boolean;
|
207
|
-
/**
|
208
|
-
* Defines the controlled checked state of the `ToggleButton`.
|
209
|
-
* If passed, `ToggleButton` ignores the `defaultChecked` property.
|
210
|
-
* This should only be used if the checked state is to be controlled at a higher level and there is a plan to pass the
|
211
|
-
* correct value based on handling `onClick` events and re-rendering.
|
212
|
-
*
|
213
|
-
* @default false
|
214
|
-
*/
|
215
|
-
checked?: boolean;
|
216
|
-
};
|
217
|
-
|
218
|
-
export declare type ToggleButtonState = ButtonState & Required<Pick<ToggleButtonProps, 'checked'>>;
|
219
|
-
|
220
|
-
/**
|
221
|
-
* Given user props, defines default props for the Button, calls useButtonState, and returns processed state.
|
222
|
-
* @param props - User provided props to the Button component.
|
223
|
-
* @param ref - User provided ref to be passed to the Button component.
|
224
|
-
*/
|
225
|
-
export declare const useButton_unstable: (props: ButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ButtonState;
|
226
|
-
|
227
|
-
/**
|
228
|
-
* @internal
|
229
|
-
* Internal context hook used to update default values between internal components
|
230
|
-
*/
|
231
|
-
export declare const useButtonContext: () => ButtonContextValue;
|
232
|
-
|
233
|
-
export declare const useButtonStyles_unstable: (state: ButtonState) => ButtonState;
|
234
|
-
|
235
|
-
/**
|
236
|
-
* Given user props, defines default props for the CompoundButton, calls useButtonState, and returns processed state.
|
237
|
-
* @param props - User provided props to the CompoundButton component.
|
238
|
-
* @param ref - User provided ref to be passed to the CompoundButton component.
|
239
|
-
*/
|
240
|
-
export declare const useCompoundButton_unstable: ({ contentContainer, secondaryContent, ...props }: CompoundButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => CompoundButtonState;
|
241
|
-
|
242
|
-
export declare const useCompoundButtonStyles_unstable: (state: CompoundButtonState) => CompoundButtonState;
|
243
|
-
|
244
|
-
/**
|
245
|
-
* Given user props, returns the final state for a MenuButton.
|
246
|
-
*/
|
247
|
-
export declare const useMenuButton_unstable: ({ menuIcon, ...props }: MenuButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => MenuButtonState;
|
248
|
-
|
249
|
-
export declare const useMenuButtonStyles_unstable: (state: MenuButtonState) => MenuButtonState;
|
250
|
-
|
251
|
-
/**
|
252
|
-
* Given user props, defines default props for the SplitButton and returns processed state.
|
253
|
-
* @param props - User provided props to the SplitButton component.
|
254
|
-
* @param ref - User provided ref to be passed to the SplitButton component.
|
255
|
-
*/
|
256
|
-
export declare const useSplitButton_unstable: (props: SplitButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => SplitButtonState;
|
257
|
-
|
258
|
-
export declare const useSplitButtonStyles_unstable: (state: SplitButtonState) => SplitButtonState;
|
259
|
-
|
260
|
-
/**
|
261
|
-
* Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns
|
262
|
-
* processed state.
|
263
|
-
* @param props - User provided props to the ToggleButton component.
|
264
|
-
* @param ref - User provided ref to be passed to the ToggleButton component.
|
265
|
-
*/
|
266
|
-
export declare const useToggleButton_unstable: (props: ToggleButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToggleButtonState;
|
267
|
-
|
268
|
-
export declare const useToggleButtonStyles_unstable: (state: ToggleButtonState) => ToggleButtonState;
|
269
|
-
|
270
|
-
export declare function useToggleState<TToggleButtonProps extends Pick<ToggleButtonProps, 'checked' | 'defaultChecked' | 'disabled' | 'disabledFocusable'>, TButtonState extends Pick<ButtonState, 'root'>, TToggleButtonState extends Pick<ToggleButtonState, 'checked' | 'root'>>(props: TToggleButtonProps, state: TButtonState): TToggleButtonState;
|
271
|
-
|
272
|
-
export { }
|
package/lib/Button.js
DELETED
package/lib/Button.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":[],"sources":["../src/Button.tsx"],"sourcesContent":["export * from './components/Button/index';\n"],"mappings":"AAAA,cAAc"}
|
package/lib/CompoundButton.js
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":[],"sources":["../src/CompoundButton.ts"],"sourcesContent":["export * from './components/CompoundButton/index';\n"],"mappings":"AAAA,cAAc"}
|
package/lib/MenuButton.js
DELETED
package/lib/MenuButton.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":[],"sources":["../src/MenuButton.ts"],"sourcesContent":["export * from './components/MenuButton/index';\n"],"mappings":"AAAA,cAAc"}
|
package/lib/SplitButton.js
DELETED
package/lib/SplitButton.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":[],"sources":["../src/SplitButton.ts"],"sourcesContent":["export * from './components/SplitButton/index';\n"],"mappings":"AAAA,cAAc"}
|
package/lib/ToggleButton.js
DELETED
package/lib/ToggleButton.js.map
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":[],"sources":["../src/ToggleButton.ts"],"sourcesContent":["export * from './components/ToggleButton/index';\n"],"mappings":"AAAA,cAAc"}
|
@@ -1,18 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { renderButton_unstable } from './renderButton';
|
3
|
-
import { useButton_unstable } from './useButton';
|
4
|
-
import { useButtonStyles_unstable } from './useButtonStyles';
|
5
|
-
import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
|
6
|
-
/**
|
7
|
-
* Buttons give people a way to trigger an action.
|
8
|
-
*/
|
9
|
-
export const Button = /*#__PURE__*/React.forwardRef((props, ref) => {
|
10
|
-
const state = useButton_unstable(props, ref);
|
11
|
-
useButtonStyles_unstable(state);
|
12
|
-
useCustomStyleHook_unstable('useButtonStyles_unstable')(state);
|
13
|
-
return renderButton_unstable(state);
|
14
|
-
// Casting is required due to lack of distributive union to support unions on @types/react
|
15
|
-
});
|
16
|
-
|
17
|
-
Button.displayName = 'Button';
|
18
|
-
//# sourceMappingURL=Button.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":["React","renderButton_unstable","useButton_unstable","useButtonStyles_unstable","useCustomStyleHook_unstable","Button","forwardRef","props","ref","state","displayName"],"sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderButton_unstable } from './renderButton';\nimport { useButton_unstable } from './useButton';\nimport { useButtonStyles_unstable } from './useButtonStyles';\nimport type { ButtonProps } from './Button.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Buttons give people a way to trigger an action.\n */\nexport const Button: ForwardRefComponent<ButtonProps> = React.forwardRef((props, ref) => {\n const state = useButton_unstable(props, ref);\n\n useButtonStyles_unstable(state);\n\n useCustomStyleHook_unstable('useButtonStyles_unstable')(state);\n\n return renderButton_unstable(state);\n // Casting is required due to lack of distributive union to support unions on @types/react\n}) as ForwardRefComponent<ButtonProps>;\n\nButton.displayName = 'Button';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,qBAAqB,QAAQ;AACtC,SAASC,kBAAkB,QAAQ;AACnC,SAASC,wBAAwB,QAAQ;AAGzC,SAASC,2BAA2B,QAAQ;AAE5C;;;AAGA,OAAO,MAAMC,MAAA,gBAA2CL,KAAA,CAAMM,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACvF,MAAMC,KAAA,GAAQP,kBAAA,CAAmBK,KAAA,EAAOC,GAAA;EAExCL,wBAAA,CAAyBM,KAAA;EAEzBL,2BAAA,CAA4B,4BAA4BK,KAAA;EAExD,OAAOR,qBAAA,CAAsBQ,KAAA;EAC7B;AACF;;AAEAJ,MAAA,CAAOK,WAAW,GAAG"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":[],"sources":["../../../src/components/Button/Button.types.ts"],"sourcesContent":["import type { ARIAButtonSlotProps } from '@fluentui/react-aria';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type ButtonSlots = {\n /**\n * Root of the component that renders as either a `<button>` tag or an `<a>` tag.\n */\n root: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n\n /**\n * Icon that renders either before or after the `children` as specified by the `iconPosition` prop.\n */\n icon?: Slot<'span'>;\n};\n\n/**\n * A button supports different sizes.\n */\nexport type ButtonSize = 'small' | 'medium' | 'large';\n\nexport type ButtonProps = ComponentProps<ButtonSlots> & {\n /**\n * A button can have its content and borders styled for greater emphasis or to be subtle.\n * - 'secondary' (default): Gives emphasis to the button in such a way that it indicates a secondary action.\n * - 'primary': Emphasizes the button as a primary action.\n * - 'outline': Removes background styling.\n * - 'subtle': Minimizes emphasis to blend into the background until hovered or focused.\n * - 'transparent': Removes background and border styling.\n *\n * @default 'secondary'\n */\n appearance?: 'secondary' | 'primary' | 'outline' | 'subtle' | 'transparent';\n\n /**\n * When set, allows the button to be focusable even when it has been disabled. This is used in scenarios where it\n * is important to keep a consistent tab order for screen reader and keyboard users. The primary example of this\n * pattern is when the disabled button is in a menu or a commandbar and is seldom used for standalone buttons.\n *\n * @default false\n */\n disabledFocusable?: boolean;\n\n /**\n * A button can show that it cannot be interacted with.\n *\n * @default false\n */\n disabled?: boolean;\n\n /**\n * A button can format its icon to appear before or after its content.\n *\n * @default 'before'\n */\n iconPosition?: 'before' | 'after';\n\n /**\n * A button can be rounded, circular, or square.\n *\n * @default 'rounded'\n */\n shape?: 'rounded' | 'circular' | 'square';\n\n /**\n * A button supports different sizes.\n *\n * @default 'medium'\n */\n size?: ButtonSize;\n};\n\nexport type ButtonState = ComponentState<ButtonSlots> &\n Required<Pick<ButtonProps, 'appearance' | 'disabledFocusable' | 'disabled' | 'iconPosition' | 'shape' | 'size'>> & {\n /**\n * A button can contain only an icon.\n *\n * @default false\n */\n iconOnly: boolean;\n };\n"],"mappings":"AAAA"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":["buttonClassNames","useButtonStyles_unstable"],"sources":["../../../src/components/Button/index.ts"],"sourcesContent":["export * from './Button';\n// Explicit exports to omit ButtonCommons\nexport type { ButtonProps, ButtonSlots, ButtonState } from './Button.types';\nexport * from './renderButton';\nexport * from './useButton';\nexport { buttonClassNames, useButtonStyles_unstable } from './useButtonStyles';\n"],"mappings":"AAAA,cAAc;AAGd,cAAc;AACd,cAAc;AACd,SAASA,gBAAgB,EAAEC,wBAAwB,QAAQ"}
|
@@ -1,17 +0,0 @@
|
|
1
|
-
/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
|
2
|
-
import { getSlotsNext } from '@fluentui/react-utilities';
|
3
|
-
/**
|
4
|
-
* Renders a Button component by passing the state defined props to the appropriate slots.
|
5
|
-
*/
|
6
|
-
export const renderButton_unstable = state => {
|
7
|
-
const {
|
8
|
-
slots,
|
9
|
-
slotProps
|
10
|
-
} = getSlotsNext(state);
|
11
|
-
const {
|
12
|
-
iconOnly,
|
13
|
-
iconPosition
|
14
|
-
} = state;
|
15
|
-
return /*#__PURE__*/createElement(slots.root, slotProps.root, iconPosition !== 'after' && slots.icon && /*#__PURE__*/createElement(slots.icon, slotProps.icon), !iconOnly && state.root.children, iconPosition === 'after' && slots.icon && /*#__PURE__*/createElement(slots.icon, slotProps.icon));
|
16
|
-
};
|
17
|
-
//# sourceMappingURL=renderButton.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"names":["createElement","getSlotsNext","renderButton_unstable","state","slots","slotProps","iconOnly","iconPosition","root","icon","children"],"sources":["../../../src/components/Button/renderButton.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { ButtonSlots, ButtonState } from './Button.types';\n\n/**\n * Renders a Button component by passing the state defined props to the appropriate slots.\n */\nexport const renderButton_unstable = (state: ButtonState) => {\n const { slots, slotProps } = getSlotsNext<ButtonSlots>(state);\n const { iconOnly, iconPosition } = state;\n\n return (\n <slots.root {...slotProps.root}>\n {iconPosition !== 'after' && slots.icon && <slots.icon {...slotProps.icon} />}\n {!iconOnly && state.root.children}\n {iconPosition === 'after' && slots.icon && <slots.icon {...slotProps.icon} />}\n </slots.root>\n );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAG7B;;;AAGA,OAAO,MAAMC,qBAAA,GAAyBC,KAAA,IAAuB;EAC3D,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGJ,YAAA,CAA0BE,KAAA;EACvD,MAAM;IAAEG,QAAA;IAAUC;EAAY,CAAE,GAAGJ,KAAA;EAEnC,oBACEH,aAfJ,CAeKI,KAAA,CAAMI,IAAI,EAAKH,SAAA,CAAUG,IAAI,EAC3BD,YAAA,KAAiB,WAAWH,KAAA,CAAMK,IAAI,iBAAIT,aAhBjD,CAgBkDI,KAAA,CAAMK,IAAI,EAAKJ,SAAA,CAAUI,IAAI,GACxE,CAACH,QAAA,IAAYH,KAAA,CAAMK,IAAI,CAACE,QAAQ,EAChCH,YAAA,KAAiB,WAAWH,KAAA,CAAMK,IAAI,iBAAIT,aAlBjD,CAkBkDI,KAAA,CAAMK,IAAI,EAAKJ,SAAA,CAAUI,IAAI;AAG/E"}
|