@fluentui/react-toolbar 9.6.0 → 9.6.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.
Files changed (98) hide show
  1. package/CHANGELOG.md +17 -2
  2. package/lib/Toolbar.js.map +1 -1
  3. package/lib/ToolbarButton.js.map +1 -1
  4. package/lib/ToolbarDivider.js.map +1 -1
  5. package/lib/ToolbarGroup.js.map +1 -1
  6. package/lib/ToolbarRadioButton.js.map +1 -1
  7. package/lib/ToolbarRadioGroup.js.map +1 -1
  8. package/lib/ToolbarToggleButton.js.map +1 -1
  9. package/lib/components/Toolbar/Toolbar.js.map +1 -1
  10. package/lib/components/Toolbar/Toolbar.types.js.map +1 -1
  11. package/lib/components/Toolbar/ToolbarContext.js.map +1 -1
  12. package/lib/components/Toolbar/index.js.map +1 -1
  13. package/lib/components/Toolbar/renderToolbar.js.map +1 -1
  14. package/lib/components/Toolbar/useToolbar.js.map +1 -1
  15. package/lib/components/Toolbar/useToolbarContextValues.js.map +1 -1
  16. package/lib/components/Toolbar/useToolbarStyles.styles.raw.js.map +1 -1
  17. package/lib/components/ToolbarButton/ToolbarButton.js.map +1 -1
  18. package/lib/components/ToolbarButton/ToolbarButton.types.js.map +1 -1
  19. package/lib/components/ToolbarButton/index.js.map +1 -1
  20. package/lib/components/ToolbarButton/useToolbarButton.js.map +1 -1
  21. package/lib/components/ToolbarButton/useToolbarButtonStyles.styles.raw.js.map +1 -1
  22. package/lib/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
  23. package/lib/components/ToolbarDivider/ToolbarDivider.types.js.map +1 -1
  24. package/lib/components/ToolbarDivider/index.js.map +1 -1
  25. package/lib/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
  26. package/lib/components/ToolbarDivider/useToolbarDividerStyles.styles.raw.js.map +1 -1
  27. package/lib/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
  28. package/lib/components/ToolbarGroup/ToolbarGroup.types.js.map +1 -1
  29. package/lib/components/ToolbarGroup/index.js.map +1 -1
  30. package/lib/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
  31. package/lib/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
  32. package/lib/components/ToolbarGroup/useToolbarGroupStyles.styles.raw.js.map +1 -1
  33. package/lib/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
  34. package/lib/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +1 -1
  35. package/lib/components/ToolbarRadioButton/index.js.map +1 -1
  36. package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
  37. package/lib/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.raw.js.map +1 -1
  38. package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
  39. package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js.map +1 -1
  40. package/lib/components/ToolbarRadioGroup/index.js.map +1 -1
  41. package/lib/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
  42. package/lib/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +1 -1
  43. package/lib/components/ToolbarToggleButton/index.js.map +1 -1
  44. package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
  45. package/lib/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.raw.js.map +1 -1
  46. package/lib/index.js.map +1 -1
  47. package/lib-commonjs/Toolbar.js.map +1 -1
  48. package/lib-commonjs/ToolbarButton.js.map +1 -1
  49. package/lib-commonjs/ToolbarDivider.js.map +1 -1
  50. package/lib-commonjs/ToolbarGroup.js.map +1 -1
  51. package/lib-commonjs/ToolbarRadioButton.js.map +1 -1
  52. package/lib-commonjs/ToolbarRadioGroup.js.map +1 -1
  53. package/lib-commonjs/ToolbarToggleButton.js.map +1 -1
  54. package/lib-commonjs/components/Toolbar/Toolbar.js.map +1 -1
  55. package/lib-commonjs/components/Toolbar/Toolbar.types.js.map +1 -1
  56. package/lib-commonjs/components/Toolbar/ToolbarContext.js.map +1 -1
  57. package/lib-commonjs/components/Toolbar/index.js.map +1 -1
  58. package/lib-commonjs/components/Toolbar/renderToolbar.js.map +1 -1
  59. package/lib-commonjs/components/Toolbar/useToolbar.js.map +1 -1
  60. package/lib-commonjs/components/Toolbar/useToolbarContextValues.js.map +1 -1
  61. package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.js.map +1 -1
  62. package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.raw.js.map +1 -1
  63. package/lib-commonjs/components/ToolbarButton/ToolbarButton.js.map +1 -1
  64. package/lib-commonjs/components/ToolbarButton/ToolbarButton.types.js.map +1 -1
  65. package/lib-commonjs/components/ToolbarButton/index.js.map +1 -1
  66. package/lib-commonjs/components/ToolbarButton/useToolbarButton.js.map +1 -1
  67. package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.styles.js.map +1 -1
  68. package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.styles.raw.js.map +1 -1
  69. package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
  70. package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.types.js.map +1 -1
  71. package/lib-commonjs/components/ToolbarDivider/index.js.map +1 -1
  72. package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
  73. package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.js.map +1 -1
  74. package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.raw.js.map +1 -1
  75. package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
  76. package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.types.js.map +1 -1
  77. package/lib-commonjs/components/ToolbarGroup/index.js.map +1 -1
  78. package/lib-commonjs/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
  79. package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
  80. package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.styles.js.map +1 -1
  81. package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.styles.raw.js.map +1 -1
  82. package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
  83. package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +1 -1
  84. package/lib-commonjs/components/ToolbarRadioButton/index.js.map +1 -1
  85. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
  86. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.js.map +1 -1
  87. package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.styles.raw.js.map +1 -1
  88. package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
  89. package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js.map +1 -1
  90. package/lib-commonjs/components/ToolbarRadioGroup/index.js.map +1 -1
  91. package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
  92. package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +1 -1
  93. package/lib-commonjs/components/ToolbarToggleButton/index.js.map +1 -1
  94. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
  95. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.js.map +1 -1
  96. package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.raw.js.map +1 -1
  97. package/lib-commonjs/index.js.map +1 -1
  98. package/package.json +8 -8
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/ToolbarToggleButton/useToolbarToggleButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\nimport { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton.types';\n\n/**\n * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the ToggleButton component.\n * @param ref - User provided ref to be passed to the ToggleButton component.\n */\nexport const useToolbarToggleButton_unstable = (\n props: ToolbarToggleButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarToggleButtonState => {\n const handleToggleButton = useToolbarContext_unstable(ctx => ctx.handleToggleButton);\n const checked = useToolbarContext_unstable(ctx => !!ctx.checkedValues[props.name]?.includes(props.value));\n\n const { onClick: onClickOriginal } = props;\n const toggleButtonState = useToggleButton_unstable({ checked, ...props }, ref);\n const state: ToolbarToggleButtonState = {\n ...toggleButtonState,\n name: props.name,\n value: props.value,\n };\n\n const handleOnClick = (\n e: React.MouseEvent<HTMLButtonElement, MouseEvent> & React.MouseEvent<HTMLAnchorElement, MouseEvent>,\n ) => {\n if (state.disabled) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n\n handleToggleButton?.(e, state.name, state.value, state.checked);\n onClickOriginal?.(e);\n };\n\n state.root.onClick = handleOnClick;\n return state;\n};\n"],"names":["useToolbarToggleButton_unstable","props","ref","handleToggleButton","useToolbarContext_unstable","ctx","checked","checkedValues","name","includes","value","onClick","onClickOriginal","toggleButtonState","useToggleButton_unstable","state","handleOnClick","e","disabled","preventDefault","stopPropagation","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;6BACkB;gCACE;AASpC,MAAMA,kCAAkC,CAC7CC,OACAC;IAEA,MAAMC,qBAAqBC,IAAAA,0CAAAA,EAA2BC,CAAAA,MAAOA,IAAIF,kBAAkB;IACnF,MAAMG,UAAUF,IAAAA,0CAAAA,EAA2BC,CAAAA;YAASA;eAAF,CAAC,CAAA,CAAA,AAACA,CAAAA,gCAAAA,IAAIE,aAAa,CAACN,MAAMO,IAAI,CAAC,AAAD,MAAC,QAA7BH,kCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,8BAA+BI,QAAQ,CAACR,MAAMS,KAAK,CAAA;;IAEvG,MAAM,EAAEC,SAASC,eAAe,EAAE,GAAGX;IACrC,MAAMY,oBAAoBC,IAAAA,qCAAAA,EAAyB;QAAER;QAAS,GAAGL,KAAK;IAAC,GAAGC;IAC1E,MAAMa,QAAkC;QACtC,GAAGF,iBAAiB;QACpBL,MAAMP,MAAMO,IAAI;QAChBE,OAAOT,MAAMS,KAAK;IACpB;IAEA,MAAMM,gBAAgB,CACpBC;QAEA,IAAIF,MAAMG,QAAQ,EAAE;YAClBD,EAAEE,cAAc;YAChBF,EAAEG,eAAe;YACjB;QACF;QAEAjB,uBAAAA,QAAAA,uBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,mBAAqBc,GAAGF,MAAMP,IAAI,EAAEO,MAAML,KAAK,EAAEK,MAAMT,OAAO;QAC9DM,oBAAAA,QAAAA,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAkBK;IACpB;IAEAF,MAAMM,IAAI,CAACV,OAAO,GAAGK;IACrB,OAAOD;AACT"}
1
+ {"version":3,"sources":["../src/components/ToolbarToggleButton/useToolbarToggleButton.ts"],"sourcesContent":["import * as React from 'react';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\nimport { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton.types';\n\n/**\n * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the ToggleButton component.\n * @param ref - User provided ref to be passed to the ToggleButton component.\n */\nexport const useToolbarToggleButton_unstable = (\n props: ToolbarToggleButtonProps,\n ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>,\n): ToolbarToggleButtonState => {\n const handleToggleButton = useToolbarContext_unstable(ctx => ctx.handleToggleButton);\n const checked = useToolbarContext_unstable(ctx => !!ctx.checkedValues[props.name]?.includes(props.value));\n\n const { onClick: onClickOriginal } = props;\n const toggleButtonState = useToggleButton_unstable({ checked, ...props }, ref);\n const state: ToolbarToggleButtonState = {\n ...toggleButtonState,\n name: props.name,\n value: props.value,\n };\n\n const handleOnClick = (\n e: React.MouseEvent<HTMLButtonElement, MouseEvent> & React.MouseEvent<HTMLAnchorElement, MouseEvent>,\n ) => {\n if (state.disabled) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n\n handleToggleButton?.(e, state.name, state.value, state.checked);\n onClickOriginal?.(e);\n };\n\n state.root.onClick = handleOnClick;\n return state;\n};\n"],"names":["React","useToggleButton_unstable","useToolbarContext_unstable","useToolbarToggleButton_unstable","props","ref","handleToggleButton","ctx","checked","checkedValues","name","includes","value","onClick","onClickOriginal","toggleButtonState","state","handleOnClick","e","disabled","preventDefault","stopPropagation","root"],"mappings":";;;;+BAWaG;;;;;;;iEAXU,QAAQ;6BACU,yBAAyB;gCACvB,4BAA4B;AAShE,wCAAwC,CAC7CC,OACAC;IAEA,MAAMC,yBAAqBJ,0CAAAA,EAA2BK,CAAAA,MAAOA,IAAID,kBAAkB;IACnF,MAAME,cAAUN,0CAAAA,EAA2BK,CAAAA;YAASA;eAAF,CAAC,CAAA,CAAA,CAACA,gCAAAA,IAAIE,aAAa,CAACL,MAAMM,KAAI,AAAC,MAAA,QAA7BH,kCAAAA,KAAAA,IAAAA,KAAAA,IAAAA,8BAA+BI,QAAQ,CAACP,MAAMQ,MAAK;;IAEvG,MAAM,EAAEC,SAASC,eAAe,EAAE,GAAGV;IACrC,MAAMW,wBAAoBd,qCAAAA,EAAyB;QAAEO;QAAS,GAAGJ,KAAK;IAAC,GAAGC;IAC1E,MAAMW,QAAkC;QACtC,GAAGD,iBAAiB;QACpBL,MAAMN,MAAMM,IAAI;QAChBE,OAAOR,MAAMQ,KAAK;IACpB;IAEA,MAAMK,gBAAgB,CACpBC;QAEA,IAAIF,MAAMG,QAAQ,EAAE;YAClBD,EAAEE,cAAc;YAChBF,EAAEG,eAAe;YACjB;QACF;QAEAf,uBAAAA,QAAAA,uBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,mBAAqBY,GAAGF,MAAMN,IAAI,EAAEM,MAAMJ,KAAK,EAAEI,MAAMR,OAAO;QAC9DM,oBAAAA,QAAAA,oBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,gBAAkBI;IACpB;IAEAF,MAAMM,IAAI,CAACT,OAAO,GAAGI;IACrB,OAAOD;AACT,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"sources":["useToolbarToggleButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = makeStyles({\n /* use subtle ToggleButton selected styles for Toolbar Radio selected state */ selected: {\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n color: tokens.colorNeutralForeground2Selected\n },\n iconSelected: {\n color: tokens.colorNeutralForeground2BrandSelected\n }\n});\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */ export const useToolbarToggleButtonStyles_unstable = (state)=>{\n 'use no memo';\n const toggleButtonStyles = useBaseStyles();\n state.root.className = mergeClasses(state.checked && toggleButtonStyles.selected, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(state.checked && toggleButtonStyles.iconSelected, state.icon.className);\n }\n useToggleButtonStyles_unstable(state);\n return state;\n};\n"],"names":["useToolbarToggleButtonStyles_unstable","useBaseStyles","__styles","selected","De3pzq","sj55zd","iconSelected","d","state","toggleButtonStyles","root","className","mergeClasses","checked","icon","useToggleButtonStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAciBA;;;eAAAA;;;uBAbwB;6BACM;AAC/C,MAAMC,gBAAa,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,UAAA;QAAAC,QAAA;QAAAC,QAAA;IAAA;IAAAC,cAAA;QAAAD,QAAA;IAAA;AAAA,GAAA;IAAAE,GAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAWX,MAAMP,wCAAyCQ,CAAAA;IACtD;IACA,MAAMC,qBAAqBR;IAC3BO,MAAME,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACJ,MAAMK,OAAO,IAAIJ,mBAAmBN,QAAQ,EAAEK,MAAME,IAAI,CAACC,SAAS;IACtG,IAAIH,MAAMM,IAAI,EAAE;QACZN,MAAMM,IAAI,CAACH,SAAS,GAAGC,IAAAA,mBAAY,EAACJ,MAAMK,OAAO,IAAIJ,mBAAmBH,YAAY,EAAEE,MAAMM,IAAI,CAACH,SAAS;IAC9G;IACAI,IAAAA,2CAA8B,EAACP;IAC/B,OAAOA;AACX"}
1
+ {"version":3,"sources":["useToolbarToggleButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = makeStyles({\n /* use subtle ToggleButton selected styles for Toolbar Radio selected state */ selected: {\n backgroundColor: tokens.colorSubtleBackgroundSelected,\n color: tokens.colorNeutralForeground2Selected\n },\n iconSelected: {\n color: tokens.colorNeutralForeground2BrandSelected\n }\n});\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */ export const useToolbarToggleButtonStyles_unstable = (state)=>{\n 'use no memo';\n const toggleButtonStyles = useBaseStyles();\n state.root.className = mergeClasses(state.checked && toggleButtonStyles.selected, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(state.checked && toggleButtonStyles.iconSelected, state.icon.className);\n }\n useToggleButtonStyles_unstable(state);\n return state;\n};\n"],"names":["tokens","__styles","mergeClasses","useToggleButtonStyles_unstable","useBaseStyles","selected","De3pzq","sj55zd","iconSelected","d","useToolbarToggleButtonStyles_unstable","state","toggleButtonStyles","root","className","checked","icon"],"mappings":";;;;+BAciBU,qCAAqC;;;;;;uBAbb,gBAAgB;6BACV,wBAAwB;AACvE,MAAMN,aAAa,GAAA,WAAA,OAAGH,eAAA,EAAA;IAAAI,QAAA,EAAA;QAAAC,MAAA,EAAA;QAAAC,MAAA,EAAA;IAAA;IAAAC,YAAA,EAAA;QAAAD,MAAA,EAAA;IAAA;AAAA,GAAA;IAAAE,CAAA,EAAA;QAAA;QAAA;QAAA;KAAA;AAAA,CAQrB,CAAC;AAGS,+CAA+CE,KAAK,IAAG;IAC9D,aAAa;IACb,MAAMC,kBAAkB,GAAGR,aAAa,CAAC,CAAC;IAC1CO,KAAK,CAACE,IAAI,CAACC,SAAS,OAAGZ,mBAAY,EAACS,KAAK,CAACI,OAAO,IAAIH,kBAAkB,CAACP,QAAQ,EAAEM,KAAK,CAACE,IAAI,CAACC,SAAS,CAAC;IACvG,IAAIH,KAAK,CAACK,IAAI,EAAE;QACZL,KAAK,CAACK,IAAI,CAACF,SAAS,OAAGZ,mBAAY,EAACS,KAAK,CAACI,OAAO,IAAIH,kBAAkB,CAACJ,YAAY,EAAEG,KAAK,CAACK,IAAI,CAACF,SAAS,CAAC;IAC/G;QACAX,2CAA8B,EAACQ,KAAK,CAAC;IACrC,OAAOA,KAAK;AAChB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nimport { ToolbarToggleButtonState } from './ToolbarToggleButton.types';\n\nconst useBaseStyles = makeStyles({\n /* 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":["useToolbarToggleButtonStyles_unstable","useBaseStyles","makeStyles","selected","backgroundColor","tokens","colorSubtleBackgroundSelected","color","colorNeutralForeground2Selected","iconSelected","colorNeutralForeground2BrandSelected","state","toggleButtonStyles","root","className","mergeClasses","checked","icon","useToggleButtonStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAoBaA;;;eAAAA;;;4BApBU;uBACkB;6BACM;AAG/C,MAAMC,gBAAgBC,IAAAA,iBAAAA,EAAW;IAC/B,4EAA4E,GAC5EC,UAAU;QACRC,iBAAiBC,kBAAAA,CAAOC,6BAA6B;QACrDC,OAAOF,kBAAAA,CAAOG,+BAA+B;IAC/C;IAEAC,cAAc;QACZF,OAAOF,kBAAAA,CAAOK,oCAAoC;IACpD;AACF;AAKO,MAAMV,wCAAwC,CAACW;IACpD;IAEA,MAAMC,qBAAqBX;IAE3BU,MAAME,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAAA,EAAaJ,MAAMK,OAAO,IAAIJ,mBAAmBT,QAAQ,EAAEQ,MAAME,IAAI,CAACC,SAAS;IAEtG,IAAIH,MAAMM,IAAI,EAAE;QACdN,MAAMM,IAAI,CAACH,SAAS,GAAGC,IAAAA,mBAAAA,EAAaJ,MAAMK,OAAO,IAAIJ,mBAAmBH,YAAY,EAAEE,MAAMM,IAAI,CAACH,SAAS;IAC5G;IAEAI,IAAAA,2CAAAA,EAA+BP;IAE/B,OAAOA;AACT"}
1
+ {"version":3,"sources":["../src/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nimport { ToolbarToggleButtonState } from './ToolbarToggleButton.types';\n\nconst useBaseStyles = makeStyles({\n /* 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":";;;;+BAoBaY;;;;;;4BApBU,wBAAwB;uBACN,iBAAiB;6BACX,yBAAyB;AAGxE,MAAMR,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,8CAA8C,CAACE;IACpD;IAEA,MAAMC,qBAAqBV;IAE3BS,MAAME,IAAI,CAACC,SAAS,OAAGd,mBAAAA,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 +1 @@
1
- {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n Toolbar,\n renderToolbar_unstable,\n toolbarClassNames,\n useToolbarStyles_unstable,\n useToolbar_unstable,\n} from './Toolbar';\nexport type { ToolbarContextValue, ToolbarContextValues, ToolbarProps, ToolbarSlots, ToolbarState } from './Toolbar';\nexport { ToolbarButton, useToolbarButtonStyles_unstable, useToolbarButton_unstable } from './ToolbarButton';\nexport type { ToolbarButtonProps, ToolbarButtonState } from './ToolbarButton';\nexport { ToolbarDivider, useToolbarDividerStyles_unstable, useToolbarDivider_unstable } from './ToolbarDivider';\nexport type { ToolbarDividerProps, ToolbarDividerState } from './ToolbarDivider';\nexport {\n ToolbarToggleButton,\n useToolbarToggleButtonStyles_unstable,\n useToolbarToggleButton_unstable,\n} from './ToolbarToggleButton';\nexport type { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton';\nexport {\n ToolbarRadioButton,\n useToolbarRadioButtonStyles_unstable,\n useToolbarRadioButton_unstable,\n} from './ToolbarRadioButton';\nexport type { ToolbarRadioButtonProps, ToolbarRadioButtonState } from './ToolbarRadioButton';\nexport {\n ToolbarGroup,\n useToolbarGroupStyles_unstable,\n useToolbarGroup_unstable,\n renderToolbarGroup_unstable,\n toolbarGroupClassNames,\n} from './ToolbarGroup';\nexport type { ToolbarGroupProps, ToolbarGroupState } from './ToolbarGroup';\nexport { ToolbarRadioGroup } from './ToolbarRadioGroup';\nexport type { ToolbarRadioGroupProps, ToolbarRadioGroupState } from './ToolbarRadioGroup';\n"],"names":["Toolbar","ToolbarButton","ToolbarDivider","ToolbarGroup","ToolbarRadioButton","ToolbarRadioGroup","ToolbarToggleButton","renderToolbarGroup_unstable","renderToolbar_unstable","toolbarClassNames","toolbarGroupClassNames","useToolbarButtonStyles_unstable","useToolbarButton_unstable","useToolbarDividerStyles_unstable","useToolbarDivider_unstable","useToolbarGroupStyles_unstable","useToolbarGroup_unstable","useToolbarRadioButtonStyles_unstable","useToolbarRadioButton_unstable","useToolbarStyles_unstable","useToolbarToggleButtonStyles_unstable","useToolbarToggleButton_unstable","useToolbar_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,OAAO;eAAPA,gBAAO;;IAOAC,aAAa;eAAbA,4BAAa;;IAEbC,cAAc;eAAdA,8BAAc;;IAerBC,YAAY;eAAZA,0BAAY;;IANZC,kBAAkB;eAAlBA,sCAAkB;;IAaXC,iBAAiB;eAAjBA,oCAAiB;;IAnBxBC,mBAAmB;eAAnBA,wCAAmB;;IAenBC,2BAA2B;eAA3BA,yCAA2B;;IA1B3BC,sBAAsB;eAAtBA,+BAAsB;;IACtBC,iBAAiB;eAAjBA,0BAAiB;;IA0BjBC,sBAAsB;eAAtBA,oCAAsB;;IArBAC,+BAA+B;eAA/BA,8CAA+B;;IAAEC,yBAAyB;eAAzBA,wCAAyB;;IAEzDC,gCAAgC;eAAhCA,gDAAgC;;IAAEC,0BAA0B;eAA1BA,0CAA0B;;IAgBnFC,8BAA8B;eAA9BA,4CAA8B;;IAC9BC,wBAAwB;eAAxBA,sCAAwB;;IAPxBC,oCAAoC;eAApCA,wDAAoC;;IACpCC,8BAA8B;eAA9BA,kDAA8B;;IAjB9BC,yBAAyB;eAAzBA,kCAAyB;;IAUzBC,qCAAqC;eAArCA,0DAAqC;;IACrCC,+BAA+B;eAA/BA,oDAA+B;;IAV/BC,mBAAmB;eAAnBA,4BAAmB;;;yBACd;+BAEmF;gCAEG;qCAMtF;oCAMA;8BAQA;mCAE2B"}
1
+ {"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n Toolbar,\n renderToolbar_unstable,\n toolbarClassNames,\n useToolbarStyles_unstable,\n useToolbar_unstable,\n} from './Toolbar';\nexport type { ToolbarContextValue, ToolbarContextValues, ToolbarProps, ToolbarSlots, ToolbarState } from './Toolbar';\nexport { ToolbarButton, useToolbarButtonStyles_unstable, useToolbarButton_unstable } from './ToolbarButton';\nexport type { ToolbarButtonProps, ToolbarButtonState } from './ToolbarButton';\nexport { ToolbarDivider, useToolbarDividerStyles_unstable, useToolbarDivider_unstable } from './ToolbarDivider';\nexport type { ToolbarDividerProps, ToolbarDividerState } from './ToolbarDivider';\nexport {\n ToolbarToggleButton,\n useToolbarToggleButtonStyles_unstable,\n useToolbarToggleButton_unstable,\n} from './ToolbarToggleButton';\nexport type { ToolbarToggleButtonProps, ToolbarToggleButtonState } from './ToolbarToggleButton';\nexport {\n ToolbarRadioButton,\n useToolbarRadioButtonStyles_unstable,\n useToolbarRadioButton_unstable,\n} from './ToolbarRadioButton';\nexport type { ToolbarRadioButtonProps, ToolbarRadioButtonState } from './ToolbarRadioButton';\nexport {\n ToolbarGroup,\n useToolbarGroupStyles_unstable,\n useToolbarGroup_unstable,\n renderToolbarGroup_unstable,\n toolbarGroupClassNames,\n} from './ToolbarGroup';\nexport type { ToolbarGroupProps, ToolbarGroupState } from './ToolbarGroup';\nexport { ToolbarRadioGroup } from './ToolbarRadioGroup';\nexport type { ToolbarRadioGroupProps, ToolbarRadioGroupState } from './ToolbarRadioGroup';\n"],"names":["Toolbar","renderToolbar_unstable","toolbarClassNames","useToolbarStyles_unstable","useToolbar_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;+BAAO;;;eAOAK,4BAAa;;;eAEbG,8BAAc;;IAerBS;yCAAY;;;eANZH,sCAAkB;;qBAaM;eAAjBQ;;;eAnBPX,wCAAmB;;;eAenBS,yCAA2B;;;eA1B3BnB,+BAAsB;;;eACtBC,0BAAiB;;;eA0BjBmB,oCAAsB;;;eArBAf,8CAA+B;;;eAAEC,wCAAyB;;;eAEzDE,gDAAgC;;;eAAEC,0CAA0B;;IAgBnFQ,8BAA8B;;;;eAC9BC,sCAAwB;;wCAPY;eAApCJ;;;eACAC,kDAA8B;;;eAjB9Bb,kCAAyB;;;eAUzBS,0DAAqC;;;eACrCC,oDAA+B;;;eAV/BT,4BAAmB;;;yBACd,YAAY;+BAEuE,kBAAkB;gCAEf,mBAAmB;qCAMzG,wBAAwB;oCAMxB,uBAAuB;8BAQvB,iBAAiB;mCAEU,sBAAsB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-toolbar",
3
- "version": "9.6.0",
3
+ "version": "9.6.1",
4
4
  "description": "React components for building web experiences",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -20,15 +20,15 @@
20
20
  "@fluentui/scripts-cypress": "*"
21
21
  },
22
22
  "dependencies": {
23
- "@fluentui/react-button": "^9.6.0",
24
- "@fluentui/react-divider": "^9.4.0",
23
+ "@fluentui/react-button": "^9.6.1",
24
+ "@fluentui/react-divider": "^9.4.1",
25
25
  "@fluentui/react-theme": "^9.1.24",
26
- "@fluentui/react-utilities": "^9.22.0",
27
- "@fluentui/react-jsx-runtime": "^9.1.2",
28
- "@fluentui/react-context-selector": "^9.2.2",
29
- "@fluentui/react-radio": "^9.5.0",
26
+ "@fluentui/react-utilities": "^9.23.0",
27
+ "@fluentui/react-jsx-runtime": "^9.1.3",
28
+ "@fluentui/react-context-selector": "^9.2.3",
29
+ "@fluentui/react-radio": "^9.5.1",
30
30
  "@fluentui/react-shared-contexts": "^9.24.0",
31
- "@fluentui/react-tabster": "^9.26.0",
31
+ "@fluentui/react-tabster": "^9.26.1",
32
32
  "@griffel/react": "^1.5.22",
33
33
  "@swc/helpers": "^0.5.1"
34
34
  },