@fluentui/react-toolbar 9.7.6 → 9.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (61) hide show
  1. package/CHANGELOG.md +32 -2
  2. package/dist/index.d.ts +79 -7
  3. package/lib/components/Toolbar/Toolbar.types.js +1 -1
  4. package/lib/components/Toolbar/Toolbar.types.js.map +1 -1
  5. package/lib/components/Toolbar/ToolbarContext.js.map +1 -1
  6. package/lib/components/Toolbar/renderToolbar.js.map +1 -1
  7. package/lib/components/Toolbar/useToolbar.js +0 -1
  8. package/lib/components/Toolbar/useToolbar.js.map +1 -1
  9. package/lib/components/Toolbar/useToolbarContextValues.js +10 -3
  10. package/lib/components/Toolbar/useToolbarContextValues.js.map +1 -1
  11. package/lib/components/Toolbar/useToolbarStyles.styles.raw.js.map +1 -1
  12. package/lib/components/ToolbarButton/ToolbarButton.types.js.map +1 -1
  13. package/lib/components/ToolbarButton/useToolbarButton.js +5 -9
  14. package/lib/components/ToolbarButton/useToolbarButton.js.map +1 -1
  15. package/lib/components/ToolbarButton/useToolbarButtonStyles.styles.raw.js.map +1 -1
  16. package/lib/components/ToolbarDivider/ToolbarDivider.types.js.map +1 -1
  17. package/lib/components/ToolbarDivider/useToolbarDivider.js +6 -5
  18. package/lib/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
  19. package/lib/components/ToolbarGroup/useToolbarGroup.js +0 -1
  20. package/lib/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
  21. package/lib/components/ToolbarGroup/useToolbarGroupStyles.styles.raw.js.map +1 -1
  22. package/lib/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +1 -1
  23. package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js +7 -7
  24. package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
  25. package/lib/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.raw.js.map +1 -1
  26. package/lib/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +1 -1
  27. package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js +7 -5
  28. package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
  29. package/lib/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.raw.js.map +1 -1
  30. package/lib/index.js +5 -16
  31. package/lib/index.js.map +1 -1
  32. package/lib-commonjs/components/Toolbar/Toolbar.types.js +0 -2
  33. package/lib-commonjs/components/Toolbar/Toolbar.types.js.map +1 -1
  34. package/lib-commonjs/components/Toolbar/ToolbarContext.js.map +1 -1
  35. package/lib-commonjs/components/Toolbar/renderToolbar.js.map +1 -1
  36. package/lib-commonjs/components/Toolbar/useToolbar.js +0 -2
  37. package/lib-commonjs/components/Toolbar/useToolbar.js.map +1 -1
  38. package/lib-commonjs/components/Toolbar/useToolbarContextValues.js +11 -3
  39. package/lib-commonjs/components/Toolbar/useToolbarContextValues.js.map +1 -1
  40. package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.raw.js.map +1 -1
  41. package/lib-commonjs/components/ToolbarButton/ToolbarButton.types.js.map +1 -1
  42. package/lib-commonjs/components/ToolbarButton/useToolbarButton.js +4 -9
  43. package/lib-commonjs/components/ToolbarButton/useToolbarButton.js.map +1 -1
  44. package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.styles.raw.js.map +1 -1
  45. package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.types.js.map +1 -1
  46. package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js +5 -5
  47. package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
  48. package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js +0 -2
  49. package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
  50. package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.styles.raw.js.map +1 -1
  51. package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +1 -1
  52. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js +6 -7
  53. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
  54. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.raw.js.map +1 -1
  55. package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +1 -1
  56. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js +6 -5
  57. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
  58. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.raw.js.map +1 -1
  59. package/lib-commonjs/index.js +15 -11
  60. package/lib-commonjs/index.js.map +1 -1
  61. package/package.json +8 -8
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/ToolbarToggleButton/useToolbarToggleButton.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\nimport type {\n ToolbarToggleButtonProps,\n ToolbarToggleButtonState,\n ToolbarToggleButtonBaseProps,\n ToolbarToggleButtonBaseState,\n} 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 { appearance = 'subtle', ...baseProps } = props;\n const state = useToolbarToggleButtonBase_unstable(baseProps, ref);\n return {\n appearance,\n ...state,\n };\n};\n\n/**\n * Base hook that builds Toolbar ToggleButton state for behavior and structure only.\n * It does not provide any design-related defaults.\n *\n * @internal\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 useToolbarToggleButtonBase_unstable = (\n props: ToolbarToggleButtonBaseProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarToggleButtonBaseState => {\n const handleToggleButton = useToolbarContext_unstable(ctx => ctx.handleToggleButton);\n const checked = useToolbarContext_unstable(ctx => !!ctx.checkedValues[props.name]?.includes(props.value));\n\n const { onClick: onClickOriginal } = props;\n const toggleButtonState = useToggleButton_unstable({ checked, ...props }, ref);\n const state: ToolbarToggleButtonBaseState = {\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 || state.disabledFocusable) {\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"],"names":["React","useToggleButton_unstable","useToolbarContext_unstable","useToolbarToggleButton_unstable","props","ref","appearance","baseProps","state","useToolbarToggleButtonBase_unstable","handleToggleButton","ctx","checked","checkedValues","name","includes","value","onClick","onClickOriginal","toggleButtonState","handleOnClick","e","disabled","disabledFocusable","preventDefault","stopPropagation","root"],"mappings":"AAAA;;;;;;;;;;;;uCAsCaS;eAAAA;;mCApBAN;;;;;iEAhBU,QAAQ;6BACU,yBAAyB;gCACvB,4BAA4B;AAchE,MAAMA,kCAAkC,CAC7CC,OACAC;IAEA,MAAM,EAAEC,aAAa,QAAQ,EAAE,GAAGC,WAAW,GAAGH;IAChD,MAAMI,QAAQC,oCAAoCF,WAAWF;IAC7D,OAAO;QACLC;QACA,GAAGE,KAAK;IACV;AACF,EAAE;AAUK,4CAA4C,CACjDJ,OACAC;IAEA,MAAMK,yBAAqBR,0CAAAA,EAA2BS,CAAAA,MAAOA,IAAID,kBAAkB;IACnF,MAAME,UAAUV,8CAAAA,EAA2BS,CAAAA;YAASA;eAAF,CAAC,CAAA,CAAA,CAACA,gCAAAA,IAAIE,aAAa,CAACT,MAAMU,IAAI,CAAC,MAAA,QAA7BH,kCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,8BAA+BI,QAAQ,CAACX,MAAMY,MAAK;;IAEvG,MAAM,EAAEC,SAASC,eAAe,EAAE,GAAGd;IACrC,MAAMe,wBAAoBlB,qCAAAA,EAAyB;QAAEW;QAAS,GAAGR,KAAK;IAAC,GAAGC;IAC1E,MAAMG,QAAsC;QAC1C,GAAGW,iBAAiB;QACpBL,MAAMV,MAAMU,IAAI;QAChBE,OAAOZ,MAAMY,KAAK;IACpB;IAEA,MAAMI,gBAAgB,CACpBC;QAEA,IAAIb,MAAMc,QAAQ,IAAId,MAAMe,iBAAiB,EAAE;YAC7CF,EAAEG,cAAc;YAChBH,EAAEI,eAAe;YACjB;QACF;QAEAf,uBAAAA,QAAAA,uBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,mBAAqBW,GAAGb,MAAMM,IAAI,EAAEN,MAAMQ,KAAK,EAAER,MAAMI,OAAO;QAC9DM,oBAAAA,QAAAA,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAkBG;IACpB;IAEAb,MAAMkB,IAAI,CAACT,OAAO,GAAGG;IACrB,OAAOZ;AACT,EAAE"}
1
+ {"version":3,"sources":["../src/components/ToolbarToggleButton/useToolbarToggleButton.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useToggleButtonBase_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\nimport type {\n ToolbarToggleButtonProps,\n ToolbarToggleButtonState,\n ToolbarToggleButtonBaseProps,\n ToolbarToggleButtonBaseState,\n} 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 contextSize = useToolbarContext_unstable(ctx => ctx.size);\n const { appearance = 'subtle', size = contextSize ?? 'medium', ...baseProps } = props;\n const state = useToolbarToggleButtonBase_unstable(baseProps, ref);\n\n return {\n ...state,\n appearance,\n size,\n shape: 'rounded',\n };\n};\n\n/**\n * Base hook that builds Toolbar ToggleButton state for behavior and structure only.\n * It does not provide any design-related defaults.\n *\n * @internal\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 useToolbarToggleButtonBase_unstable = (\n props: ToolbarToggleButtonBaseProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarToggleButtonBaseState => {\n const handleToggleButton = useToolbarContext_unstable(ctx => ctx.handleToggleButton);\n const checked = useToolbarContext_unstable(ctx => !!ctx.checkedValues[props.name]?.includes(props.value));\n\n const { onClick: onClickOriginal } = props;\n const toggleButtonState = useToggleButtonBase_unstable({ checked, ...props }, ref);\n const state: ToolbarToggleButtonBaseState = {\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 || state.disabledFocusable) {\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"],"names":["useToggleButtonBase_unstable","useToolbarContext_unstable","useToolbarToggleButton_unstable","props","ref","contextSize","ctx","size","appearance","baseProps","state","useToolbarToggleButtonBase_unstable","shape","handleToggleButton","checked","checkedValues","name","includes","value","onClick","onClickOriginal","toggleButtonState","handleOnClick","e","disabled","disabledFocusable","preventDefault","stopPropagation","root"],"mappings":"AAAA;;;;;;;;;;;;IA0CaW,mCAAAA;;;mCAxBAT;;;;6BAfgC,yBAAyB;gCAC3B,4BAA4B;AAchE,MAAMA,kCAAkC,CAC7CC,OACAC;IAEA,MAAMC,kBAAcJ,0CAAAA,EAA2BK,CAAAA,MAAOA,IAAIC,IAAI;IAC9D,MAAM,EAAEC,aAAa,QAAQ,EAAED,OAAOF,gBAAAA,QAAAA,gBAAAA,KAAAA,IAAAA,cAAe,QAAQ,EAAE,GAAGI,WAAW,GAAGN;IAChF,MAAMO,QAAQC,oCAAoCF,WAAWL;IAE7D,OAAO;QACL,GAAGM,KAAK;QACRF;QACAD;QACAK,OAAO;IACT;AACF,EAAE;AAUK,4CAA4C,CACjDT,OACAC;IAEA,MAAMS,yBAAqBZ,0CAAAA,EAA2BK,CAAAA,MAAOA,IAAIO,kBAAkB;IACnF,MAAMC,cAAUb,0CAAAA,EAA2BK,CAAAA;YAASA;eAAF,CAAC,CAAA,CAAA,CAACA,gCAAAA,IAAIS,aAAa,CAACZ,MAAMa,KAAI,AAAC,MAAA,QAA7BV,kCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,8BAA+BW,QAAQ,CAACd,MAAMe,MAAK;;IAEvG,MAAM,EAAEC,SAASC,eAAe,EAAE,GAAGjB;IACrC,MAAMkB,wBAAoBrB,yCAAAA,EAA6B;QAAEc;QAAS,GAAGX,KAAK;IAAC,GAAGC;IAC9E,MAAMM,QAAsC;QAC1C,GAAGW,iBAAiB;QACpBL,MAAMb,MAAMa,IAAI;QAChBE,OAAOf,MAAMe,KAAK;IACpB;IAEA,MAAMI,gBAAgB,CACpBC;QAEA,IAAIb,MAAMc,QAAQ,IAAId,MAAMe,iBAAiB,EAAE;YAC7CF,EAAEG,cAAc;YAChBH,EAAEI,eAAe;YACjB;QACF;QAEAd,uBAAAA,QAAAA,uBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,mBAAqBU,GAAGb,MAAMM,IAAI,EAAEN,MAAMQ,KAAK,EAAER,MAAMI,OAAO;QAC9DM,oBAAAA,QAAAA,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAkBG;IACpB;IAEAb,MAAMkB,IAAI,CAACT,OAAO,GAAGG;IACrB,OAAOZ;AACT,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { 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 /* use subtle ToggleButton selected styles for Toolbar Radio selected state */\n selected: {\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n color: tokens.colorNeutralForeground2Selected,\n },\n\n iconSelected: {\n color: tokens.colorNeutralForeground2BrandSelected,\n },\n});\n\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */\nexport const useToolbarToggleButtonStyles_unstable = (state: ToolbarToggleButtonState): ToolbarToggleButtonState => {\n 'use no memo';\n\n const toggleButtonStyles = useBaseStyles();\n\n state.root.className = mergeClasses(state.checked && toggleButtonStyles.selected, state.root.className);\n\n if (state.icon) {\n state.icon.className = mergeClasses(state.checked && toggleButtonStyles.iconSelected, state.icon.className);\n }\n\n useToggleButtonStyles_unstable(state);\n\n return state;\n};\n"],"names":["tokens","makeStyles","mergeClasses","useToggleButtonStyles_unstable","useBaseStyles","selected","backgroundColor","colorSubtleBackgroundSelected","color","colorNeutralForeground2Selected","iconSelected","colorNeutralForeground2BrandSelected","useToolbarToggleButtonStyles_unstable","state","toggleButtonStyles","root","className","checked","icon"],"mappings":"AAAA;;;;;;;;;;;4BAEuB,wBAAwB;uBACN,iBAAiB;6BACX,yBAAyB;AAGxE,MAAMI,oBAAgBH,iBAAAA,EAAW;IAC/B,4EAA4E,GAC5EI,UAAU;QACRC,iBAAiBN,kBAAAA,CAAOO,6BAA6B;QACrDC,OAAOR,kBAAAA,CAAOS,+BAA+B;IAC/C;IAEAC,cAAc;QACZF,OAAOR,kBAAAA,CAAOW,oCAAoC;IACpD;AACF;AAKO,MAAMC,wCAAwC,CAACC;IACpD;IAEA,MAAMC,qBAAqBV;IAE3BS,MAAME,IAAI,CAACC,SAAS,GAAGd,uBAAAA,EAAaW,MAAMI,OAAO,IAAIH,mBAAmBT,QAAQ,EAAEQ,MAAME,IAAI,CAACC,SAAS;IAEtG,IAAIH,MAAMK,IAAI,EAAE;QACdL,MAAMK,IAAI,CAACF,SAAS,OAAGd,mBAAAA,EAAaW,MAAMI,OAAO,IAAIH,mBAAmBJ,YAAY,EAAEG,MAAMK,IAAI,CAACF,SAAS;IAC5G;QAEAb,2CAAAA,EAA+BU;IAE/B,OAAOA;AACT,EAAE"}
1
+ {"version":3,"sources":["../src/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nimport type { ToolbarToggleButtonState } from './ToolbarToggleButton.types';\n\nconst useBaseStyles = makeStyles({\n /* use subtle ToggleButton selected styles for Toolbar Radio selected state */\n selected: {\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n color: tokens.colorNeutralForeground2Selected,\n },\n\n iconSelected: {\n color: tokens.colorNeutralForeground2BrandSelected,\n },\n});\n\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */\nexport const useToolbarToggleButtonStyles_unstable = (state: ToolbarToggleButtonState): ToolbarToggleButtonState => {\n 'use no memo';\n\n const toggleButtonStyles = useBaseStyles();\n\n state.root.className = mergeClasses(state.checked && toggleButtonStyles.selected, state.root.className);\n\n if (state.icon) {\n state.icon.className = mergeClasses(state.checked && toggleButtonStyles.iconSelected, state.icon.className);\n }\n\n useToggleButtonStyles_unstable(state);\n\n return state;\n};\n"],"names":["tokens","makeStyles","mergeClasses","useToggleButtonStyles_unstable","useBaseStyles","selected","backgroundColor","colorSubtleBackgroundSelected","color","colorNeutralForeground2Selected","iconSelected","colorNeutralForeground2BrandSelected","useToolbarToggleButtonStyles_unstable","state","toggleButtonStyles","root","className","checked","icon"],"mappings":"AAAA;;;;;;;;;;;4BAEuB,wBAAwB;uBACN,iBAAiB;6BACX,yBAAyB;AAGxE,MAAMI,oBAAgBH,iBAAAA,EAAW;IAC/B,4EAA4E,GAC5EI,UAAU;QACRC,iBAAiBN,kBAAAA,CAAOO,6BAA6B;QACrDC,OAAOR,kBAAAA,CAAOS,+BAA+B;IAC/C;IAEAC,cAAc;QACZF,OAAOR,kBAAAA,CAAOW,oCAAoC;IACpD;AACF;AAKO,MAAMC,wCAAwC,CAACC;IACpD;IAEA,MAAMC,qBAAqBV;IAE3BS,MAAME,IAAI,CAACC,SAAS,GAAGd,uBAAAA,EAAaW,MAAMI,OAAO,IAAIH,mBAAmBT,QAAQ,EAAEQ,MAAME,IAAI,CAACC,SAAS;IAEtG,IAAIH,MAAMK,IAAI,EAAE;QACdL,MAAMK,IAAI,CAACF,SAAS,OAAGd,mBAAAA,EAAaW,MAAMI,OAAO,IAAIH,mBAAmBJ,YAAY,EAAEG,MAAMK,IAAI,CAACF,SAAS;IAC5G;QAEAb,2CAAAA,EAA+BU;IAE/B,OAAOA;AACT,EAAE"}
@@ -42,6 +42,12 @@ _export(exports, {
42
42
  toolbarGroupClassNames: function() {
43
43
  return _ToolbarGroup.toolbarGroupClassNames;
44
44
  },
45
+ useToolbarBase_unstable: function() {
46
+ return _Toolbar.useToolbarBase_unstable;
47
+ },
48
+ useToolbarButtonBase_unstable: function() {
49
+ return _ToolbarButton.useToolbarButtonBase_unstable;
50
+ },
45
51
  useToolbarButtonStyles_unstable: function() {
46
52
  return _ToolbarButton.useToolbarButtonStyles_unstable;
47
53
  },
@@ -54,6 +60,9 @@ _export(exports, {
54
60
  useToolbarContext_unstable: function() {
55
61
  return _Toolbar.useToolbarContext_unstable;
56
62
  },
63
+ useToolbarDividerBase_unstable: function() {
64
+ return _ToolbarDivider.useToolbarDividerBase_unstable;
65
+ },
57
66
  useToolbarDividerStyles_unstable: function() {
58
67
  return _ToolbarDivider.useToolbarDividerStyles_unstable;
59
68
  },
@@ -66,6 +75,9 @@ _export(exports, {
66
75
  useToolbarGroup_unstable: function() {
67
76
  return _ToolbarGroup.useToolbarGroup_unstable;
68
77
  },
78
+ useToolbarRadioButtonBase_unstable: function() {
79
+ return _ToolbarRadioButton.useToolbarRadioButtonBase_unstable;
80
+ },
69
81
  useToolbarRadioButtonStyles_unstable: function() {
70
82
  return _ToolbarRadioButton.useToolbarRadioButtonStyles_unstable;
71
83
  },
@@ -75,6 +87,9 @@ _export(exports, {
75
87
  useToolbarStyles_unstable: function() {
76
88
  return _Toolbar.useToolbarStyles_unstable;
77
89
  },
90
+ useToolbarToggleButtonBase_unstable: function() {
91
+ return _ToolbarToggleButton.useToolbarToggleButtonBase_unstable;
92
+ },
78
93
  useToolbarToggleButtonStyles_unstable: function() {
79
94
  return _ToolbarToggleButton.useToolbarToggleButtonStyles_unstable;
80
95
  },
@@ -92,14 +107,3 @@ const _ToolbarToggleButton = require("./ToolbarToggleButton");
92
107
  const _ToolbarRadioButton = require("./ToolbarRadioButton");
93
108
  const _ToolbarGroup = require("./ToolbarGroup");
94
109
  const _ToolbarRadioGroup = require("./ToolbarRadioGroup");
95
- // Experimental APIs
96
- // export type { ToolbarBaseState, ToolbarBaseProps } from './Toolbar';
97
- // export { useToolbarBase_unstable } from './Toolbar';
98
- // export type { ToolbarButtonBaseState, ToolbarButtonBaseProps } from './ToolbarButton';
99
- // export { useToolbarButtonBase_unstable } from './ToolbarButton';
100
- // export type { ToolbarDividerBaseState, ToolbarDividerBaseProps } from './ToolbarDivider';
101
- // export { useToolbarDividerBase_unstable } from './ToolbarDivider';
102
- // export type { ToolbarRadioButtonBaseState, ToolbarRadioButtonBaseProps } from './ToolbarRadioButton';
103
- // export { useToolbarRadioButtonBase_unstable } from './ToolbarRadioButton';
104
- // export type { ToolbarToggleButtonBaseState, ToolbarToggleButtonBaseProps } from './ToolbarToggleButton';
105
- // export { useToolbarToggleButtonBase_unstable } from './ToolbarToggleButton';
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n Toolbar,\n renderToolbar_unstable,\n toolbarClassNames,\n useToolbarStyles_unstable,\n useToolbar_unstable,\n useToolbarContextValues_unstable,\n useToolbarContext_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\n// Experimental APIs\n// export type { ToolbarBaseState, ToolbarBaseProps } from './Toolbar';\n// export { useToolbarBase_unstable } from './Toolbar';\n// export type { ToolbarButtonBaseState, ToolbarButtonBaseProps } from './ToolbarButton';\n// export { useToolbarButtonBase_unstable } from './ToolbarButton';\n// export type { ToolbarDividerBaseState, ToolbarDividerBaseProps } from './ToolbarDivider';\n// export { useToolbarDividerBase_unstable } from './ToolbarDivider';\n// export type { ToolbarRadioButtonBaseState, ToolbarRadioButtonBaseProps } from './ToolbarRadioButton';\n// export { useToolbarRadioButtonBase_unstable } from './ToolbarRadioButton';\n// export type { ToolbarToggleButtonBaseState, ToolbarToggleButtonBaseProps } from './ToolbarToggleButton';\n// export { useToolbarToggleButtonBase_unstable } from './ToolbarToggleButton';\n"],"names":["Toolbar","renderToolbar_unstable","toolbarClassNames","useToolbarStyles_unstable","useToolbar_unstable","useToolbarContextValues_unstable","useToolbarContext_unstable","ToolbarButton","useToolbarButtonStyles_unstable","useToolbarButton_unstable","ToolbarDivider","useToolbarDividerStyles_unstable","useToolbarDivider_unstable","ToolbarToggleButton","useToolbarToggleButtonStyles_unstable","useToolbarToggleButton_unstable","ToolbarRadioButton","useToolbarRadioButtonStyles_unstable","useToolbarRadioButton_unstable","ToolbarGroup","useToolbarGroupStyles_unstable","useToolbarGroup_unstable","renderToolbarGroup_unstable","toolbarGroupClassNames","ToolbarRadioGroup"],"mappings":";;;;;;;;;;;IACEA,OAAO;;;;eASAO,4BAAa;;;eAEbG,8BAAc;;;eAerBS,0BAAY;;;eANZH,sCAAkB;;;eAaXQ,oCAAiB;;;eAnBxBX,wCAAmB;;IAenBS,2BAA2B;;;;eA5B3BrB,+BAAsB;;;eACtBC,0BAAiB;;;eA4BjBqB,oCAAsB;;;eArBAf,8CAA+B;;IAAEC;uDAAyB;;;eAJhFJ,yCAAgC;;;eAChCC,mCAA0B;;;eAKHK,gDAAgC;;;eAAEC,0CAA0B;;;eAgBnFQ,4CAA8B;;IAC9BC;qDAAwB;;IAPxBJ;uEAAoC;;;eACpCC,kDAA8B;;;eAnB9Bf,kCAAyB;;;eAYzBW,0DAAqC;;;eACrCC,oDAA+B;;;eAZ/BX,4BAAmB;;;yBAGd,YAAY;+BAEuE,kBAAkB;gCAEf,mBAAmB;qCAMzG,wBAAwB;oCAMxB,uBAAuB;8BAQvB,iBAAiB;mCAEU,sBAAsB;CAGxD,oBAAoB;CACpB,uEAAuE;CACvE,uDAAuD;CACvD,yFAAyF;CACzF,mEAAmE;CACnE,4FAA4F;CAC5F,qEAAqE;CACrE,wGAAwG;CACxG,6EAA6E;CAC7E,2GAA2G;CAC3G,+EAA+E"}
1
+ {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n Toolbar,\n renderToolbar_unstable,\n toolbarClassNames,\n useToolbarStyles_unstable,\n useToolbar_unstable,\n useToolbarContextValues_unstable,\n useToolbarContext_unstable,\n useToolbarBase_unstable,\n} from './Toolbar';\nexport type {\n ToolbarContextValue,\n ToolbarContextValues,\n ToolbarProps,\n ToolbarSlots,\n ToolbarState,\n ToolbarBaseState,\n ToolbarBaseProps,\n} from './Toolbar';\nexport {\n ToolbarButton,\n useToolbarButtonStyles_unstable,\n useToolbarButton_unstable,\n useToolbarButtonBase_unstable,\n} from './ToolbarButton';\nexport type {\n ToolbarButtonProps,\n ToolbarButtonState,\n ToolbarButtonBaseState,\n ToolbarButtonBaseProps,\n} from './ToolbarButton';\nexport {\n ToolbarDivider,\n useToolbarDividerStyles_unstable,\n useToolbarDivider_unstable,\n useToolbarDividerBase_unstable,\n} from './ToolbarDivider';\nexport type {\n ToolbarDividerProps,\n ToolbarDividerState,\n ToolbarDividerBaseState,\n ToolbarDividerBaseProps,\n} from './ToolbarDivider';\nexport {\n ToolbarToggleButton,\n useToolbarToggleButtonStyles_unstable,\n useToolbarToggleButton_unstable,\n useToolbarToggleButtonBase_unstable,\n} from './ToolbarToggleButton';\nexport type {\n ToolbarToggleButtonProps,\n ToolbarToggleButtonState,\n ToolbarToggleButtonBaseState,\n ToolbarToggleButtonBaseProps,\n} from './ToolbarToggleButton';\nexport {\n ToolbarRadioButton,\n useToolbarRadioButtonStyles_unstable,\n useToolbarRadioButton_unstable,\n useToolbarRadioButtonBase_unstable,\n} from './ToolbarRadioButton';\nexport type {\n ToolbarRadioButtonProps,\n ToolbarRadioButtonState,\n ToolbarRadioButtonBaseState,\n ToolbarRadioButtonBaseProps,\n} 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"],"names":["Toolbar","renderToolbar_unstable","toolbarClassNames","useToolbarStyles_unstable","useToolbar_unstable","useToolbarContextValues_unstable","useToolbarContext_unstable","useToolbarBase_unstable","ToolbarButton","useToolbarButtonStyles_unstable","useToolbarButton_unstable","useToolbarButtonBase_unstable","ToolbarDivider","useToolbarDividerStyles_unstable","useToolbarDivider_unstable","useToolbarDividerBase_unstable","ToolbarToggleButton","useToolbarToggleButtonStyles_unstable","useToolbarToggleButton_unstable","useToolbarToggleButtonBase_unstable","ToolbarRadioButton","useToolbarRadioButtonStyles_unstable","useToolbarRadioButton_unstable","useToolbarRadioButtonBase_unstable","ToolbarGroup","useToolbarGroupStyles_unstable","useToolbarGroup_unstable","renderToolbarGroup_unstable","toolbarGroupClassNames","ToolbarRadioGroup"],"mappings":";;;;;;;;;;;IACEA,OAAO;;;iBAmBM;eAAbQ;;IAYAI;6CAAc;;IAoCdY;yCAAY;;sBAZM;eAAlBJ;;;eAmBOS,oCAAiB;;uBA/BL;eAAnBb;;IA2BAW;wDAA2B;;;eArE3B1B,+BAAsB;;;eACtBC,0BAAiB;;IAqEjB0B;mDAAsB;;;eAhEtBrB,gCAAuB;;;eAevBI,4CAA6B;;;eAF7BF,8CAA+B;;;eAC/BC,wCAAyB;;IAhBzBL;wDAAgC;;;eAChCC,mCAA0B;;kCA4BI;eAA9BS;;;eAFAF,gDAAgC;;;eAChCC,0CAA0B;;;eAmC1BW,4CAA8B;;;eAC9BC,sCAAwB;;;eAXxBH,sDAAkC;;;eAFlCF,wDAAoC;;;eACpCC,kDAA8B;;;eAtD9BnB,kCAAyB;;;eA2CzBgB,wDAAmC;;;eAFnCF,0DAAqC;;mCACN;eAA/BC;;;eAzCAd,4BAAmB;;;yBAId,YAAY;+BAeZ,kBAAkB;gCAYlB,mBAAmB;qCAYnB,wBAAwB;oCAYxB,uBAAuB;8BAavB,iBAAiB;mCAEU,sBAAsB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-toolbar",
3
- "version": "9.7.6",
3
+ "version": "9.8.0",
4
4
  "description": "React components for building web experiences",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -12,15 +12,15 @@
12
12
  },
13
13
  "license": "MIT",
14
14
  "dependencies": {
15
- "@fluentui/react-button": "^9.9.0",
16
- "@fluentui/react-divider": "^9.7.0",
15
+ "@fluentui/react-button": "^9.9.1",
16
+ "@fluentui/react-divider": "^9.7.1",
17
17
  "@fluentui/react-theme": "^9.2.1",
18
- "@fluentui/react-utilities": "^9.26.2",
19
- "@fluentui/react-jsx-runtime": "^9.4.1",
20
- "@fluentui/react-context-selector": "^9.2.15",
21
- "@fluentui/react-radio": "^9.6.0",
18
+ "@fluentui/react-utilities": "^9.26.3",
19
+ "@fluentui/react-jsx-runtime": "^9.4.2",
20
+ "@fluentui/react-context-selector": "^9.2.16",
21
+ "@fluentui/react-radio": "^9.6.2",
22
22
  "@fluentui/react-shared-contexts": "^9.26.2",
23
- "@fluentui/react-tabster": "^9.26.13",
23
+ "@fluentui/react-tabster": "^9.26.14",
24
24
  "@griffel/react": "^1.5.32",
25
25
  "@swc/helpers": "^0.5.1"
26
26
  },