@fluentui/react-toolbar 9.1.11 → 9.1.13

package/lib-commonjs/components/ToolbarToggleButton/{useToolbarToggleButtonStyles.js → useToolbarToggleButtonStyles.styles.js}

@@ -21,6 +21,6 @@ const useToolbarToggleButtonStyles_unstable = (state)=>{
     (0, _reactButton.useToggleButtonStyles_unstable)(state);
     const toggleButtonStyles = useBaseStyles();
     state.root.className = (0, _react.mergeClasses)(state.root.className, state.checked && toggleButtonStyles.selected);
-}; //# sourceMappingURL=useToolbarToggleButtonStyles.js.map
+}; //# sourceMappingURL=useToolbarToggleButtonStyles.styles.js.map
 
-//# sourceMappingURL=useToolbarToggleButtonStyles.js.map
+//# sourceMappingURL=useToolbarToggleButtonStyles.styles.js.map

package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../lib/components/ToolbarToggleButton/useToolbarToggleButtonStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = /*#__PURE__*/__styles({\n  selected: {\n    sj55zd: \"f16muhyy\"\n  }\n}, {\n  d: [\".f16muhyy{color:var(--colorBrandForeground1);}\"]\n});\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */\nexport const useToolbarToggleButtonStyles_unstable = state => {\n  useToggleButtonStyles_unstable(state);\n  const toggleButtonStyles = useBaseStyles();\n  state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n//# sourceMappingURL=useToolbarToggleButtonStyles.styles.js.map"],"names":["useToolbarToggleButtonStyles_unstable","useBaseStyles","__styles","selected","sj55zd","d","state","useToggleButtonStyles_unstable","toggleButtonStyles","root","className","mergeClasses","checked"],"mappings":";;;;+BAaaA;;aAAAA;;uBAZ0B;6BACQ;AAC/C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,UAAU;QACRC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAAiD;AACvD;AAIO,MAAML,wCAAwCM,CAAAA,QAAS;IAC5DC,IAAAA,2CAA8B,EAACD;IAC/B,MAAME,qBAAqBP;IAC3BK,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAMM,OAAO,IAAIJ,mBAAmBL,QAAQ;AACxG,GACA,+DAA+D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-toolbar",
-  "version": "9.1.11",
+  "version": "9.1.13",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -23,26 +23,27 @@
     "test": "jest --passWithNoTests",
     "storybook": "start-storybook",
     "type-check": "tsc -b tsconfig.json",
-    "generate-api": "just-scripts generate-api"
+    "generate-api": "just-scripts generate-api",
+    "test-ssr": "test-ssr ./stories/**/*.stories.tsx"
   },
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.20",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.21",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-cypress": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-button": "^9.3.10",
-    "@fluentui/react-divider": "^9.2.10",
-    "@fluentui/react-theme": "^9.1.7",
-    "@fluentui/react-utilities": "^9.8.0",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.2",
-    "@fluentui/react-context-selector": "^9.1.18",
-    "@fluentui/react-radio": "^9.1.11",
-    "@fluentui/react-shared-contexts": "^9.3.3",
-    "@fluentui/react-tabster": "^9.6.5",
+    "@fluentui/react-button": "^9.3.12",
+    "@fluentui/react-divider": "^9.2.12",
+    "@fluentui/react-theme": "^9.1.8",
+    "@fluentui/react-utilities": "^9.9.0",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.4",
+    "@fluentui/react-context-selector": "^9.1.20",
+    "@fluentui/react-radio": "^9.1.13",
+    "@fluentui/react-shared-contexts": "^9.4.0",
+    "@fluentui/react-tabster": "^9.7.1",
     "@griffel/react": "^1.5.2",
     "@swc/helpers": "^0.4.14"
   },

package/.swcrc

@@ -1,30 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/swcrc",
-  "exclude": [
-    "/testing",
-    "/**/*.cy.ts",
-    "/**/*.cy.tsx",
-    "/**/*.spec.ts",
-    "/**/*.spec.tsx",
-    "/**/*.test.ts",
-    "/**/*.test.tsx"
-  ],
-  "jsc": {
-    "parser": {
-      "syntax": "typescript",
-      "tsx": true,
-      "decorators": false,
-      "dynamicImport": false
-    },
-    "externalHelpers": true,
-    "transform": {
-      "react": {
-        "runtime": "classic",
-        "useSpread": true
-      }
-    },
-    "target": "es2019"
-  },
-  "minify": false,
-  "sourceMaps": true
-}

