@fluentui/react-toolbar 9.1.25 → 9.1.27

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 (7) hide show
  1. package/CHANGELOG.json +73 -1
  2. package/CHANGELOG.md +27 -2
  3. package/lib/components/ToolbarButton/useToolbarButtonStyles.styles.js +7 -3
  4. package/lib/components/ToolbarButton/useToolbarButtonStyles.styles.js.map +1 -1
  5. package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.styles.js +16 -2
  6. package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.styles.js.map +1 -1
  7. package/package.json +6 -6
package/CHANGELOG.json CHANGED
@@ -2,7 +2,79 @@
2
2
  "name": "@fluentui/react-toolbar",
3
3
  "entries": [
4
4
  {
5
- "date": "Thu, 20 Jul 2023 18:24:27 GMT",
5
+ "date": "Tue, 01 Aug 2023 10:14:28 GMT",
6
+ "tag": "@fluentui/react-toolbar_v9.1.27",
7
+ "version": "9.1.27",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "chassunc@microsoft.com",
12
+ "package": "@fluentui/react-toolbar",
13
+ "commit": "c6d2ace26c19b4c8102c77baf8f66ffeb36149f8",
14
+ "comment": "Remove margin from Icon in ToolbarButton when vertical prop is passed"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-toolbar",
19
+ "comment": "Bump @fluentui/react-button to v9.3.26",
20
+ "commit": "412d815f88863bde8bb16abc8fd9c4140a37f1f5"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-toolbar",
25
+ "comment": "Bump @fluentui/react-divider to v9.2.22",
26
+ "commit": "412d815f88863bde8bb16abc8fd9c4140a37f1f5"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-toolbar",
31
+ "comment": "Bump @fluentui/react-radio to v9.1.27",
32
+ "commit": "412d815f88863bde8bb16abc8fd9c4140a37f1f5"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-toolbar",
37
+ "comment": "Bump @fluentui/react-shared-contexts to v9.7.0",
38
+ "commit": "412d815f88863bde8bb16abc8fd9c4140a37f1f5"
39
+ },
40
+ {
41
+ "author": "beachball",
42
+ "package": "@fluentui/react-toolbar",
43
+ "comment": "Bump @fluentui/react-tabster to v9.11.1",
44
+ "commit": "412d815f88863bde8bb16abc8fd9c4140a37f1f5"
45
+ }
46
+ ]
47
+ }
48
+ },
49
+ {
50
+ "date": "Tue, 25 Jul 2023 13:29:23 GMT",
51
+ "tag": "@fluentui/react-toolbar_v9.1.26",
52
+ "version": "9.1.26",
53
+ "comments": {
54
+ "patch": [
55
+ {
56
+ "author": "beachball",
57
+ "package": "@fluentui/react-toolbar",
58
+ "comment": "Bump @fluentui/react-button to v9.3.25",
59
+ "commit": "e59b4b305eb656c5af005fefbfa2b1f69afcdc43"
60
+ },
61
+ {
62
+ "author": "beachball",
63
+ "package": "@fluentui/react-toolbar",
64
+ "comment": "Bump @fluentui/react-radio to v9.1.26",
65
+ "commit": "e59b4b305eb656c5af005fefbfa2b1f69afcdc43"
66
+ },
67
+ {
68
+ "author": "beachball",
69
+ "package": "@fluentui/react-toolbar",
70
+ "comment": "Bump @fluentui/react-tabster to v9.11.0",
71
+ "commit": "e59b4b305eb656c5af005fefbfa2b1f69afcdc43"
72
+ }
73
+ ]
74
+ }
75
+ },
76
+ {
77
+ "date": "Thu, 20 Jul 2023 18:27:35 GMT",
6
78
  "tag": "@fluentui/react-toolbar_v9.1.25",
7
79
  "version": "9.1.25",
8
80
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,37 @@
1
1
  # Change Log - @fluentui/react-toolbar
2
2
 
3
- This log was last generated on Thu, 20 Jul 2023 18:24:27 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 01 Aug 2023 10:14:28 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.1.27](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.1.27)
8
+
9
+ Tue, 01 Aug 2023 10:14:28 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.1.26..@fluentui/react-toolbar_v9.1.27)
11
+
12
+ ### Patches
13
+
14
+ - Remove margin from Icon in ToolbarButton when vertical prop is passed ([PR #28658](https://github.com/microsoft/fluentui/pull/28658) by chassunc@microsoft.com)
15
+ - Bump @fluentui/react-button to v9.3.26 ([PR #28689](https://github.com/microsoft/fluentui/pull/28689) by beachball)
16
+ - Bump @fluentui/react-divider to v9.2.22 ([PR #28689](https://github.com/microsoft/fluentui/pull/28689) by beachball)
17
+ - Bump @fluentui/react-radio to v9.1.27 ([PR #28689](https://github.com/microsoft/fluentui/pull/28689) by beachball)
18
+ - Bump @fluentui/react-shared-contexts to v9.7.0 ([PR #28689](https://github.com/microsoft/fluentui/pull/28689) by beachball)
19
+ - Bump @fluentui/react-tabster to v9.11.1 ([PR #28689](https://github.com/microsoft/fluentui/pull/28689) by beachball)
20
+
21
+ ## [9.1.26](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.1.26)
22
+
23
+ Tue, 25 Jul 2023 13:29:23 GMT
24
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.1.25..@fluentui/react-toolbar_v9.1.26)
25
+
26
+ ### Patches
27
+
28
+ - Bump @fluentui/react-button to v9.3.25 ([PR #28622](https://github.com/microsoft/fluentui/pull/28622) by beachball)
29
+ - Bump @fluentui/react-radio to v9.1.26 ([PR #28622](https://github.com/microsoft/fluentui/pull/28622) by beachball)
30
+ - Bump @fluentui/react-tabster to v9.11.0 ([PR #28622](https://github.com/microsoft/fluentui/pull/28622) by beachball)
31
+
7
32
  ## [9.1.25](https://github.com/microsoft/fluentui/tree/@fluentui/react-toolbar_v9.1.25)
8
33
 
9
- Thu, 20 Jul 2023 18:24:27 GMT
34
+ Thu, 20 Jul 2023 18:27:35 GMT
10
35
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-toolbar_v9.1.24..@fluentui/react-toolbar_v9.1.25)
11
36
 
12
37
  ### Patches
package/lib/components/ToolbarButton/useToolbarButtonStyles.styles.js CHANGED
@@ -1,14 +1,18 @@
1
- import { __styles, mergeClasses } from '@griffel/react';
1
+ import { __styles, mergeClasses, shorthands } from '@griffel/react';
2
2
  import { useButtonStyles_unstable } from '@fluentui/react-button';
3
3
  const useBaseStyles = /*#__PURE__*/__styles({
4
4
  vertical: {
5
5
  Beiy3e4: "f1vx9l62"
6
6
  },
7
7
  verticalIcon: {
8
- Be2twd7: "f1rt2boy"
8
+ Be2twd7: "f1rt2boy",
9
+ B6of3ja: "f1hu3pq6",
10
+ t21cq0: ["f11qmguv", "f1tyq0we"],
11
+ jrapky: "f19f4twv",
12
+ Frg6f3: ["f1tyq0we", "f11qmguv"]
9
13
  }
10
14
  }, {
11
- d: [".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f1rt2boy{font-size:24px;}"]
15
+ d: [".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f1rt2boy{font-size:24px;}", ".f1hu3pq6{margin-top:0;}", ".f11qmguv{margin-right:0;}", ".f1tyq0we{margin-left:0;}", ".f19f4twv{margin-bottom:0;}"]
12
16
  });
13
17
  /**
14
18
  * 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","useButtonStyles_unstable","useBaseStyles","vertical","Beiy3e4","verticalIcon","Be2twd7","d","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 }\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;EAAA;AAAA;EAAAC,CAAA;AAAA,CAOrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,+BAA+B,GAAIC,KAAK,IAAG;EACxDR,wBAAwB,CAACQ,KAAK,CAAC;EAC/B,MAAMC,YAAY,GAAGR,aAAa,CAAC,CAAC;EACpCO,KAAK,CAACE,IAAI,CAACC,SAAS,GAAGZ,YAAY,CAACS,KAAK,CAACE,IAAI,CAACC,SAAS,EAAEH,KAAK,CAACN,QAAQ,IAAIO,YAAY,CAACP,QAAQ,CAAC;EAClG,IAAIM,KAAK,CAACI,IAAI,EAAE;IACZJ,KAAK,CAACI,IAAI,CAACD,SAAS,GAAGZ,YAAY,CAACS,KAAK,CAACI,IAAI,CAACD,SAAS,EAAEH,KAAK,CAACN,QAAQ,IAAIO,YAAY,CAACL,YAAY,CAAC;EAC1G;AACJ,CAAC"}
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"}
package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.styles.js CHANGED
@@ -13,12 +13,26 @@ const useBaseStyles = /*#__PURE__*/ (0, _react["__styles"])({
13
13
  Beiy3e4: "f1vx9l62"
14
14
  },
15
15
  verticalIcon: {
16
- Be2twd7: "f1rt2boy"
16
+ Be2twd7: "f1rt2boy",
17
+ B6of3ja: "f1hu3pq6",
18
+ t21cq0: [
19
+ "f11qmguv",
20
+ "f1tyq0we"
21
+ ],
22
+ jrapky: "f19f4twv",
23
+ Frg6f3: [
24
+ "f1tyq0we",
25
+ "f11qmguv"
26
+ ]
17
27
  }
18
28
  }, {
19
29
  d: [
20
30
  ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}",
21
- ".f1rt2boy{font-size:24px;}"
31
+ ".f1rt2boy{font-size:24px;}",
32
+ ".f1hu3pq6{margin-top:0;}",
33
+ ".f11qmguv{margin-right:0;}",
34
+ ".f1tyq0we{margin-left:0;}",
35
+ ".f19f4twv{margin-bottom:0;}"
22
36
  ]
23
37
  });
24
38
  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 } 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.styles.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,yDAAyD"}
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{-webkit-flex-direction:column;-ms-flex-direction:column;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;;aAAAA;;uBAnBsC;6BACV;AACzC,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,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;QAA6F;QAA8B;QAA4B;QAA8B;QAA6B;KAA8B;AACtP;AAIO,MAAMX,kCAAkCY,CAAAA,QAAS;IACtDC,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,CAAC;AACH,GACA,yDAAyD"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-toolbar",
3
- "version": "9.1.25",
3
+ "version": "9.1.27",
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.24",
39
- "@fluentui/react-divider": "^9.2.21",
38
+ "@fluentui/react-button": "^9.3.26",
39
+ "@fluentui/react-divider": "^9.2.22",
40
40
  "@fluentui/react-theme": "^9.1.9",
41
41
  "@fluentui/react-utilities": "^9.10.1",
42
42
  "@fluentui/react-jsx-runtime": "9.0.0-alpha.12",
43
43
  "@fluentui/react-context-selector": "^9.1.26",
44
- "@fluentui/react-radio": "^9.1.25",
45
- "@fluentui/react-shared-contexts": "^9.6.0",
46
- "@fluentui/react-tabster": "^9.10.0",
44
+ "@fluentui/react-radio": "^9.1.27",
45
+ "@fluentui/react-shared-contexts": "^9.7.0",
46
+ "@fluentui/react-tabster": "^9.11.1",
47
47
  "@griffel/react": "^1.5.7",
48
48
  "@swc/helpers": "^0.4.14"
49
49
  },