@fluentui/react-teaching-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 (30) hide show
  1. package/CHANGELOG.md +15 -15
  2. package/lib/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js +14 -14
  3. package/lib/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js.map +1 -1
  4. package/lib/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js +4 -4
  5. package/lib/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js.map +1 -1
  6. package/lib/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js +15 -15
  7. package/lib/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js.map +1 -1
  8. package/lib/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js +8 -8
  9. package/lib/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js.map +1 -1
  10. package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js +26 -26
  11. package/lib/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js.map +1 -1
  12. package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js +2 -2
  13. package/lib/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map +1 -1
  14. package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js +17 -17
  15. package/lib/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js.map +1 -1
  16. package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js +24 -24
  17. package/lib-commonjs/components/TeachingPopoverCarouselFooterButton/useTeachingPopoverCarouselFooterButtonStyles.styles.js.map +1 -1
  18. package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js +4 -4
  19. package/lib-commonjs/components/TeachingPopoverCarouselNav/useTeachingPopoverCarouselNavStyles.styles.js.map +1 -1
  20. package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js +16 -15
  21. package/lib-commonjs/components/TeachingPopoverCarouselNavButton/useTeachingPopoverCarouselNavButtonStyles.styles.js.map +1 -1
  22. package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js +12 -12
  23. package/lib-commonjs/components/TeachingPopoverFooter/useTeachingPopoverFooterStyles.styles.js.map +1 -1
  24. package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js +48 -42
  25. package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js.map +1 -1
  26. package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js +2 -2
  27. package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map +1 -1
  28. package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js +31 -30
  29. package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js.map +1 -1
  30. package/package.json +12 -12
package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js CHANGED
@@ -26,20 +26,20 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
26
26
  root: {
27
27
  mc9l5x: "f22iagw",
28
28
  Beiy3e4: "f1063pyq",
29
- sj55zd: "f11d4kpn",
30
- Bhrd7zp: "fl43uef",
31
- Be2twd7: "fy9rknc",
32
- Bg96gwp: "fwrc4pm",
33
- Byoj8tv: "f14wxoun",
29
+ sj55zd: "f1sbaan4",
30
+ Bhrd7zp: "f5vx9uw",
31
+ Be2twd7: "f1s3lqa",
32
+ Bg96gwp: "f79alet",
33
+ Byoj8tv: "f18ttihv",
34
34
  Bt984gj: "f122n59",
35
- B6of3ja: "f1jkagg5",
36
- jrapky: "fi2ljxd"
35
+ B6of3ja: "f1ydbwhe",
36
+ jrapky: "f1n24c4c"
37
37
  },
38
38
  rootBrand: {
39
- sj55zd: "f1phragk"
39
+ sj55zd: "fc2jjd9"
40
40
  },