package/lib/components/Toolbar/useToolbarStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__styles","mergeClasses","shorthands","toolbarClassNames","root","useStyles","mc9l5x","Bt984gj","z8tnut","z189sj","Byoj8tv","uwmqm3","i8kkvl","Belr9w4","vertical","Beiy3e4","a9b677","small","Bqenvij","medium","large","d","useToolbarStyles_unstable","state","styles","size","className"],"sources":["../../../src/components/Toolbar/useToolbarStyles.ts"],"sourcesContent":["import { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { ToolbarSlots, ToolbarState } from './Toolbar.types';\n\nexport const toolbarClassNames: SlotClassNames<ToolbarSlots> = {\n  root: 'fui-Toolbar',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    ...shorthands.padding('4px', '8px', '4px', '8px'),\n    ...shorthands.gap('8px'),\n  },\n  vertical: {\n    flexDirection: 'column',\n    width: 'fit-content',\n  },\n  small: {\n    height: '32px',\n  },\n  medium: {\n    height: '40px',\n  },\n  large: {\n    height: '48px',\n  },\n});\n\n/**\n * Apply styling to the Toolbar slots based on the state\n */\nexport const useToolbarStyles_unstable = (state: ToolbarState): ToolbarState => {\n  const styles = useStyles();\n  const { vertical, size } = state;\n  state.root.className = mergeClasses(\n    toolbarClassNames.root,\n    styles.root,\n    vertical && styles.vertical,\n    size === 'small' && !vertical && styles.small,\n    size === 'medium' && !vertical && styles.medium,\n    size === 'large' && !vertical && styles.large,\n    state.root.className,\n  );\n\n  return state;\n};\n"],"mappings":"AACA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ;AAGrD,OAAO,MAAMC,iBAAA,GAAkD;EAC7DC,IAAA,EAAM;AACR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYL,QAAA;EAAAI,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAD,OAAA;EAAA;EAAAE,KAAA;IAAAF,OAAA;EAAA;AAAA;EAAAG,CAAA;AAAA,EAoBlB;AAEA;;;AAGA,OAAO,MAAMC,yBAAA,GAA6BC,KAAA,IAAsC;EAC9E,MAAMC,MAAA,GAASnB,SAAA;EACf,MAAM;IAAES,QAAA;IAAUW;EAAI,CAAE,GAAGF,KAAA;EAC3BA,KAAA,CAAMnB,IAAI,CAACsB,SAAS,GAAGzB,YAAA,CACrBE,iBAAA,CAAkBC,IAAI,EACtBoB,MAAA,CAAOpB,IAAI,EACXU,QAAA,IAAYU,MAAA,CAAOV,QAAQ,EAC3BW,IAAA,KAAS,WAAW,CAACX,QAAA,IAAYU,MAAA,CAAOP,KAAK,EAC7CQ,IAAA,KAAS,YAAY,CAACX,QAAA,IAAYU,MAAA,CAAOL,MAAM,EAC/CM,IAAA,KAAS,WAAW,CAACX,QAAA,IAAYU,MAAA,CAAOJ,KAAK,EAC7CG,KAAA,CAAMnB,IAAI,CAACsB,SAAS;EAGtB,OAAOH,KAAA;AACT"}

