@fluentui/react-toolbar 9.1.14 → 9.1.16

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 (15) hide show
  1. package/CHANGELOG.json +105 -1
  2. package/CHANGELOG.md +31 -2
  3. package/lib/components/Toolbar/useToolbarStyles.styles.js +14 -7
  4. package/lib/components/Toolbar/useToolbarStyles.styles.js.map +1 -1
  5. package/lib/components/ToolbarDivider/useToolbarDividerStyles.styles.js +7 -3
  6. package/lib/components/ToolbarDivider/useToolbarDividerStyles.styles.js.map +1 -1
  7. package/lib/components/ToolbarGroup/useToolbarGroupStyles.styles.js +3 -9
  8. package/lib/components/ToolbarGroup/useToolbarGroupStyles.styles.js.map +1 -1
  9. package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.js +37 -11
  10. package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.js.map +1 -1
  11. package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.js +15 -1
  12. package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.js.map +1 -1
  13. package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.styles.js +2 -12
  14. package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.styles.js.map +1 -1
  15. package/package.json +10 -10
package/CHANGELOG.json CHANGED
@@ -2,7 +2,111 @@
2
2
  "name": "@fluentui/react-toolbar",
3
3
  "entries": [
4
4
  {
5
- "date": "Thu, 18 May 2023 13:08:33 GMT",
5
+ "date": "Thu, 25 May 2023 09:57:45 GMT",
6
+ "tag": "@fluentui/react-toolbar_v9.1.16",
7
+ "version": "9.1.16",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "beachball",
12
+ "package": "@fluentui/react-toolbar",
13
+ "comment": "Bump @fluentui/react-button to v9.3.15",
14
+ "commit": "8f7c1b7591b3e665ae39e1b22ab0f0b28fb795c4"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-toolbar",
19
+ "comment": "Bump @fluentui/react-divider to v9.2.14",
20
+ "commit": "8f7c1b7591b3e665ae39e1b22ab0f0b28fb795c4"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-toolbar",
25
+ "comment": "Bump @fluentui/react-utilities to v9.9.1",
26
+ "commit": "8f7c1b7591b3e665ae39e1b22ab0f0b28fb795c4"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-toolbar",
31
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.5",
32
+ "commit": "8f7c1b7591b3e665ae39e1b22ab0f0b28fb795c4"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-toolbar",
37
+ "comment": "Bump @fluentui/react-context-selector to v9.1.21",
38
+ "commit": "8f7c1b7591b3e665ae39e1b22ab0f0b28fb795c4"
39
+ },
40
+ {
41
+ "author": "beachball",
42
+ "package": "@fluentui/react-toolbar",
43
+ "comment": "Bump @fluentui/react-radio to v9.1.16",
44
+ "commit": "8f7c1b7591b3e665ae39e1b22ab0f0b28fb795c4"
45
+ },
46
+ {
47
+ "author": "beachball",
48
+ "package": "@fluentui/react-toolbar",
49
+ "comment": "Bump @fluentui/react-tabster to v9.7.4",
50
+ "commit": "8f7c1b7591b3e665ae39e1b22ab0f0b28fb795c4"
51
+ }
52
+ ]
53
+ }
54
+ },
55
+ {
56
+ "date": "Wed, 24 May 2023 20:45:36 GMT",
57
+ "tag": "@fluentui/react-toolbar_v9.1.15",
58
+ "version": "9.1.15",
59
+ "comments": {
60
+ "none": [
61
+ {
62
+ "author": "olfedias@microsoft.com",
63
+ "package": "@fluentui/react-toolbar",
64
+ "commit": "69e0617a93cb44ef42f3bd19284b7dc5fe27fed3",
65
+ "comment": "chore: update test-ssr script"
66
+ }
67
+ ],
68
+ "patch": [
69
+ {
70
+ "author": "lingfangao@hotmail.com",
71
+ "package": "@fluentui/react-toolbar",
72
+ "commit": "1e46d2c3ee72300ca3dcc3efb064bcfe37194f42",
73
+ "comment": "packages/react-components/react-toolbar/src/components/ToolbarToggleButton/useToolbarToggleButton.ts"
74
+ },
75
+ {
76
+ "author": "beachball",
77
+ "package": "@fluentui/react-toolbar",
78
+ "comment": "Bump @fluentui/react-button to v9.3.14",
79
+ "commit": "3f088b7b09988e7c05af1c953021acc94c273026"
80
+ },
81
+ {
82
+ "author": "beachball",
83
+ "package": "@fluentui/react-toolbar",
84
+ "comment": "Bump @fluentui/react-divider to v9.2.13",
85
+ "commit": "3f088b7b09988e7c05af1c953021acc94c273026"
86
+ },
87
+ {
88
+ "author": "beachball",
89
+ "package": "@fluentui/react-toolbar",
90
+ "comment": "Bump @fluentui/react-radio to v9.1.15",
91
+ "commit": "3f088b7b09988e7c05af1c953021acc94c273026"
92
+ },
93
+ {
94
+ "author": "beachball",
95
+ "package": "@fluentui/react-toolbar",
96
+ "comment": "Bump @fluentui/react-shared-contexts to v9.5.0",
97
+ "commit": "3f088b7b09988e7c05af1c953021acc94c273026"
98
+ },
99
+ {
100
+ "author": "beachball",
101
+ "package": "@fluentui/react-toolbar",
102
+ "comment": "Bump @fluentui/react-tabster to v9.7.3",
103
+ "commit": "3f088b7b09988e7c05af1c953021acc94c273026"
104
+ }
105
+ ]
106
+ }
107
+ },
108
+ {
109
+ "date": "Thu, 18 May 2023 13:11:08 GMT",
6
110
  "tag": "@fluentui/react-toolbar_v9.1.14",
7
111
  "version": "9.1.14",
8
112
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,41 @@
1
1
  # Change Log - @fluentui/react-toolbar
2
2
 
3
- This log was last generated on Thu, 18 May 2023 13:08:33 GMT and should not be manually modified.
3
+ This log was last generated on Thu, 25 May 2023 09:57:45 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.1.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.1.16)
8
+
9
+ Thu, 25 May 2023 09:57:45 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.1.15..@fluentui/react-toolbar_v9.1.16)
11
+
12
+ ### Patches
13
+
14
+ - Bump @fluentui/react-button to v9.3.15 ([PR #27988](https://github.com/microsoft/fluentui/pull/27988) by beachball)
15
+ - Bump @fluentui/react-divider to v9.2.14 ([PR #27988](https://github.com/microsoft/fluentui/pull/27988) by beachball)
16
+ - Bump @fluentui/react-utilities to v9.9.1 ([PR #27988](https://github.com/microsoft/fluentui/pull/27988) by beachball)
17
+ - Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.5 ([PR #27988](https://github.com/microsoft/fluentui/pull/27988) by beachball)
18
+ - Bump @fluentui/react-context-selector to v9.1.21 ([PR #27988](https://github.com/microsoft/fluentui/pull/27988) by beachball)
19
+ - Bump @fluentui/react-radio to v9.1.16 ([PR #27988](https://github.com/microsoft/fluentui/pull/27988) by beachball)
20
+ - Bump @fluentui/react-tabster to v9.7.4 ([PR #27988](https://github.com/microsoft/fluentui/pull/27988) by beachball)
21
+
22
+ ## [9.1.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.1.15)
23
+
24
+ Wed, 24 May 2023 20:45:36 GMT
25
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.1.14..@fluentui/react-toolbar_v9.1.15)
26
+
27
+ ### Patches
28
+
29
+ - packages/react-components/react-toolbar/src/components/ToolbarToggleButton/useToolbarToggleButton.ts ([PR #27796](https://github.com/microsoft/fluentui/pull/27796) by lingfangao@hotmail.com)
30
+ - Bump @fluentui/react-button to v9.3.14 ([PR #27989](https://github.com/microsoft/fluentui/pull/27989) by beachball)
31
+ - Bump @fluentui/react-divider to v9.2.13 ([PR #27989](https://github.com/microsoft/fluentui/pull/27989) by beachball)
32
+ - Bump @fluentui/react-radio to v9.1.15 ([PR #27989](https://github.com/microsoft/fluentui/pull/27989) by beachball)
33
+ - Bump @fluentui/react-shared-contexts to v9.5.0 ([PR #27989](https://github.com/microsoft/fluentui/pull/27989) by beachball)
34
+ - Bump @fluentui/react-tabster to v9.7.3 ([PR #27989](https://github.com/microsoft/fluentui/pull/27989) by beachball)
35
+
7
36
  ## [9.1.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.1.14)
8
37
 
9
- Thu, 18 May 2023 13:08:33 GMT
38
+ Thu, 18 May 2023 13:11:08 GMT
10
39
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.1.13..@fluentui/react-toolbar_v9.1.14)
11
40
 
12
41
  ### Patches
package/lib/components/Toolbar/useToolbarStyles.styles.js CHANGED
@@ -12,25 +12,32 @@ const useStyles = /*#__PURE__*/__styles({
12
12
  z8tnut: "f10ra9hq",
13
13
  z189sj: ["f19lj068", "f177v4lu"],
14
14
  Byoj8tv: "f1y2xyjm",
15
- uwmqm3: ["f177v4lu", "f19lj068"],
16
- i8kkvl: "f4px1ci",
17
- Belr9w4: "fn67r4l"
15
+ uwmqm3: ["f177v4lu", "f19lj068"]
18
16
  },
19
17
  vertical: {
20
18
  Beiy3e4: "f1vx9l62",
21
19
  a9b677: "f1acs6jw"
22
20
  },
23
21
  small: {
24
- Bqenvij: "f1d2rq10"
22
+ z8tnut: "f1nbblvp",
23
+ z189sj: ["f8wuabp", "fycuoez"],
24
+ Byoj8tv: "f1ov4xf1",
25
+ uwmqm3: ["fycuoez", "f8wuabp"]
25
26
  },
26
27
  medium: {
27
- Bqenvij: "fbhnoac"
28
+ z8tnut: "f10ra9hq",
29
+ z189sj: ["f19lj068", "f177v4lu"],
30
+ Byoj8tv: "f1y2xyjm",
31
+ uwmqm3: ["f177v4lu", "f19lj068"]
28
32
  },
29
33
  large: {
30
- Bqenvij: "ff2sm71"
34
+ z8tnut: "f10ra9hq",
35
+ z189sj: ["fat0sn4", "fekwl8i"],
36
+ Byoj8tv: "f1y2xyjm",
37
+ uwmqm3: ["fekwl8i", "fat0sn4"]
31
38
  }
32
39
  }, {
33
- 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;}"]
40
+ 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;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f1acs6jw{width:-webkit-fit-content;width:-moz-fit-content;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;}"]
34
41
  });
35
42
  /**
36
43
  * 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","i8kkvl","Belr9w4","vertical","Beiy3e4","a9b677","small","Bqenvij","medium","large","d","useToolbarStyles_unstable","state","styles","size","className"],"sources":["../../../src/components/Toolbar/useToolbarStyles.styles.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"}
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":["../../../src/components/Toolbar/useToolbarStyles.styles.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'),\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/**\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;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,EAmBlB;AAEA;;;AAGA,OAAO,MAAMC,yBAAA,GAA6BC,KAAA,IAAsC;EAC9E,MAAMC,MAAA,GAAShB,SAAA;EACf,MAAM;IAAEO,QAAA;IAAUU;EAAI,CAAE,GAAGF,KAAA;EAC3BA,KAAA,CAAMhB,IAAI,CAACmB,SAAS,GAAGtB,YAAA,CACrBE,iBAAA,CAAkBC,IAAI,EACtBiB,MAAA,CAAOjB,IAAI,EACXQ,QAAA,IAAYS,MAAA,CAAOT,QAAQ,EAC3BU,IAAA,KAAS,WAAW,CAACV,QAAA,IAAYS,MAAA,CAAON,KAAK,EAC7CO,IAAA,KAAS,YAAY,CAACV,QAAA,IAAYS,MAAA,CAAOL,MAAM,EAC/CM,IAAA,KAAS,WAAW,CAACV,QAAA,IAAYS,MAAA,CAAOJ,KAAK,EAC7CG,KAAA,CAAMhB,IAAI,CAACmB,SAAS;EAGtB,OAAOH,KAAA;AACT"}
package/lib/components/ToolbarDivider/useToolbarDividerStyles.styles.js CHANGED
@@ -1,15 +1,19 @@
1
- import { __styles, mergeClasses } from '@griffel/react';
1
+ import { __styles, mergeClasses, shorthands } 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
- B2u0y6b: "f1lwjmbk"
6
+ B2u0y6b: "f1lwjmbk",
7
+ z8tnut: "f1g0x7ka",
8
+ z189sj: ["f11qrl6u", "fjlbh76"],
9
+ Byoj8tv: "f1qch9an",
10
+ uwmqm3: ["fjlbh76", "f11qrl6u"]
7
11
  },
8
12
  vertical: {
9
13
  B2u0y6b: "fe668z"
10
14
  }
11
15
  }, {
12
- 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;}"]
16
+ d: [".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;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;}"]
13
17
  });
14
18
  /**
15
19
  * 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","useDividerStyles_unstable","useBaseStyles","root","mc9l5x","B2u0y6b","vertical","d","useToolbarDividerStyles_unstable","state","toolbarDividerStyles","className"],"sources":["../../../src/components/ToolbarDivider/useToolbarDividerStyles.styles.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"}
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":["../../../src/components/ToolbarDivider/useToolbarDividerStyles.styles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } 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 ...shorthands.padding('0', '12px'),\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,EAAEC,UAAU,QAAQ;AACrD,SAASC,yBAAyB,QAAQ;AAG1C,MAAMC,aAAA,gBAAgBJ,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,EAUtB;AAEA;;;AAGA,OAAO,MAAMC,gCAAA,GAAoCC,KAAA,IAAoD;EACnGZ,yBAAA,CAA0BY,KAAA;EAC1B,MAAM;IAAEH;EAAQ,CAAE,GAAGG,KAAA;EACrB,MAAMC,oBAAA,GAAuBZ,aAAA;EAC7BW,KAAA,CAAMV,IAAI,CAACY,SAAS,GAAGhB,YAAA,CACrBc,KAAA,CAAMV,IAAI,CAACY,SAAS,EACpBD,oBAAA,CAAqBX,IAAI,EACzB,CAACO,QAAA,IAAYI,oBAAA,CAAqBJ,QAAQ;EAE5C,OAAOG,KAAA;AACT"}
package/lib/components/ToolbarGroup/useToolbarGroupStyles.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 toolbarGroupClassNames = {
3
3
  root: 'fui-ToolbarGroup'
4
4
  };
@@ -6,14 +6,8 @@ export const toolbarGroupClassNames = {
6
6
  * Styles for the root slot
7
7
  */
8
8
  const useStyles = /*#__PURE__*/__styles({
9
- root: {
10
- mc9l5x: "f22iagw",
11
- i8kkvl: "f4px1ci",
12
- Belr9w4: "fn67r4l"
13
- }
14
- }, {
15
- 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;}"]
16
- });
9
+ root: {}
10
+ }, {});
17
11
  /**
18
12
  * Apply styling to the Toolbar slots based on the state
19
13
  */
package/lib/components/ToolbarGroup/useToolbarGroupStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","shorthands","toolbarGroupClassNames","root","useStyles","mc9l5x","i8kkvl","Belr9w4","d","useToolbarGroupStyles_unstable","state","styles","className"],"sources":["../../../src/components/ToolbarGroup/useToolbarGroupStyles.styles.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"}
1
+ {"version":3,"names":["__styles","mergeClasses","toolbarGroupClassNames","root","useStyles","useToolbarGroupStyles_unstable","state","styles","className"],"sources":["../../../src/components/ToolbarGroup/useToolbarGroupStyles.styles.ts"],"sourcesContent":["import { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } 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});\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,QAAQ;AAGzC,OAAO,MAAMC,sBAAA,GAA4D;EACvEC,IAAA,EAAM;AACR;AAEA;;;AAGA,MAAMC,SAAA,gBAAYJ,QAAA;EAAAG,IAAA;AAAA,MAElB;AAEA;;;AAGA,OAAO,MAAME,8BAAA,GAAkCC,KAAA,IAAgD;EAC7F,MAAMC,MAAA,GAASH,SAAA;EACfE,KAAA,CAAMH,IAAI,CAACK,SAAS,GAAGP,YAAA,CAAaC,sBAAA,CAAuBC,IAAI,EAAEI,MAAA,CAAOJ,IAAI,EAAEG,KAAA,CAAMH,IAAI,CAACK,SAAS;EAElG,OAAOF,KAAA;AACT"}
package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.js CHANGED
@@ -31,22 +31,47 @@ const toolbarClassNames = {
31
31
  uwmqm3: [
32
32
  "f177v4lu",
33
33
  "f19lj068"
34
- ],
35
- i8kkvl: "f4px1ci",
36
- Belr9w4: "fn67r4l"
34
+ ]
37
35
  },
38
36
  vertical: {
39
37
  Beiy3e4: "f1vx9l62",
40
38
  a9b677: "f1acs6jw"
41
39
  },
42
40
  small: {
43
- Bqenvij: "f1d2rq10"
41
+ z8tnut: "f1nbblvp",
42
+ z189sj: [
43
+ "f8wuabp",
44
+ "fycuoez"
45
+ ],
46
+ Byoj8tv: "f1ov4xf1",
47
+ uwmqm3: [
48
+ "fycuoez",
49
+ "f8wuabp"
50
+ ]
44
51
  },
45
52
  medium: {
46
- Bqenvij: "fbhnoac"
53
+ z8tnut: "f10ra9hq",
54
+ z189sj: [
55
+ "f19lj068",
56
+ "f177v4lu"
57
+ ],
58
+ Byoj8tv: "f1y2xyjm",
59
+ uwmqm3: [
60
+ "f177v4lu",
61
+ "f19lj068"
62
+ ]
47
63
  },
48
64
  large: {
49
- Bqenvij: "ff2sm71"
65
+ z8tnut: "f10ra9hq",
66
+ z189sj: [
67
+ "fat0sn4",
68
+ "fekwl8i"
69
+ ],
70
+ Byoj8tv: "f1y2xyjm",
71
+ uwmqm3: [
72
+ "fekwl8i",
73
+ "fat0sn4"
74
+ ]
50
75
  }
51
76
  }, {
52
77
  d: [
@@ -56,13 +81,14 @@ const toolbarClassNames = {
56
81
  ".f19lj068{padding-right:8px;}",
57
82
  ".f177v4lu{padding-left:8px;}",
58
83
  ".f1y2xyjm{padding-bottom:4px;}",
59
- ".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}",
60
- ".fn67r4l{row-gap:8px;}",
61
84
  ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}",
62
85
  ".f1acs6jw{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}",
63
- ".f1d2rq10{height:32px;}",
64
- ".fbhnoac{height:40px;}",
65
- ".ff2sm71{height:48px;}"
86
+ ".f1nbblvp{padding-top:0px;}",
87
+ ".f8wuabp{padding-right:4px;}",
88
+ ".fycuoez{padding-left:4px;}",
89
+ ".f1ov4xf1{padding-bottom:0px;}",
90
+ ".fat0sn4{padding-right:20px;}",
91
+ ".fekwl8i{padding-left:20px;}"
66
92
  ]
67
93
  });
68
94
  const useToolbarStyles_unstable = (state)=>{
package/lib-commonjs/components/Toolbar/useToolbarStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/Toolbar/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 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.styles.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,mDAAmD"}
1
+ {"version":3,"sources":["../../../lib/components/Toolbar/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:-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;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".f1acs6jw{width:-webkit-fit-content;width:-moz-fit-content;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,MAAjBA;IA2CAC,yBAAyB,MAAzBA;;uBA5CsC;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;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;QAAwF;QAA2G;QAA+B;QAAiC;QAAgC;QAAkC;QAA6F;QAAkF;QAA+B;QAAgC;QAA+B;QAAkC;QAAiC;KAA+B;AAC1rB;AAIO,MAAMhB,4BAA4BiB,CAAAA,QAAS;IAChD,MAAMC,SAAShB;IACf,MAAM,EACJQ,SAAQ,EACRS,KAAI,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"}
package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.js CHANGED
@@ -11,7 +11,17 @@ const _reactDivider = require("@fluentui/react-divider");
11
11
  const useBaseStyles = /*#__PURE__*/ (0, _react["__styles"])({
12
12
  root: {
13
13
  mc9l5x: "ftuwxu6",
14
- B2u0y6b: "f1lwjmbk"
14
+ B2u0y6b: "f1lwjmbk",
15
+ z8tnut: "f1g0x7ka",
16
+ z189sj: [
17
+ "f11qrl6u",
18
+ "fjlbh76"
19
+ ],
20
+ Byoj8tv: "f1qch9an",
21
+ uwmqm3: [
22
+ "fjlbh76",
23
+ "f11qrl6u"
24
+ ]
15
25
  },
16
26
  vertical: {
17
27
  B2u0y6b: "fe668z"
@@ -20,6 +30,10 @@ const useBaseStyles = /*#__PURE__*/ (0, _react["__styles"])({
20
30
  d: [
21
31
  ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}",
22
32
  ".f1lwjmbk{max-width:1px;}",
33
+ ".f1g0x7ka{padding-top:0;}",
34
+ ".f11qrl6u{padding-right:12px;}",
35
+ ".fjlbh76{padding-left:12px;}",
36
+ ".f1qch9an{padding-bottom:0;}",
23
37
  ".fe668z{max-width:initial;}"
24
38
  ]
25
39
  });
package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarDivider/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 },\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.styles.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,0DAA0D"}
1
+ {"version":3,"sources":["../../../lib/components/ToolbarDivider/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:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;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(state.root.className, toolbarDividerStyles.root, !vertical && toolbarDividerStyles.vertical);\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;;aAAAA;;uBApBsC;8BACT;AAC1C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,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;QAAoH;QAA6B;QAA6B;QAAkC;QAAgC;QAAgC;KAA8B;AACpT;AAIO,MAAMX,mCAAmCY,CAAAA,QAAS;IACvDC,IAAAA,uCAAyB,EAACD;IAC1B,MAAM,EACJF,SAAQ,EACT,GAAGE;IACJ,MAAME,uBAAuBb;IAC7BW,MAAMT,IAAI,CAACY,SAAS,GAAGC,IAAAA,mBAAY,EAACJ,MAAMT,IAAI,CAACY,SAAS,EAAED,qBAAqBX,IAAI,EAAE,CAACO,YAAYI,qBAAqBJ,QAAQ;IAC/H,OAAOE;AACT,GACA,0DAA0D"}
package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.styles.js CHANGED
@@ -19,18 +19,8 @@ const toolbarGroupClassNames = {
19
19
  /**
20
20
  * Styles for the root slot
21
21
  */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
22
- root: {
23
- mc9l5x: "f22iagw",
24
- i8kkvl: "f4px1ci",
25
- Belr9w4: "fn67r4l"
26
- }
27
- }, {
28
- d: [
29
- ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
30
- ".f4px1ci{-webkit-column-gap:8px;column-gap:8px;}",
31
- ".fn67r4l{row-gap:8px;}"
32
- ]
33
- });
22
+ root: {}
23
+ }, {});
34
24
  const useToolbarGroupStyles_unstable = (state)=>{
35
25
  const styles = useStyles();
36
26
  state.root.className = (0, _react.mergeClasses)(toolbarGroupClassNames.root, styles.root, state.root.className);
package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/ToolbarGroup/useToolbarGroupStyles.styles.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.styles.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,wDAAwD"}
1
+ {"version":3,"sources":["../../../lib/components/ToolbarGroup/useToolbarGroupStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } 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}, {});\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.styles.js.map"],"names":["toolbarGroupClassNames","useToolbarGroupStyles_unstable","root","useStyles","__styles","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,sBAAsB,MAAtBA;IAYAC,8BAA8B,MAA9BA;;uBAb0B;AAChC,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM,CAAC;AACT,GAAG,CAAC;AAIG,MAAMD,iCAAiCI,CAAAA,QAAS;IACrD,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,uBAAuBE,IAAI,EAAEI,OAAOJ,IAAI,EAAEG,MAAMH,IAAI,CAACK,SAAS;IAClG,OAAOF;AACT,GACA,wDAAwD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-toolbar",
3
- "version": "9.1.14",
3
+ "version": "9.1.16",
4
4
  "description": "React components for building web experiences",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -24,7 +24,7 @@
24
24
  "storybook": "start-storybook",
25
25
  "type-check": "tsc -b tsconfig.json",
26
26
  "generate-api": "just-scripts generate-api",
27
- "test-ssr": "test-ssr ./stories/**/*.stories.tsx"
27
+ "test-ssr": "test-ssr \"./stories/**/*.stories.tsx\""
28
28
  },
29
29
  "devDependencies": {
30
30
  "@fluentui/eslint-plugin": "*",
@@ -35,15 +35,15 @@
35
35
  "@fluentui/scripts-tasks": "*"
36
36
  },
37
37
  "dependencies": {
38
- "@fluentui/react-button": "^9.3.13",
39
- "@fluentui/react-divider": "^9.2.12",
38
+ "@fluentui/react-button": "^9.3.15",
39
+ "@fluentui/react-divider": "^9.2.14",
40
40
  "@fluentui/react-theme": "^9.1.8",
41
- "@fluentui/react-utilities": "^9.9.0",
42
- "@fluentui/react-jsx-runtime": "9.0.0-alpha.4",
43
- "@fluentui/react-context-selector": "^9.1.20",
44
- "@fluentui/react-radio": "^9.1.14",
45
- "@fluentui/react-shared-contexts": "^9.4.0",
46
- "@fluentui/react-tabster": "^9.7.2",
41
+ "@fluentui/react-utilities": "^9.9.1",
42
+ "@fluentui/react-jsx-runtime": "9.0.0-alpha.5",
43
+ "@fluentui/react-context-selector": "^9.1.21",
44
+ "@fluentui/react-radio": "^9.1.16",
45
+ "@fluentui/react-shared-contexts": "^9.5.0",
46
+ "@fluentui/react-tabster": "^9.7.4",
47
47
  "@griffel/react": "^1.5.2",
48
48
  "@swc/helpers": "^0.4.14"
49
49
  },