41
41
  dismissButton: {
42
- sj55zd: "fkfq4zb",
42
+ sj55zd: "fvuxw3a",
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: "f1c21dwh",
71
+ De3pzq: "f4fjrrp",
72
72
  B7ck84d: "f1ewtqcl",
73
73
  B7oj6ja: [
74
- "f3fg2lr",
75
- "f13av6d4"
74
+ "f1cvuvcn",
75
+ "fv6wvwc"
76
76
  ],
77
77
  Bbmb7ep: [
78
- "fzi6hpg",
79
- "fyowgf4"
78
+ "f6klmwx",
79
+ "f2xrmf3"
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: "f2krc9w",
95
+ B3whbx2: "f1bmhj70",
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: "f1phragk"
108
+ sj55zd: "f1xz5ddt"
109
109
  },
110
110
  icon: {
111
- Bqenvij: "fsv12xs",
112
- a9b677: "f19bqwv",
113
- Bg96gwp: "fwrc4pm",
114
- Be2twd7: "fy9rknc",
111
+ Bqenvij: "fa31dpz",
112
+ a9b677: "fkn412z",
113
+ Bg96gwp: "fobzs8u",
114
+ Be2twd7: "f14sagjw",
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: "f1c21dwh",
123
- sj55zd: "fkfq4zb",
124
- Bokbzmb: "fpvr8q1"
122
+ De3pzq: "fpco3i2",
123
+ sj55zd: "f1iohsb8",
124
+ Bokbzmb: "f1qjnrc2"
125
125
  },
126
126
  iconBrand: {
127
- sj55zd: "f1phragk"
127
+ sj55zd: "f1jx96z6"
128
128
  }
129
129
  }, {
130
130
  d: [
131
131
  ".f22iagw{display:flex;}",
132
132
  ".f1063pyq{flex-direction:row;}",
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);}",
133
+ ".f1sbaan4{color:var(--ctrl-token-TeachingPopoverHeader-2583, var(--semantic-token-TeachingPopoverHeader-2584, var(--colorNeutralForeground3)));}",
134
+ ".f5vx9uw{font-weight:var(--ctrl-token-TeachingPopoverHeader-2585, var(--semantic-token-TeachingPopoverHeader-2586, var(--fontWeightSemibold)));}",
135
+ ".f1s3lqa{font-size:var(--ctrl-token-TeachingPopoverHeader-2587, var(--semantic-token-TeachingPopoverHeader-2588, var(--fontSizeBase200)));}",
136
+ ".f79alet{line-height:var(--ctrl-token-TeachingPopoverHeader-2589, var(--semantic-token-TeachingPopoverHeader-2590, var(--lineHeightBase200)));}",
137
+ ".f18ttihv{padding-bottom:var(--ctrl-token-TeachingPopoverHeader-2591, var(--semantic-token-TeachingPopoverHeader-2592, var(--spacingVerticalXS)));}",
138
138
  ".f122n59{align-items:center;}",
139
- ".f1jkagg5{margin-top:var(--spacingHorizontalNone);}",
140
- ".fi2ljxd{margin-bottom:var(--spacingHorizontalNone);}",
141
- ".f1phragk{color:var(--colorNeutralForegroundOnBrand);}",
142
- ".fkfq4zb{color:var(--colorNeutralForeground2);}",
139
+ ".f1ydbwhe{margin-top:var(--ctrl-token-TeachingPopoverHeader-2593, var(--semantic-token-TeachingPopoverHeader-2594, var(--spacingHorizontalNone)));}",
140
+ ".f1n24c4c{margin-bottom:var(--ctrl-token-TeachingPopoverHeader-2595, var(--semantic-token-TeachingPopoverHeader-2596, var(--spacingHorizontalNone)));}",
141
+ ".fc2jjd9{color:var(--ctrl-token-TeachingPopoverHeader-2597, var(--semantic-token-TeachingPopoverHeader-2598, var(--colorNeutralForegroundOnBrand)));}",
142
+ ".fvuxw3a{color:var(--ctrl-token-TeachingPopoverHeader-2599, var(--semantic-token-TeachingPopoverHeader-2600, 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
- ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
155
+ ".f4fjrrp{background-color:var(--ctrl-token-TeachingPopoverHeader-2601, var(--semantic-token-TeachingPopoverHeader-2602, var(--colorTransparentBackground)));}",
156
156
  ".f1ewtqcl{box-sizing:border-box;}",
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);}",
157
+ ".f1cvuvcn{border-top-right-radius:var(--ctrl-token-TeachingPopoverHeader-2603, var(--semantic-token-TeachingPopoverHeader-2604, var(--borderRadiusNone)));}",
158
+ ".fv6wvwc{border-top-left-radius:var(--ctrl-token-TeachingPopoverHeader-2603, var(--semantic-token-TeachingPopoverHeader-2604, var(--borderRadiusNone)));}",
159
+ ".f6klmwx{border-bottom-right-radius:var(--ctrl-token-TeachingPopoverHeader-2605, var(--semantic-token-TeachingPopoverHeader-2606, var(--borderRadiusNone)));}",
160
+ ".f2xrmf3{border-bottom-left-radius:var(--ctrl-token-TeachingPopoverHeader-2605, var(--semantic-token-TeachingPopoverHeader-2606, 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
- ".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}",
177
+ ".f1bmhj70[data-fui-focus-visible]{border-radius:var(--ctrl-token-TeachingPopoverHeader-2607, var(--semantic-token-TeachingPopoverHeader-2608, var(--borderRadiusMedium)));}",
178
178
  {
179
179
  p: -1
180
180
  }