package/lib/components/ToolbarButton/useToolbarButtonStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__styles","mergeClasses","useButtonStyles_unstable","useBaseStyles","vertical","Beiy3e4","verticalIcon","Be2twd7","d","useToolbarButtonStyles_unstable","state","buttonStyles","root","className","icon"],"sources":["../../../src/components/ToolbarButton/useToolbarButtonStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable } from '@fluentui/react-button';\nimport { ToolbarButtonState } from './ToolbarButton.types';\n\nconst useBaseStyles = makeStyles({\n  vertical: {\n    flexDirection: 'column',\n  },\n  verticalIcon: {\n    fontSize: '24px',\n  },\n});\n\n/**\n * Apply styling to the ToolbarButton slots based on the state\n */\nexport const useToolbarButtonStyles_unstable = (state: ToolbarButtonState) => {\n  useButtonStyles_unstable(state);\n  const buttonStyles = useBaseStyles();\n\n  state.root.className = mergeClasses(state.root.className, state.vertical && buttonStyles.vertical);\n  if (state.icon) {\n    state.icon.className = mergeClasses(state.icon.className, state.vertical && buttonStyles.verticalIcon);\n  }\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ;AACzC,SAASC,wBAAwB,QAAQ;AAGzC,MAAMC,aAAA,gBAAgBH,QAAA;EAAAI,QAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAOtB;AAEA;;;AAGA,OAAO,MAAMC,+BAAA,GAAmCC,KAAA,IAA8B;EAC5ER,wBAAA,CAAyBQ,KAAA;EACzB,MAAMC,YAAA,GAAeR,aAAA;EAErBO,KAAA,CAAME,IAAI,CAACC,SAAS,GAAGZ,YAAA,CAAaS,KAAA,CAAME,IAAI,CAACC,SAAS,EAAEH,KAAA,CAAMN,QAAQ,IAAIO,YAAA,CAAaP,QAAQ;EACjG,IAAIM,KAAA,CAAMI,IAAI,EAAE;IACdJ,KAAA,CAAMI,IAAI,CAACD,SAAS,GAAGZ,YAAA,CAAaS,KAAA,CAAMI,IAAI,CAACD,SAAS,EAAEH,KAAA,CAAMN,QAAQ,IAAIO,YAAA,CAAaL,YAAY;EACvG;AACF"}

package/lib/components/ToolbarDivider/useToolbarDividerStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__styles","mergeClasses","useDividerStyles_unstable","useBaseStyles","root","mc9l5x","B2u0y6b","vertical","d","useToolbarDividerStyles_unstable","state","toolbarDividerStyles","className"],"sources":["../../../src/components/ToolbarDivider/useToolbarDividerStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useDividerStyles_unstable } from '@fluentui/react-divider';\nimport type { ToolbarDividerState } from './ToolbarDivider.types';\n\nconst useBaseStyles = makeStyles({\n  // Base styles\n  root: {\n    display: 'inline-flex',\n    maxWidth: '1px',\n  },\n  vertical: {\n    maxWidth: 'initial',\n  },\n});\n\n/**\n * Apply styling to the ToolbarDivider slots based on the state\n */\nexport const useToolbarDividerStyles_unstable = (state: ToolbarDividerState): ToolbarDividerState => {\n  useDividerStyles_unstable(state);\n  const { vertical } = state;\n  const toolbarDividerStyles = useBaseStyles();\n  state.root.className = mergeClasses(\n    state.root.className,\n    toolbarDividerStyles.root,\n    !vertical && toolbarDividerStyles.vertical,\n  );\n  return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ;AACzC,SAASC,yBAAyB,QAAQ;AAG1C,MAAMC,aAAA,gBAAgBH,QAAA;EAAAI,IAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAD,OAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,EAStB;AAEA;;;AAGA,OAAO,MAAMC,gCAAA,GAAoCC,KAAA,IAAoD;EACnGR,yBAAA,CAA0BQ,KAAA;EAC1B,MAAM;IAAEH;EAAQ,CAAE,GAAGG,KAAA;EACrB,MAAMC,oBAAA,GAAuBR,aAAA;EAC7BO,KAAA,CAAMN,IAAI,CAACQ,SAAS,GAAGX,YAAA,CACrBS,KAAA,CAAMN,IAAI,CAACQ,SAAS,EACpBD,oBAAA,CAAqBP,IAAI,EACzB,CAACG,QAAA,IAAYI,oBAAA,CAAqBJ,QAAQ;EAE5C,OAAOG,KAAA;AACT"}

package/lib/components/ToolbarGroup/useToolbarGroupStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__styles","mergeClasses","shorthands","toolbarGroupClassNames","root","useStyles","mc9l5x","i8kkvl","Belr9w4","d","useToolbarGroupStyles_unstable","state","styles","className"],"sources":["../../../src/components/ToolbarGroup/useToolbarGroupStyles.ts"],"sourcesContent":["import { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { ToolbarGroupSlots, ToolbarGroupState } from './ToolbarGroup.types';\n\nexport const toolbarGroupClassNames: SlotClassNames<ToolbarGroupSlots> = {\n  root: 'fui-ToolbarGroup',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    display: 'flex',\n    ...shorthands.gap('8px'),\n  },\n});\n\n/**\n * Apply styling to the Toolbar slots based on the state\n */\nexport const useToolbarGroupStyles_unstable = (state: ToolbarGroupState): ToolbarGroupState => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(toolbarGroupClassNames.root, styles.root, state.root.className);\n\n  return state;\n};\n"],"mappings":"AACA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ;AAGrD,OAAO,MAAMC,sBAAA,GAA4D;EACvEC,IAAA,EAAM;AACR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYL,QAAA;EAAAI,IAAA;IAAAE,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAKlB;AAEA;;;AAGA,OAAO,MAAMC,8BAAA,GAAkCC,KAAA,IAAgD;EAC7F,MAAMC,MAAA,GAASP,SAAA;EACfM,KAAA,CAAMP,IAAI,CAACS,SAAS,GAAGZ,YAAA,CAAaE,sBAAA,CAAuBC,IAAI,EAAEQ,MAAA,CAAOR,IAAI,EAAEO,KAAA,CAAMP,IAAI,CAACS,SAAS;EAElG,OAAOF,KAAA;AACT"}

