@fluentui/react-teaching-popover 0.0.0-nightly-20240823-1802.1 → 0.0.0-nightly-20240826-0407.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 (34) hide show
  1. package/CHANGELOG.md +39 -15
  2. package/lib/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js +2 -2
  3. package/lib/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js.map +1 -1
  4. package/lib/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js +14 -14
  5. package/lib/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js.map +1 -1
  6. package/lib/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js +4 -4
  7. package/lib/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js.map +1 -1
  8. package/lib/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js +15 -15
  9. package/lib/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js.map +1 -1
  10. package/lib/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js +8 -8
  11. package/lib/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js.map +1 -1
  12. package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js +26 -26
  13. package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js.map +1 -1
  14. package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js +5 -5
  15. package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map +1 -1
  16. package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js +17 -17
  17. package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js.map +1 -1
  18. package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js +2 -2
  19. package/lib-commonjs/components/TeachingPopoverBody/useTeachingPopoverBodyStyles.styles.js.map +1 -1
  20. package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js +24 -24
  21. package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js.map +1 -1
  22. package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js +4 -4
  23. package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js.map +1 -1
  24. package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js +15 -16
  25. package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js.map +1 -1
  26. package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js +12 -12
  27. package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js.map +1 -1
  28. package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js +42 -48
  29. package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js.map +1 -1
  30. package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js +6 -6
  31. package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map +1 -1
  32. package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js +30 -31
  33. package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js.map +1 -1
  34. package/package.json +12 -12
@@ -26,20 +26,20 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
26
26
  root: {
27
27
  mc9l5x: "f22iagw",
28
28
  Beiy3e4: "f1063pyq",
29
- sj55zd: "fid3our",
30
- Bhrd7zp: "f1qznacp",
31
- Be2twd7: "f77jjh8",
32
- Bg96gwp: "fpjzbsu",
33
- Byoj8tv: "f1q4k2vg",
29
+ sj55zd: "f11d4kpn",
30
+ Bhrd7zp: "fl43uef",
31
+ Be2twd7: "fy9rknc",
32
+ Bg96gwp: "fwrc4pm",
33
+ Byoj8tv: "f14wxoun",
34
34
  Bt984gj: "f122n59",
35
- B6of3ja: "fv8nr6r",
36
- jrapky: "f1xx2tqw"
35
+ B6of3ja: "f1jkagg5",
36
+ jrapky: "fi2ljxd"
37
37
  },
38
38
  rootBrand: {
39
- sj55zd: "f93xwn3"
39
+ sj55zd: "f1phragk"
40
40
  },
41
41
  dismissButton: {
42
- sj55zd: "f1msao7j",
42
+ sj55zd: "fkfq4zb",
43
43
  qhf8xq: "f10pi13n",
44
44
  Bgfg5da: 0,
45
45
  B9xav0g: 0,
@@ -68,15 +68,15 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
68
68
  Be2twd7: "fkhj508",
69
69
  Bhrd7zp: "figsok6",
70
70
  Bg96gwp: "f1i3iumi",
71
- De3pzq: "f13ecfwa",
71
+ De3pzq: "f1c21dwh",
72
72
  B7ck84d: "f1ewtqcl",
73
73
  B7oj6ja: [
74
- "f1wxrjbw",
75
- "f1cw5fis"
74
+ "f3fg2lr",
75
+ "f13av6d4"
76
76
  ],
77
77
  Bbmb7ep: [
78
- "fr2zbn7",
79
- "fuqgl5a"
78
+ "fzi6hpg",
79
+ "fyowgf4"
80
80
  ],
81
81
  Jyy4pa: "f1lfeew",
82
82
  Byoj8tv: 0,
@@ -92,7 +92,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
92
92
  kdpuga: 0,
93
93
  dm238s: 0,
94
94
  B6xbmo0: 0,
95
- B3whbx2: "fp24msb",
95
+ B3whbx2: "f2krc9w",
96
96
  B8q5s1w: "f8hki3x",
97
97
  Bci5o5g: [
98
98
  "f1d2448m",
@@ -105,13 +105,13 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
105
105
  ]
106
106
  },
107
107
  dismissBrand: {
108
- sj55zd: "f125i80t"
108
+ sj55zd: "f1phragk"
109
109
  },
110
110
  icon: {
111
- Bqenvij: "f964gs0",
112
- a9b677: "f8ere84",
113
- Bg96gwp: "f1a27aur",
114
- Be2twd7: "f3v5gq6",
111
+ Bqenvij: "fsv12xs",
112
+ a9b677: "f19bqwv",
113
+ Bg96gwp: "fwrc4pm",
114
+ Be2twd7: "fy9rknc",
115
115
  Bt984gj: "f122n59",
116
116
  B7ck84d: "f1e4lqlz",
117
117
  mc9l5x: "ftuwxu6",
@@ -119,27 +119,27 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
119
119
  w71qe1: "f1iuv45f",
120
120
  ha4doy: "fmrv4ls",
121
121
  qhf8xq: "f10pi13n",
122
- De3pzq: "f1s6r2ba",
123
- sj55zd: "fba2vvd",
124
- Bokbzmb: "f1jlzdot"
122
+ De3pzq: "f1c21dwh",
123
+ sj55zd: "fkfq4zb",
124
+ Bokbzmb: "fpvr8q1"
125
125
  },