@@ -183,14 +183,20 @@ 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
- ".fsv12xs{height:var(--fontSizeBase200);}",
187
- ".f19bqwv{width:var(--fontSizeBase200);}",
186
+ ".f1xz5ddt{color:var(--ctrl-token-TeachingPopoverHeader-2609, var(--semantic-token-TeachingPopoverHeader-2610, var(--colorNeutralForegroundOnBrand)));}",
187
+ ".fa31dpz{height:var(--ctrl-token-TeachingPopoverHeader-2611, var(--semantic-token-TeachingPopoverHeader-2612, var(--fontSizeBase200)));}",
188
+ ".fkn412z{width:var(--ctrl-token-TeachingPopoverHeader-2613, var(--semantic-token-TeachingPopoverHeader-2614, var(--fontSizeBase200)));}",
189
+ ".fobzs8u{line-height:var(--ctrl-token-TeachingPopoverHeader-2615, var(--semantic-token-TeachingPopoverHeader-2616, var(--lineHeightBase200)));}",
190
+ ".f14sagjw{font-size:var(--ctrl-token-TeachingPopoverHeader-2617, var(--semantic-token-TeachingPopoverHeader-2618, var(--fontSizeBase200)));}",
188
191
  ".f1e4lqlz{box-sizing:content-box;}",
189
192
  ".ftuwxu6{display:inline-flex;}",
190
193
  ".f4d9j23{justify-content:center;}",
191
194
  ".f1iuv45f{text-decoration-line:none;}",
192
195
  ".fmrv4ls{vertical-align:middle;}",
193
- ".fpvr8q1{-webkit-margin-end:var(--spacingHorizontalXS);margin-inline-end:var(--spacingHorizontalXS);}"
196
+ ".fpco3i2{background-color:var(--ctrl-token-TeachingPopoverHeader-2619, var(--semantic-token-TeachingPopoverHeader-2620, var(--colorTransparentBackground)));}",
197
+ ".f1iohsb8{color:var(--ctrl-token-TeachingPopoverHeader-2621, var(--semantic-token-TeachingPopoverHeader-2622, var(--colorNeutralForeground2)));}",
198
+ ".f1qjnrc2{-webkit-margin-end:var(--ctrl-token-TeachingPopoverHeader-2623, var(--semantic-token-TeachingPopoverHeader-2624, var(--spacingHorizontalXS)));margin-inline-end:var(--ctrl-token-TeachingPopoverHeader-2623, var(--semantic-token-TeachingPopoverHeader-2624, var(--spacingHorizontalXS)));}",
199
+ ".f1jx96z6{color:var(--ctrl-token-TeachingPopoverHeader-2625, var(--semantic-token-TeachingPopoverHeader-2626, var(--colorNeutralForegroundOnBrand)));}"
194
200
  ]
195
201
  });
