@fluentui/react-popover 0.0.0-nightly-20240730-0407.1 → 0.0.0-nightly-20240816-2133.1

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 (6) hide show
  1. package/CHANGELOG.md +18 -18
  2. package/lib/components/PopoverSurface/usePopoverSurfaceStyles.styles.js +40 -57
  3. package/lib/components/PopoverSurface/usePopoverSurfaceStyles.styles.js.map +1 -1
  4. package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.styles.js +70 -86
  5. package/lib-commonjs/components/PopoverSurface/usePopoverSurfaceStyles.styles.js.map +1 -1
  6. package/package.json +15 -15
package/CHANGELOG.md CHANGED
@@ -1,31 +1,31 @@
1
1
  # Change Log - @fluentui/react-popover
2
2
 
3
- This log was last generated on Tue, 30 Jul 2024 04:17:32 GMT and should not be manually modified.
3
+ This log was last generated on Fri, 16 Aug 2024 21:44:08 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightly-20240730-0407.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v0.0.0-nightly-20240730-0407.1)
7
+ ## [0.0.0-nightly-20240816-2133.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v0.0.0-nightly-20240816-2133.1)
8
8
 
9
- Tue, 30 Jul 2024 04:17:32 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.9.15..@fluentui/react-popover_v0.0.0-nightly-20240730-0407.1)
9
+ Fri, 16 Aug 2024 21:44:08 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-popover_v9.9.15..@fluentui/react-popover_v0.0.0-nightly-20240816-2133.1)
11
11
 
12
12
  ### Changes
13
13
 
14
14
  - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