126
126
  iconBrand: {
127
- sj55zd: "f1uycd2f"
127
+ sj55zd: "f1phragk"
128
128
  }
129
129
  }, {
130
130
  d: [
131
131
  ".f22iagw{display:flex;}",
132
132
  ".f1063pyq{flex-direction:row;}",
133
- ".fid3our{color:var(--2583, var(--2584, var(--colorNeutralForeground3)));}",
134
- ".f1qznacp{font-weight:var(--2585, var(--2586, var(--fontWeightSemibold)));}",
135
- ".f77jjh8{font-size:var(--2587, var(--2588, var(--fontSizeBase200)));}",
136
- ".fpjzbsu{line-height:var(--2589, var(--2590, var(--lineHeightBase200)));}",
137
- ".f1q4k2vg{padding-bottom:var(--2591, var(--2592, var(--spacingVerticalXS)));}",
133
+ ".f11d4kpn{color:var(--colorNeutralForeground3);}",
134
+ ".fl43uef{font-weight:var(--fontWeightSemibold);}",
135
+ ".fy9rknc{font-size:var(--fontSizeBase200);}",
136
+ ".fwrc4pm{line-height:var(--lineHeightBase200);}",
137
+ ".f14wxoun{padding-bottom:var(--spacingVerticalXS);}",
138
138
  ".f122n59{align-items:center;}",
139
- ".fv8nr6r{margin-top:var(--2593, var(--2594, var(--spacingHorizontalNone)));}",
140
- ".f1xx2tqw{margin-bottom:var(--2595, var(--2596, var(--spacingHorizontalNone)));}",
141
- ".f93xwn3{color:var(--2597, var(--2598, var(--colorNeutralForegroundOnBrand)));}",
142
- ".f1msao7j{color:var(--2599, var(--2600, var(--colorNeutralForeground2)));}",
139
+ ".f1jkagg5{margin-top:var(--spacingHorizontalNone);}",
140
+ ".fi2ljxd{margin-bottom:var(--spacingHorizontalNone);}",
141
+ ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}",
142
+ ".fkfq4zb{color:var(--colorNeutralForeground2);}",
143
143
  ".f10pi13n{position:relative;}",
144
144
  [
145
145
  ".f88035w{border:var(--strokeWidthThin) solid var(--colorTransparentStroke);}",
@@ -152,12 +152,12 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
152
152
  ".fkhj508{font-size:var(--fontSizeBase300);}",
153
153
  ".figsok6{font-weight:var(--fontWeightRegular);}",
154
154
  ".f1i3iumi{line-height:var(--lineHeightBase300);}",
155
- ".f13ecfwa{background-color:var(--2601, var(--2602, var(--colorTransparentBackground)));}",
155
+ ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
156
156
  ".f1ewtqcl{box-sizing:border-box;}",
157
- ".f1wxrjbw{border-top-right-radius:var(--2603, var(--2604, var(--borderRadiusNone)));}",
158
- ".f1cw5fis{border-top-left-radius:var(--2603, var(--2604, var(--borderRadiusNone)));}",
159
- ".fr2zbn7{border-bottom-right-radius:var(--2605, var(--2606, var(--borderRadiusNone)));}",
160
- ".fuqgl5a{border-bottom-left-radius:var(--2605, var(--2606, var(--borderRadiusNone)));}",
157
+ ".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}",
158
+ ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}",
159
+ ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}",
160
+ ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}",
161
161
  ".f1n71otn{border-right-style:none;}",
162
162
  ".f1deefiw{border-left-style:none;}",
163
163
  ".f1lfeew{-webkit-margin-start:auto;margin-inline-start:auto;}",
@@ -174,7 +174,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
174
174
  }
175
175
  ],
176
176
  [
177
- ".fp24msb[data-fui-focus-visible]{border-radius:var(--2607, var(--2608, var(--borderRadiusMedium)));}",
177
+ ".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}",
178
178
  {
179
179
  p: -1
180
180
  }
@@ -183,20 +183,14 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
183
183
  ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}",
184
184
  ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}",
185
185
  ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}",
186
- ".f125i80t{color:var(--2609, var(--2610, var(--colorNeutralForegroundOnBrand)));}",
187
- ".f964gs0{height:var(--2611, var(--2612, var(--fontSizeBase200)));}",
188
- ".f8ere84{width:var(--2613, var(--2614, var(--fontSizeBase200)));}",
189
- ".f1a27aur{line-height:var(--2615, var(--2616, var(--lineHeightBase200)));}",
190
- ".f3v5gq6{font-size:var(--2617, var(--2618, var(--fontSizeBase200)));}",
186
+ ".fsv12xs{height:var(--fontSizeBase200);}",
187
+ ".f19bqwv{width:var(--fontSizeBase200);}",
191
188
  ".f1e4lqlz{box-sizing:content-box;}",
192
189
  ".ftuwxu6{display:inline-flex;}",
193
190
  ".f4d9j23{justify-content:center;}",
194
191
  ".f1iuv45f{text-decoration-line:none;}",
195
192
  ".fmrv4ls{vertical-align:middle;}",