196
202
  const useTeachingPopoverHeaderStyles_unstable = (state)=>{
package/lib-commonjs/components/TeachingPopoverHeader/useTeachingPopoverHeaderStyles.styles.js.map CHANGED
@@ -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: 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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"}
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(--ctrl-token-TeachingPopoverHeader-2583, var(--semantic-token-TeachingPopoverHeader-2584, ${tokens.colorNeutralForeground3}))`,\n fontWeight: `var(--ctrl-token-TeachingPopoverHeader-2585, var(--semantic-token-TeachingPopoverHeader-2586, ${tokens.fontWeightSemibold}))`,\n fontSize: `var(--ctrl-token-TeachingPopoverHeader-2587, var(--semantic-token-TeachingPopoverHeader-2588, ${tokens.fontSizeBase200}))`,\n lineHeight: `var(--ctrl-token-TeachingPopoverHeader-2589, var(--semantic-token-TeachingPopoverHeader-2590, ${tokens.lineHeightBase200}))`,\n paddingBottom: `var(--ctrl-token-TeachingPopoverHeader-2591, var(--semantic-token-TeachingPopoverHeader-2592, ${tokens.spacingVerticalXS}))`,\n alignItems: 'center',\n marginTop: `var(--ctrl-token-TeachingPopoverHeader-2593, var(--semantic-token-TeachingPopoverHeader-2594, ${tokens.spacingHorizontalNone}))`,\n marginBottom: `var(--ctrl-token-TeachingPopoverHeader-2595, var(--semantic-token-TeachingPopoverHeader-2596, ${tokens.spacingHorizontalNone}))`\n },\n rootBrand: {\n color: `var(--ctrl-token-TeachingPopoverHeader-2597, var(--semantic-token-TeachingPopoverHeader-2598, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n dismissButton: {\n color: `var(--ctrl-token-TeachingPopoverHeader-2599, var(--semantic-token-TeachingPopoverHeader-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(--ctrl-token-TeachingPopoverHeader-2601, var(--semantic-token-TeachingPopoverHeader-2602, ${tokens.colorTransparentBackground}))`,\n boxSizing: 'border-box',\n borderTopRightRadius: `var(--ctrl-token-TeachingPopoverHeader-2603, var(--semantic-token-TeachingPopoverHeader-2604, ${tokens.borderRadiusNone}))`,\n borderBottomRightRadius: `var(--ctrl-token-TeachingPopoverHeader-2605, var(--semantic-token-TeachingPopoverHeader-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(--ctrl-token-TeachingPopoverHeader-2607, var(--semantic-token-TeachingPopoverHeader-2608, ${tokens.borderRadiusMedium}))`,\n ...shorthands.borderColor('transparent')\n })\n },\n dismissBrand: {\n color: `var(--ctrl-token-TeachingPopoverHeader-2609, var(--semantic-token-TeachingPopoverHeader-2610, ${tokens.colorNeutralForegroundOnBrand}))`\n },\n icon: {\n height: `var(--ctrl-token-TeachingPopoverHeader-2611, var(--semantic-token-TeachingPopoverHeader-2612, ${tokens.fontSizeBase200}))`,\n width: `var(--ctrl-token-TeachingPopoverHeader-2613, var(--semantic-token-TeachingPopoverHeader-2614, ${tokens.fontSizeBase200}))`,\n lineHeight: `var(--ctrl-token-TeachingPopoverHeader-2615, var(--semantic-token-TeachingPopoverHeader-2616, ${tokens.lineHeightBase200}))`,\n fontSize: `var(--ctrl-token-TeachingPopoverHeader-2617, var(--semantic-token-TeachingPopoverHeader-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(--ctrl-token-TeachingPopoverHeader-2619, var(--semantic-token-TeachingPopoverHeader-2620, ${tokens.colorTransparentBackground}))`,\n color: `var(--ctrl-token-TeachingPopoverHeader-2621, var(--semantic-token-TeachingPopoverHeader-2622, ${tokens.colorNeutralForeground2}))`,\n marginInlineEnd: `var(--ctrl-token-TeachingPopoverHeader-2623, var(--semantic-token-TeachingPopoverHeader-2624, ${tokens.spacingHorizontalXS}))`\n },\n iconBrand: {\n color: `var(--ctrl-token-TeachingPopoverHeader-2625, var(--semantic-token-TeachingPopoverHeader-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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"}
package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js CHANGED
@@ -32,7 +32,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
32
32
  Bbmb7ep: 0,
33
33
  Btl43ni: 0,
34
34
  B7oj6ja: 0,
35
- Dimara: "f1kijzfu",
35
+ Dimara: "f1oexz1c",
36
36
  a9b677: "f1dxqujg",
37
37
  B7ck84d: "f1e4lqlz"
38
38
  }
@@ -45,7 +45,7 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
45
45
  }
46
46
  ],
47
47
  [
48
- ".f1kijzfu{border-radius:var(--borderRadiusXLarge);}",
48
+ ".f1oexz1c{border-radius:var(--ctrl-token-TeachingPopoverSurface-2627, var(--semantic-token-TeachingPopoverSurface-2628, var(--borderRadiusXLarge)));}",
49
49
  {
50
50
  p: -1
51
51
  }
package/lib-commonjs/components/TeachingPopoverSurface/useTeachingPopoverSurfaceStyles.styles.js.map CHANGED
@@ -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: 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: `var(--ctrl-token-TeachingPopoverSurface-2627, var(--semantic-token-TeachingPopoverSurface-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"}
package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js CHANGED
@@ -26,16 +26,16 @@ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
26
26
  mc9l5x: "f22iagw",
27
27
  Beiy3e4: "f1063pyq",
28
28
  Brf1p80: "f1869bpl",
29
- Be2twd7: "fod5ikn",
30
- Bhrd7zp: "fl43uef",
31
- sj55zd: "f19n0e5",
32
- Bg96gwp: "faaz57k",
33
- Byoj8tv: "f5b47ha",
34
- B6of3ja: "f1jkagg5",
35
- jrapky: "fi2ljxd"
29
+ Be2twd7: "f5wc5qa",
30
+ Bhrd7zp: "fl6tz1s",
31
+ sj55zd: "f1l1j7kq",
32
+ Bg96gwp: "f1fdb3nz",
33
+ Byoj8tv: "f1le89d1",
34
+ B6of3ja: "fink3x2",
35
+ jrapky: "faezqry"
36
36
  },
37
37
  rootBrand: {
38
- sj55zd: "f1phragk"
38
+ sj55zd: "fm96a3t"
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: "f1c21dwh",
69
+ De3pzq: "feoakcx",
70
70
  B7ck84d: "f1ewtqcl",
71
71
  B7oj6ja: [
72
- "f3fg2lr",
73
- "f13av6d4"
72
+ "fv0tkq6",
73
+ "f1mitzi6"
74
74
  ],
75
75
  Bbmb7ep: [
76
- "fzi6hpg",
77
- "fyowgf4"
76
+ "f1uaa6uu",
77
+ "fz8pu84"
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: "f2krc9w",
87
+ B3whbx2: "f1ybxcym",
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: "f1phragk"
101
+ sj55zd: "fmo45mr"
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
- ".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);}",
108
+ ".f5wc5qa{font-size:var(--ctrl-token-TeachingPopoverTitle-2629, var(--semantic-token-TeachingPopoverTitle-2630, var(--fontSizeBase400)));}",
109
+ ".fl6tz1s{font-weight:var(--ctrl-token-TeachingPopoverTitle-2631, var(--semantic-token-TeachingPopoverTitle-2632, var(--fontWeightSemibold)));}",
110
+ ".f1l1j7kq{color:var(--ctrl-token-TeachingPopoverTitle-2633, var(--semantic-token-TeachingPopoverTitle-2634, var(--colorNeutralForeground1)));}",
111
+ ".f1fdb3nz{line-height:var(--ctrl-token-TeachingPopoverTitle-2635, var(--semantic-token-TeachingPopoverTitle-2636, var(--lineHeightBase400)));}",
112
+ ".f1le89d1{padding-bottom:var(--ctrl-token-TeachingPopoverTitle-2637, var(--semantic-token-TeachingPopoverTitle-2638, var(--spacingVerticalS)));}",
113
+ ".fink3x2{margin-top:var(--ctrl-token-TeachingPopoverTitle-2639, var(--semantic-token-TeachingPopoverTitle-2640, var(--spacingHorizontalNone)));}",
114
+ ".faezqry{margin-bottom:var(--ctrl-token-TeachingPopoverTitle-2641, var(--semantic-token-TeachingPopoverTitle-2642, var(--spacingHorizontalNone)));}",
115
+ ".fm96a3t{color:var(--ctrl-token-TeachingPopoverTitle-2643, var(--semantic-token-TeachingPopoverTitle-2644, 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
- ".f1c21dwh{background-color:var(--colorTransparentBackground);}",
129
+ ".feoakcx{background-color:var(--ctrl-token-TeachingPopoverTitle-2645, var(--semantic-token-TeachingPopoverTitle-2646, var(--colorTransparentBackground)));}",
130
130
  ".f1ewtqcl{box-sizing:border-box;}",
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);}",
131
+ ".fv0tkq6{border-top-right-radius:var(--ctrl-token-TeachingPopoverTitle-2647, var(--semantic-token-TeachingPopoverTitle-2648, var(--borderRadiusNone)));}",
132
+ ".f1mitzi6{border-top-left-radius:var(--ctrl-token-TeachingPopoverTitle-2647, var(--semantic-token-TeachingPopoverTitle-2648, var(--borderRadiusNone)));}",
133
+ ".f1uaa6uu{border-bottom-right-radius:var(--ctrl-token-TeachingPopoverTitle-2649, var(--semantic-token-TeachingPopoverTitle-2650, var(--borderRadiusNone)));}",
134
+ ".fz8pu84{border-bottom-left-radius:var(--ctrl-token-TeachingPopoverTitle-2649, var(--semantic-token-TeachingPopoverTitle-2650, 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
- ".f2krc9w[data-fui-focus-visible]{border-radius:var(--borderRadiusMedium);}",
144
+ ".f1ybxcym[data-fui-focus-visible]{border-radius:var(--ctrl-token-TeachingPopoverTitle-2651, var(--semantic-token-TeachingPopoverTitle-2652, var(--borderRadiusMedium)));}",
145
145
  {
146
146
  p: -1
147
147
  }
@@ -150,7 +150,8 @@ 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;}"
153
+ ".f1lfeew{-webkit-margin-start:auto;margin-inline-start:auto;}",
154
+ ".fmo45mr{color:var(--ctrl-token-TeachingPopoverTitle-2653, var(--semantic-token-TeachingPopoverTitle-2654, var(--colorNeutralForegroundOnBrand)));}"
154
155
  ]
155
156
  });