package/lib/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["tokens","__styles","mergeClasses","useToggleButtonStyles_unstable","useBaseStyles","selected","sj55zd","d","useToolbarRadioButtonStyles_unstable","state","toggleButtonStyles","root","className","checked"],"sources":["../../../src/components/ToolbarRadioButton/useToolbarRadioButtonStyles.ts"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nimport { ToolbarRadioButtonState } from './ToolbarRadioButton.types';\n\nconst useBaseStyles = makeStyles({\n  selected: {\n    color: tokens.colorBrandForeground1,\n  },\n});\n\n/**\n * Apply styling to the ToolbarRadioButton slots based on the state\n */\nexport const useToolbarRadioButtonStyles_unstable = (state: ToolbarRadioButtonState) => {\n  useToggleButtonStyles_unstable(state);\n  const toggleButtonStyles = useBaseStyles();\n\n  state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ;AACvB,SAAAC,QAAA,EAAqBC,YAAY,QAAQ;AACzC,SAASC,8BAA8B,QAAQ;AAG/C,MAAMC,aAAA,gBAAgBH,QAAA;EAAAI,QAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAItB;AAEA;;;AAGA,OAAO,MAAMC,oCAAA,GAAwCC,KAAA,IAAmC;EACtFN,8BAAA,CAA+BM,KAAA;EAC/B,MAAMC,kBAAA,GAAqBN,aAAA;EAE3BK,KAAA,CAAME,IAAI,CAACC,SAAS,GAAGV,YAAA,CAAaO,KAAA,CAAME,IAAI,CAACC,SAAS,EAAEH,KAAA,CAAMI,OAAO,IAAIH,kBAAA,CAAmBL,QAAQ;AACxG"}

package/lib/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["tokens","__styles","mergeClasses","useToggleButtonStyles_unstable","useBaseStyles","selected","sj55zd","d","useToolbarToggleButtonStyles_unstable","state","toggleButtonStyles","root","className","checked"],"sources":["../../../src/components/ToolbarToggleButton/useToolbarToggleButtonStyles.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  selected: {\n    color: tokens.colorBrandForeground1,\n  },\n});\n\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */\nexport const useToolbarToggleButtonStyles_unstable = (state: ToolbarToggleButtonState) => {\n  useToggleButtonStyles_unstable(state);\n  const toggleButtonStyles = useBaseStyles();\n\n  state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ;AACvB,SAAAC,QAAA,EAAqBC,YAAY,QAAQ;AACzC,SAASC,8BAA8B,QAAQ;AAG/C,MAAMC,aAAA,gBAAgBH,QAAA;EAAAI,QAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAItB;AAEA;;;AAGA,OAAO,MAAMC,qCAAA,GAAyCC,KAAA,IAAoC;EACxFN,8BAAA,CAA+BM,KAAA;EAC/B,MAAMC,kBAAA,GAAqBN,aAAA;EAE3BK,KAAA,CAAME,IAAI,CAACC,SAAS,GAAGV,YAAA,CAAaO,KAAA,CAAME,IAAI,CAACC,SAAS,EAAEH,KAAA,CAAMI,OAAO,IAAIH,kBAAA,CAAmBL,QAAQ;AACxG"}

package/lib-commonjs/components/Toolbar/useToolbarStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../lib/components/Toolbar/useToolbarStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nexport const toolbarClassNames = {\n  root: 'fui-Toolbar'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    z8tnut: \"f10ra9hq\",\n    z189sj: [\"f19lj068\", \"f177v4lu\"],\n    Byoj8tv: \"f1y2xyjm\",\n    uwmqm3: [\"f177v4lu\", \"f19lj068\"],\n    i8kkvl: \"f4px1ci\",\n    Belr9w4: \"fn67r4l\"\n  },\n  vertical: {\n    Beiy3e4: \"f1vx9l62\",\n    a9b677: \"f1acs6jw\"\n  },\n  small: {\n    Bqenvij: \"f1d2rq10\"\n  },\n  medium: {\n    Bqenvij: \"fbhnoac\"\n  },\n  large: {\n    Bqenvij: \"ff2sm71\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f10ra9hq{padding-top:4px;}\", \".f19lj068{padding-right:8px;}\", \".f177v4lu{padding-left:8px;}\", \".f1y2xyjm{padding-bottom:4px;}\", \".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f1acs6jw{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}\", \".f1d2rq10{height:32px;}\", \".fbhnoac{height:40px;}\", \".ff2sm71{height:48px;}\"]\n});\n/**\n * Apply styling to the Toolbar slots based on the state\n */\nexport const useToolbarStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    vertical,\n    size\n  } = state;\n  state.root.className = mergeClasses(toolbarClassNames.root, styles.root, vertical && styles.vertical, size === 'small' && !vertical && styles.small, size === 'medium' && !vertical && styles.medium, size === 'large' && !vertical && styles.large, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useToolbarStyles.js.map"],"names":["toolbarClassNames","useToolbarStyles_unstable","root","useStyles","__styles","mc9l5x","Bt984gj","z8tnut","z189sj","Byoj8tv","uwmqm3","i8kkvl","Belr9w4","vertical","Beiy3e4","a9b677","small","Bqenvij","medium","large","d","state","styles","size","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,iBAAiB,MAAjBA;IAoCAC,yBAAyB,MAAzBA;;uBArCsC;AAC5C,MAAMD,oBAAoB;IAC/BE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,SAAS;IACX;IACAC,UAAU;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,OAAO;QACLC,SAAS;IACX;IACAC,QAAQ;QACND,SAAS;IACX;IACAE,OAAO;QACLF,SAAS;IACX;AACF,GAAG;IACDG,GAAG;QAAC;QAAwF;QAA2G;QAA+B;QAAiC;QAAgC;QAAkC;QAAoD;QAA0B;QAA6F;QAAkF;QAA2B;QAA0B;KAAyB;AACtpB;AAIO,MAAMnB,4BAA4BoB,CAAAA,QAAS;IAChD,MAAMC,SAASnB;IACf,MAAM,EACJU,SAAQ,EACRU,KAAI,EACL,GAAGF;IACJA,MAAMnB,IAAI,CAACsB,SAAS,GAAGC,IAAAA,mBAAY,EAACzB,kBAAkBE,IAAI,EAAEoB,OAAOpB,IAAI,EAAEW,YAAYS,OAAOT,QAAQ,EAAEU,SAAS,WAAW,CAACV,YAAYS,OAAON,KAAK,EAAEO,SAAS,YAAY,CAACV,YAAYS,OAAOJ,MAAM,EAAEK,SAAS,WAAW,CAACV,YAAYS,OAAOH,KAAK,EAAEE,MAAMnB,IAAI,CAACsB,SAAS;IACzQ,OAAOH;AACT,GACA,4CAA4C"}

package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../lib/components/ToolbarButton/useToolbarButtonStyles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = /*#__PURE__*/__styles({\n  vertical: {\n    Beiy3e4: \"f1vx9l62\"\n  },\n  verticalIcon: {\n    Be2twd7: \"f1rt2boy\"\n  }\n}, {\n  d: [\".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f1rt2boy{font-size:24px;}\"]\n});\n/**\n * Apply styling to the ToolbarButton slots based on the state\n */\nexport const useToolbarButtonStyles_unstable = state => {\n  useButtonStyles_unstable(state);\n  const buttonStyles = useBaseStyles();\n  state.root.className = mergeClasses(state.root.className, state.vertical && buttonStyles.vertical);\n  if (state.icon) {\n    state.icon.className = mergeClasses(state.icon.className, state.vertical && buttonStyles.verticalIcon);\n  }\n};\n//# sourceMappingURL=useToolbarButtonStyles.js.map"],"names":["useToolbarButtonStyles_unstable","useBaseStyles","__styles","vertical","Beiy3e4","verticalIcon","Be2twd7","d","state","useButtonStyles_unstable","buttonStyles","root","className","mergeClasses","icon"],"mappings":";;;;+BAeaA;;aAAAA;;uBAf0B;6BACE;AACzC,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,UAAU;QACRC,SAAS;IACX;IACAC,cAAc;QACZC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA6F;KAA6B;AAChI;AAIO,MAAMP,kCAAkCQ,CAAAA,QAAS;IACtDC,IAAAA,qCAAwB,EAACD;IACzB,MAAME,eAAeT;IACrBO,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAML,QAAQ,IAAIO,aAAaP,QAAQ;IACjG,IAAIK,MAAMM,IAAI,EAAE;QACdN,MAAMM,IAAI,CAACF,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMM,IAAI,CAACF,SAAS,EAAEJ,MAAML,QAAQ,IAAIO,aAAaL,YAAY;IACvG,CAAC;AACH,GACA,kDAAkD"}

package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../lib/components/ToolbarDivider/useToolbarDividerStyles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useDividerStyles_unstable } from '@fluentui/react-divider';\nconst useBaseStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"ftuwxu6\",\n    B2u0y6b: \"f1lwjmbk\"\n  },\n  vertical: {\n    B2u0y6b: \"fe668z\"\n  }\n}, {\n  d: [\".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f1lwjmbk{max-width:1px;}\", \".fe668z{max-width:initial;}\"]\n});\n/**\n * Apply styling to the ToolbarDivider slots based on the state\n */\nexport const useToolbarDividerStyles_unstable = state => {\n  useDividerStyles_unstable(state);\n  const {\n    vertical\n  } = state;\n  const toolbarDividerStyles = useBaseStyles();\n  state.root.className = mergeClasses(state.root.className, toolbarDividerStyles.root, !vertical && toolbarDividerStyles.vertical);\n  return state;\n};\n//# sourceMappingURL=useToolbarDividerStyles.js.map"],"names":["useToolbarDividerStyles_unstable","useBaseStyles","__styles","root","mc9l5x","B2u0y6b","vertical","d","state","useDividerStyles_unstable","toolbarDividerStyles","className","mergeClasses"],"mappings":";;;;+BAgBaA;;aAAAA;;uBAhB0B;8BACG;AAC1C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,MAAM;QACJC,QAAQ;QACRC,SAAS;IACX;IACAC,UAAU;QACRD,SAAS;IACX;AACF,GAAG;IACDE,GAAG;QAAC;QAAoH;QAA6B;KAA8B;AACrL;AAIO,MAAMP,mCAAmCQ,CAAAA,QAAS;IACvDC,IAAAA,uCAAyB,EAACD;IAC1B,MAAM,EACJF,SAAQ,EACT,GAAGE;IACJ,MAAME,uBAAuBT;IAC7BO,MAAML,IAAI,CAACQ,SAAS,GAAGC,IAAAA,mBAAY,EAACJ,MAAML,IAAI,CAACQ,SAAS,EAAED,qBAAqBP,IAAI,EAAE,CAACG,YAAYI,qBAAqBJ,QAAQ;IAC/H,OAAOE;AACT,GACA,mDAAmD"}