196
- ".f1s6r2ba{background-color:var(--2619, var(--2620, var(--colorTransparentBackground)));}",
197
- ".fba2vvd{color:var(--2621, var(--2622, var(--colorNeutralForeground2)));}",
198
- ".f1jlzdot{-webkit-margin-end:var(--2623, var(--2624, var(--spacingHorizontalXS)));margin-inline-end:var(--2623, var(--2624, var(--spacingHorizontalXS)));}",
199
- ".f1uycd2f{color:var(--2625, var(--2626, var(--colorNeutralForegroundOnBrand)));}"
193
+ ".fpvr8q1{-webkit-margin-end:var(--spacingHorizontalXS);margin-inline-end:var(--spacingHorizontalXS);}"
200
194
  ]
201
195
  });
202
196
  const useTeachingPopoverHeaderStyles_unstable = (state)=>{
@@ -1 +1 @@
1
- {"version":3,"sources":["useTeachingPopoverHeaderStyles.styles.js"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverHeaderClassNames = {\n root: 'fui-TeachingPopoverHeader',\n dismissButton: 'fui-TeachingPopoverHeader__dismissButton',\n icon: 'fui-TeachingPopoverHeader__icon'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n color: `var(--2583, var(--2584, ${tokens.colorNeutralForeground3}))`,\n fontWeight: `var(--2585, var(--2586, ${tokens.fontWeightSemibold}))`,\n fontSize: `var(--2587, var(--2588, ${tokens.fontSizeBase200}))`,\n lineHeight: `var(--2589, var(--2590, ${tokens.lineHeightBase200}))`,\n paddingBottom: `var(--2591, var(--2592, ${tokens.spacingVerticalXS}))`,\n alignItems: 'center',\n marginTop: `var(--2593, var(--2594, ${tokens.spacingHorizontalNone}))`,\n marginBottom: `var(--2595, var(--2596, ${tokens.spacingHorizontalNone}))`\n },\n rootBrand: {\n color: `var(--2597, var(--2598, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n dismissButton: {\n color: `var(--2599, var(--2600, ${tokens.colorNeutralForeground2}))`,\n position: 'relative',\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n ...typographyStyles.body1,\n backgroundColor: `var(--2601, var(--2602, ${tokens.colorTransparentBackground}))`,\n boxSizing: 'border-box',\n borderTopRightRadius: `var(--2603, var(--2604, ${tokens.borderRadiusNone}))`,\n borderBottomRightRadius: `var(--2605, var(--2606, ${tokens.borderRadiusNone}))`,\n borderRightStyle: 'none',\n marginInlineStart: 'auto',\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: `var(--2607, var(--2608, ${tokens.borderRadiusMedium}))`,\n ...shorthands.borderColor('transparent')\n })\n },\n dismissBrand: {\n color: `var(--2609, var(--2610, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n icon: {\n height: `var(--2611, var(--2612, ${tokens.fontSizeBase200}))`,\n width: `var(--2613, var(--2614, ${tokens.fontSizeBase200}))`,\n lineHeight: `var(--2615, var(--2616, ${tokens.lineHeightBase200}))`,\n fontSize: `var(--2617, var(--2618, ${tokens.fontSizeBase200}))`,\n alignItems: 'center',\n boxSizing: 'content-box',\n display: 'inline-flex',\n justifyContent: 'center',\n textDecorationLine: 'none',\n verticalAlign: 'middle',\n position: 'relative',\n backgroundColor: `var(--2619, var(--2620, ${tokens.colorTransparentBackground}))`,\n color: `var(--2621, var(--2622, ${tokens.colorNeutralForeground2}))`,\n marginInlineEnd: `var(--2623, var(--2624, ${tokens.spacingHorizontalXS}))`\n },\n iconBrand: {\n color: `var(--2625, var(--2626, ${tokens.colorNeutralForegroundOnBrand}))`\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverHeaderStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { appearance } = state;\n state.root.className = mergeClasses(teachingPopoverHeaderClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n if (state.dismissButton) {\n state.dismissButton.className = mergeClasses(teachingPopoverHeaderClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(teachingPopoverHeaderClassNames.icon, styles.icon, appearance === 'brand' ? styles.iconBrand : undefined, state.icon.className);\n }\n return state;\n};\n"],"names":["teachingPopoverHeaderClassNames","useTeachingPopoverHeaderStyles_unstable","root","dismissButton","icon","useStyles","__styles","mc9l5x","Beiy3e4","sj55zd","Bhrd7zp","Be2twd7","Bg96gwp","Byoj8tv","Bt984gj","B6of3ja","jrapky","rootBrand","qhf8xq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Jyy4pa","uwmqm3","z189sj","z8tnut","B0ocmuz","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","dismissBrand","Bqenvij","a9b677","Brf1p80","w71qe1","ha4doy","Bokbzmb","iconBrand","d","p","state","styles","appearance","className","mergeClasses","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
1
+ {"version":3,"sources":["useTeachingPopoverHeaderStyles.styles.js"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverHeaderClassNames = {\n root: 'fui-TeachingPopoverHeader',\n dismissButton: 'fui-TeachingPopoverHeader__dismissButton',\n icon: 'fui-TeachingPopoverHeader__icon'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n color: tokens.colorNeutralForeground3,\n fontWeight: tokens.fontWeightSemibold,\n fontSize: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n paddingBottom: tokens.spacingVerticalXS,\n alignItems: 'center',\n marginTop: tokens.spacingHorizontalNone,\n marginBottom: tokens.spacingHorizontalNone\n },\n rootBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n },\n dismissButton: {\n color: tokens.colorNeutralForeground2,\n position: 'relative',\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n ...typographyStyles.body1,\n backgroundColor: tokens.colorTransparentBackground,\n boxSizing: 'border-box',\n borderTopRightRadius: tokens.borderRadiusNone,\n borderBottomRightRadius: tokens.borderRadiusNone,\n borderRightStyle: 'none',\n marginInlineStart: 'auto',\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent')\n })\n },\n dismissBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n },\n icon: {\n height: tokens.fontSizeBase200,\n width: tokens.fontSizeBase200,\n lineHeight: tokens.lineHeightBase200,\n fontSize: tokens.fontSizeBase200,\n alignItems: 'center',\n boxSizing: 'content-box',\n display: 'inline-flex',\n justifyContent: 'center',\n textDecorationLine: 'none',\n verticalAlign: 'middle',\n position: 'relative',\n backgroundColor: tokens.colorTransparentBackground,\n color: tokens.colorNeutralForeground2,\n marginInlineEnd: tokens.spacingHorizontalXS\n },\n iconBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverHeaderStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { appearance } = state;\n state.root.className = mergeClasses(teachingPopoverHeaderClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n if (state.dismissButton) {\n state.dismissButton.className = mergeClasses(teachingPopoverHeaderClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n }\n if (state.icon) {\n state.icon.className = mergeClasses(teachingPopoverHeaderClassNames.icon, styles.icon, appearance === 'brand' ? styles.iconBrand : undefined, state.icon.className);\n }\n return state;\n};\n"],"names":["teachingPopoverHeaderClassNames","useTeachingPopoverHeaderStyles_unstable","root","dismissButton","icon","useStyles","__styles","mc9l5x","Beiy3e4","sj55zd","Bhrd7zp","Be2twd7","Bg96gwp","Byoj8tv","Bt984gj","B6of3ja","jrapky","rootBrand","qhf8xq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Jyy4pa","uwmqm3","z189sj","z8tnut","B0ocmuz","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","dismissBrand","Bqenvij","a9b677","Brf1p80","w71qe1","ha4doy","Bokbzmb","iconBrand","d","p","state","styles","appearance","className","mergeClasses","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
@@ -32,9 +32,9 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
32
32
  Bbmb7ep: 0,
33
33
  Btl43ni: 0,
34
34
  B7oj6ja: 0,
35
- Dimara: "fp9uo86",
36
- a9b677: "f1dxqujg",
37
- B7ck84d: "f1e4lqlz"
35
+ Dimara: "f1kijzfu",
36
+ Bf4jedk: "f14hp5dx",
37
+ B7ck84d: "f1ewtqcl"
38
38
  }
39
39
  }, {
40
40
  d: [
@@ -45,13 +45,13 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
45
45
  }
46
46
  ],
47
47
  [
48
- ".fp9uo86{border-radius:var(--2627, var(--2628, var(--borderRadiusXLarge)));}",
48
+ ".f1kijzfu{border-radius:var(--borderRadiusXLarge);}",
49
49
  {
50
50
  p: -1
51
51
  }
52
52
  ],
53
- ".f1dxqujg{width:288px;}",
54
- ".f1e4lqlz{box-sizing:content-box;}"
53
+ ".f14hp5dx{min-width:320px;}",
54
+ ".f1ewtqcl{box-sizing:border-box;}"
55
55
  ]
56
56
  });
57
57
  const useTeachingPopoverSurfaceStyles_unstable = (state)=>{
@@ -1 +1 @@
1
- {"version":3,"sources":["useTeachingPopoverSurfaceStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverSurfaceClassNames = {\n root: 'fui-TeachingPopoverSurface'\n};\nconst useStyles = makeStyles({\n root: {\n padding: `${tokens.spacingVerticalL} ${tokens.spacingVerticalL}`,\n borderRadius: `var(--2627, var(--2628, ${tokens.borderRadiusXLarge}))`,\n width: '288px',\n boxSizing: 'content-box'\n }\n});\n/**\n * Apply styling to the TeachingPopoverSurface slots based on the state\n */ export const useTeachingPopoverSurfaceStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n // Make sure to merge teaching bubble surface prior to popover styles\n state.root.className = mergeClasses(teachingPopoverSurfaceClassNames.root, styles.root, state.root.className);\n const updatedState = usePopoverSurfaceStyles_unstable(state);\n return updatedState;\n};\n"],"names":["teachingPopoverSurfaceClassNames","useTeachingPopoverSurfaceStyles_unstable","root","useStyles","__styles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","a9b677","B7ck84d","d","p","state","styles","className","mergeClasses","updatedState","usePopoverSurfaceStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,gCAAgC;eAAhCA;;IAaIC,wCAAwC;eAAxCA;;;uBAhBwB;8BACQ;AAE1C,MAAMD,mCAAmC;IAC5CE,MAAM;AACV;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;KAAA;AAAA;AAUP,MAAMjB,2CAA4CkB,CAAAA;IACzD;IACA,MAAMC,SAASjB;IACf,qEAAA;IACAgB,MAAMjB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,iCAAiCE,IAAI,EAAEkB,OAAOlB,IAAI,EAAEiB,MAAMjB,IAAI,CAACmB,SAAS;IAC5G,MAAME,eAAeC,IAAAA,8CAAgC,EAACL;IACtD,OAAOI;AACX"}
1
+ {"version":3,"sources":["useTeachingPopoverSurfaceStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { usePopoverSurfaceStyles_unstable } from '@fluentui/react-popover';\nimport { tokens } from '@fluentui/react-theme';\nexport const teachingPopoverSurfaceClassNames = {\n root: 'fui-TeachingPopoverSurface'\n};\nconst useStyles = makeStyles({\n root: {\n padding: `${tokens.spacingVerticalL} ${tokens.spacingVerticalL}`,\n borderRadius: tokens.borderRadiusXLarge,\n minWidth: '320px',\n boxSizing: 'border-box'\n }\n});\n/**\n * Apply styling to the TeachingPopoverSurface slots based on the state\n */ export const useTeachingPopoverSurfaceStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n // Make sure to merge teaching bubble surface prior to popover styles\n state.root.className = mergeClasses(teachingPopoverSurfaceClassNames.root, styles.root, state.root.className);\n const updatedState = usePopoverSurfaceStyles_unstable(state);\n return updatedState;\n};\n"],"names":["teachingPopoverSurfaceClassNames","useTeachingPopoverSurfaceStyles_unstable","root","useStyles","__styles","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","Bf4jedk","B7ck84d","d","p","state","styles","className","mergeClasses","updatedState","usePopoverSurfaceStyles_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,gCAAgC;eAAhCA;;IAaIC,wCAAwC;eAAxCA;;;uBAhBwB;8BACQ;AAE1C,MAAMD,mCAAmC;IAC5CE,MAAM;AACV;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAF,MAAA;QAAAG,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;QAAA;YAAA;YAAA;gBAAAA,GAAA,CAAA;YAAA;SAAA;QAAA;QAAA;KAAA;AAAA;AAUP,MAAMjB,2CAA4CkB,CAAAA;IACzD;IACA,MAAMC,SAASjB;IACf,qEAAA;IACAgB,MAAMjB,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,iCAAiCE,IAAI,EAAEkB,OAAOlB,IAAI,EAAEiB,MAAMjB,IAAI,CAACmB,SAAS;IAC5G,MAAME,eAAeC,IAAAA,8CAAgC,EAACL;IACtD,OAAOI;AACX"}
@@ -26,16 +26,16 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
26
26
  mc9l5x: "f22iagw",
27
27
  Beiy3e4: "f1063pyq",
28
28
  Brf1p80: "f1869bpl",
29
- Be2twd7: "f1dc4a43",
30
- Bhrd7zp: "fr956oh",
31
- sj55zd: "f1y2n40h",
32
- Bg96gwp: "fk8yg7t",
33
- Byoj8tv: "f1mz9byz",
34
- B6of3ja: "f1bbye42",
35
- jrapky: "f1uf44s2"
29
+ Be2twd7: "fod5ikn",
30
+ Bhrd7zp: "fl43uef",
31
+ sj55zd: "f19n0e5",
32
+ Bg96gwp: "faaz57k",
33
+ Byoj8tv: "f5b47ha",
34
+ B6of3ja: "f1jkagg5",
35
+ jrapky: "fi2ljxd"
36
36
  },
37
37
  rootBrand: {
38
- sj55zd: "f6fs1jj"
38
+ sj55zd: "f1phragk"
39
39
  },
40
40
  dismissButton: {
41
41
  qhf8xq: "f10pi13n",
@@ -66,15 +66,15 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
66
66
  Be2twd7: "fkhj508",
67
67
  Bhrd7zp: "figsok6",
68
68
  Bg96gwp: "f1i3iumi",
69
- De3pzq: "f1jvu8xe",
69
+ De3pzq: "f1c21dwh",
70
70
  B7ck84d: "f1ewtqcl",
71
71
  B7oj6ja: [
72
- "fa97p0w",
73
- "fr93n2n"
72
+ "f3fg2lr",
73
+ "f13av6d4"
74
74
  ],
75
75
  Bbmb7ep: [
76
- "f1ycugrb",
77
- "f1e71y25"
76
+ "fzi6hpg",
77
+ "fyowgf4"
78
78
  ],
79
79
  Bfpq7zp: 0,
80
80
  g9k6zt: 0,
@@ -84,7 +84,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
84
84
  kdpuga: 0,
85
85
  dm238s: 0,
86
86
  B6xbmo0: 0,
87
- B3whbx2: "f1n5ekox",
87
+ B3whbx2: "f2krc9w",
88
88
  B8q5s1w: "f8hki3x",
89
89
  Bci5o5g: [
90
90
  "f1d2448m",
@@ -98,21 +98,21 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
98
98
  Jyy4pa: "f1lfeew"
99
99
  },
100
100
  dismissBrand: {
101
- sj55zd: "f1gxgc2j"
101
+ sj55zd: "f1phragk"
102
102
  }
103
103
  }, {
104
104
  d: [
105
105
  ".f22iagw{display:flex;}",
106
106
  ".f1063pyq{flex-direction:row;}",
107
107
  ".f1869bpl{justify-content:space-between;}",
108
- ".f1dc4a43{font-size:var(--2629, var(--2630, var(--fontSizeBase400)));}",
109
- ".fr956oh{font-weight:var(--2631, var(--2632, var(--fontWeightSemibold)));}",
110
- ".f1y2n40h{color:var(--2633, var(--2634, var(--colorNeutralForeground1)));}",
111
- ".fk8yg7t{line-height:var(--2635, var(--2636, var(--lineHeightBase400)));}",
112
- ".f1mz9byz{padding-bottom:var(--2637, var(--2638, var(--spacingVerticalS)));}",
113
- ".f1bbye42{margin-top:var(--2639, var(--2640, var(--spacingHorizontalNone)));}",
114
- ".f1uf44s2{margin-bottom:var(--2641, var(--2642, var(--spacingHorizontalNone)));}",
115
- ".f6fs1jj{color:var(--2643, var(--2644, var(--colorNeutralForegroundOnBrand)));}",
108
+ ".fod5ikn{font-size:var(--fontSizeBase400);}",
109
+ ".fl43uef{font-weight:var(--fontWeightSemibold);}",
110
+ ".f19n0e5{color:var(--colorNeutralForeground1);}",
111
+ ".faaz57k{line-height:var(--lineHeightBase400);}",
112
+ ".f5b47ha{padding-bottom:var(--spacingVerticalS);}",
113
+ ".f1jkagg5{margin-top:var(--spacingHorizontalNone);}",
114
+ ".fi2ljxd{margin-bottom:var(--spacingHorizontalNone);}",
115
+ ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}",
116
116
  ".f10pi13n{position:relative;}",
117
117
  [
118
118
  ".f88035w{border:var(--strokeWidthThin) solid var(--colorTransparentStroke);}",
@@ -126,12 +126,12 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
126
126
  ".fkhj508{font-size:var(--fontSizeBase300);}",
127
127
  ".figsok6{font-weight:var(--fontWeightRegular);}",
128
128
  ".f1i3iumi{line-height:var(--lineHeightBase300);}",
129
- ".f1jvu8xe{background-color:var(--2645, var(--2646, var(--colorTransparentBackground)));}",
129
+ ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
130
130
  ".f1ewtqcl{box-sizing:border-box;}",
131
- ".fa97p0w{border-top-right-radius:var(--2647, var(--2648, var(--borderRadiusNone)));}",
132
- ".fr93n2n{border-top-left-radius:var(--2647, var(--2648, var(--borderRadiusNone)));}",
133
- ".f1ycugrb{border-bottom-right-radius:var(--2649, var(--2650, var(--borderRadiusNone)));}",
134
- ".f1e71y25{border-bottom-left-radius:var(--2649, var(--2650, var(--borderRadiusNone)));}",
131
+ ".f3fg2lr{border-top-right-radius:var(--borderRadiusNone);}",
132
+ ".f13av6d4{border-top-left-radius:var(--borderRadiusNone);}",
133
+ ".fzi6hpg{border-bottom-right-radius:var(--borderRadiusNone);}",
134
+ ".fyowgf4{border-bottom-left-radius:var(--borderRadiusNone);}",
135
135
  ".f1n71otn{border-right-style:none;}",
136
136
  ".f1deefiw{border-left-style:none;}",
137
137
  [
@@ -141,7 +141,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
141
141
  }
142
142
  ],
143
143
  [
144
- ".f1n5ekox[data-fui-focus-visible]{border-radius:var(--2651, var(--2652, var(--borderRadiusMedium)));}",
144
+ ".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}",
145
145
  {
146
146
  p: -1
147
147
  }
@@ -150,8 +150,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
150
150
  ".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}",
151
151
  ".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}",
152
152
  ".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}",
153
- ".f1lfeew{-webkit-margin-start:auto;margin-inline-start:auto;}",
154
- ".f1gxgc2j{color:var(--2653, var(--2654, var(--colorNeutralForegroundOnBrand)));}"
153
+ ".f1lfeew{-webkit-margin-start:auto;margin-inline-start:auto;}"
155
154
  ]
156
155
  });
157
156
  const useTeachingPopoverTitleStyles_unstable = (state)=>{
@@ -1 +1 @@
1
- {"version":3,"sources":["useTeachingPopoverTitleStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverTitleClassNames = {\n root: 'fui-TeachingPopoverTitle',\n dismissButton: 'fui-TeachingPopoverTitle__dismissButton'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n fontSize: `var(--2629, var(--2630, ${tokens.fontSizeBase400}))`,\n fontWeight: `var(--2631, var(--2632, ${tokens.fontWeightSemibold}))`,\n color: `var(--2633, var(--2634, ${tokens.colorNeutralForeground1}))`,\n lineHeight: `var(--2635, var(--2636, ${tokens.lineHeightBase400}))`,\n paddingBottom: `var(--2637, var(--2638, ${tokens.spacingVerticalS}))`,\n marginTop: `var(--2639, var(--2640, ${tokens.spacingHorizontalNone}))`,\n marginBottom: `var(--2641, var(--2642, ${tokens.spacingHorizontalNone}))`\n },\n rootBrand: {\n color: `var(--2643, var(--2644, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n dismissButton: {\n position: 'relative',\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n ...typographyStyles.body1,\n backgroundColor: `var(--2645, var(--2646, ${tokens.colorTransparentBackground}))`,\n boxSizing: 'border-box',\n borderTopRightRadius: `var(--2647, var(--2648, ${tokens.borderRadiusNone}))`,\n borderBottomRightRadius: `var(--2649, var(--2650, ${tokens.borderRadiusNone}))`,\n borderRightStyle: 'none',\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: `var(--2651, var(--2652, ${tokens.borderRadiusMedium}))`,\n ...shorthands.borderColor('transparent')\n }),\n marginInlineStart: 'auto'\n },\n dismissBrand: {\n color: `var(--2653, var(--2654, ${tokens.colorNeutralForegroundOnBrand}))`\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverTitleStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { appearance } = state;\n state.root.className = mergeClasses(teachingPopoverTitleClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n if (state.dismissButton) {\n state.dismissButton.className = mergeClasses(teachingPopoverTitleClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n }\n return state;\n};\n"],"names":["teachingPopoverTitleClassNames","useTeachingPopoverTitleStyles_unstable","root","dismissButton","useStyles","__styles","mc9l5x","Beiy3e4","Brf1p80","Be2twd7","Bhrd7zp","sj55zd","Bg96gwp","Byoj8tv","B6of3ja","jrapky","rootBrand","qhf8xq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bt984gj","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Jyy4pa","dismissBrand","d","p","state","styles","appearance","className","mergeClasses","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,8BAA8B;eAA9BA;;IA2CyCC,sCAAsC;eAAtCA;;;uBA9CD;AAG9C,MAAMD,iCAAiC;IAC1CE,MAAM;IACNC,eAAe;AACnB;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAH,MAAA;QAAAI,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,WAAA;QAAAL,QAAA;IAAA;IAAAR,eAAA;QAAAc,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAA5B,QAAA;QAAA6B,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAA5B,SAAA;QAAAC,SAAA;QAAAE,SAAA;QAAA0B,QAAA;QAAAC,SAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;IAAA;IAAAC,cAAA;QAAA7C,QAAA;IAAA;AAAA,GAAA;IAAA8C,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;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;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAuC8B,MAAMzD,yCAA0C0D,CAAAA;IAC5F;IACA,MAAMC,SAASxD;IACf,MAAM,EAAEyD,UAAAA,EAAY,GAAGF;IACvBA,MAAMzD,IAAI,CAAC4D,SAAS,GAAGC,IAAAA,mBAAY,EAAC/D,+BAA+BE,IAAI,EAAE0D,OAAO1D,IAAI,EAAE2D,eAAe,WAAWD,OAAO5C,SAAS,EAAE2C,MAAMzD,IAAI,CAAC4D,SAAS;IACtJ,IAAIH,MAAMxD,aAAa,EAAE;QACrBwD,MAAMxD,aAAa,CAAC2D,SAAS,GAAGC,IAAAA,mBAAY,EAAC/D,+BAA+BG,aAAa,EAAEyD,OAAOzD,aAAa,EAAE0D,eAAe,UAAUD,OAAOJ,YAAY,GAAGQ,WAAWL,MAAMxD,aAAa,CAAC2D,SAAS;IAC5M;IACA,OAAOH;AACX"}
1
+ {"version":3,"sources":["useTeachingPopoverTitleStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const teachingPopoverTitleClassNames = {\n root: 'fui-TeachingPopoverTitle',\n dismissButton: 'fui-TeachingPopoverTitle__dismissButton'\n};\nconst useStyles = makeStyles({\n root: {\n display: 'flex',\n flexDirection: 'row',\n justifyContent: 'space-between',\n fontSize: tokens.fontSizeBase400,\n fontWeight: tokens.fontWeightSemibold,\n color: tokens.colorNeutralForeground1,\n lineHeight: tokens.lineHeightBase400,\n paddingBottom: tokens.spacingVerticalS,\n marginTop: tokens.spacingHorizontalNone,\n marginBottom: tokens.spacingHorizontalNone\n },\n rootBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n },\n dismissButton: {\n position: 'relative',\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n display: 'flex',\n alignItems: 'center',\n cursor: 'pointer',\n ...typographyStyles.body1,\n backgroundColor: tokens.colorTransparentBackground,\n boxSizing: 'border-box',\n borderTopRightRadius: tokens.borderRadiusNone,\n borderBottomRightRadius: tokens.borderRadiusNone,\n borderRightStyle: 'none',\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: tokens.borderRadiusMedium,\n ...shorthands.borderColor('transparent')\n }),\n marginInlineStart: 'auto'\n },\n dismissBrand: {\n color: tokens.colorNeutralForegroundOnBrand\n }\n});\n/** Applies style classnames to slots */ export const useTeachingPopoverTitleStyles_unstable = (state)=>{\n 'use no memo';\n const styles = useStyles();\n const { appearance } = state;\n state.root.className = mergeClasses(teachingPopoverTitleClassNames.root, styles.root, appearance === 'brand' && styles.rootBrand, state.root.className);\n if (state.dismissButton) {\n state.dismissButton.className = mergeClasses(teachingPopoverTitleClassNames.dismissButton, styles.dismissButton, appearance === 'brand' ? styles.dismissBrand : undefined, state.dismissButton.className);\n }\n return state;\n};\n"],"names":["teachingPopoverTitleClassNames","useTeachingPopoverTitleStyles_unstable","root","dismissButton","useStyles","__styles","mc9l5x","Beiy3e4","Brf1p80","Be2twd7","Bhrd7zp","sj55zd","Bg96gwp","Byoj8tv","B6of3ja","jrapky","rootBrand","qhf8xq","Bgfg5da","B9xav0g","oivjwe","Bn0qgzm","B4g9neb","zhjwy3","wvpqe5","ibv6hh","u1mtju","h3c5rm","vrafjx","Bekrc4i","i8vvqc","g2u3we","icvyot","B4j52fo","irswps","Bt984gj","Bceei9c","Bahqtrf","De3pzq","B7ck84d","B7oj6ja","Bbmb7ep","Bfpq7zp","g9k6zt","Bn4voq9","giviqs","Bw81rd7","kdpuga","dm238s","B6xbmo0","B3whbx2","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Jyy4pa","dismissBrand","d","p","state","styles","appearance","className","mergeClasses","undefined"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAGaA,8BAA8B;eAA9BA;;IA2CyCC,sCAAsC;eAAtCA;;;uBA9CD;AAG9C,MAAMD,iCAAiC;IAC1CE,MAAM;IACNC,eAAe;AACnB;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAH,MAAA;QAAAI,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,WAAA;QAAAL,QAAA;IAAA;IAAAR,eAAA;QAAAc,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAA5B,QAAA;QAAA6B,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAA5B,SAAA;QAAAC,SAAA;QAAAE,SAAA;QAAA0B,QAAA;QAAAC,SAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;QAAAC,SAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;IAAA;IAAAC,cAAA;QAAA7C,QAAA;IAAA;AAAA,GAAA;IAAA8C,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;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;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAuC8B,MAAMzD,yCAA0C0D,CAAAA;IAC5F;IACA,MAAMC,SAASxD;IACf,MAAM,EAAEyD,UAAAA,EAAY,GAAGF;IACvBA,MAAMzD,IAAI,CAAC4D,SAAS,GAAGC,IAAAA,mBAAY,EAAC/D,+BAA+BE,IAAI,EAAE0D,OAAO1D,IAAI,EAAE2D,eAAe,WAAWD,OAAO5C,SAAS,EAAE2C,MAAMzD,IAAI,CAAC4D,SAAS;IACtJ,IAAIH,MAAMxD,aAAa,EAAE;QACrBwD,MAAMxD,aAAa,CAAC2D,SAAS,GAAGC,IAAAA,mBAAY,EAAC/D,+BAA+BG,aAAa,EAAEyD,OAAOzD,aAAa,EAAE0D,eAAe,UAAUD,OAAOJ,YAAY,GAAGQ,WAAWL,MAAMxD,aAAa,CAAC2D,SAAS;IAC5M;IACA,OAAOH;AACX"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-teaching-popover",
3
- "version": "0.0.0-nightly-20240823-1802.1",
3
+ "version": "0.0.0-nightly-20240826-0407.1",
4
4
  "description": "New fluentui react package",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -29,24 +29,24 @@
29
29
  },
30
30
  "devDependencies": {
31
31
  "@fluentui/eslint-plugin": "*",
32
- "@fluentui/react-conformance": "0.0.0-nightly-20240823-1802.1",
33
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240823-1802.1",
32
+ "@fluentui/react-conformance": "0.0.0-nightly-20240826-0407.1",
33
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240826-0407.1",
34
34
  "@fluentui/scripts-api-extractor": "*",
35
35
  "@fluentui/scripts-tasks": "*"
36
36
  },
37
37
  "dependencies": {
38
- "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240823-1802.1",
39
- "@fluentui/react-theme": "0.0.0-nightly-20240823-1802.1",
40
- "@fluentui/react-utilities": "0.0.0-nightly-20240823-1802.1",
38
+ "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240826-0407.1",
39
+ "@fluentui/react-theme": "0.0.0-nightly-20240826-0407.1",
40
+ "@fluentui/react-utilities": "0.0.0-nightly-20240826-0407.1",
41
41
  "@griffel/react": "^1.5.22",
42
42
  "@swc/helpers": "^0.5.1",
43
- "@fluentui/react-shared-contexts": "0.0.0-nightly-20240823-1802.1",
44
- "@fluentui/react-popover": "0.0.0-nightly-20240823-1802.1",
45
- "@fluentui/react-button": "0.0.0-nightly-20240823-1802.1",
46
- "@fluentui/react-tabster": "0.0.0-nightly-20240823-1802.1",
43
+ "@fluentui/react-shared-contexts": "0.0.0-nightly-20240826-0407.1",
44
+ "@fluentui/react-popover": "0.0.0-nightly-20240826-0407.1",
45
+ "@fluentui/react-button": "0.0.0-nightly-20240826-0407.1",
46
+ "@fluentui/react-tabster": "0.0.0-nightly-20240826-0407.1",
47
47
  "@fluentui/react-icons": "^2.0.245",
48
- "@fluentui/react-aria": "0.0.0-nightly-20240823-1802.1",
49
- "@fluentui/react-context-selector": "0.0.0-nightly-20240823-1802.1",
48
+ "@fluentui/react-aria": "0.0.0-nightly-20240826-0407.1",
49
+ "@fluentui/react-context-selector": "0.0.0-nightly-20240826-0407.1",
50
50
  "use-sync-external-store": "^1.2.0"
51
51
  },
52
52
  "peerDependencies": {