156
157
  const useTeachingPopoverTitleStyles_unstable = (state)=>{
package/lib-commonjs/components/TeachingPopoverTitle/useTeachingPopoverTitleStyles.styles.js.map CHANGED
@@ -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: 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"}
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(--ctrl-token-TeachingPopoverTitle-2629, var(--semantic-token-TeachingPopoverTitle-2630, ${tokens.fontSizeBase400}))`,\n fontWeight: `var(--ctrl-token-TeachingPopoverTitle-2631, var(--semantic-token-TeachingPopoverTitle-2632, ${tokens.fontWeightSemibold}))`,\n color: `var(--ctrl-token-TeachingPopoverTitle-2633, var(--semantic-token-TeachingPopoverTitle-2634, ${tokens.colorNeutralForeground1}))`,\n lineHeight: `var(--ctrl-token-TeachingPopoverTitle-2635, var(--semantic-token-TeachingPopoverTitle-2636, ${tokens.lineHeightBase400}))`,\n paddingBottom: `var(--ctrl-token-TeachingPopoverTitle-2637, var(--semantic-token-TeachingPopoverTitle-2638, ${tokens.spacingVerticalS}))`,\n marginTop: `var(--ctrl-token-TeachingPopoverTitle-2639, var(--semantic-token-TeachingPopoverTitle-2640, ${tokens.spacingHorizontalNone}))`,\n marginBottom: `var(--ctrl-token-TeachingPopoverTitle-2641, var(--semantic-token-TeachingPopoverTitle-2642, ${tokens.spacingHorizontalNone}))`\n },\n rootBrand: {\n color: `var(--ctrl-token-TeachingPopoverTitle-2643, var(--semantic-token-TeachingPopoverTitle-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(--ctrl-token-TeachingPopoverTitle-2645, var(--semantic-token-TeachingPopoverTitle-2646, ${tokens.colorTransparentBackground}))`,\n boxSizing: 'border-box',\n borderTopRightRadius: `var(--ctrl-token-TeachingPopoverTitle-2647, var(--semantic-token-TeachingPopoverTitle-2648, ${tokens.borderRadiusNone}))`,\n borderBottomRightRadius: `var(--ctrl-token-TeachingPopoverTitle-2649, var(--semantic-token-TeachingPopoverTitle-2650, ${tokens.borderRadiusNone}))`,\n borderRightStyle: 'none',\n ...createCustomFocusIndicatorStyle({\n outline: `${tokens.strokeWidthThick} solid ${tokens.colorStrokeFocus2}`,\n borderRadius: `var(--ctrl-token-TeachingPopoverTitle-2651, var(--semantic-token-TeachingPopoverTitle-2652, ${tokens.borderRadiusMedium}))`,\n ...shorthands.borderColor('transparent')\n }),\n marginInlineStart: 'auto'\n },\n dismissBrand: {\n color: `var(--ctrl-token-TeachingPopoverTitle-2653, var(--semantic-token-TeachingPopoverTitle-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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-teaching-popover",
3
- "version": "0.0.0-nightly-20240730-0407.1",
3
+ "version": "0.0.0-nightly-20240816-2133.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-20240730-0407.1",
33
- "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240730-0407.1",
32
+ "@fluentui/react-conformance": "0.0.0-nightly-20240816-2133.1",
33
+ "@fluentui/react-conformance-griffel": "0.0.0-nightly-20240816-2133.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-20240730-0407.1",
39
- "@fluentui/react-theme": "0.0.0-nightly-20240730-0407.1",
40
- "@fluentui/react-utilities": "0.0.0-nightly-20240730-0407.1",
38
+ "@fluentui/react-jsx-runtime": "0.0.0-nightly-20240816-2133.1",
39
+ "@fluentui/react-theme": "0.0.0-nightly-20240816-2133.1",
40
+ "@fluentui/react-utilities": "0.0.0-nightly-20240816-2133.1",
41
41
  "@griffel/react": "^1.5.22",
42
42
  "@swc/helpers": "^0.5.1",
43
- "@fluentui/react-shared-contexts": "0.0.0-nightly-20240730-0407.1",
44
- "@fluentui/react-popover": "0.0.0-nightly-20240730-0407.1",
45
- "@fluentui/react-button": "0.0.0-nightly-20240730-0407.1",
46
- "@fluentui/react-tabster": "0.0.0-nightly-20240730-0407.1",
43
+ "@fluentui/react-shared-contexts": "0.0.0-nightly-20240816-2133.1",
44
+ "@fluentui/react-popover": "0.0.0-nightly-20240816-2133.1",
45
+ "@fluentui/react-button": "0.0.0-nightly-20240816-2133.1",
46
+ "@fluentui/react-tabster": "0.0.0-nightly-20240816-2133.1",
47
47
  "@fluentui/react-icons": "^2.0.245",
48
- "@fluentui/react-aria": "0.0.0-nightly-20240730-0407.1",
49
- "@fluentui/react-context-selector": "0.0.0-nightly-20240730-0407.1",
48
+ "@fluentui/react-aria": "0.0.0-nightly-20240816-2133.1",
49
+ "@fluentui/react-context-selector": "0.0.0-nightly-20240816-2133.1",
50
50
  "use-sync-external-store": "^1.2.0"
51
51
  },
52
52
  "peerDependencies": {