@fluentui/react-toolbar 9.1.84 → 9.1.85

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 (14) hide show
  1. package/CHANGELOG.md +14 -2
  2. package/lib/components/Toolbar/useToolbarStyles.styles.js +30 -18
  3. package/lib/components/Toolbar/useToolbarStyles.styles.js.map +1 -1
  4. package/lib/components/ToolbarButton/useToolbarButtonStyles.styles.js +9 -6
  5. package/lib/components/ToolbarButton/useToolbarButtonStyles.styles.js.map +1 -1
  6. package/lib/components/ToolbarDivider/useToolbarDividerStyles.styles.js +9 -6
  7. package/lib/components/ToolbarDivider/useToolbarDividerStyles.styles.js.map +1 -1
  8. package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.js +44 -50
  9. package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.js.map +1 -1
  10. package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.styles.js +11 -14
  11. package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.styles.js.map +1 -1
  12. package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.js +11 -14
  13. package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.js.map +1 -1
  14. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,12 +1,24 @@
1
1
  # Change Log - @fluentui/react-toolbar
2
2
 
3
- This log was last generated on Mon, 20 May 2024 12:36:43 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 23 May 2024 07:58:03 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.1.85](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.1.85)
8
+
9
+ Thu, 23 May 2024 07:58:03 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.1.84..@fluentui/react-toolbar_v9.1.85)
11
+
12
+ ### Patches
13
+
14
+ - chore: replace usage of .shorthands() in styles ([PR #31432](https://github.com/microsoft/fluentui/pull/31432) by olfedias@microsoft.com)
15
+ - Bump @fluentui/react-button to v9.3.82 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
16
+ - Bump @fluentui/react-radio to v9.2.22 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
17
+ - Bump @fluentui/react-tabster to v9.21.4 ([commit](https://github.com/microsoft/fluentui/commit/10e6758b203de79c53ce31ba264e137f83f50ff4) by beachball)
18
+
7
19
  ## [9.1.84](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.1.84)
8
20
 
9
- Mon, 20 May 2024 12:36:43 GMT
21
+ Mon, 20 May 2024 12:45:08 GMT
10
22
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.1.83..@fluentui/react-toolbar_v9.1.84)
11
23
 
12
24
  ### Patches
package/lib/components/Toolbar/useToolbarStyles.styles.js CHANGED
@@ -1,4 +1,4 @@
1
- import { __styles, mergeClasses, shorthands } from '@griffel/react';
1
+ import { __styles, mergeClasses } from '@griffel/react';
2
2
  export const toolbarClassNames = {
3
3
  root: 'fui-Toolbar'
4
4
  };
@@ -9,35 +9,47 @@ const useStyles = /*#__PURE__*/__styles({
9
9
  root: {
10
10
  mc9l5x: "f22iagw",
11
11
  Bt984gj: "f122n59",
12
- z8tnut: "f10ra9hq",
13
- z189sj: ["f19lj068", "f177v4lu"],
14
- Byoj8tv: "f1y2xyjm",
15
- uwmqm3: ["f177v4lu", "f19lj068"]
12
+ Byoj8tv: 0,
13
+ uwmqm3: 0,
14
+ z189sj: 0,
15
+ z8tnut: 0,
16
+ B0ocmuz: "f1yqiaad"
16
17
  },
17
18
  vertical: {
18
19
  Beiy3e4: "f1vx9l62",
19
20
  a9b677: "f1acs6jw"
20
21
  },
21
22
  small: {
22
- z8tnut: "f1nbblvp",
23
- z189sj: ["f8wuabp", "fycuoez"],
24
- Byoj8tv: "f1ov4xf1",
25
- uwmqm3: ["fycuoez", "f8wuabp"]
23
+ Byoj8tv: 0,
24
+ uwmqm3: 0,
25
+ z189sj: 0,
26
+ z8tnut: 0,
27
+ B0ocmuz: "fvz760z"
26
28
  },
27
29
  medium: {
28
- z8tnut: "f10ra9hq",
29
- z189sj: ["f19lj068", "f177v4lu"],
30
- Byoj8tv: "f1y2xyjm",
31
- uwmqm3: ["f177v4lu", "f19lj068"]
30
+ Byoj8tv: 0,
31
+ uwmqm3: 0,
32
+ z189sj: 0,
33
+ z8tnut: 0,
34
+ B0ocmuz: "f1yqiaad"
32
35
  },
33
36
  large: {
34
- z8tnut: "f10ra9hq",
35
- z189sj: ["fat0sn4", "fekwl8i"],
36
- Byoj8tv: "f1y2xyjm",
37
- uwmqm3: ["fekwl8i", "fat0sn4"]
37
+ Byoj8tv: 0,
38
+ uwmqm3: 0,
39
+ z189sj: 0,
40
+ z8tnut: 0,
41
+ B0ocmuz: "f1ms6bdn"
38
42
  }
39
43
  }, {
40
- d: [".f22iagw{display:flex;}", ".f122n59{align-items:center;}", ".f10ra9hq{padding-top:4px;}", ".f19lj068{padding-right:8px;}", ".f177v4lu{padding-left:8px;}", ".f1y2xyjm{padding-bottom:4px;}", ".f1vx9l62{flex-direction:column;}", ".f1acs6jw{width:fit-content;}", ".f1nbblvp{padding-top:0px;}", ".f8wuabp{padding-right:4px;}", ".fycuoez{padding-left:4px;}", ".f1ov4xf1{padding-bottom:0px;}", ".fat0sn4{padding-right:20px;}", ".fekwl8i{padding-left:20px;}"]
44
+ d: [".f22iagw{display:flex;}", ".f122n59{align-items:center;}", [".f1yqiaad{padding:4px 8px;}", {
45
+ p: -1
46
+ }], ".f1vx9l62{flex-direction:column;}", ".f1acs6jw{width:fit-content;}", [".fvz760z{padding:0px 4px;}", {
47
+ p: -1
48
+ }], [".f1yqiaad{padding:4px 8px;}", {
49
+ p: -1
50
+ }], [".f1ms6bdn{padding:4px 20px;}", {
51
+ p: -1
52
+ }]]
41
53
  });
42
54
  /**
43
55
  * Apply styling to the Toolbar slots based on the state
package/lib/components/Toolbar/useToolbarStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","toolbarClassNames","root","useStyles","mc9l5x","Bt984gj","z8tnut","z189sj","Byoj8tv","uwmqm3","vertical","Beiy3e4","a9b677","small","medium","large","d","useToolbarStyles_unstable","state","styles","size","className"],"sources":["useToolbarStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nexport const toolbarClassNames = {\n root: 'fui-Toolbar'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n ...shorthands.padding('4px', '8px')\n },\n vertical: {\n flexDirection: 'column',\n width: 'fit-content'\n },\n small: {\n ...shorthands.padding('0px', '4px')\n },\n medium: {\n ...shorthands.padding('4px', '8px')\n },\n large: {\n ...shorthands.padding('4px', '20px')\n }\n});\n/**\n * Apply styling to the Toolbar slots based on the state\n */ export const useToolbarStyles_unstable = (state)=>{\n const styles = useStyles();\n const { vertical, size } = 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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,OAAO,MAAMC,iBAAiB,GAAG;EAC7BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGL,QAAA;EAAAI,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAP,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAK,MAAA;IAAAR,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAM,KAAA;IAAAT,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAO,CAAA;AAAA,CAmBrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,yBAAyB,GAAIC,KAAK,IAAG;EAClD,MAAMC,MAAM,GAAGhB,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEO,QAAQ;IAAEU;EAAK,CAAC,GAAGF,KAAK;EAChCA,KAAK,CAAChB,IAAI,CAACmB,SAAS,GAAGtB,YAAY,CAACE,iBAAiB,CAACC,IAAI,EAAEiB,MAAM,CAACjB,IAAI,EAAEQ,QAAQ,IAAIS,MAAM,CAACT,QAAQ,EAAEU,IAAI,KAAK,OAAO,IAAI,CAACV,QAAQ,IAAIS,MAAM,CAACN,KAAK,EAAEO,IAAI,KAAK,QAAQ,IAAI,CAACV,QAAQ,IAAIS,MAAM,CAACL,MAAM,EAAEM,IAAI,KAAK,OAAO,IAAI,CAACV,QAAQ,IAAIS,MAAM,CAACJ,KAAK,EAAEG,KAAK,CAAChB,IAAI,CAACmB,SAAS,CAAC;EAC1Q,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["__styles","mergeClasses","toolbarClassNames","root","useStyles","mc9l5x","Bt984gj","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","vertical","Beiy3e4","a9b677","small","medium","large","d","p","useToolbarStyles_unstable","state","styles","size","className"],"sources":["useToolbarStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nexport const toolbarClassNames = {\n root: 'fui-Toolbar'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n display: 'flex',\n alignItems: 'center',\n padding: '4px 8px'\n },\n vertical: {\n flexDirection: 'column',\n width: 'fit-content'\n },\n small: {\n padding: '0px 4px'\n },\n medium: {\n padding: '4px 8px'\n },\n large: {\n padding: '4px 20px'\n }\n});\n/**\n * Apply styling to the Toolbar slots based on the state\n */ export const useToolbarStyles_unstable = (state)=>{\n const styles = useStyles();\n const { vertical, size } = 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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,iBAAiB,GAAG;EAC7BC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGJ,QAAA;EAAAG,IAAA;IAAAE,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAR,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAK,MAAA;IAAAT,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAM,KAAA;IAAAV,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAO,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAmBrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,yBAAyB,GAAIC,KAAK,IAAG;EAClD,MAAMC,MAAM,GAAGlB,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEQ,QAAQ;IAAEW;EAAK,CAAC,GAAGF,KAAK;EAChCA,KAAK,CAAClB,IAAI,CAACqB,SAAS,GAAGvB,YAAY,CAACC,iBAAiB,CAACC,IAAI,EAAEmB,MAAM,CAACnB,IAAI,EAAES,QAAQ,IAAIU,MAAM,CAACV,QAAQ,EAAEW,IAAI,KAAK,OAAO,IAAI,CAACX,QAAQ,IAAIU,MAAM,CAACP,KAAK,EAAEQ,IAAI,KAAK,QAAQ,IAAI,CAACX,QAAQ,IAAIU,MAAM,CAACN,MAAM,EAAEO,IAAI,KAAK,OAAO,IAAI,CAACX,QAAQ,IAAIU,MAAM,CAACL,KAAK,EAAEI,KAAK,CAAClB,IAAI,CAACqB,SAAS,CAAC;EAC1Q,OAAOH,KAAK;AAChB,CAAC","ignoreList":[]}
package/lib/components/ToolbarButton/useToolbarButtonStyles.styles.js CHANGED
@@ -1,4 +1,4 @@
1
- import { __styles, mergeClasses, shorthands } from '@griffel/react';
1
+ import { __styles, mergeClasses } from '@griffel/react';
2
2
  import { useButtonStyles_unstable } from '@fluentui/react-button';
3
3
  const useBaseStyles = /*#__PURE__*/__styles({
4
4
  vertical: {
@@ -6,13 +6,16 @@ const useBaseStyles = /*#__PURE__*/__styles({
6
6
  },
7
7
  verticalIcon: {
8
8
  Be2twd7: "f1rt2boy",
9
- B6of3ja: "f1hu3pq6",
10
- t21cq0: ["f11qmguv", "f1tyq0we"],
11
- jrapky: "f19f4twv",
12
- Frg6f3: ["f1tyq0we", "f11qmguv"]
9
+ jrapky: 0,
10
+ Frg6f3: 0,
11
+ t21cq0: 0,
12
+ B6of3ja: 0,
13
+ B74szlk: "f1s184ao"
13
14
  }
14
15
  }, {
15
- d: [".f1vx9l62{flex-direction:column;}", ".f1rt2boy{font-size:24px;}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}"]
16
+ d: [".f1vx9l62{flex-direction:column;}", ".f1rt2boy{font-size:24px;}", [".f1s184ao{margin:0;}", {
17
+ p: -1
18
+ }]]
16
19
  });
17
20
  /**
18
21
  * Apply styling to the ToolbarButton slots based on the state
package/lib/components/ToolbarButton/useToolbarButtonStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","useButtonStyles_unstable","useBaseStyles","vertical","Beiy3e4","verticalIcon","Be2twd7","B6of3ja","t21cq0","jrapky","Frg6f3","d","useToolbarButtonStyles_unstable","state","buttonStyles","root","className","icon"],"sources":["useToolbarButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { useButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = makeStyles({\n vertical: {\n flexDirection: 'column'\n },\n verticalIcon: {\n fontSize: '24px',\n ...shorthands.margin('0')\n }\n});\n/**\n * Apply styling to the ToolbarButton slots based on the state\n */ export 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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,wBAAwB,QAAQ,wBAAwB;AACjE,MAAMC,aAAa,gBAAGJ,QAAA;EAAAK,QAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAQrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,+BAA+B,GAAIC,KAAK,IAAG;EACxDZ,wBAAwB,CAACY,KAAK,CAAC;EAC/B,MAAMC,YAAY,GAAGZ,aAAa,CAAC,CAAC;EACpCW,KAAK,CAACE,IAAI,CAACC,SAAS,GAAGjB,YAAY,CAACc,KAAK,CAACE,IAAI,CAACC,SAAS,EAAEH,KAAK,CAACV,QAAQ,IAAIW,YAAY,CAACX,QAAQ,CAAC;EAClG,IAAIU,KAAK,CAACI,IAAI,EAAE;IACZJ,KAAK,CAACI,IAAI,CAACD,SAAS,GAAGjB,YAAY,CAACc,KAAK,CAACI,IAAI,CAACD,SAAS,EAAEH,KAAK,CAACV,QAAQ,IAAIW,YAAY,CAACT,YAAY,CAAC;EAC1G;AACJ,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["__styles","mergeClasses","useButtonStyles_unstable","useBaseStyles","vertical","Beiy3e4","verticalIcon","Be2twd7","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","d","p","useToolbarButtonStyles_unstable","state","buttonStyles","root","className","icon"],"sources":["useToolbarButtonStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = makeStyles({\n vertical: {\n flexDirection: 'column'\n },\n verticalIcon: {\n fontSize: '24px',\n margin: '0'\n }\n});\n/**\n * Apply styling to the ToolbarButton slots based on the state\n */ export 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"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,wBAAwB,QAAQ,wBAAwB;AACjE,MAAMC,aAAa,gBAAGH,QAAA;EAAAI,QAAA;IAAAC,OAAA;EAAA;EAAAC,YAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;AAAA,CAQrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,+BAA+B,GAAIC,KAAK,IAAG;EACxDd,wBAAwB,CAACc,KAAK,CAAC;EAC/B,MAAMC,YAAY,GAAGd,aAAa,CAAC,CAAC;EACpCa,KAAK,CAACE,IAAI,CAACC,SAAS,GAAGlB,YAAY,CAACe,KAAK,CAACE,IAAI,CAACC,SAAS,EAAEH,KAAK,CAACZ,QAAQ,IAAIa,YAAY,CAACb,QAAQ,CAAC;EAClG,IAAIY,KAAK,CAACI,IAAI,EAAE;IACZJ,KAAK,CAACI,IAAI,CAACD,SAAS,GAAGlB,YAAY,CAACe,KAAK,CAACI,IAAI,CAACD,SAAS,EAAEH,KAAK,CAACZ,QAAQ,IAAIa,YAAY,CAACX,YAAY,CAAC;EAC1G;AACJ,CAAC","ignoreList":[]}
package/lib/components/ToolbarDivider/useToolbarDividerStyles.styles.js CHANGED
@@ -1,19 +1,22 @@
1
- import { __styles, mergeClasses, shorthands } from '@griffel/react';
1
+ import { __styles, mergeClasses } from '@griffel/react';
2
2
  import { useDividerStyles_unstable } from '@fluentui/react-divider';
3
3
  const useBaseStyles = /*#__PURE__*/__styles({
4
4
  root: {
5
5
  mc9l5x: "ftuwxu6",
6
6
  B2u0y6b: "f1lwjmbk",
7
- z8tnut: "f1g0x7ka",
8
- z189sj: ["f11qrl6u", "fjlbh76"],
9
- Byoj8tv: "f1qch9an",
10
- uwmqm3: ["fjlbh76", "f11qrl6u"]
7
+ Byoj8tv: 0,
8
+ uwmqm3: 0,
9
+ z189sj: 0,
10
+ z8tnut: 0,
11
+ B0ocmuz: "f1oic3e7"
11
12
  },
12
13
  vertical: {
13
14
  B2u0y6b: "fe668z"
14
15
  }
15
16
  }, {
16
- d: [".ftuwxu6{display:inline-flex;}", ".f1lwjmbk{max-width:1px;}", ".f1g0x7ka{padding-top:0;}", ".f11qrl6u{padding-right:12px;}", ".fjlbh76{padding-left:12px;}", ".f1qch9an{padding-bottom:0;}", ".fe668z{max-width:initial;}"]
17
+ d: [".ftuwxu6{display:inline-flex;}", ".f1lwjmbk{max-width:1px;}", [".f1oic3e7{padding:0 12px;}", {
18
+ p: -1
19
+ }], ".fe668z{max-width:initial;}"]
17
20
  });
18
21
  /**
19
22
  * Apply styling to the ToolbarDivider slots based on the state
package/lib/components/ToolbarDivider/useToolbarDividerStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","useDividerStyles_unstable","useBaseStyles","root","mc9l5x","B2u0y6b","z8tnut","z189sj","Byoj8tv","uwmqm3","vertical","d","useToolbarDividerStyles_unstable","state","toolbarDividerStyles","className"],"sources":["useToolbarDividerStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { useDividerStyles_unstable } from '@fluentui/react-divider';\nconst useBaseStyles = makeStyles({\n // Base styles\n root: {\n display: 'inline-flex',\n maxWidth: '1px',\n ...shorthands.padding('0', '12px')\n },\n vertical: {\n maxWidth: 'initial'\n }\n});\n/**\n * Apply styling to the ToolbarDivider slots based on the state\n */ export const useToolbarDividerStyles_unstable = (state)=>{\n useDividerStyles_unstable(state);\n const { vertical } = state;\n const toolbarDividerStyles = useBaseStyles();\n state.root.className = mergeClasses(toolbarDividerStyles.root, !vertical && toolbarDividerStyles.vertical, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,yBAAyB,QAAQ,yBAAyB;AACnE,MAAMC,aAAa,gBAAGJ,QAAA;EAAAK,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,QAAA;IAAAL,OAAA;EAAA;AAAA;EAAAM,CAAA;AAAA,CAUrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,gCAAgC,GAAIC,KAAK,IAAG;EACzDZ,yBAAyB,CAACY,KAAK,CAAC;EAChC,MAAM;IAAEH;EAAS,CAAC,GAAGG,KAAK;EAC1B,MAAMC,oBAAoB,GAAGZ,aAAa,CAAC,CAAC;EAC5CW,KAAK,CAACV,IAAI,CAACY,SAAS,GAAGhB,YAAY,CAACe,oBAAoB,CAACX,IAAI,EAAE,CAACO,QAAQ,IAAII,oBAAoB,CAACJ,QAAQ,EAAEG,KAAK,CAACV,IAAI,CAACY,SAAS,CAAC;EAChI,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
1
+ {"version":3,"names":["__styles","mergeClasses","useDividerStyles_unstable","useBaseStyles","root","mc9l5x","B2u0y6b","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","vertical","d","p","useToolbarDividerStyles_unstable","state","toolbarDividerStyles","className"],"sources":["useToolbarDividerStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useDividerStyles_unstable } from '@fluentui/react-divider';\nconst useBaseStyles = makeStyles({\n // Base styles\n root: {\n display: 'inline-flex',\n maxWidth: '1px',\n padding: '0 12px'\n },\n vertical: {\n maxWidth: 'initial'\n }\n});\n/**\n * Apply styling to the ToolbarDivider slots based on the state\n */ export const useToolbarDividerStyles_unstable = (state)=>{\n useDividerStyles_unstable(state);\n const { vertical } = state;\n const toolbarDividerStyles = useBaseStyles();\n state.root.className = mergeClasses(toolbarDividerStyles.root, !vertical && toolbarDividerStyles.vertical, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,yBAAyB,QAAQ,yBAAyB;AACnE,MAAMC,aAAa,gBAAGH,QAAA;EAAAI,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAN,OAAA;EAAA;AAAA;EAAAO,CAAA;IAAAC,CAAA;EAAA;AAAA,CAUrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,gCAAgC,GAAIC,KAAK,IAAG;EACzDd,yBAAyB,CAACc,KAAK,CAAC;EAChC,MAAM;IAAEJ;EAAS,CAAC,GAAGI,KAAK;EAC1B,MAAMC,oBAAoB,GAAGd,aAAa,CAAC,CAAC;EAC5Ca,KAAK,CAACZ,IAAI,CAACc,SAAS,GAAGjB,YAAY,CAACgB,oBAAoB,CAACb,IAAI,EAAE,CAACQ,QAAQ,IAAIK,oBAAoB,CAACL,QAAQ,EAAEI,KAAK,CAACZ,IAAI,CAACc,SAAS,CAAC;EAChI,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.js CHANGED
@@ -26,73 +26,67 @@ const toolbarClassNames = {
26
26
  root: {
27
27
  mc9l5x: "f22iagw",
28
28
  Bt984gj: "f122n59",
29
- z8tnut: "f10ra9hq",
30
- z189sj: [
31
- "f19lj068",
32
- "f177v4lu"
33
- ],
34
- Byoj8tv: "f1y2xyjm",
35
- uwmqm3: [
36
- "f177v4lu",
37
- "f19lj068"
38
- ]
29
+ Byoj8tv: 0,
30
+ uwmqm3: 0,
31
+ z189sj: 0,
32
+ z8tnut: 0,
33
+ B0ocmuz: "f1yqiaad"
39
34
  },
40
35
  vertical: {
41
36
  Beiy3e4: "f1vx9l62",
42
37
  a9b677: "f1acs6jw"
43
38
  },
44
39
  small: {
45
- z8tnut: "f1nbblvp",
46
- z189sj: [
47
- "f8wuabp",
48
- "fycuoez"
49
- ],
50
- Byoj8tv: "f1ov4xf1",
51
- uwmqm3: [
52
- "fycuoez",
53
- "f8wuabp"
54
- ]
40
+ Byoj8tv: 0,
41
+ uwmqm3: 0,
42
+ z189sj: 0,
43
+ z8tnut: 0,
44
+ B0ocmuz: "fvz760z"
55
45
  },
56
46
  medium: {
57
- z8tnut: "f10ra9hq",
58
- z189sj: [
59
- "f19lj068",
60
- "f177v4lu"
61
- ],
62
- Byoj8tv: "f1y2xyjm",
63
- uwmqm3: [
64
- "f177v4lu",
65
- "f19lj068"
66
- ]
47
+ Byoj8tv: 0,
48
+ uwmqm3: 0,
49
+ z189sj: 0,
50
+ z8tnut: 0,
51
+ B0ocmuz: "f1yqiaad"
67
52
  },
68
53
  large: {
69
- z8tnut: "f10ra9hq",
70
- z189sj: [
71
- "fat0sn4",
72
- "fekwl8i"
73
- ],
74
- Byoj8tv: "f1y2xyjm",
75
- uwmqm3: [
76
- "fekwl8i",
77
- "fat0sn4"
78
- ]
54
+ Byoj8tv: 0,
55
+ uwmqm3: 0,
56
+ z189sj: 0,
57
+ z8tnut: 0,
58
+ B0ocmuz: "f1ms6bdn"
79
59
  }
80
60
  }, {
81
61
  d: [
82
62
  ".f22iagw{display:flex;}",
83
63
  ".f122n59{align-items:center;}",
84
- ".f10ra9hq{padding-top:4px;}",
85
- ".f19lj068{padding-right:8px;}",
86
- ".f177v4lu{padding-left:8px;}",
87
- ".f1y2xyjm{padding-bottom:4px;}",
64
+ [
65
+ ".f1yqiaad{padding:4px 8px;}",
66
+ {
67
+ p: -1
68
+ }
69
+ ],
88
70
  ".f1vx9l62{flex-direction:column;}",
89
71
  ".f1acs6jw{width:fit-content;}",
90
- ".f1nbblvp{padding-top:0px;}",
91
- ".f8wuabp{padding-right:4px;}",
92
- ".fycuoez{padding-left:4px;}",
93
- ".f1ov4xf1{padding-bottom:0px;}",
94
- ".fat0sn4{padding-right:20px;}",
95
- ".fekwl8i{padding-left:20px;}"
72
+ [
73
+ ".fvz760z{padding:0px 4px;}",
74
+ {
75
+ p: -1
76
+ }
77
+ ],
78
+ [
79
+ ".f1yqiaad{padding:4px 8px;}",
80
+ {
81
+ p: -1
82
+ }
83
+ ],
84
+ [
85
+ ".f1ms6bdn{padding:4px 20px;}",
86
+ {
87
+ p: -1
88
+ }
89
+ ]
96
90
  ]
97
91
  });
98
92
  const useToolbarStyles_unstable = (state)=>{
package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useToolbarStyles.styles.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 },\n vertical: {\n Beiy3e4: \"f1vx9l62\",\n a9b677: \"f1acs6jw\"\n },\n small: {\n z8tnut: \"f1nbblvp\",\n z189sj: [\"f8wuabp\", \"fycuoez\"],\n Byoj8tv: \"f1ov4xf1\",\n uwmqm3: [\"fycuoez\", \"f8wuabp\"]\n },\n medium: {\n z8tnut: \"f10ra9hq\",\n z189sj: [\"f19lj068\", \"f177v4lu\"],\n Byoj8tv: \"f1y2xyjm\",\n uwmqm3: [\"f177v4lu\", \"f19lj068\"]\n },\n large: {\n z8tnut: \"f10ra9hq\",\n z189sj: [\"fat0sn4\", \"fekwl8i\"],\n Byoj8tv: \"f1y2xyjm\",\n uwmqm3: [\"fekwl8i\", \"fat0sn4\"]\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".f10ra9hq{padding-top:4px;}\", \".f19lj068{padding-right:8px;}\", \".f177v4lu{padding-left:8px;}\", \".f1y2xyjm{padding-bottom:4px;}\", \".f1vx9l62{flex-direction:column;}\", \".f1acs6jw{width:fit-content;}\", \".f1nbblvp{padding-top:0px;}\", \".f8wuabp{padding-right:4px;}\", \".fycuoez{padding-left:4px;}\", \".f1ov4xf1{padding-bottom:0px;}\", \".fat0sn4{padding-right:20px;}\", \".fekwl8i{padding-left:20px;}\"]\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.styles.js.map"],"names":["toolbarClassNames","useToolbarStyles_unstable","root","useStyles","__styles","mc9l5x","Bt984gj","z8tnut","z189sj","Byoj8tv","uwmqm3","vertical","Beiy3e4","a9b677","small","medium","large","d","state","styles","size","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,iBAAiB;eAAjBA;;IA2CAC,yBAAyB;eAAzBA;;;uBA5CsC;AAC5C,MAAMD,oBAAoB;IAC/BE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,UAAU;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,OAAO;QACLP,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;IACAK,QAAQ;QACNR,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAM,OAAO;QACLT,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAU;IAChC;AACF,GAAG;IACDO,GAAG;QAAC;QAA2B;QAAiC;QAA+B;QAAiC;QAAgC;QAAkC;QAAqC;QAAiC;QAA+B;QAAgC;QAA+B;QAAkC;QAAiC;KAA+B;AAC1c;AAIO,MAAMhB,4BAA4BiB,CAAAA;IACvC,MAAMC,SAAShB;IACf,MAAM,EACJQ,QAAQ,EACRS,IAAI,EACL,GAAGF;IACJA,MAAMhB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,kBAAkBE,IAAI,EAAEiB,OAAOjB,IAAI,EAAES,YAAYQ,OAAOR,QAAQ,EAAES,SAAS,WAAW,CAACT,YAAYQ,OAAOL,KAAK,EAAEM,SAAS,YAAY,CAACT,YAAYQ,OAAOJ,MAAM,EAAEK,SAAS,WAAW,CAACT,YAAYQ,OAAOH,KAAK,EAAEE,MAAMhB,IAAI,CAACmB,SAAS;IACzQ,OAAOH;AACT,GACA,mDAAmD"}
1
+ {"version":3,"sources":["useToolbarStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } 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 Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1yqiaad\"\n },\n vertical: {\n Beiy3e4: \"f1vx9l62\",\n a9b677: \"f1acs6jw\"\n },\n small: {\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"fvz760z\"\n },\n medium: {\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1yqiaad\"\n },\n large: {\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1ms6bdn\"\n }\n}, {\n d: [\".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", [\".f1yqiaad{padding:4px 8px;}\", {\n p: -1\n }], \".f1vx9l62{flex-direction:column;}\", \".f1acs6jw{width:fit-content;}\", [\".fvz760z{padding:0px 4px;}\", {\n p: -1\n }], [\".f1yqiaad{padding:4px 8px;}\", {\n p: -1\n }], [\".f1ms6bdn{padding:4px 20px;}\", {\n p: -1\n }]]\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.styles.js.map"],"names":["toolbarClassNames","useToolbarStyles_unstable","root","useStyles","__styles","mc9l5x","Bt984gj","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","vertical","Beiy3e4","a9b677","small","medium","large","d","p","state","styles","size","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,iBAAiB;eAAjBA;;IAuDAC,yBAAyB;eAAzBA;;;uBAxD0B;AAChC,MAAMD,oBAAoB;IAC/BE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,UAAU;QACRC,SAAS;QACTC,QAAQ;IACV;IACAC,OAAO;QACLR,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAK,QAAQ;QACNT,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAM,OAAO;QACLV,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;AACF,GAAG;IACDO,GAAG;QAAC;QAA2B;QAAiC;YAAC;YAA+B;gBAC9FC,GAAG,CAAC;YACN;SAAE;QAAE;QAAqC;QAAiC;YAAC;YAA8B;gBACvGA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAA+B;gBAClCA,GAAG,CAAC;YACN;SAAE;QAAE;YAAC;YAAgC;gBACnCA,GAAG,CAAC;YACN;SAAE;KAAC;AACL;AAIO,MAAMlB,4BAA4BmB,CAAAA;IACvC,MAAMC,SAASlB;IACf,MAAM,EACJS,QAAQ,EACRU,IAAI,EACL,GAAGF;IACJA,MAAMlB,IAAI,CAACqB,SAAS,GAAGC,IAAAA,mBAAY,EAACxB,kBAAkBE,IAAI,EAAEmB,OAAOnB,IAAI,EAAEU,YAAYS,OAAOT,QAAQ,EAAEU,SAAS,WAAW,CAACV,YAAYS,OAAON,KAAK,EAAEO,SAAS,YAAY,CAACV,YAAYS,OAAOL,MAAM,EAAEM,SAAS,WAAW,CAACV,YAAYS,OAAOJ,KAAK,EAAEG,MAAMlB,IAAI,CAACqB,SAAS;IACzQ,OAAOH;AACT,GACA,mDAAmD"}
package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.styles.js CHANGED
@@ -16,25 +16,22 @@ const useBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
16
16
  },
17
17
  verticalIcon: {
18
18
  Be2twd7: "f1rt2boy",
19
- B6of3ja: "f1hu3pq6",
20
- t21cq0: [
21
- "f11qmguv",
22
- "f1tyq0we"
23
- ],
24
- jrapky: "f19f4twv",
25
- Frg6f3: [
26
- "f1tyq0we",
27
- "f11qmguv"
28
- ]
19
+ jrapky: 0,
20
+ Frg6f3: 0,
21
+ t21cq0: 0,
22
+ B6of3ja: 0,
23
+ B74szlk: "f1s184ao"
29
24
  }
30
25
  }, {
31
26
  d: [
32
27
  ".f1vx9l62{flex-direction:column;}",
33
28
  ".f1rt2boy{font-size:24px;}",
34
- ".f1hu3pq6{margin-top:0;}",
35
- ".f11qmguv{margin-right:0;}",
36
- ".f1tyq0we{margin-left:0;}",
37
- ".f19f4twv{margin-bottom:0;}"
29
+ [
30
+ ".f1s184ao{margin:0;}",
31
+ {
32
+ p: -1
33
+ }
34
+ ]
38
35
  ]
39
36
  });
40
37
  const useToolbarButtonStyles_unstable = (state)=>{
package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useToolbarButtonStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } 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 B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"]\n }\n}, {\n d: [\".f1vx9l62{flex-direction:column;}\", \".f1rt2boy{font-size:24px;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\"]\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.styles.js.map"],"names":["useToolbarButtonStyles_unstable","useBaseStyles","__styles","vertical","Beiy3e4","verticalIcon","Be2twd7","B6of3ja","t21cq0","jrapky","Frg6f3","d","state","useButtonStyles_unstable","buttonStyles","root","className","mergeClasses","icon"],"mappings":";;;;+BAmBaA;;;eAAAA;;;uBAnBsC;6BACV;AACzC,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,UAAU;QACRC,SAAS;IACX;IACAC,cAAc;QACZC,SAAS;QACTC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;IAClC;AACF,GAAG;IACDC,GAAG;QAAC;QAAqC;QAA8B;QAA4B;QAA8B;QAA6B;KAA8B;AAC9L;AAIO,MAAMX,kCAAkCY,CAAAA;IAC7CC,IAAAA,qCAAwB,EAACD;IACzB,MAAME,eAAeb;IACrBW,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAMT,QAAQ,IAAIW,aAAaX,QAAQ;IACjG,IAAIS,MAAMM,IAAI,EAAE;QACdN,MAAMM,IAAI,CAACF,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMM,IAAI,CAACF,SAAS,EAAEJ,MAAMT,QAAQ,IAAIW,aAAaT,YAAY;IACvG;AACF,GACA,yDAAyD"}
1
+ {"version":3,"sources":["useToolbarButtonStyles.styles.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 jrapky: 0,\n Frg6f3: 0,\n t21cq0: 0,\n B6of3ja: 0,\n B74szlk: \"f1s184ao\"\n }\n}, {\n d: [\".f1vx9l62{flex-direction:column;}\", \".f1rt2boy{font-size:24px;}\", [\".f1s184ao{margin:0;}\", {\n p: -1\n }]]\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.styles.js.map"],"names":["useToolbarButtonStyles_unstable","useBaseStyles","__styles","vertical","Beiy3e4","verticalIcon","Be2twd7","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","d","p","state","useButtonStyles_unstable","buttonStyles","root","className","mergeClasses","icon"],"mappings":";;;;+BAsBaA;;;eAAAA;;;uBAtB0B;6BACE;AACzC,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,UAAU;QACRC,SAAS;IACX;IACAC,cAAc;QACZC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAAqC;QAA8B;YAAC;YAAwB;gBAC9FC,GAAG,CAAC;YACN;SAAE;KAAC;AACL;AAIO,MAAMb,kCAAkCc,CAAAA;IAC7CC,IAAAA,qCAAwB,EAACD;IACzB,MAAME,eAAef;IACrBa,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAMX,QAAQ,IAAIa,aAAab,QAAQ;IACjG,IAAIW,MAAMM,IAAI,EAAE;QACdN,MAAMM,IAAI,CAACF,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMM,IAAI,CAACF,SAAS,EAAEJ,MAAMX,QAAQ,IAAIa,aAAaX,YAAY;IACvG;AACF,GACA,yDAAyD"}
package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.js CHANGED
@@ -14,16 +14,11 @@ const useBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
14
14
  root: {
15
15
  mc9l5x: "ftuwxu6",
16
16
  B2u0y6b: "f1lwjmbk",
17
- z8tnut: "f1g0x7ka",
18
- z189sj: [
19
- "f11qrl6u",
20
- "fjlbh76"
21
- ],
22
- Byoj8tv: "f1qch9an",
23
- uwmqm3: [
24
- "fjlbh76",
25
- "f11qrl6u"
26
- ]
17
+ Byoj8tv: 0,
18
+ uwmqm3: 0,
19
+ z189sj: 0,
20
+ z8tnut: 0,
21
+ B0ocmuz: "f1oic3e7"
27
22
  },
28
23
  vertical: {
29
24
  B2u0y6b: "fe668z"
@@ -32,10 +27,12 @@ const useBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
32
27
  d: [
33
28
  ".ftuwxu6{display:inline-flex;}",
34
29
  ".f1lwjmbk{max-width:1px;}",
35
- ".f1g0x7ka{padding-top:0;}",
36
- ".f11qrl6u{padding-right:12px;}",
37
- ".fjlbh76{padding-left:12px;}",
38
- ".f1qch9an{padding-bottom:0;}",
30
+ [
31
+ ".f1oic3e7{padding:0 12px;}",
32
+ {
33
+ p: -1
34
+ }
35
+ ],
39
36
  ".fe668z{max-width:initial;}"
40
37
  ]
41
38
  });
package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["useToolbarDividerStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { useDividerStyles_unstable } from '@fluentui/react-divider';\nconst useBaseStyles = /*#__PURE__*/__styles({\n root: {\n mc9l5x: \"ftuwxu6\",\n B2u0y6b: \"f1lwjmbk\",\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"f11qrl6u\", \"fjlbh76\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"fjlbh76\", \"f11qrl6u\"]\n },\n vertical: {\n B2u0y6b: \"fe668z\"\n }\n}, {\n d: [\".ftuwxu6{display:inline-flex;}\", \".f1lwjmbk{max-width:1px;}\", \".f1g0x7ka{padding-top:0;}\", \".f11qrl6u{padding-right:12px;}\", \".fjlbh76{padding-left:12px;}\", \".f1qch9an{padding-bottom:0;}\", \".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(toolbarDividerStyles.root, !vertical && toolbarDividerStyles.vertical, state.root.className);\n return state;\n};\n//# sourceMappingURL=useToolbarDividerStyles.styles.js.map"],"names":["useToolbarDividerStyles_unstable","useBaseStyles","__styles","root","mc9l5x","B2u0y6b","z8tnut","z189sj","Byoj8tv","uwmqm3","vertical","d","state","useDividerStyles_unstable","toolbarDividerStyles","className","mergeClasses"],"mappings":";;;;+BAoBaA;;;eAAAA;;;uBApBsC;8BACT;AAC1C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAW;SAAW;IACjC;IACAC,UAAU;QACRL,SAAS;IACX;AACF,GAAG;IACDM,GAAG;QAAC;QAAkC;QAA6B;QAA6B;QAAkC;QAAgC;QAAgC;KAA8B;AAClO;AAIO,MAAMX,mCAAmCY,CAAAA;IAC9CC,IAAAA,uCAAyB,EAACD;IAC1B,MAAM,EACJF,QAAQ,EACT,GAAGE;IACJ,MAAME,uBAAuBb;IAC7BW,MAAMT,IAAI,CAACY,SAAS,GAAGC,IAAAA,mBAAY,EAACF,qBAAqBX,IAAI,EAAE,CAACO,YAAYI,qBAAqBJ,QAAQ,EAAEE,MAAMT,IAAI,CAACY,SAAS;IAC/H,OAAOH;AACT,GACA,0DAA0D"}
1
+ {"version":3,"sources":["useToolbarDividerStyles.styles.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 Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1oic3e7\"\n },\n vertical: {\n B2u0y6b: \"fe668z\"\n }\n}, {\n d: [\".ftuwxu6{display:inline-flex;}\", \".f1lwjmbk{max-width:1px;}\", [\".f1oic3e7{padding:0 12px;}\", {\n p: -1\n }], \".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(toolbarDividerStyles.root, !vertical && toolbarDividerStyles.vertical, state.root.className);\n return state;\n};\n//# sourceMappingURL=useToolbarDividerStyles.styles.js.map"],"names":["useToolbarDividerStyles_unstable","useBaseStyles","__styles","root","mc9l5x","B2u0y6b","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","vertical","d","p","state","useDividerStyles_unstable","toolbarDividerStyles","className","mergeClasses"],"mappings":";;;;+BAuBaA;;;eAAAA;;;uBAvB0B;8BACG;AAC1C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC1CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,QAAQ;QACRC,SAAS;IACX;IACAC,UAAU;QACRN,SAAS;IACX;AACF,GAAG;IACDO,GAAG;QAAC;QAAkC;QAA6B;YAAC;YAA8B;gBAChGC,GAAG,CAAC;YACN;SAAE;QAAE;KAA8B;AACpC;AAIO,MAAMb,mCAAmCc,CAAAA;IAC9CC,IAAAA,uCAAyB,EAACD;IAC1B,MAAM,EACJH,QAAQ,EACT,GAAGG;IACJ,MAAME,uBAAuBf;IAC7Ba,MAAMX,IAAI,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAACF,qBAAqBb,IAAI,EAAE,CAACQ,YAAYK,qBAAqBL,QAAQ,EAAEG,MAAMX,IAAI,CAACc,SAAS;IAC/H,OAAOH;AACT,GACA,0DAA0D"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-toolbar",
3
- "version": "9.1.84",
3
+ "version": "9.1.85",
4
4
  "description": "React components for building web experiences",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -35,15 +35,15 @@
35
35
  "@fluentui/scripts-tasks": "*"
36
36
  },
37
37
  "dependencies": {
38
- "@fluentui/react-button": "^9.3.81",
38
+ "@fluentui/react-button": "^9.3.82",
39
39
  "@fluentui/react-divider": "^9.2.69",
40
40
  "@fluentui/react-theme": "^9.1.19",
41
41
  "@fluentui/react-utilities": "^9.18.9",
42
42
  "@fluentui/react-jsx-runtime": "^9.0.38",
43
43
  "@fluentui/react-context-selector": "^9.1.60",
44
- "@fluentui/react-radio": "^9.2.21",
44
+ "@fluentui/react-radio": "^9.2.22",
45
45
  "@fluentui/react-shared-contexts": "^9.19.0",
46
- "@fluentui/react-tabster": "^9.21.3",
46
+ "@fluentui/react-tabster": "^9.21.4",
47
47
  "@griffel/react": "^1.5.22",
48
48
  "@swc/helpers": "^0.5.1"
49
49
  },