package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../lib/components/ToolbarGroup/useToolbarGroupStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nexport const toolbarGroupClassNames = {\n  root: 'fui-ToolbarGroup'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    i8kkvl: \"f4px1ci\",\n    Belr9w4: \"fn67r4l\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}\", \".fn67r4l{row-gap:8px;}\"]\n});\n/**\n * Apply styling to the Toolbar slots based on the state\n */\nexport const useToolbarGroupStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(toolbarGroupClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useToolbarGroupStyles.js.map"],"names":["toolbarGroupClassNames","useToolbarGroupStyles_unstable","root","useStyles","__styles","mc9l5x","i8kkvl","Belr9w4","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,sBAAsB,MAAtBA;IAkBAC,8BAA8B,MAA9BA;;uBAnBsC;AAC5C,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAwF;QAAoD;KAAyB;AAC3K;AAIO,MAAMP,iCAAiCQ,CAAAA,QAAS;IACrD,MAAMC,SAASP;IACfM,MAAMP,IAAI,CAACS,SAAS,GAAGC,IAAAA,mBAAY,EAACZ,uBAAuBE,IAAI,EAAEQ,OAAOR,IAAI,EAAEO,MAAMP,IAAI,CAACS,SAAS;IAClG,OAAOF;AACT,GACA,iDAAiD"}