15
- - Bump @fluentui/keyboard-keys to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
16
- - Bump @fluentui/react-aria to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
17
- - Bump @fluentui/react-context-selector to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
18
- - Bump @fluentui/react-portal to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
19
- - Bump @fluentui/react-positioning to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
20
- - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
21
- - Bump @fluentui/react-tabster to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
22
- - Bump @fluentui/react-theme to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
23
- - Bump @fluentui/react-utilities to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
24
- - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
25
- - Bump @fluentui/react-provider to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
26
- - Bump @fluentui/react-menu to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
27
- - Bump @fluentui/react-conformance to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
28
- - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240730-0407.1 ([commit](https://github.com/microsoft/fluentui/commit/4d2671a092078e3fa69ba2c3b45f2a2948ba7be9) by beachball)
15
+ - Bump @fluentui/keyboard-keys to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
16
+ - Bump @fluentui/react-aria to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
17
+ - Bump @fluentui/react-context-selector to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
18
+ - Bump @fluentui/react-portal to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
19
+ - Bump @fluentui/react-positioning to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
20
+ - Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
21
+ - Bump @fluentui/react-tabster to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
22
+ - Bump @fluentui/react-theme to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
23
+ - Bump @fluentui/react-utilities to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
24
+ - Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
25
+ - Bump @fluentui/react-provider to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
26
+ - Bump @fluentui/react-menu to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
27
+ - Bump @fluentui/react-conformance to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
28
+ - Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20240816-2133.1 ([commit](https://github.com/microsoft/fluentui/commit/7d70de62d1ba4ce393c9c6839e67ecb3f1c3d7f4) by beachball)
29
29
 
30
30
  ## [9.9.15](https://github.com/microsoft/fluentui/tree/@fluentui/react-popover_v9.9.15)
31
31
 
package/lib/components/PopoverSurface/usePopoverSurfaceStyles.styles.js CHANGED
@@ -14,14 +14,14 @@ export const arrowHeights = {
14
14
  */
15
15
  const useStyles = /*#__PURE__*/__styles({
16
16
  root: {
17
- sj55zd: "f19n0e5",
18
- De3pzq: "fxugw4r",
19
- E5pizo: "f1hg901r",
17
+ sj55zd: "f1ympdsy",
18
+ De3pzq: "fnoznri",
19
+ E5pizo: "f1n6zdu9",
20
20
  Beyfa6y: 0,
21
21
  Bbmb7ep: 0,
22
22
  Btl43ni: 0,
23
23
  B7oj6ja: 0,
24
- Dimara: "ft85np5",
24
+ Dimara: "f1vuagyr",
25
25
  Bgfg5da: 0,
26
26
  B9xav0g: 0,
27
27
  oivjwe: 0,
@@ -63,12 +63,12 @@ const useStyles = /*#__PURE__*/__styles({
63
63
  Bj3rh1h: "f19g0ac"
64
64
  },
65
65
  inverted: {
66
- De3pzq: "fg3r6xk",
67
- sj55zd: "fonrgv7"
66
+ De3pzq: "f1bxihtq",
67
+ sj55zd: "fvu1dns"
68
68
  },
69
69
  brand: {
70
- De3pzq: "ffp7eso",
71
- sj55zd: "f1phragk"
70
+ De3pzq: "fxkcuud",
71
+ sj55zd: "f1jde8b0"
72
72
  },
73
73
  smallPadding: {
74
74
  Byoj8tv: 0,
@@ -92,77 +92,60 @@ const useStyles = /*#__PURE__*/__styles({
92
92
  B0ocmuz: "fop8ug2"
93
93
  },
94
94
  smallArrow: {
95
- rhnwrx: "f1s3jn22",
96
- Bdy53xb: "fv40uqz"
95
+ a9b677: "f1ekdpwm",
96
+ Bqenvij: "f83vc9z"
97
97
  },
98
98
  mediumLargeArrow: {
99
- rhnwrx: "f1f72gjr",
100
- Bdy53xb: "f69yoe5"
99
+ a9b677: "f1kmc0fn",
100
+ Bqenvij: "fb6lvc5"
101
101
  },
102
102
  arrow: {
103
- B7ck84d: "f1ewtqcl",
104
103
  qhf8xq: "f1euv43f",
105
- Bj3rh1h: "f1bsuimh",
106
104
  De3pzq: "f1u2r49w",
107
- B2eet1l: "fqhgnl",
108
- Beyfa6y: "f17bz04i",
109
- Bz10aip: "f36o3x3",
110
- Bqenvij: "fzofk8q",
111
- a9b677: "f1wbx1ie",
105
+ Bcdw1i0: "fd7fpy0",
106
+ Bj3rh1h: "f1bsuimh",
112
107
  Ftih45: "f1wl9k8s",
113
- Br0sdwz: "f1aocrix",
108
+ B1puzpu: "f1wkw4r9",
109
+ Brfgrao: "f1j7ml58",
110
+ Bcvre1j: "fyl8oag",
111
+ Ccq8qp: "frdoeuz",
112
+ Baz25je: "fb81m9q",
114
113
  cmx5o7: "f1ljr5q2",
115
- susq4k: 0,
116
- Biibvgv: 0,
117
- Bicfajf: 0,
118
- qehafq: 0,
119
- Brs5u8j: "f155f1qt",
120
- Ccq8qp: "f9mhzq7",
121
- Baz25je: "fr6rhvx",
122
- Bcgcnre: 0,
123
- Bqjgrrk: 0,
124
- qa3bma: 0,
125
- y0oebl: 0,
126
- Biqmznv: 0,
127
- Bm6vgfq: 0,
128
- Bbv0w2i: 0,
129
- uvfttm: 0,
130
- eqrjj: 0,
131
114
  Bk5zm6e: 0,
132
115
  m598lv: 0,
133
116
  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"
117
+ eqrjj: "f15tymiq",
118
+ Bqjgrrk: 0,
119
+ qa3bma: 0,
120
+ 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"
149
132
  }
150
133
  }, {
151
- d: [".f19n0e5{color:var(--colorNeutralForeground1);}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1hg901r{box-shadow:var(--shadow16);}", [".ft85np5{border-radius:var(--borderRadiusMedium);}", {
134
+ d: [".f1ympdsy{color:var(--ctrl-token-PopoverSurface-1473, var(--semantic-token-PopoverSurface-1474, var(--colorNeutralForeground1)));}", ".fnoznri{background-color:var(--ctrl-token-PopoverSurface-1475, var(--semantic-token-PopoverSurface-1476, var(--colorNeutralBackground1)));}", ".f1n6zdu9{box-shadow:var(--ctrl-token-PopoverSurface-1477, var(--semantic-token-PopoverSurface-1478, var(--shadow16)));}", [".f1vuagyr{border-radius:var(--ctrl-token-PopoverSurface-1479, var(--semantic-token-PopoverSurface-1480, var(--borderRadiusMedium)));}", {
152
135
  p: -1
153
136
  }], [".f9ggezi{border:1px solid var(--colorTransparentStroke);}", {
154
137
  p: -2
155
- }], ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f18k4bn6{animation-composition:accumulate;}", ".fo1kyvf{animation-duration:var(--durationSlower);}", ".fetxo7e{animation-timing-function:var(--curveDecelerateMid);}", ".f8x1vz1{--fui-positioning-slide-distance-x:0px;}", ".f8g0anz{--fui-positioning-slide-distance-y:10px;}", ".fezwn9i[data-popper-placement^=right]{--fui-positioning-slide-distance-x:-10px;}", ".fz5efge[data-popper-placement^=right]{--fui-positioning-slide-distance-y:0px;}", ".f1ydixl4[data-popper-placement^=bottom]{--fui-positioning-slide-distance-x:0px;}", ".f8dgqj5[data-popper-placement^=bottom]{--fui-positioning-slide-distance-y:-10px;}", ".fnyfnr8[data-popper-placement^=left]{--fui-positioning-slide-distance-x:10px;}", ".fgw77r4[data-popper-placement^=left]{--fui-positioning-slide-distance-y:0px;}", ".ftje0s4{animation-name:f5j8bii,f79suad;}", ".f19g0ac{z-index:1;}", ".fg3r6xk{background-color:var(--colorNeutralBackgroundStatic);}", ".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}", ".ffp7eso{background-color:var(--colorBrandBackground);}", ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}", [".f1sy4kr4{padding:12px;}", {
138
+ }], ".fk6fouc{font-family:var(--fontFamilyBase);}", ".fkhj508{font-size:var(--fontSizeBase300);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".f1i3iumi{line-height:var(--lineHeightBase300);}", ".f18k4bn6{animation-composition:accumulate;}", ".fo1kyvf{animation-duration:var(--durationSlower);}", ".fetxo7e{animation-timing-function:var(--curveDecelerateMid);}", ".f8x1vz1{--fui-positioning-slide-distance-x:0px;}", ".f8g0anz{--fui-positioning-slide-distance-y:10px;}", ".fezwn9i[data-popper-placement^=right]{--fui-positioning-slide-distance-x:-10px;}", ".fz5efge[data-popper-placement^=right]{--fui-positioning-slide-distance-y:0px;}", ".f1ydixl4[data-popper-placement^=bottom]{--fui-positioning-slide-distance-x:0px;}", ".f8dgqj5[data-popper-placement^=bottom]{--fui-positioning-slide-distance-y:-10px;}", ".fnyfnr8[data-popper-placement^=left]{--fui-positioning-slide-distance-x:10px;}", ".fgw77r4[data-popper-placement^=left]{--fui-positioning-slide-distance-y:0px;}", ".ftje0s4{animation-name:f5j8bii,f79suad;}", ".f19g0ac{z-index:1;}", ".f1bxihtq{background-color:var(--ctrl-token-PopoverSurface-1481, var(--semantic-token-PopoverSurface-1482, var(--colorNeutralBackgroundStatic)));}", ".fvu1dns{color:var(--ctrl-token-PopoverSurface-1483, var(--semantic-token-PopoverSurface-1484, var(--colorNeutralForegroundStaticInverted)));}", ".fxkcuud{background-color:var(--ctrl-token-PopoverSurface-1485, var(--semantic-token-PopoverSurface-1486, var(--colorBrandBackground)));}", ".f1jde8b0{color:var(--ctrl-token-PopoverSurface-1487, var(--semantic-token-PopoverSurface-1488, var(--colorNeutralForegroundOnBrand)));}", [".f1sy4kr4{padding:12px;}", {
156
139
  p: -1
157
140
  }], [".f4zyqsv{padding:16px;}", {
158
141
  p: -1
159
142
  }], [".fop8ug2{padding:20px;}", {
160
143
  p: -1
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;}", {
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);}", {
162
145
  p: -1
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;}"],
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;}"],
166
149
  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));}}"],
167
150
  m: [["@media (prefers-reduced-motion){.fi19xcv[data-popper-placement]{animation-duration:1ms;}}", {
168
151
  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","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":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,uBAAuB,EAAEC,iBAAiB,EAAEC,iBAAiB,QAAQ,6BAA6B;AAC3G,SAASC,MAAM,EAAEC,gBAAgB,QAAQ,uBAAuB;AAChE,OAAO,MAAMC,wBAAwB,GAAG;EACpCC,IAAI,EAAE;AACV,CAAC;AACD,OAAO,MAAMC,YAAY,GAAG;EACxBC,KAAK,EAAE,CAAC;EACRC,MAAM,EAAE,CAAC;EACTC,KAAK,EAAE;AACX,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGb,QAAA;EAAAQ,IAAA;IAAAM,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAA7C,MAAA;IAAAD,MAAA;EAAA;EAAA+C,KAAA;IAAA9C,MAAA;IAAAD,MAAA;EAAA;EAAAgD,YAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,aAAA;IAAAL,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAE,YAAA;IAAAN,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAG,UAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,gBAAA;IAAAF,MAAA;IAAAC,OAAA;EAAA;EAAAE,KAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAjB,OAAA;IAAA5C,MAAA;IAAA8D,OAAA;IAAA5D,OAAA;IAAA6D,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,KAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;AAAA,CAqCrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,gCAAgC,GAAIC,KAAK,IAAG;EACzD,aAAa;;EACb,MAAMC,MAAM,GAAGhH,SAAS,CAAC,CAAC;EAC1B+G,KAAK,CAACpH,IAAI,CAACsH,SAAS,GAAG7H,YAAY,CAACM,wBAAwB,CAACC,IAAI,EAAEqH,MAAM,CAACrH,IAAI,EAAEoH,KAAK,CAAClE,MAAM,IAAImE,MAAM,CAACnE,MAAM,EAAEkE,KAAK,CAACG,IAAI,KAAK,OAAO,IAAIF,MAAM,CAAC/D,YAAY,EAAE8D,KAAK,CAACG,IAAI,KAAK,QAAQ,IAAIF,MAAM,CAACzD,aAAa,EAAEwD,KAAK,CAACG,IAAI,KAAK,OAAO,IAAIF,MAAM,CAACxD,YAAY,EAAEuD,KAAK,CAACI,UAAU,KAAK,UAAU,IAAIH,MAAM,CAACjE,QAAQ,EAAEgE,KAAK,CAACI,UAAU,KAAK,OAAO,IAAIH,MAAM,CAAChE,KAAK,EAAE+D,KAAK,CAACpH,IAAI,CAACsH,SAAS,CAAC;EACrXF,KAAK,CAACK,cAAc,GAAGhI,YAAY,CAAC4H,MAAM,CAACnD,KAAK,EAAEkD,KAAK,CAACG,IAAI,KAAK,OAAO,GAAGF,MAAM,CAACvD,UAAU,GAAGuD,MAAM,CAACpD,gBAAgB,CAAC;EACvH,OAAOmD,KAAK;AAChB,CAAC","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","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: `var(--ctrl-token-PopoverSurface-1473, var(--semantic-token-PopoverSurface-1474, ${tokens.colorNeutralForeground1}))`,\n backgroundColor: `var(--ctrl-token-PopoverSurface-1475, var(--semantic-token-PopoverSurface-1476, ${tokens.colorNeutralBackground1}))`,\n boxShadow: `var(--ctrl-token-PopoverSurface-1477, var(--semantic-token-PopoverSurface-1478, ${tokens.shadow16}))`,\n borderRadius: `var(--ctrl-token-PopoverSurface-1479, var(--semantic-token-PopoverSurface-1480, ${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: `var(--ctrl-token-PopoverSurface-1481, var(--semantic-token-PopoverSurface-1482, ${tokens.colorNeutralBackgroundStatic}))`,\n color: `var(--ctrl-token-PopoverSurface-1483, var(--semantic-token-PopoverSurface-1484, ${tokens.colorNeutralForegroundStaticInverted}))`\n },\n brand: {\n backgroundColor: `var(--ctrl-token-PopoverSurface-1485, var(--semantic-token-PopoverSurface-1486, ${tokens.colorBrandBackground}))`,\n color: `var(--ctrl-token-PopoverSurface-1487, var(--semantic-token-PopoverSurface-1488, ${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
@@ -32,14 +32,14 @@ const arrowHeights = {
32
32
  * Styles for the root slot
33
33
  */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
34
34
  root: {
35
- sj55zd: "f19n0e5",
36
- De3pzq: "fxugw4r",
37
- E5pizo: "f1hg901r",
35
+ sj55zd: "f1ympdsy",
36
+ De3pzq: "fnoznri",
37
+ E5pizo: "f1n6zdu9",
38
38
  Beyfa6y: 0,
39
39
  Bbmb7ep: 0,
40
40
  Btl43ni: 0,
41
41
  B7oj6ja: 0,
42
- Dimara: "ft85np5",
42
+ Dimara: "f1vuagyr",
43
43
  Bgfg5da: 0,
44
44
  B9xav0g: 0,
45
45
  oivjwe: 0,
@@ -81,12 +81,12 @@ const arrowHeights = {
81
81
  Bj3rh1h: "f19g0ac"
82
82
  },
83
83
  inverted: {
84
- De3pzq: "fg3r6xk",
85
- sj55zd: "fonrgv7"
84
+ De3pzq: "f1bxihtq",
85
+ sj55zd: "fvu1dns"
86
86
  },
87
87
  brand: {
88
- De3pzq: "ffp7eso",
89
- sj55zd: "f1phragk"
88
+ De3pzq: "fxkcuud",
89
+ sj55zd: "f1jde8b0"
90
90
  },
91
91
  smallPadding: {
92
92
  Byoj8tv: 0,
@@ -110,68 +110,54 @@ const arrowHeights = {
110
110
  B0ocmuz: "fop8ug2"
111
111
  },
112
112
  smallArrow: {
113
- rhnwrx: "f1s3jn22",
114
- Bdy53xb: "fv40uqz"
113
+ a9b677: "f1ekdpwm",
114
+ Bqenvij: "f83vc9z"
115
115
  },
116
116
  mediumLargeArrow: {
117
- rhnwrx: "f1f72gjr",
118
- Bdy53xb: "f69yoe5"
117
+ a9b677: "f1kmc0fn",
118
+ Bqenvij: "fb6lvc5"
119
119
  },
120
120
  arrow: {
121
- B7ck84d: "f1ewtqcl",
122
121
  qhf8xq: "f1euv43f",
123
- Bj3rh1h: "f1bsuimh",
124
122
  De3pzq: "f1u2r49w",
125
- B2eet1l: "fqhgnl",
126
- Beyfa6y: "f17bz04i",
127
- Bz10aip: "f36o3x3",
128
- Bqenvij: "fzofk8q",
129
- a9b677: "f1wbx1ie",
123
+ Bcdw1i0: "fd7fpy0",
124
+ Bj3rh1h: "f1bsuimh",
130
125
  Ftih45: "f1wl9k8s",
131
- Br0sdwz: "f1aocrix",
126
+ B1puzpu: "f1wkw4r9",
127
+ Brfgrao: "f1j7ml58",
128
+ Bcvre1j: "fyl8oag",
129
+ Ccq8qp: "frdoeuz",
130
+ Baz25je: "fb81m9q",
132
131
  cmx5o7: "f1ljr5q2",
133
- susq4k: 0,
134
- Biibvgv: 0,
135
- Bicfajf: 0,
136
- qehafq: 0,
137
- Brs5u8j: "f155f1qt",
138
- Ccq8qp: "f9mhzq7",
139
- Baz25je: "fr6rhvx",
140
- Bcgcnre: 0,
141
- Bqjgrrk: 0,
142
- qa3bma: 0,
143
- y0oebl: 0,
144
- Biqmznv: 0,
145
- Bm6vgfq: 0,
146
- Bbv0w2i: 0,
147
- uvfttm: 0,
148
- eqrjj: 0,
149
132
  Bk5zm6e: 0,
150
133
  m598lv: 0,
151
134
  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"
135
+ eqrjj: "f15tymiq",
136
+ Bqjgrrk: 0,
137
+ qa3bma: 0,
138
+ 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"
167
153
  }
168
154
  }, {
169
155
  d: [
170
- ".f19n0e5{color:var(--colorNeutralForeground1);}",
171
- ".fxugw4r{background-color:var(--colorNeutralBackground1);}",
172
- ".f1hg901r{box-shadow:var(--shadow16);}",
156
+ ".f1ympdsy{color:var(--ctrl-token-PopoverSurface-1473, var(--semantic-token-PopoverSurface-1474, var(--colorNeutralForeground1)));}",
157
+ ".fnoznri{background-color:var(--ctrl-token-PopoverSurface-1475, var(--semantic-token-PopoverSurface-1476, var(--colorNeutralBackground1)));}",
158
+ ".f1n6zdu9{box-shadow:var(--ctrl-token-PopoverSurface-1477, var(--semantic-token-PopoverSurface-1478, var(--shadow16)));}",
173
159
  [
174
- ".ft85np5{border-radius:var(--borderRadiusMedium);}",
160
+ ".f1vuagyr{border-radius:var(--ctrl-token-PopoverSurface-1479, var(--semantic-token-PopoverSurface-1480, var(--borderRadiusMedium)));}",
175
161
  {
176
162
  p: -1
177
163
  }
@@ -199,10 +185,10 @@ const arrowHeights = {
199
185
  ".fgw77r4[data-popper-placement^=left]{--fui-positioning-slide-distance-y:0px;}",
200
186
  ".ftje0s4{animation-name:f5j8bii,f79suad;}",
201
187
  ".f19g0ac{z-index:1;}",
202
- ".fg3r6xk{background-color:var(--colorNeutralBackgroundStatic);}",
203
- ".fonrgv7{color:var(--colorNeutralForegroundStaticInverted);}",
204
- ".ffp7eso{background-color:var(--colorBrandBackground);}",
205
- ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}",
188
+ ".f1bxihtq{background-color:var(--ctrl-token-PopoverSurface-1481, var(--semantic-token-PopoverSurface-1482, var(--colorNeutralBackgroundStatic)));}",
189
+ ".fvu1dns{color:var(--ctrl-token-PopoverSurface-1483, var(--semantic-token-PopoverSurface-1484, var(--colorNeutralForegroundStaticInverted)));}",
190
+ ".fxkcuud{background-color:var(--ctrl-token-PopoverSurface-1485, var(--semantic-token-PopoverSurface-1486, var(--colorBrandBackground)));}",
191
+ ".f1jde8b0{color:var(--ctrl-token-PopoverSurface-1487, var(--semantic-token-PopoverSurface-1488, var(--colorNeutralForegroundOnBrand)));}",
206
192
  [
207
193
  ".f1sy4kr4{padding:12px;}",
208
194
  {
@@ -221,46 +207,44 @@ const arrowHeights = {
221
207
  p: -1
222
208
  }
223
209
  ],
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;}",
210
+ ".f1ekdpwm{width:8.484px;}",
211
+ ".f83vc9z{height:8.484px;}",
212
+ ".f1kmc0fn{width:11.312px;}",
213
+ ".fb6lvc5{height:11.312px;}",
229
214
  ".f1euv43f{position:absolute;}",
230
- ".f1bsuimh{z-index:-1;}",
231
215
  ".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);}",
216
+ ".fd7fpy0{visibility:hidden;}",
217
+ ".f1bsuimh{z-index:-1;}",
237
218
  ".f1wl9k8s::before{content:\"\";}",
238
- ".f1aocrix::before{display:block;}",
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;}",
239
224
  ".f1ljr5q2::before{background-color:inherit;}",
240
225
  [
241
- ".f155f1qt::before{margin:-1px;}",
226
+ ".f15tymiq::before{border-right:1px solid var(--colorTransparentStroke);}",
242
227
  {
243
228
  p: -1
244
229
  }
245
230
  ],
246
- ".f9mhzq7::before{width:100%;}",
247
- ".fr6rhvx::before{height:100%;}",
248
231
  [
249
- ".f1kc0wz4::before{border:1px solid var(--colorTransparentStroke);}",
232
+ ".fi8wnwo::before{border-bottom:1px solid var(--colorTransparentStroke);}",
250
233
  {
251
- p: -2
234
+ p: -1
252
235
  }
253
236
  ],
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;}"
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;}"
264
248
  ],
265
249
  k: [
266
250
  "@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","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":";;;;;;;;;;;IAMaA,YAAY;eAAZA;;IAHAC,wBAAwB;eAAxBA;;IAkDIC,gCAAgC;eAAhCA;;;uBArDwB;AAGlC,MAAMD,2BAA2B;IACpCE,MAAM;AACV;AACO,MAAMH,eAAe;IACxBI,OAAO;IACPC,QAAQ;IACRC,OAAO;AACX;AACA;;CAEA,GAAI,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAL,MAAA;QAAAM,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;IAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAC,UAAA;QAAA7C,QAAA;QAAAD,QAAA;IAAA;IAAA+C,OAAA;QAAA9C,QAAA;QAAAD,QAAA;IAAA;IAAAgD,cAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAC,eAAA;QAAAL,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAE,cAAA;QAAAN,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAG,YAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;IAAAC,kBAAA;QAAAF,QAAA;QAAAC,SAAA;IAAA;IAAAE,OAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAjB,SAAA;QAAA5C,QAAA;QAAA8D,SAAA;QAAA5D,SAAA;QAAA6D,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,OAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;QAAA;KAAA;IAAAC,GAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA;YAAA;SAAA;KAAA;IAAAC,GAAA;QAAA;KAAA;AAAA;AAwCX,MAAMnH,mCAAoCoH,CAAAA;IACjD;IACA,MAAMC,SAAShH;IACf+G,MAAMnH,IAAI,CAACqH,SAAS,GAAGC,IAAAA,mBAAY,EAACxH,yBAAyBE,IAAI,EAAEoH,OAAOpH,IAAI,EAAEmH,MAAMjE,MAAM,IAAIkE,OAAOlE,MAAM,EAAEiE,MAAMI,IAAI,KAAK,WAAWH,OAAO9D,YAAY,EAAE6D,MAAMI,IAAI,KAAK,YAAYH,OAAOxD,aAAa,EAAEuD,MAAMI,IAAI,KAAK,WAAWH,OAAOvD,YAAY,EAAEsD,MAAMK,UAAU,KAAK,cAAcJ,OAAOhE,QAAQ,EAAE+D,MAAMK,UAAU,KAAK,WAAWJ,OAAO/D,KAAK,EAAE8D,MAAMnH,IAAI,CAACqH,SAAS;IACpXF,MAAMM,cAAc,GAAGH,IAAAA,mBAAY,EAACF,OAAOlD,KAAK,EAAEiD,MAAMI,IAAI,KAAK,UAAUH,OAAOtD,UAAU,GAAGsD,OAAOnD,gBAAgB;IACtH,OAAOkD;AACX"}
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: `var(--ctrl-token-PopoverSurface-1473, var(--semantic-token-PopoverSurface-1474, ${tokens.colorNeutralForeground1}))`,\n backgroundColor: `var(--ctrl-token-PopoverSurface-1475, var(--semantic-token-PopoverSurface-1476, ${tokens.colorNeutralBackground1}))`,\n boxShadow: `var(--ctrl-token-PopoverSurface-1477, var(--semantic-token-PopoverSurface-1478, ${tokens.shadow16}))`,\n borderRadius: `var(--ctrl-token-PopoverSurface-1479, var(--semantic-token-PopoverSurface-1480, ${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: `var(--ctrl-token-PopoverSurface-1481, var(--semantic-token-PopoverSurface-1482, ${tokens.colorNeutralBackgroundStatic}))`,\n color: `var(--ctrl-token-PopoverSurface-1483, var(--semantic-token-PopoverSurface-1484, ${tokens.colorNeutralForegroundStaticInverted}))`\n },\n brand: {\n backgroundColor: `var(--ctrl-token-PopoverSurface-1485, var(--semantic-token-PopoverSurface-1486, ${tokens.colorBrandBackground}))`,\n color: `var(--ctrl-token-PopoverSurface-1487, var(--semantic-token-PopoverSurface-1488, ${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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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-popover",
3
- "version": "0.0.0-nightly-20240730-0407.1",
3
+ "version": "0.0.0-nightly-20240816-2133.1",
4
4
  "description": "Popover component for Fluent UI",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -27,26 +27,26 @@
27
27
  "generate-api": "just-scripts generate-api"
28
28
  },
29
29
  "devDependencies": {
30
- "@fluentui/react-provider": "0.0.0-nightly-20240730-0407.1",
31
- "@fluentui/react-menu": "0.0.0-nightly-20240730-0407.1",
30
+ "@fluentui/react-provider": "0.0.0-nightly-20240816-2133.1",
31
+ "@fluentui/react-menu": "0.0.0-nightly-20240816-2133.1",
32
32
  "@fluentui/eslint-plugin": "*",
33
- "@fluentui/react-conformance": "0.0.0-nightly-20240730-0407.1",
34
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240730-0407.1",
33
+ "@fluentui/react-conformance": "0.0.0-nightly-20240816-2133.1",
34
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240816-2133.1",
35
35
  "@fluentui/scripts-api-extractor": "*",
36
36
  "@fluentui/scripts-cypress": "*",
37
37
  "@fluentui/scripts-tasks": "*"
38
38
  },
39
39
  "dependencies": {
40
- "@fluentui/keyboard-keys": "0.0.0-nightly-20240730-0407.1",
41
- "@fluentui/react-aria": "0.0.0-nightly-20240730-0407.1",
42
- "@fluentui/react-context-selector": "0.0.0-nightly-20240730-0407.1",
43
- "@fluentui/react-portal": "0.0.0-nightly-20240730-0407.1",
44
- "@fluentui/react-positioning": "0.0.0-nightly-20240730-0407.1",
45
- "@fluentui/react-shared-contexts": "0.0.0-nightly-20240730-0407.1",
46
- "@fluentui/react-tabster": "0.0.0-nightly-20240730-0407.1",
47
- "@fluentui/react-theme": "0.0.0-nightly-20240730-0407.1",
48
- "@fluentui/react-utilities": "0.0.0-nightly-20240730-0407.1",
49
- "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240730-0407.1",
40
+ "@fluentui/keyboard-keys": "0.0.0-nightly-20240816-2133.1",
41
+ "@fluentui/react-aria": "0.0.0-nightly-20240816-2133.1",
42
+ "@fluentui/react-context-selector": "0.0.0-nightly-20240816-2133.1",
43
+ "@fluentui/react-portal": "0.0.0-nightly-20240816-2133.1",
44
+ "@fluentui/react-positioning": "0.0.0-nightly-20240816-2133.1",
45
+ "@fluentui/react-shared-contexts": "0.0.0-nightly-20240816-2133.1",
46
+ "@fluentui/react-tabster": "0.0.0-nightly-20240816-2133.1",
47
+ "@fluentui/react-theme": "0.0.0-nightly-20240816-2133.1",
48
+ "@fluentui/react-utilities": "0.0.0-nightly-20240816-2133.1",
49
+ "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240816-2133.1",
50
50
  "@griffel/react": "^1.5.22",
51
51
  "@swc/helpers": "^0.5.1"
52
52
  },