@fluentui/react-popover 9.9.15 → 9.9.16

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. package/CHANGELOG.md +11 -2
  2. package/lib/components/PopoverSurface/usePopoverSurfaceStyles.styles.js +47 -30
  3. package/lib/components/PopoverSurface/usePopoverSurfaceStyles.styles.js.map +1 -1
  4. package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.styles.js +70 -54
  5. package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.styles.js.map +1 -1
  6. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,12 +1,21 @@
1
1
  # Change Log - @fluentui/react-popover
2
2
 
3
- This log was last generated on Tue, 23 Jul 2024 20:09:20 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 30 Jul 2024 18:45:10 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.9.16](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.9.16)
8
+
9
+ Tue, 30 Jul 2024 18:45:10 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.9.15..@fluentui/react-popover_v9.9.16)
11
+
12
+ ### Patches
13
+
14
+ - Bump @fluentui/react-positioning to v9.15.7 ([PR #32157](https://github.com/microsoft/fluentui/pull/32157) by beachball)
15
+
7
16
  ## [9.9.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.9.15)
8
17
 
9
- Tue, 23 Jul 2024 20:09:20 GMT
18
+ Tue, 23 Jul 2024 20:13:14 GMT
10
19
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.9.14..@fluentui/react-popover_v9.9.15)
11
20
 
12
21
  ### Patches
package/lib/components/PopoverSurface/usePopoverSurfaceStyles.styles.js CHANGED
@@ -92,43 +92,60 @@ const useStyles = /*#__PURE__*/__styles({
92
92
  B0ocmuz: "fop8ug2"
93
93
  },
94
94
  smallArrow: {
95
- a9b677: "f1ekdpwm",
96
- Bqenvij: "f83vc9z"
95
+ rhnwrx: "f1s3jn22",
96
+ Bdy53xb: "fv40uqz"
97
97
  },
98
98
  mediumLargeArrow: {
99
- a9b677: "f1kmc0fn",
100
- Bqenvij: "fb6lvc5"
99
+ rhnwrx: "f1f72gjr",
100
+ Bdy53xb: "f69yoe5"
101
101
  },
102
102
  arrow: {
103
+ B7ck84d: "f1ewtqcl",
103
104
  qhf8xq: "f1euv43f",
104
- De3pzq: "f1u2r49w",
105
- Bcdw1i0: "fd7fpy0",
106
105
  Bj3rh1h: "f1bsuimh",
106
+ De3pzq: "f1u2r49w",
107
+ B2eet1l: "fqhgnl",
108
+ Beyfa6y: "f17bz04i",
109
+ Bz10aip: "f36o3x3",
110
+ Bqenvij: "fzofk8q",
111
+ a9b677: "f1wbx1ie",
107
112
  Ftih45: "f1wl9k8s",
108
- B1puzpu: "f1wkw4r9",
109
- Brfgrao: "f1j7ml58",
110
- Bcvre1j: "fyl8oag",
111
- Ccq8qp: "frdoeuz",
112
- Baz25je: "fb81m9q",
113
+ Br0sdwz: "f1aocrix",
113
114
  cmx5o7: "f1ljr5q2",
114
- Bk5zm6e: 0,
115
- m598lv: 0,
116
- B4f6apu: 0,
117
- eqrjj: "f15tymiq",
115
+ susq4k: 0,
116
+ Biibvgv: 0,
117
+ Bicfajf: 0,
118
+ qehafq: 0,
119
+ Brs5u8j: "f155f1qt",
120
+ Ccq8qp: "f9mhzq7",
121
+ Baz25je: "fr6rhvx",
122
+ Bcgcnre: 0,
118
123
  Bqjgrrk: 0,
119
124
  qa3bma: 0,
120
125
  y0oebl: 0,
121
- Bcgcnre: "fi8wnwo",
122
- Budzafs: ["f9e5op9", "f112wvtl"],
123
- Hv9wc6: "f16cagkn",
124
- hl6cv3: "f1773hnp",
125
- c8svkw: "fw7o64x",
126
- yayu3t: "f1v7783n",
127
- nr3p0k: "f1f0d6v",
128
- rhl9o9: "fh2hsk5",
129
- wiz9v7: "f1gj3y7g",
130
- B6q6orb: "f11yvu4",
131
- ndpsmx: "f17lejdj"
126
+ Biqmznv: 0,
127
+ Bm6vgfq: 0,
128
+ Bbv0w2i: 0,
129
+ uvfttm: 0,
130
+ eqrjj: 0,
131
+ Bk5zm6e: 0,
132
+ m598lv: 0,
133
+ B4f6apu: 0,
134
+ ydt019: 0,
135
+ Bq4z7u6: 0,
136
+ Bdkvgpv: 0,
137
+ B0qfbqy: 0,
138
+ kj8mxx: "f1kc0wz4",
139
+ r59vdv: "fgq90dz",
140
+ Bkw5xw4: "fq0y47f",
141
+ hl6cv3: "f1pwrbz6",
142
+ aea9ga: "f1hxxcvm",
143
+ yayu3t: "fw8rgyo",
144
+ Bhsv975: "f1wnzycx",
145
+ rhl9o9: "f1730wal",
146
+ B7gxrvb: "f1fy4ixr",
147
+ B6q6orb: "fobkauc",
148
+ B0lu1f8: "f16bqv1l"
132
149
  }
133
150
  }, {
134
151
  d: [".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1hg901r{box-shadow:var(--shadow16);}", [".ft85np5{border-radius:var(--borderRadiusMedium);}", {
@@ -141,11 +158,11 @@ const useStyles = /*#__PURE__*/__styles({
141
158
  p: -1
142
159
  }], [".fop8ug2{padding:20px;}", {
143
160
  p: -1
144
- }], ".f1ekdpwm{width:8.484px;}", ".f83vc9z{height:8.484px;}", ".f1kmc0fn{width:11.312px;}", ".fb6lvc5{height:11.312px;}", ".f1euv43f{position:absolute;}", ".f1u2r49w{background-color:inherit;}", ".fd7fpy0{visibility:hidden;}", ".f1bsuimh{z-index:-1;}", ".f1wl9k8s::before{content:\"\";}", ".f1wkw4r9::before{visibility:visible;}", ".f1j7ml58::before{position:absolute;}", ".fyl8oag::before{box-sizing:border-box;}", ".frdoeuz::before{width:inherit;}", ".fb81m9q::before{height:inherit;}", ".f1ljr5q2::before{background-color:inherit;}", [".f15tymiq::before{border-right:1px solid var(--colorTransparentStroke);}", {
161
+ }], ".f1s3jn22{--fui-positioning-arrow-height:8.484px;}", ".fv40uqz{--fui-positioning-arrow-offset:-4.242px;}", ".f1f72gjr{--fui-positioning-arrow-height:11.312px;}", ".f69yoe5{--fui-positioning-arrow-offset:-5.656px;}", ".f1ewtqcl{box-sizing:border-box;}", ".f1euv43f{position:absolute;}", ".f1bsuimh{z-index:-1;}", ".f1u2r49w{background-color:inherit;}", ".fqhgnl{background-clip:content-box;}", ".f17bz04i{border-bottom-left-radius:var(--borderRadiusSmall);}", ".f36o3x3{transform:rotate(var(--fui-positioning-arrow-angle));}", ".fzofk8q{height:var(--fui-positioning-arrow-height);}", ".f1wbx1ie{width:var(--fui-positioning-arrow-height);}", ".f1wl9k8s::before{content:\"\";}", ".f1aocrix::before{display:block;}", ".f1ljr5q2::before{background-color:inherit;}", [".f155f1qt::before{margin:-1px;}", {
145
162
  p: -1
146
- }], [".fi8wnwo::before{border-bottom:1px solid var(--colorTransparentStroke);}", {
147
- p: -1
148
- }], ".f9e5op9::before{border-bottom-right-radius:var(--borderRadiusSmall);}", ".f112wvtl::before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".f16cagkn::before{transform:rotate(var(--fui-positioning-angle)) translate(0, 50%) rotate(45deg);}", "[data-popper-placement^=\"top\"] .f1773hnp{bottom:-1px;}", "[data-popper-placement^=\"top\"] .fw7o64x{--fui-positioning-angle:0;}", "[data-popper-placement^=\"right\"] .f1v7783n{left:-1px;}", "[data-popper-placement^=\"right\"] .f1f0d6v{--fui-positioning-angle:90deg;}", "[data-popper-placement^=\"bottom\"] .fh2hsk5{top:-1px;}", "[data-popper-placement^=\"bottom\"] .f1gj3y7g{--fui-positioning-angle:180deg;}", "[data-popper-placement^=\"left\"] .f11yvu4{right:-1px;}", "[data-popper-placement^=\"left\"] .f17lejdj{--fui-positioning-angle:270deg;}"],
163
+ }], ".f9mhzq7::before{width:100%;}", ".fr6rhvx::before{height:100%;}", [".f1kc0wz4::before{border:1px solid var(--colorTransparentStroke);}", {
164
+ p: -2
165
+ }], ".fgq90dz::before{border-bottom-left-radius:var(--borderRadiusSmall);}", ".fq0y47f::before{clip-path:polygon(0% 0%, 100% 100%, 0% 100%);}", "[data-popper-placement^=\"top\"] .f1pwrbz6{bottom:var(--fui-positioning-arrow-offset);}", "[data-popper-placement^=\"top\"] .f1hxxcvm{--fui-positioning-arrow-angle:-45deg;}", "[data-popper-placement^=\"right\"] .fw8rgyo{left:var(--fui-positioning-arrow-offset);}", "[data-popper-placement^=\"right\"] .f1wnzycx{--fui-positioning-arrow-angle:45deg;}", "[data-popper-placement^=\"bottom\"] .f1730wal{top:var(--fui-positioning-arrow-offset);}", "[data-popper-placement^=\"bottom\"] .f1fy4ixr{--fui-positioning-arrow-angle:135deg;}", "[data-popper-placement^=\"left\"] .fobkauc{right:var(--fui-positioning-arrow-offset);}", "[data-popper-placement^=\"left\"] .f16bqv1l{--fui-positioning-arrow-angle:225deg;}"],
149
166
  k: ["@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}", "@keyframes f79suad{from{transform:translate(var(--fui-positioning-slide-distance-x), var(--fui-positioning-slide-distance-y));}}"],
150
167
  m: [["@media (prefers-reduced-motion){.fi19xcv[data-popper-placement]{animation-duration:1ms;}}", {
151
168
  m: "(prefers-reduced-motion)"
package/lib/components/PopoverSurface/usePopoverSurfaceStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["__styles","mergeClasses","createArrowHeightStyles","createArrowStyles","createSlideStyles","tokens","typographyStyles","popoverSurfaceClassNames","root","arrowHeights","small","medium","large","useStyles","sj55zd","De3pzq","E5pizo","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","B93otf3","vin17d","Ezkn3b","nyiy2g","swvrvq","Bkovbt3","hgjdhn","fsy9dk","B3ogreh","jv49x5","Bk7o48c","Bv12yb3","z0t1cu","Bks05zx","Bvtglag","inline","Bj3rh1h","inverted","brand","smallPadding","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","mediumPadding","largePadding","smallArrow","a9b677","Bqenvij","mediumLargeArrow","arrow","qhf8xq","Bcdw1i0","Ftih45","B1puzpu","Brfgrao","Bcvre1j","Ccq8qp","Baz25je","cmx5o7","Bk5zm6e","m598lv","B4f6apu","eqrjj","Bqjgrrk","qa3bma","y0oebl","Bcgcnre","Budzafs","Hv9wc6","hl6cv3","c8svkw","yayu3t","nr3p0k","rhl9o9","wiz9v7","B6q6orb","ndpsmx","d","p","k","m","t","usePopoverSurfaceStyles_unstable","state","styles","className","size","appearance","arrowClassName"],"sources":["usePopoverSurfaceStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { createArrowHeightStyles, createArrowStyles, createSlideStyles } from '@fluentui/react-positioning';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const popoverSurfaceClassNames = {\n root: 'fui-PopoverSurface'\n};\nexport const arrowHeights = {\n small: 6,\n medium: 8,\n large: 8\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorNeutralBackground1,\n boxShadow: tokens.shadow16,\n borderRadius: tokens.borderRadiusMedium,\n border: `1px solid ${tokens.colorTransparentStroke}`,\n ...typographyStyles.body1,\n ...createSlideStyles(10)\n },\n inline: {\n // When rendering inline, the PopoverSurface will be rendered under relatively positioned elements such as Input.\n // This is due to the surface being positioned as absolute, therefore zIndex: 1 ensures that won't happen.\n zIndex: 1\n },\n inverted: {\n backgroundColor: tokens.colorNeutralBackgroundStatic,\n color: tokens.colorNeutralForegroundStaticInverted\n },\n brand: {\n backgroundColor: tokens.colorBrandBackground,\n color: tokens.colorNeutralForegroundOnBrand\n },\n smallPadding: {\n padding: '12px'\n },\n mediumPadding: {\n padding: '16px'\n },\n largePadding: {\n padding: '20px'\n },\n smallArrow: createArrowHeightStyles(arrowHeights.small),\n mediumLargeArrow: createArrowHeightStyles(arrowHeights.medium),\n arrow: createArrowStyles({\n arrowHeight: undefined\n })\n});\n/**\n * Apply styling to the PopoverSurface slots based on the state\n */ export const usePopoverSurfaceStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(popoverSurfaceClassNames.root, styles.root, state.inline && styles.inline, state.size === 'small' && styles.smallPadding, state.size === 'medium' && styles.mediumPadding, state.size === 'large' && styles.largePadding, state.appearance === 'inverted' && styles.inverted, state.appearance === 'brand' && styles.brand, state.root.className);\n state.arrowClassName = mergeClasses(styles.arrow, state.size === 'small' ? styles.smallArrow : styles.mediumLargeArrow);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["__styles","mergeClasses","createArrowHeightStyles","createArrowStyles","createSlideStyles","tokens","typographyStyles","popoverSurfaceClassNames","root","arrowHeights","small","medium","large","useStyles","sj55zd","De3pzq","E5pizo","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","B93otf3","vin17d","Ezkn3b","nyiy2g","swvrvq","Bkovbt3","hgjdhn","fsy9dk","B3ogreh","jv49x5","Bk7o48c","Bv12yb3","z0t1cu","Bks05zx","Bvtglag","inline","Bj3rh1h","inverted","brand","smallPadding","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","mediumPadding","largePadding","smallArrow","rhnwrx","Bdy53xb","mediumLargeArrow","arrow","B7ck84d","qhf8xq","B2eet1l","Bz10aip","Bqenvij","a9b677","Ftih45","Br0sdwz","cmx5o7","susq4k","Biibvgv","Bicfajf","qehafq","Brs5u8j","Ccq8qp","Baz25je","Bcgcnre","Bqjgrrk","qa3bma","y0oebl","Biqmznv","Bm6vgfq","Bbv0w2i","uvfttm","eqrjj","Bk5zm6e","m598lv","B4f6apu","ydt019","Bq4z7u6","Bdkvgpv","B0qfbqy","kj8mxx","r59vdv","Bkw5xw4","hl6cv3","aea9ga","yayu3t","Bhsv975","rhl9o9","B7gxrvb","B6q6orb","B0lu1f8","d","p","k","m","t","usePopoverSurfaceStyles_unstable","state","styles","className","size","appearance","arrowClassName"],"sources":["usePopoverSurfaceStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { createArrowHeightStyles, createArrowStyles, createSlideStyles } from '@fluentui/react-positioning';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const popoverSurfaceClassNames = {\n root: 'fui-PopoverSurface'\n};\nexport const arrowHeights = {\n small: 6,\n medium: 8,\n large: 8\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorNeutralBackground1,\n boxShadow: tokens.shadow16,\n borderRadius: tokens.borderRadiusMedium,\n border: `1px solid ${tokens.colorTransparentStroke}`,\n ...typographyStyles.body1,\n ...createSlideStyles(10)\n },\n inline: {\n // When rendering inline, the PopoverSurface will be rendered under relatively positioned elements such as Input.\n // This is due to the surface being positioned as absolute, therefore zIndex: 1 ensures that won't happen.\n zIndex: 1\n },\n inverted: {\n backgroundColor: tokens.colorNeutralBackgroundStatic,\n color: tokens.colorNeutralForegroundStaticInverted\n },\n brand: {\n backgroundColor: tokens.colorBrandBackground,\n color: tokens.colorNeutralForegroundOnBrand\n },\n smallPadding: {\n padding: '12px'\n },\n mediumPadding: {\n padding: '16px'\n },\n largePadding: {\n padding: '20px'\n },\n smallArrow: createArrowHeightStyles(arrowHeights.small),\n mediumLargeArrow: createArrowHeightStyles(arrowHeights.medium),\n arrow: createArrowStyles({\n arrowHeight: undefined\n })\n});\n/**\n * Apply styling to the PopoverSurface slots based on the state\n */ export const usePopoverSurfaceStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(popoverSurfaceClassNames.root, styles.root, state.inline && styles.inline, state.size === 'small' && styles.smallPadding, state.size === 'medium' && styles.mediumPadding, state.size === 'large' && styles.largePadding, state.appearance === 'inverted' && styles.inverted, state.appearance === 'brand' && styles.brand, state.root.className);\n state.arrowClassName = mergeClasses(styles.arrow, state.size === 'small' ? styles.smallArrow : styles.mediumLargeArrow);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.styles.js CHANGED
@@ -110,46 +110,60 @@ const arrowHeights = {
110
110
  B0ocmuz: "fop8ug2"
111
111
  },
112
112
  smallArrow: {
113
- a9b677: "f1ekdpwm",
114
- Bqenvij: "f83vc9z"
113
+ rhnwrx: "f1s3jn22",
114
+ Bdy53xb: "fv40uqz"
115
115
  },
116
116
  mediumLargeArrow: {
117
- a9b677: "f1kmc0fn",
118
- Bqenvij: "fb6lvc5"
117
+ rhnwrx: "f1f72gjr",
118
+ Bdy53xb: "f69yoe5"
119
119
  },
120
120
  arrow: {
121
+ B7ck84d: "f1ewtqcl",
121
122
  qhf8xq: "f1euv43f",
122
- De3pzq: "f1u2r49w",
123
- Bcdw1i0: "fd7fpy0",
124
123
  Bj3rh1h: "f1bsuimh",
124
+ De3pzq: "f1u2r49w",
125
+ B2eet1l: "fqhgnl",
126
+ Beyfa6y: "f17bz04i",
127
+ Bz10aip: "f36o3x3",
128
+ Bqenvij: "fzofk8q",
129
+ a9b677: "f1wbx1ie",
125
130
  Ftih45: "f1wl9k8s",
126
- B1puzpu: "f1wkw4r9",
127
- Brfgrao: "f1j7ml58",
128
- Bcvre1j: "fyl8oag",
129
- Ccq8qp: "frdoeuz",
130
- Baz25je: "fb81m9q",
131
+ Br0sdwz: "f1aocrix",
131
132
  cmx5o7: "f1ljr5q2",
132
- Bk5zm6e: 0,
133
- m598lv: 0,
134
- B4f6apu: 0,
135
- eqrjj: "f15tymiq",
133
+ susq4k: 0,
134
+ Biibvgv: 0,
135
+ Bicfajf: 0,
136
+ qehafq: 0,
137
+ Brs5u8j: "f155f1qt",
138
+ Ccq8qp: "f9mhzq7",
139
+ Baz25je: "fr6rhvx",
140
+ Bcgcnre: 0,
136
141
  Bqjgrrk: 0,
137
142
  qa3bma: 0,
138
143
  y0oebl: 0,
139
- Bcgcnre: "fi8wnwo",
140
- Budzafs: [
141
- "f9e5op9",
142
- "f112wvtl"
143
- ],
144
- Hv9wc6: "f16cagkn",
145
- hl6cv3: "f1773hnp",
146
- c8svkw: "fw7o64x",
147
- yayu3t: "f1v7783n",
148
- nr3p0k: "f1f0d6v",
149
- rhl9o9: "fh2hsk5",
150
- wiz9v7: "f1gj3y7g",
151
- B6q6orb: "f11yvu4",
152
- ndpsmx: "f17lejdj"
144
+ Biqmznv: 0,
145
+ Bm6vgfq: 0,
146
+ Bbv0w2i: 0,
147
+ uvfttm: 0,
148
+ eqrjj: 0,
149
+ Bk5zm6e: 0,
150
+ m598lv: 0,
151
+ B4f6apu: 0,
152
+ ydt019: 0,
153
+ Bq4z7u6: 0,
154
+ Bdkvgpv: 0,
155
+ B0qfbqy: 0,
156
+ kj8mxx: "f1kc0wz4",
157
+ r59vdv: "fgq90dz",
158
+ Bkw5xw4: "fq0y47f",
159
+ hl6cv3: "f1pwrbz6",
160
+ aea9ga: "f1hxxcvm",
161
+ yayu3t: "fw8rgyo",
162
+ Bhsv975: "f1wnzycx",
163
+ rhl9o9: "f1730wal",
164
+ B7gxrvb: "f1fy4ixr",
165
+ B6q6orb: "fobkauc",
166
+ B0lu1f8: "f16bqv1l"
153
167
  }
154
168
  }, {
155
169
  d: [
@@ -207,44 +221,46 @@ const arrowHeights = {
207
221
  p: -1
208
222
  }
209
223
  ],
210
- ".f1ekdpwm{width:8.484px;}",
211
- ".f83vc9z{height:8.484px;}",
212
- ".f1kmc0fn{width:11.312px;}",
213
- ".fb6lvc5{height:11.312px;}",
224
+ ".f1s3jn22{--fui-positioning-arrow-height:8.484px;}",
225
+ ".fv40uqz{--fui-positioning-arrow-offset:-4.242px;}",
226
+ ".f1f72gjr{--fui-positioning-arrow-height:11.312px;}",
227
+ ".f69yoe5{--fui-positioning-arrow-offset:-5.656px;}",
228
+ ".f1ewtqcl{box-sizing:border-box;}",
214
229
  ".f1euv43f{position:absolute;}",
215
- ".f1u2r49w{background-color:inherit;}",
216
- ".fd7fpy0{visibility:hidden;}",
217
230
  ".f1bsuimh{z-index:-1;}",
231
+ ".f1u2r49w{background-color:inherit;}",
232
+ ".fqhgnl{background-clip:content-box;}",
233
+ ".f17bz04i{border-bottom-left-radius:var(--borderRadiusSmall);}",
234
+ ".f36o3x3{transform:rotate(var(--fui-positioning-arrow-angle));}",
235
+ ".fzofk8q{height:var(--fui-positioning-arrow-height);}",
236
+ ".f1wbx1ie{width:var(--fui-positioning-arrow-height);}",
218
237
  ".f1wl9k8s::before{content:\"\";}",
219
- ".f1wkw4r9::before{visibility:visible;}",
220
- ".f1j7ml58::before{position:absolute;}",
221
- ".fyl8oag::before{box-sizing:border-box;}",
222
- ".frdoeuz::before{width:inherit;}",
223
- ".fb81m9q::before{height:inherit;}",
238
+ ".f1aocrix::before{display:block;}",
224
239
  ".f1ljr5q2::before{background-color:inherit;}",
225
240
  [
226
- ".f15tymiq::before{border-right:1px solid var(--colorTransparentStroke);}",
241
+ ".f155f1qt::before{margin:-1px;}",
227
242
  {
228
243
  p: -1
229
244
  }
230
245
  ],
246
+ ".f9mhzq7::before{width:100%;}",
247
+ ".fr6rhvx::before{height:100%;}",
231
248
  [
232
- ".fi8wnwo::before{border-bottom:1px solid var(--colorTransparentStroke);}",
249
+ ".f1kc0wz4::before{border:1px solid var(--colorTransparentStroke);}",
233
250
  {
234
- p: -1
251
+ p: -2
235
252
  }
236
253
  ],
237
- ".f9e5op9::before{border-bottom-right-radius:var(--borderRadiusSmall);}",
238
- ".f112wvtl::before{border-bottom-left-radius:var(--borderRadiusSmall);}",
239
- ".f16cagkn::before{transform:rotate(var(--fui-positioning-angle)) translate(0, 50%) rotate(45deg);}",
240
- "[data-popper-placement^=\"top\"] .f1773hnp{bottom:-1px;}",
241
- "[data-popper-placement^=\"top\"] .fw7o64x{--fui-positioning-angle:0;}",
242
- "[data-popper-placement^=\"right\"] .f1v7783n{left:-1px;}",
243
- "[data-popper-placement^=\"right\"] .f1f0d6v{--fui-positioning-angle:90deg;}",
244
- "[data-popper-placement^=\"bottom\"] .fh2hsk5{top:-1px;}",
245
- "[data-popper-placement^=\"bottom\"] .f1gj3y7g{--fui-positioning-angle:180deg;}",
246
- "[data-popper-placement^=\"left\"] .f11yvu4{right:-1px;}",
247
- "[data-popper-placement^=\"left\"] .f17lejdj{--fui-positioning-angle:270deg;}"
254
+ ".fgq90dz::before{border-bottom-left-radius:var(--borderRadiusSmall);}",
255
+ ".fq0y47f::before{clip-path:polygon(0% 0%, 100% 100%, 0% 100%);}",
256
+ "[data-popper-placement^=\"top\"] .f1pwrbz6{bottom:var(--fui-positioning-arrow-offset);}",
257
+ "[data-popper-placement^=\"top\"] .f1hxxcvm{--fui-positioning-arrow-angle:-45deg;}",
258
+ "[data-popper-placement^=\"right\"] .fw8rgyo{left:var(--fui-positioning-arrow-offset);}",
259
+ "[data-popper-placement^=\"right\"] .f1wnzycx{--fui-positioning-arrow-angle:45deg;}",
260
+ "[data-popper-placement^=\"bottom\"] .f1730wal{top:var(--fui-positioning-arrow-offset);}",
261
+ "[data-popper-placement^=\"bottom\"] .f1fy4ixr{--fui-positioning-arrow-angle:135deg;}",
262
+ "[data-popper-placement^=\"left\"] .fobkauc{right:var(--fui-positioning-arrow-offset);}",
263
+ "[data-popper-placement^=\"left\"] .f16bqv1l{--fui-positioning-arrow-angle:225deg;}"
248
264
  ],
249
265
  k: [
250
266
  "@keyframes f5j8bii{from{opacity:0;}to{opacity:1;}}",
package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["usePopoverSurfaceStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { createArrowHeightStyles, createArrowStyles, createSlideStyles } from '@fluentui/react-positioning';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const popoverSurfaceClassNames = {\n root: 'fui-PopoverSurface'\n};\nexport const arrowHeights = {\n small: 6,\n medium: 8,\n large: 8\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorNeutralBackground1,\n boxShadow: tokens.shadow16,\n borderRadius: tokens.borderRadiusMedium,\n border: `1px solid ${tokens.colorTransparentStroke}`,\n ...typographyStyles.body1,\n ...createSlideStyles(10)\n },\n inline: {\n // When rendering inline, the PopoverSurface will be rendered under relatively positioned elements such as Input.\n // This is due to the surface being positioned as absolute, therefore zIndex: 1 ensures that won't happen.\n zIndex: 1\n },\n inverted: {\n backgroundColor: tokens.colorNeutralBackgroundStatic,\n color: tokens.colorNeutralForegroundStaticInverted\n },\n brand: {\n backgroundColor: tokens.colorBrandBackground,\n color: tokens.colorNeutralForegroundOnBrand\n },\n smallPadding: {\n padding: '12px'\n },\n mediumPadding: {\n padding: '16px'\n },\n largePadding: {\n padding: '20px'\n },\n smallArrow: createArrowHeightStyles(arrowHeights.small),\n mediumLargeArrow: createArrowHeightStyles(arrowHeights.medium),\n arrow: createArrowStyles({\n arrowHeight: undefined\n })\n});\n/**\n * Apply styling to the PopoverSurface slots based on the state\n */ export const usePopoverSurfaceStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(popoverSurfaceClassNames.root, styles.root, state.inline && styles.inline, state.size === 'small' && styles.smallPadding, state.size === 'medium' && styles.mediumPadding, state.size === 'large' && styles.largePadding, state.appearance === 'inverted' && styles.inverted, state.appearance === 'brand' && styles.brand, state.root.className);\n state.arrowClassName = mergeClasses(styles.arrow, state.size === 'small' ? styles.smallArrow : styles.mediumLargeArrow);\n return state;\n};\n"],"names":["arrowHeights","popoverSurfaceClassNames","usePopoverSurfaceStyles_unstable","root","small","medium","large","useStyles","__styles","sj55zd","De3pzq","E5pizo","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","B93otf3","vin17d","Ezkn3b","nyiy2g","swvrvq","Bkovbt3","hgjdhn","fsy9dk","B3ogreh","jv49x5","Bk7o48c","Bv12yb3","z0t1cu","Bks05zx","Bvtglag","inline","Bj3rh1h","inverted","brand","smallPadding","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","mediumPadding","largePadding","smallArrow","a9b677","Bqenvij","mediumLargeArrow","arrow","qhf8xq","Bcdw1i0","Ftih45","B1puzpu","Brfgrao","Bcvre1j","Ccq8qp","Baz25je","cmx5o7","Bk5zm6e","m598lv","B4f6apu","eqrjj","Bqjgrrk","qa3bma","y0oebl","Bcgcnre","Budzafs","Hv9wc6","hl6cv3","c8svkw","yayu3t","nr3p0k","rhl9o9","wiz9v7","B6q6orb","ndpsmx","d","p","k","m","t","state","styles","className","mergeClasses","size","appearance","arrowClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1
+ {"version":3,"sources":["usePopoverSurfaceStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { createArrowHeightStyles, createArrowStyles, createSlideStyles } from '@fluentui/react-positioning';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const popoverSurfaceClassNames = {\n root: 'fui-PopoverSurface'\n};\nexport const arrowHeights = {\n small: 6,\n medium: 8,\n large: 8\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n root: {\n color: tokens.colorNeutralForeground1,\n backgroundColor: tokens.colorNeutralBackground1,\n boxShadow: tokens.shadow16,\n borderRadius: tokens.borderRadiusMedium,\n border: `1px solid ${tokens.colorTransparentStroke}`,\n ...typographyStyles.body1,\n ...createSlideStyles(10)\n },\n inline: {\n // When rendering inline, the PopoverSurface will be rendered under relatively positioned elements such as Input.\n // This is due to the surface being positioned as absolute, therefore zIndex: 1 ensures that won't happen.\n zIndex: 1\n },\n inverted: {\n backgroundColor: tokens.colorNeutralBackgroundStatic,\n color: tokens.colorNeutralForegroundStaticInverted\n },\n brand: {\n backgroundColor: tokens.colorBrandBackground,\n color: tokens.colorNeutralForegroundOnBrand\n },\n smallPadding: {\n padding: '12px'\n },\n mediumPadding: {\n padding: '16px'\n },\n largePadding: {\n padding: '20px'\n },\n smallArrow: createArrowHeightStyles(arrowHeights.small),\n mediumLargeArrow: createArrowHeightStyles(arrowHeights.medium),\n arrow: createArrowStyles({\n arrowHeight: undefined\n })\n});\n/**\n * Apply styling to the PopoverSurface slots based on the state\n */ export const usePopoverSurfaceStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n state.root.className = mergeClasses(popoverSurfaceClassNames.root, styles.root, state.inline && styles.inline, state.size === 'small' && styles.smallPadding, state.size === 'medium' && styles.mediumPadding, state.size === 'large' && styles.largePadding, state.appearance === 'inverted' && styles.inverted, state.appearance === 'brand' && styles.brand, state.root.className);\n state.arrowClassName = mergeClasses(styles.arrow, state.size === 'small' ? styles.smallArrow : styles.mediumLargeArrow);\n return state;\n};\n"],"names":["arrowHeights","popoverSurfaceClassNames","usePopoverSurfaceStyles_unstable","root","small","medium","large","useStyles","__styles","sj55zd","De3pzq","E5pizo","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","B93otf3","vin17d","Ezkn3b","nyiy2g","swvrvq","Bkovbt3","hgjdhn","fsy9dk","B3ogreh","jv49x5","Bk7o48c","Bv12yb3","z0t1cu","Bks05zx","Bvtglag","inline","Bj3rh1h","inverted","brand","smallPadding","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","mediumPadding","largePadding","smallArrow","rhnwrx","Bdy53xb","mediumLargeArrow","arrow","B7ck84d","qhf8xq","B2eet1l","Bz10aip","Bqenvij","a9b677","Ftih45","Br0sdwz","cmx5o7","susq4k","Biibvgv","Bicfajf","qehafq","Brs5u8j","Ccq8qp","Baz25je","Bcgcnre","Bqjgrrk","qa3bma","y0oebl","Biqmznv","Bm6vgfq","Bbv0w2i","uvfttm","eqrjj","Bk5zm6e","m598lv","B4f6apu","ydt019","Bq4z7u6","Bdkvgpv","B0qfbqy","kj8mxx","r59vdv","Bkw5xw4","hl6cv3","aea9ga","yayu3t","Bhsv975","rhl9o9","B7gxrvb","B6q6orb","B0lu1f8","d","p","k","m","t","state","styles","className","mergeClasses","size","appearance","arrowClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-popover",
3
- "version": "9.9.15",
3
+ "version": "9.9.16",
4
4
  "description": "Popover component for Fluent UI",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -41,7 +41,7 @@
41
41
  "@fluentui/react-aria": "^9.13.2",
42
42
  "@fluentui/react-context-selector": "^9.1.65",
43
43
  "@fluentui/react-portal": "^9.4.31",
44
- "@fluentui/react-positioning": "^9.15.6",
44
+ "@fluentui/react-positioning": "^9.15.7",
45
45
  "@fluentui/react-shared-contexts": "^9.20.0",
46
46
  "@fluentui/react-tabster": "^9.22.3",
47
47
  "@fluentui/react-theme": "^9.1.19",