@fluentui/react-infolabel 9.0.37 → 9.0.38
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.
- package/CHANGELOG.md +17 -2
- package/lib/components/InfoButton/useInfoButtonStyles.styles.js +2 -0
- package/lib/components/InfoButton/useInfoButtonStyles.styles.js.map +1 -1
- package/lib/components/InfoLabel/useInfoLabelStyles.styles.js +2 -0
- package/lib/components/InfoLabel/useInfoLabelStyles.styles.js.map +1 -1
- package/lib-commonjs/components/InfoButton/useInfoButtonStyles.styles.js +1 -0
- package/lib-commonjs/components/InfoButton/useInfoButtonStyles.styles.js.map +1 -1
- package/lib-commonjs/components/InfoLabel/useInfoLabelStyles.styles.js +1 -0
- package/lib-commonjs/components/InfoLabel/useInfoLabelStyles.styles.js.map +1 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,27 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-infolabel
|
|
2
2
|
|
|
3
|
-
This log was last generated on Mon,
|
|
3
|
+
This log was last generated on Mon, 01 Jul 2024 20:26:03 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.0.38](https://github.com/microsoft/fluentui/tree/@fluentui/react-infolabel_v9.0.38)
|
|
8
|
+
|
|
9
|
+
Mon, 01 Jul 2024 20:26:03 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infolabel_v9.0.37..@fluentui/react-infolabel_v9.0.38)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- chore: Update react-icons package to ^2.0.245 ([PR #31802](https://github.com/microsoft/fluentui/pull/31802) by ololubek@microsoft.com)
|
|
15
|
+
- chore: add eslint react-compiler ([PR #31457](https://github.com/microsoft/fluentui/pull/31457) by seanmonahan@microsoft.com)
|
|
16
|
+
- Bump @fluentui/react-label to v9.1.72 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
|
|
17
|
+
- Bump @fluentui/react-popover to v9.9.13 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
|
|
18
|
+
- Bump @fluentui/react-tabster to v9.22.1 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
|
|
19
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.40 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
|
|
20
|
+
- Bump @fluentui/react-utilities to v9.18.11 ([PR #31861](https://github.com/microsoft/fluentui/pull/31861) by beachball)
|
|
21
|
+
|
|
7
22
|
## [9.0.37](https://github.com/microsoft/fluentui/tree/@fluentui/react-infolabel_v9.0.37)
|
|
8
23
|
|
|
9
|
-
Mon, 17 Jun 2024 07:
|
|
24
|
+
Mon, 17 Jun 2024 07:34:17 GMT
|
|
10
25
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-infolabel_v9.0.36..@fluentui/react-infolabel_v9.0.37)
|
|
11
26
|
|
|
12
27
|
### Patches
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["createFocusOutlineStyle","iconFilledClassName","iconRegularClassName","__styles","mergeClasses","shorthands","tokens","typographyStyles","infoButtonClassNames","root","popover","info","useButtonStyles","base","Bt984gj","B7ck84d","mc9l5x","Brf1p80","w71qe1","ha4doy","qhf8xq","De3pzq","sj55zd","icvyot","vrafjx","oivjwe","wvpqe5","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","D0sxk3","t6yez3","Jwef8y","Bi91k9c","eoavqd","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","selected","Bsw6fvg","Bbusuzp","highContrast","Bs6v0vm","B46dtvo","gh1jta","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","f6g5ot","Boxcth7","Bhdgwq3","hgwjuy","Bshpdp8","Bsom6fd","Blkhhs4","Bonggc9","Ddfuxk","i03rao","kclons","clg4pj","Bpqj9nj","B6dhp37","Bf4ptjt","Bqtpl0w","i4rwgc","Dah5zi","B1tsrr9","qqdqy8","Bkh64rk","e3fwne","J0r882","Bule8hv","Bjwuhne","Ghsupd","large","d","p","h","m","f","i","usePopoverSurfaceStyles","smallMedium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useInfoButtonStyles_unstable","state","size","open","buttonStyles","popoverSurfaceStyles","className"],"sources":["useInfoButtonStyles.styles.js"],"sourcesContent":["import { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const infoButtonClassNames = {\n root: 'fui-InfoButton',\n // this className won't be used, but it's needed to satisfy the type checker\n popover: 'fui-InfoButton__popover',\n info: 'fui-InfoButton__info'\n};\n/**\n * Styles for the root slot\n */ const useButtonStyles = makeStyles({\n base: {\n alignItems: 'center',\n boxSizing: 'border-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 ...shorthands.borderStyle('none'),\n borderRadius: tokens.borderRadiusMedium,\n margin: '0',\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline-flex'\n },\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n color: tokens.colorNeutralForeground2BrandHover,\n cursor: 'pointer',\n [`& .${iconFilledClassName}`]: {\n display: 'inline-flex'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n color: tokens.colorNeutralForeground2BrandPressed\n }\n },\n selected: {\n backgroundColor: tokens.colorTransparentBackgroundSelected,\n color: tokens.colorNeutralForeground2BrandSelected,\n [`& .${iconFilledClassName}`]: {\n display: 'inline-flex'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n },\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'Canvas'\n }\n },\n highContrast: {\n '@media (forced-colors: active)': {\n color: 'CanvasText',\n ':hover,:hover:active': {\n forcedColorAdjust: 'none',\n backgroundColor: 'Highlight',\n color: 'Canvas'\n }\n }\n },\n focusIndicator: createFocusOutlineStyle(),\n large: {\n padding: `${tokens.spacingVerticalXXS} ${tokens.spacingVerticalXXS}`\n }\n});\nconst usePopoverSurfaceStyles = makeStyles({\n smallMedium: typographyStyles.caption1,\n large: typographyStyles.body1\n});\n/**\n * Apply styling to the InfoButton slots based on the state\n */ export const useInfoButtonStyles_unstable = (state)=>{\n const { size } = state;\n const { open } = state.popover;\n const buttonStyles = useButtonStyles();\n const popoverSurfaceStyles = usePopoverSurfaceStyles();\n state.info.className = mergeClasses(infoButtonClassNames.info, size === 'large' ? popoverSurfaceStyles.large : popoverSurfaceStyles.smallMedium, state.info.className);\n state.root.className = mergeClasses(infoButtonClassNames.root, buttonStyles.base, buttonStyles.highContrast, buttonStyles.focusIndicator, open && buttonStyles.selected, size === 'large' && buttonStyles.large, state.root.className);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["createFocusOutlineStyle","iconFilledClassName","iconRegularClassName","__styles","mergeClasses","shorthands","tokens","typographyStyles","infoButtonClassNames","root","popover","info","useButtonStyles","base","Bt984gj","B7ck84d","mc9l5x","Brf1p80","w71qe1","ha4doy","qhf8xq","De3pzq","sj55zd","icvyot","vrafjx","oivjwe","wvpqe5","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","D0sxk3","t6yez3","Jwef8y","Bi91k9c","eoavqd","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","selected","Bsw6fvg","Bbusuzp","highContrast","Bs6v0vm","B46dtvo","gh1jta","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","f6g5ot","Boxcth7","Bhdgwq3","hgwjuy","Bshpdp8","Bsom6fd","Blkhhs4","Bonggc9","Ddfuxk","i03rao","kclons","clg4pj","Bpqj9nj","B6dhp37","Bf4ptjt","Bqtpl0w","i4rwgc","Dah5zi","B1tsrr9","qqdqy8","Bkh64rk","e3fwne","J0r882","Bule8hv","Bjwuhne","Ghsupd","large","d","p","h","m","f","i","usePopoverSurfaceStyles","smallMedium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","useInfoButtonStyles_unstable","state","size","open","buttonStyles","popoverSurfaceStyles","className"],"sources":["useInfoButtonStyles.styles.js"],"sourcesContent":["import { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const infoButtonClassNames = {\n root: 'fui-InfoButton',\n // this className won't be used, but it's needed to satisfy the type checker\n popover: 'fui-InfoButton__popover',\n info: 'fui-InfoButton__info'\n};\n/**\n * Styles for the root slot\n */ const useButtonStyles = makeStyles({\n base: {\n alignItems: 'center',\n boxSizing: 'border-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 ...shorthands.borderStyle('none'),\n borderRadius: tokens.borderRadiusMedium,\n margin: '0',\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS}`,\n [`& .${iconFilledClassName}`]: {\n display: 'none'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'inline-flex'\n },\n ':hover': {\n backgroundColor: tokens.colorTransparentBackgroundHover,\n color: tokens.colorNeutralForeground2BrandHover,\n cursor: 'pointer',\n [`& .${iconFilledClassName}`]: {\n display: 'inline-flex'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n }\n },\n ':hover:active': {\n backgroundColor: tokens.colorTransparentBackgroundPressed,\n color: tokens.colorNeutralForeground2BrandPressed\n }\n },\n selected: {\n backgroundColor: tokens.colorTransparentBackgroundSelected,\n color: tokens.colorNeutralForeground2BrandSelected,\n [`& .${iconFilledClassName}`]: {\n display: 'inline-flex'\n },\n [`& .${iconRegularClassName}`]: {\n display: 'none'\n },\n '@media (forced-colors: active)': {\n backgroundColor: 'Highlight',\n color: 'Canvas'\n }\n },\n highContrast: {\n '@media (forced-colors: active)': {\n color: 'CanvasText',\n ':hover,:hover:active': {\n forcedColorAdjust: 'none',\n backgroundColor: 'Highlight',\n color: 'Canvas'\n }\n }\n },\n focusIndicator: createFocusOutlineStyle(),\n large: {\n padding: `${tokens.spacingVerticalXXS} ${tokens.spacingVerticalXXS}`\n }\n});\nconst usePopoverSurfaceStyles = makeStyles({\n smallMedium: typographyStyles.caption1,\n large: typographyStyles.body1\n});\n/**\n * Apply styling to the InfoButton slots based on the state\n */ export const useInfoButtonStyles_unstable = (state)=>{\n 'use no memo';\n const { size } = state;\n const { open } = state.popover;\n const buttonStyles = useButtonStyles();\n const popoverSurfaceStyles = usePopoverSurfaceStyles();\n state.info.className = mergeClasses(infoButtonClassNames.info, size === 'large' ? popoverSurfaceStyles.large : popoverSurfaceStyles.smallMedium, state.info.className);\n state.root.className = mergeClasses(infoButtonClassNames.root, buttonStyles.base, buttonStyles.highContrast, buttonStyles.focusIndicator, open && buttonStyles.selected, size === 'large' && buttonStyles.large, state.root.className);\n return state;\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -31,6 +31,8 @@ const useInfoButtonStyles = /*#__PURE__*/__styles({
|
|
|
31
31
|
* Apply styling to the InfoLabel slots based on the state
|
|
32
32
|
*/
|
|
33
33
|
export const useInfoLabelStyles_unstable = state => {
|
|
34
|
+
'use no memo';
|
|
35
|
+
|
|
34
36
|
state.root.className = mergeClasses(infoLabelClassNames.root, state.root.className);
|
|
35
37
|
const labelStyles = useLabelStyles();
|
|
36
38
|
state.label.className = mergeClasses(infoLabelClassNames.label, labelStyles.base, state.label.className);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["tokens","__styles","mergeClasses","infoLabelClassNames","root","label","infoButton","useLabelStyles","base","ha4doy","Bceei9c","sj55zd","d","useInfoButtonStyles","B6of3ja","jrapky","large","useInfoLabelStyles_unstable","state","className","labelStyles","infoButtonStyles","size"],"sources":["useInfoLabelStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const infoLabelClassNames = {\n root: 'fui-InfoLabel',\n label: 'fui-InfoLabel__label',\n infoButton: 'fui-InfoLabel__infoButton'\n};\nconst useLabelStyles = makeStyles({\n base: {\n verticalAlign: 'top',\n cursor: 'inherit',\n color: 'inherit'\n }\n});\nconst useInfoButtonStyles = makeStyles({\n base: {\n verticalAlign: 'top',\n // Negative margin to align with the text\n marginTop: `calc(0px - ${tokens.spacingVerticalXXS})`,\n marginBottom: `calc(0px - ${tokens.spacingVerticalXXS})`\n },\n large: {\n // Negative margin to align with the text\n marginTop: '-1px',\n marginBottom: '-1px'\n }\n});\n/**\n * Apply styling to the InfoLabel slots based on the state\n */ export const useInfoLabelStyles_unstable = (state)=>{\n state.root.className = mergeClasses(infoLabelClassNames.root, state.root.className);\n const labelStyles = useLabelStyles();\n state.label.className = mergeClasses(infoLabelClassNames.label, labelStyles.base, state.label.className);\n const infoButtonStyles = useInfoButtonStyles();\n if (state.infoButton) {\n state.infoButton.className = mergeClasses(infoLabelClassNames.infoButton, infoButtonStyles.base, state.size === 'large' && infoButtonStyles.large, state.infoButton.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAAAC,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,mBAAmB,GAAG;EAC/BC,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE,sBAAsB;EAC7BC,UAAU,EAAE;AAChB,CAAC;AACD,MAAMC,cAAc,gBAAGN,QAAA;EAAAO,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAMtB,CAAC;AACF,MAAMC,mBAAmB,gBAAGZ,QAAA;EAAAO,IAAA;IAAAC,MAAA;IAAAK,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAF,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAH,CAAA;AAAA,CAY3B,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMK,2BAA2B,GAAIC,KAAK,IAAG;
|
|
1
|
+
{"version":3,"names":["tokens","__styles","mergeClasses","infoLabelClassNames","root","label","infoButton","useLabelStyles","base","ha4doy","Bceei9c","sj55zd","d","useInfoButtonStyles","B6of3ja","jrapky","large","useInfoLabelStyles_unstable","state","className","labelStyles","infoButtonStyles","size"],"sources":["useInfoLabelStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nexport const infoLabelClassNames = {\n root: 'fui-InfoLabel',\n label: 'fui-InfoLabel__label',\n infoButton: 'fui-InfoLabel__infoButton'\n};\nconst useLabelStyles = makeStyles({\n base: {\n verticalAlign: 'top',\n cursor: 'inherit',\n color: 'inherit'\n }\n});\nconst useInfoButtonStyles = makeStyles({\n base: {\n verticalAlign: 'top',\n // Negative margin to align with the text\n marginTop: `calc(0px - ${tokens.spacingVerticalXXS})`,\n marginBottom: `calc(0px - ${tokens.spacingVerticalXXS})`\n },\n large: {\n // Negative margin to align with the text\n marginTop: '-1px',\n marginBottom: '-1px'\n }\n});\n/**\n * Apply styling to the InfoLabel slots based on the state\n */ export const useInfoLabelStyles_unstable = (state)=>{\n 'use no memo';\n state.root.className = mergeClasses(infoLabelClassNames.root, state.root.className);\n const labelStyles = useLabelStyles();\n state.label.className = mergeClasses(infoLabelClassNames.label, labelStyles.base, state.label.className);\n const infoButtonStyles = useInfoButtonStyles();\n if (state.infoButton) {\n state.infoButton.className = mergeClasses(infoLabelClassNames.infoButton, infoButtonStyles.base, state.size === 'large' && infoButtonStyles.large, state.infoButton.className);\n }\n return state;\n};\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAAAC,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,OAAO,MAAMC,mBAAmB,GAAG;EAC/BC,IAAI,EAAE,eAAe;EACrBC,KAAK,EAAE,sBAAsB;EAC7BC,UAAU,EAAE;AAChB,CAAC;AACD,MAAMC,cAAc,gBAAGN,QAAA;EAAAO,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAMtB,CAAC;AACF,MAAMC,mBAAmB,gBAAGZ,QAAA;EAAAO,IAAA;IAAAC,MAAA;IAAAK,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAF,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAH,CAAA;AAAA,CAY3B,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMK,2BAA2B,GAAIC,KAAK,IAAG;EACpD,aAAa;;EACbA,KAAK,CAACd,IAAI,CAACe,SAAS,GAAGjB,YAAY,CAACC,mBAAmB,CAACC,IAAI,EAAEc,KAAK,CAACd,IAAI,CAACe,SAAS,CAAC;EACnF,MAAMC,WAAW,GAAGb,cAAc,CAAC,CAAC;EACpCW,KAAK,CAACb,KAAK,CAACc,SAAS,GAAGjB,YAAY,CAACC,mBAAmB,CAACE,KAAK,EAAEe,WAAW,CAACZ,IAAI,EAAEU,KAAK,CAACb,KAAK,CAACc,SAAS,CAAC;EACxG,MAAME,gBAAgB,GAAGR,mBAAmB,CAAC,CAAC;EAC9C,IAAIK,KAAK,CAACZ,UAAU,EAAE;IAClBY,KAAK,CAACZ,UAAU,CAACa,SAAS,GAAGjB,YAAY,CAACC,mBAAmB,CAACG,UAAU,EAAEe,gBAAgB,CAACb,IAAI,EAAEU,KAAK,CAACI,IAAI,KAAK,OAAO,IAAID,gBAAgB,CAACL,KAAK,EAAEE,KAAK,CAACZ,UAAU,CAACa,SAAS,CAAC;EAClL;EACA,OAAOD,KAAK;AAChB,CAAC","ignoreList":[]}
|
|
@@ -318,6 +318,7 @@ const usePopoverSurfaceStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
318
318
|
]
|
|
319
319
|
});
|
|
320
320
|
const useInfoButtonStyles_unstable = (state)=>{
|
|
321
|
+
'use no memo';
|
|
321
322
|
const { size } = state;
|
|
322
323
|
const { open } = state.popover;
|
|
323
324
|
const buttonStyles = useButtonStyles();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useInfoButtonStyles.styles.js"],"sourcesContent":["import { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const infoButtonClassNames = {\n root: 'fui-InfoButton',\n // this className won't be used, but it's needed to satisfy the type checker\n popover: 'fui-InfoButton__popover',\n info: 'fui-InfoButton__info'\n};\n/**\n * Styles for the root slot\n */\nconst useButtonStyles = /*#__PURE__*/__styles({\n base: {\n Bt984gj: \"f122n59\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"ftuwxu6\",\n Brf1p80: \"f4d9j23\",\n w71qe1: \"f1iuv45f\",\n ha4doy: \"fmrv4ls\",\n qhf8xq: \"f10pi13n\",\n De3pzq: \"f1c21dwh\",\n sj55zd: \"fkfq4zb\",\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"ft85np5\",\n jrapky: 0,\n Frg6f3: 0,\n t21cq0: 0,\n B6of3ja: 0,\n B74szlk: \"f1s184ao\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f16d74zd\",\n D0sxk3: \"f16u1re\",\n t6yez3: \"f1rw4040\",\n Jwef8y: \"fjxutwb\",\n Bi91k9c: \"f139oj5f\",\n eoavqd: \"f8491dx\",\n Bk3fhr4: \"f1jpd6y0\",\n Bmfj8id: \"fuxngvv\",\n iro3zm: \"fwiml72\",\n B2d53fq: \"f1fg1p5m\"\n },\n selected: {\n De3pzq: \"f1q9pm1r\",\n sj55zd: \"f1qj7y59\",\n D0sxk3: \"fgzdkf0\",\n t6yez3: \"f15q0o9g\",\n Bsw6fvg: \"f1rirnrt\",\n Bbusuzp: \"f1cg6951\"\n },\n highContrast: {\n Bbusuzp: \"fn0tkbb\",\n Bs6v0vm: \"f1rp3av6\",\n B46dtvo: \"f1u7gwqv\",\n gh1jta: \"fl6kagl\"\n },\n focusIndicator: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n B8q5s1w: \"f8hki3x\",\n Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n n8qw10: \"f1bjia2o\",\n Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n Bb7d1vk: \"f226i61\",\n zhwhgb: [\"f13kzufm\", \"fsx75g8\"],\n dhy2o1: \"flujwa2\",\n Gfyso: [\"fsx75g8\", \"f13kzufm\"],\n Bm4h7ae: \"f15bsgw9\",\n B7ys5i9: \"f14e48fq\",\n Busjfv9: \"f18yb2kv\",\n Bhk32uz: \"fd6o370\",\n f6g5ot: 0,\n Boxcth7: 0,\n Bhdgwq3: 0,\n hgwjuy: 0,\n Bshpdp8: 0,\n Bsom6fd: 0,\n Blkhhs4: 0,\n Bonggc9: 0,\n Ddfuxk: 0,\n i03rao: 0,\n kclons: 0,\n clg4pj: 0,\n Bpqj9nj: 0,\n B6dhp37: 0,\n Bf4ptjt: 0,\n Bqtpl0w: 0,\n i4rwgc: \"ffwy5si\",\n Dah5zi: 0,\n B1tsrr9: 0,\n qqdqy8: 0,\n Bkh64rk: 0,\n e3fwne: \"f3znvyf\",\n J0r882: \"f57olzd\",\n Bule8hv: [\"f4stah7\", \"fs1por5\"],\n Bjwuhne: \"f480a47\",\n Ghsupd: [\"fs1por5\", \"f4stah7\"]\n },\n large: {\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1kx978o\"\n }\n}, {\n d: [\".f122n59{align-items:center;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".ftuwxu6{display:inline-flex;}\", \".f4d9j23{justify-content:center;}\", \".f1iuv45f{text-decoration-line:none;}\", \".fmrv4ls{vertical-align:middle;}\", \".f10pi13n{position:relative;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], [\".f1s184ao{margin:0;}\", {\n p: -1\n }], [\".f16d74zd{padding:var(--spacingVerticalXS) var(--spacingHorizontalXS);}\", {\n p: -1\n }], \".f16u1re .fui-Icon-filled{display:none;}\", \".f1rw4040 .fui-Icon-regular{display:inline-flex;}\", \".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\", \".fgzdkf0 .fui-Icon-filled{display:inline-flex;}\", \".f15q0o9g .fui-Icon-regular{display:none;}\", \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", [\".ffwy5si[data-fui-focus-visible]::after{border:2px solid var(--colorStrokeFocus2);}\", {\n p: -2\n }], [\".f3znvyf[data-fui-focus-visible]::after{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], \".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}\", \".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}\", \".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}\", \".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}\", [\".f1kx978o{padding:var(--spacingVerticalXXS) var(--spacingVerticalXXS);}\", {\n p: -1\n }]],\n h: [\".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}\", \".f8491dx:hover{cursor:pointer;}\", \".f1jpd6y0:hover .fui-Icon-filled{display:inline-flex;}\", \".fuxngvv:hover .fui-Icon-regular{display:none;}\", \".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}\", \".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}\"],\n m: [[\"@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1cg6951{color:Canvas;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fn0tkbb{color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1rp3av6:hover,.f1rp3av6:hover:active{forced-color-adjust:none;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1u7gwqv:hover,.f1u7gwqv:hover:active{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fl6kagl:hover,.fl6kagl:hover:active{color:Canvas;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f13kzufm[data-fui-focus-visible]::after{border-right-color:Highlight;}.fsx75g8[data-fui-focus-visible]::after{border-left-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.flujwa2[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }]],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"]\n});\nconst usePopoverSurfaceStyles = /*#__PURE__*/__styles({\n smallMedium: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n },\n large: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n }\n}, {\n d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\n});\n/**\n * Apply styling to the InfoButton slots based on the state\n */\nexport const useInfoButtonStyles_unstable = state => {\n const {\n size\n } = state;\n const {\n open\n } = state.popover;\n const buttonStyles = useButtonStyles();\n const popoverSurfaceStyles = usePopoverSurfaceStyles();\n state.info.className = mergeClasses(infoButtonClassNames.info, size === 'large' ? popoverSurfaceStyles.large : popoverSurfaceStyles.smallMedium, state.info.className);\n state.root.className = mergeClasses(infoButtonClassNames.root, buttonStyles.base, buttonStyles.highContrast, buttonStyles.focusIndicator, open && buttonStyles.selected, size === 'large' && buttonStyles.large, state.root.className);\n return state;\n};\n//# sourceMappingURL=useInfoButtonStyles.styles.js.map"],"names":["infoButtonClassNames","useInfoButtonStyles_unstable","root","popover","info","useButtonStyles","__styles","base","Bt984gj","B7ck84d","mc9l5x","Brf1p80","w71qe1","ha4doy","qhf8xq","De3pzq","sj55zd","icvyot","vrafjx","oivjwe","wvpqe5","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","D0sxk3","t6yez3","Jwef8y","Bi91k9c","eoavqd","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","selected","Bsw6fvg","Bbusuzp","highContrast","Bs6v0vm","B46dtvo","gh1jta","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","f6g5ot","Boxcth7","Bhdgwq3","hgwjuy","Bshpdp8","Bsom6fd","Blkhhs4","Bonggc9","Ddfuxk","i03rao","kclons","clg4pj","Bpqj9nj","B6dhp37","Bf4ptjt","Bqtpl0w","i4rwgc","Dah5zi","B1tsrr9","qqdqy8","Bkh64rk","e3fwne","J0r882","Bule8hv","Bjwuhne","Ghsupd","large","d","p","h","m","f","i","usePopoverSurfaceStyles","smallMedium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","state","size","open","buttonStyles","popoverSurfaceStyles","className","mergeClasses"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["useInfoButtonStyles.styles.js"],"sourcesContent":["import { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { iconFilledClassName, iconRegularClassName } from '@fluentui/react-icons';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const infoButtonClassNames = {\n root: 'fui-InfoButton',\n // this className won't be used, but it's needed to satisfy the type checker\n popover: 'fui-InfoButton__popover',\n info: 'fui-InfoButton__info'\n};\n/**\n * Styles for the root slot\n */\nconst useButtonStyles = /*#__PURE__*/__styles({\n base: {\n Bt984gj: \"f122n59\",\n B7ck84d: \"f1ewtqcl\",\n mc9l5x: \"ftuwxu6\",\n Brf1p80: \"f4d9j23\",\n w71qe1: \"f1iuv45f\",\n ha4doy: \"fmrv4ls\",\n qhf8xq: \"f10pi13n\",\n De3pzq: \"f1c21dwh\",\n sj55zd: \"fkfq4zb\",\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n Beyfa6y: 0,\n Bbmb7ep: 0,\n Btl43ni: 0,\n B7oj6ja: 0,\n Dimara: \"ft85np5\",\n jrapky: 0,\n Frg6f3: 0,\n t21cq0: 0,\n B6of3ja: 0,\n B74szlk: \"f1s184ao\",\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f16d74zd\",\n D0sxk3: \"f16u1re\",\n t6yez3: \"f1rw4040\",\n Jwef8y: \"fjxutwb\",\n Bi91k9c: \"f139oj5f\",\n eoavqd: \"f8491dx\",\n Bk3fhr4: \"f1jpd6y0\",\n Bmfj8id: \"fuxngvv\",\n iro3zm: \"fwiml72\",\n B2d53fq: \"f1fg1p5m\"\n },\n selected: {\n De3pzq: \"f1q9pm1r\",\n sj55zd: \"f1qj7y59\",\n D0sxk3: \"fgzdkf0\",\n t6yez3: \"f15q0o9g\",\n Bsw6fvg: \"f1rirnrt\",\n Bbusuzp: \"f1cg6951\"\n },\n highContrast: {\n Bbusuzp: \"fn0tkbb\",\n Bs6v0vm: \"f1rp3av6\",\n B46dtvo: \"f1u7gwqv\",\n gh1jta: \"fl6kagl\"\n },\n focusIndicator: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n B8q5s1w: \"f8hki3x\",\n Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n n8qw10: \"f1bjia2o\",\n Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n Bb7d1vk: \"f226i61\",\n zhwhgb: [\"f13kzufm\", \"fsx75g8\"],\n dhy2o1: \"flujwa2\",\n Gfyso: [\"fsx75g8\", \"f13kzufm\"],\n Bm4h7ae: \"f15bsgw9\",\n B7ys5i9: \"f14e48fq\",\n Busjfv9: \"f18yb2kv\",\n Bhk32uz: \"fd6o370\",\n f6g5ot: 0,\n Boxcth7: 0,\n Bhdgwq3: 0,\n hgwjuy: 0,\n Bshpdp8: 0,\n Bsom6fd: 0,\n Blkhhs4: 0,\n Bonggc9: 0,\n Ddfuxk: 0,\n i03rao: 0,\n kclons: 0,\n clg4pj: 0,\n Bpqj9nj: 0,\n B6dhp37: 0,\n Bf4ptjt: 0,\n Bqtpl0w: 0,\n i4rwgc: \"ffwy5si\",\n Dah5zi: 0,\n B1tsrr9: 0,\n qqdqy8: 0,\n Bkh64rk: 0,\n e3fwne: \"f3znvyf\",\n J0r882: \"f57olzd\",\n Bule8hv: [\"f4stah7\", \"fs1por5\"],\n Bjwuhne: \"f480a47\",\n Ghsupd: [\"fs1por5\", \"f4stah7\"]\n },\n large: {\n Byoj8tv: 0,\n uwmqm3: 0,\n z189sj: 0,\n z8tnut: 0,\n B0ocmuz: \"f1kx978o\"\n }\n}, {\n d: [\".f122n59{align-items:center;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".ftuwxu6{display:inline-flex;}\", \".f4d9j23{justify-content:center;}\", \".f1iuv45f{text-decoration-line:none;}\", \".fmrv4ls{vertical-align:middle;}\", \".f10pi13n{position:relative;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", [\".ft85np5{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], [\".f1s184ao{margin:0;}\", {\n p: -1\n }], [\".f16d74zd{padding:var(--spacingVerticalXS) var(--spacingHorizontalXS);}\", {\n p: -1\n }], \".f16u1re .fui-Icon-filled{display:none;}\", \".f1rw4040 .fui-Icon-regular{display:inline-flex;}\", \".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\", \".fgzdkf0 .fui-Icon-filled{display:inline-flex;}\", \".f15q0o9g .fui-Icon-regular{display:none;}\", \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", [\".ffwy5si[data-fui-focus-visible]::after{border:2px solid var(--colorStrokeFocus2);}\", {\n p: -2\n }], [\".f3znvyf[data-fui-focus-visible]::after{border-radius:var(--borderRadiusMedium);}\", {\n p: -1\n }], \".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}\", \".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}\", \".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}\", \".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}\", [\".f1kx978o{padding:var(--spacingVerticalXXS) var(--spacingVerticalXXS);}\", {\n p: -1\n }]],\n h: [\".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}\", \".f8491dx:hover{cursor:pointer;}\", \".f1jpd6y0:hover .fui-Icon-filled{display:inline-flex;}\", \".fuxngvv:hover .fui-Icon-regular{display:none;}\", \".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}\", \".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}\"],\n m: [[\"@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1cg6951{color:Canvas;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fn0tkbb{color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1rp3av6:hover,.f1rp3av6:hover:active{forced-color-adjust:none;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1u7gwqv:hover,.f1u7gwqv:hover:active{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fl6kagl:hover,.fl6kagl:hover:active{color:Canvas;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f13kzufm[data-fui-focus-visible]::after{border-right-color:Highlight;}.fsx75g8[data-fui-focus-visible]::after{border-left-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.flujwa2[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }]],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"]\n});\nconst usePopoverSurfaceStyles = /*#__PURE__*/__styles({\n smallMedium: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n },\n large: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n }\n}, {\n d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\n});\n/**\n * Apply styling to the InfoButton slots based on the state\n */\nexport const useInfoButtonStyles_unstable = state => {\n 'use no memo';\n\n const {\n size\n } = state;\n const {\n open\n } = state.popover;\n const buttonStyles = useButtonStyles();\n const popoverSurfaceStyles = usePopoverSurfaceStyles();\n state.info.className = mergeClasses(infoButtonClassNames.info, size === 'large' ? popoverSurfaceStyles.large : popoverSurfaceStyles.smallMedium, state.info.className);\n state.root.className = mergeClasses(infoButtonClassNames.root, buttonStyles.base, buttonStyles.highContrast, buttonStyles.focusIndicator, open && buttonStyles.selected, size === 'large' && buttonStyles.large, state.root.className);\n return state;\n};\n//# sourceMappingURL=useInfoButtonStyles.styles.js.map"],"names":["infoButtonClassNames","useInfoButtonStyles_unstable","root","popover","info","useButtonStyles","__styles","base","Bt984gj","B7ck84d","mc9l5x","Brf1p80","w71qe1","ha4doy","qhf8xq","De3pzq","sj55zd","icvyot","vrafjx","oivjwe","wvpqe5","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","D0sxk3","t6yez3","Jwef8y","Bi91k9c","eoavqd","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","selected","Bsw6fvg","Bbusuzp","highContrast","Bs6v0vm","B46dtvo","gh1jta","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","f6g5ot","Boxcth7","Bhdgwq3","hgwjuy","Bshpdp8","Bsom6fd","Blkhhs4","Bonggc9","Ddfuxk","i03rao","kclons","clg4pj","Bpqj9nj","B6dhp37","Bf4ptjt","Bqtpl0w","i4rwgc","Dah5zi","B1tsrr9","qqdqy8","Bkh64rk","e3fwne","J0r882","Bule8hv","Bjwuhne","Ghsupd","large","d","p","h","m","f","i","usePopoverSurfaceStyles","smallMedium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","state","size","open","buttonStyles","popoverSurfaceStyles","className","mergeClasses"],"mappings":"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"}
|
|
@@ -55,6 +55,7 @@ const useInfoButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
|
55
55
|
]
|
|
56
56
|
});
|
|
57
57
|
const useInfoLabelStyles_unstable = (state)=>{
|
|
58
|
+
'use no memo';
|
|
58
59
|
state.root.className = (0, _react.mergeClasses)(infoLabelClassNames.root, state.root.className);
|
|
59
60
|
const labelStyles = useLabelStyles();
|
|
60
61
|
state.label.className = (0, _react.mergeClasses)(infoLabelClassNames.label, labelStyles.base, state.label.className);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useInfoLabelStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses } from '@griffel/react';\nexport const infoLabelClassNames = {\n root: 'fui-InfoLabel',\n label: 'fui-InfoLabel__label',\n infoButton: 'fui-InfoLabel__infoButton'\n};\nconst useLabelStyles = /*#__PURE__*/__styles({\n base: {\n ha4doy: \"f12kltsn\",\n Bceei9c: \"fpo1scq\",\n sj55zd: \"f1ym3bx4\"\n }\n}, {\n d: [\".f12kltsn{vertical-align:top;}\", \".fpo1scq{cursor:inherit;}\", \".f1ym3bx4{color:inherit;}\"]\n});\nconst useInfoButtonStyles = /*#__PURE__*/__styles({\n base: {\n ha4doy: \"f12kltsn\",\n B6of3ja: \"f1bmzb36\",\n jrapky: \"f1nyzk09\"\n },\n large: {\n B6of3ja: \"fkrn0sh\",\n jrapky: \"fmxx68s\"\n }\n}, {\n d: [\".f12kltsn{vertical-align:top;}\", \".f1bmzb36{margin-top:calc(0px - var(--spacingVerticalXXS));}\", \".f1nyzk09{margin-bottom:calc(0px - var(--spacingVerticalXXS));}\", \".fkrn0sh{margin-top:-1px;}\", \".fmxx68s{margin-bottom:-1px;}\"]\n});\n/**\n * Apply styling to the InfoLabel slots based on the state\n */\nexport const useInfoLabelStyles_unstable = state => {\n state.root.className = mergeClasses(infoLabelClassNames.root, state.root.className);\n const labelStyles = useLabelStyles();\n state.label.className = mergeClasses(infoLabelClassNames.label, labelStyles.base, state.label.className);\n const infoButtonStyles = useInfoButtonStyles();\n if (state.infoButton) {\n state.infoButton.className = mergeClasses(infoLabelClassNames.infoButton, infoButtonStyles.base, state.size === 'large' && infoButtonStyles.large, state.infoButton.className);\n }\n return state;\n};\n//# sourceMappingURL=useInfoLabelStyles.styles.js.map"],"names":["infoLabelClassNames","useInfoLabelStyles_unstable","root","label","infoButton","useLabelStyles","__styles","base","ha4doy","Bceei9c","sj55zd","d","useInfoButtonStyles","B6of3ja","jrapky","large","state","className","mergeClasses","labelStyles","infoButtonStyles","size"],"mappings":";;;;;;;;;;;IAEaA,mBAAmB;eAAnBA;;IA8BAC,2BAA2B;eAA3BA;;;uBA/B0B;AAChC,MAAMD,sBAAsB;IACjCE,MAAM;IACNC,OAAO;IACPC,YAAY;AACd;AACA,MAAMC,iBAAiB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC3CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAAkC;QAA6B;KAA4B;AACjG;AACA,MAAMC,sBAAsB,WAAW,GAAEN,IAAAA,eAAQ,EAAC;IAChDC,MAAM;QACJC,QAAQ;QACRK,SAAS;QACTC,QAAQ;IACV;IACAC,OAAO;QACLF,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDH,GAAG;QAAC;QAAkC;QAAgE;QAAmE;QAA8B;KAAgC;AACzO;AAIO,MAAMV,8BAA8Be,CAAAA;
|
|
1
|
+
{"version":3,"sources":["useInfoLabelStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses } from '@griffel/react';\nexport const infoLabelClassNames = {\n root: 'fui-InfoLabel',\n label: 'fui-InfoLabel__label',\n infoButton: 'fui-InfoLabel__infoButton'\n};\nconst useLabelStyles = /*#__PURE__*/__styles({\n base: {\n ha4doy: \"f12kltsn\",\n Bceei9c: \"fpo1scq\",\n sj55zd: \"f1ym3bx4\"\n }\n}, {\n d: [\".f12kltsn{vertical-align:top;}\", \".fpo1scq{cursor:inherit;}\", \".f1ym3bx4{color:inherit;}\"]\n});\nconst useInfoButtonStyles = /*#__PURE__*/__styles({\n base: {\n ha4doy: \"f12kltsn\",\n B6of3ja: \"f1bmzb36\",\n jrapky: \"f1nyzk09\"\n },\n large: {\n B6of3ja: \"fkrn0sh\",\n jrapky: \"fmxx68s\"\n }\n}, {\n d: [\".f12kltsn{vertical-align:top;}\", \".f1bmzb36{margin-top:calc(0px - var(--spacingVerticalXXS));}\", \".f1nyzk09{margin-bottom:calc(0px - var(--spacingVerticalXXS));}\", \".fkrn0sh{margin-top:-1px;}\", \".fmxx68s{margin-bottom:-1px;}\"]\n});\n/**\n * Apply styling to the InfoLabel slots based on the state\n */\nexport const useInfoLabelStyles_unstable = state => {\n 'use no memo';\n\n state.root.className = mergeClasses(infoLabelClassNames.root, state.root.className);\n const labelStyles = useLabelStyles();\n state.label.className = mergeClasses(infoLabelClassNames.label, labelStyles.base, state.label.className);\n const infoButtonStyles = useInfoButtonStyles();\n if (state.infoButton) {\n state.infoButton.className = mergeClasses(infoLabelClassNames.infoButton, infoButtonStyles.base, state.size === 'large' && infoButtonStyles.large, state.infoButton.className);\n }\n return state;\n};\n//# sourceMappingURL=useInfoLabelStyles.styles.js.map"],"names":["infoLabelClassNames","useInfoLabelStyles_unstable","root","label","infoButton","useLabelStyles","__styles","base","ha4doy","Bceei9c","sj55zd","d","useInfoButtonStyles","B6of3ja","jrapky","large","state","className","mergeClasses","labelStyles","infoButtonStyles","size"],"mappings":";;;;;;;;;;;IAEaA,mBAAmB;eAAnBA;;IA8BAC,2BAA2B;eAA3BA;;;uBA/B0B;AAChC,MAAMD,sBAAsB;IACjCE,MAAM;IACNC,OAAO;IACPC,YAAY;AACd;AACA,MAAMC,iBAAiB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC3CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAAkC;QAA6B;KAA4B;AACjG;AACA,MAAMC,sBAAsB,WAAW,GAAEN,IAAAA,eAAQ,EAAC;IAChDC,MAAM;QACJC,QAAQ;QACRK,SAAS;QACTC,QAAQ;IACV;IACAC,OAAO;QACLF,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDH,GAAG;QAAC;QAAkC;QAAgE;QAAmE;QAA8B;KAAgC;AACzO;AAIO,MAAMV,8BAA8Be,CAAAA;IACzC;IAEAA,MAAMd,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,oBAAoBE,IAAI,EAAEc,MAAMd,IAAI,CAACe,SAAS;IAClF,MAAME,cAAcd;IACpBW,MAAMb,KAAK,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,oBAAoBG,KAAK,EAAEgB,YAAYZ,IAAI,EAAES,MAAMb,KAAK,CAACc,SAAS;IACvG,MAAMG,mBAAmBR;IACzB,IAAII,MAAMZ,UAAU,EAAE;QACpBY,MAAMZ,UAAU,CAACa,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,oBAAoBI,UAAU,EAAEgB,iBAAiBb,IAAI,EAAES,MAAMK,IAAI,KAAK,WAAWD,iBAAiBL,KAAK,EAAEC,MAAMZ,UAAU,CAACa,SAAS;IAC/K;IACA,OAAOD;AACT,GACA,qDAAqD"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-infolabel",
|
|
3
|
-
"version": "9.0.
|
|
3
|
+
"version": "9.0.38",
|
|
4
4
|
"description": "InfoLabel component for Fluent UI v9",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -32,13 +32,13 @@
|
|
|
32
32
|
"@fluentui/scripts-tasks": "*"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@fluentui/react-icons": "^2.0.
|
|
36
|
-
"@fluentui/react-label": "^9.1.
|
|
37
|
-
"@fluentui/react-popover": "^9.9.
|
|
38
|
-
"@fluentui/react-tabster": "^9.22.
|
|
39
|
-
"@fluentui/react-jsx-runtime": "^9.0.
|
|
35
|
+
"@fluentui/react-icons": "^2.0.245",
|
|
36
|
+
"@fluentui/react-label": "^9.1.72",
|
|
37
|
+
"@fluentui/react-popover": "^9.9.13",
|
|
38
|
+
"@fluentui/react-tabster": "^9.22.1",
|
|
39
|
+
"@fluentui/react-jsx-runtime": "^9.0.40",
|
|
40
40
|
"@fluentui/react-theme": "^9.1.19",
|
|
41
|
-
"@fluentui/react-utilities": "^9.18.
|
|
41
|
+
"@fluentui/react-utilities": "^9.18.11",
|
|
42
42
|
"@griffel/react": "^1.5.22",
|
|
43
43
|
"@swc/helpers": "^0.5.1"
|
|
44
44
|
},
|