package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../lib/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = /*#__PURE__*/__styles({\n  selected: {\n    sj55zd: \"f16muhyy\"\n  }\n}, {\n  d: [\".f16muhyy{color:var(--colorBrandForeground1);}\"]\n});\n/**\n * Apply styling to the ToolbarRadioButton slots based on the state\n */\nexport const useToolbarRadioButtonStyles_unstable = state => {\n  useToggleButtonStyles_unstable(state);\n  const toggleButtonStyles = useBaseStyles();\n  state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n//# sourceMappingURL=useToolbarRadioButtonStyles.js.map"],"names":["useToolbarRadioButtonStyles_unstable","useBaseStyles","__styles","selected","sj55zd","d","state","useToggleButtonStyles_unstable","toggleButtonStyles","root","className","mergeClasses","checked"],"mappings":";;;;+BAaaA;;aAAAA;;uBAZ0B;6BACQ;AAC/C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,UAAU;QACRC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAAiD;AACvD;AAIO,MAAML,uCAAuCM,CAAAA,QAAS;IAC3DC,IAAAA,2CAA8B,EAACD;IAC/B,MAAME,qBAAqBP;IAC3BK,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAMM,OAAO,IAAIJ,mBAAmBL,QAAQ;AACxG,GACA,uDAAuD"}

package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../lib/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = /*#__PURE__*/__styles({\n  selected: {\n    sj55zd: \"f16muhyy\"\n  }\n}, {\n  d: [\".f16muhyy{color:var(--colorBrandForeground1);}\"]\n});\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */\nexport const useToolbarToggleButtonStyles_unstable = state => {\n  useToggleButtonStyles_unstable(state);\n  const toggleButtonStyles = useBaseStyles();\n  state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n//# sourceMappingURL=useToolbarToggleButtonStyles.js.map"],"names":["useToolbarToggleButtonStyles_unstable","useBaseStyles","__styles","selected","sj55zd","d","state","useToggleButtonStyles_unstable","toggleButtonStyles","root","className","mergeClasses","checked"],"mappings":";;;;+BAaaA;;aAAAA;;uBAZ0B;6BACQ;AAC/C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,UAAU;QACRC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAAiD;AACvD;AAIO,MAAML,wCAAwCM,CAAAA,QAAS;IAC5DC,IAAAA,2CAA8B,EAACD;IAC/B,MAAME,qBAAqBP;IAC3BK,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAMM,OAAO,IAAIJ,mBAAmBL,QAAQ;AACxG,GACA,wDAAwD"}