@fluentui/react-infobutton 9.0.0-beta.99 → 9.0.1-0

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 (98) hide show
  1. package/CHANGELOG.md +258 -7
  2. package/dist/index.d.cts +175 -0
  3. package/dist/index.d.ts +9 -7
  4. package/lib/InfoButton.js +1 -1
  5. package/lib/InfoButton.js.map +1 -1
  6. package/lib/InfoLabel.js +1 -1
  7. package/lib/InfoLabel.js.map +1 -1
  8. package/lib/components/InfoButton/DefaultInfoButtonIcons.js +1 -1
  9. package/lib/components/InfoButton/DefaultInfoButtonIcons.js.map +1 -1
  10. package/lib/components/InfoButton/InfoButton.js +5 -4
  11. package/lib/components/InfoButton/InfoButton.js.map +1 -1
  12. package/lib/components/InfoButton/InfoButton.types.js +5 -1
  13. package/lib/components/InfoButton/InfoButton.types.js.map +1 -1
  14. package/lib/components/InfoButton/index.js +4 -5
  15. package/lib/components/InfoButton/index.js.map +1 -1
  16. package/lib/components/InfoButton/renderInfoButton.js +3 -3
  17. package/lib/components/InfoButton/renderInfoButton.js.map +1 -1
  18. package/lib/components/InfoButton/useInfoButton.js +9 -8
  19. package/lib/components/InfoButton/useInfoButton.js.map +1 -1
  20. package/lib/components/InfoButton/useInfoButtonStyles.styles.js +55 -42
  21. package/lib/components/InfoButton/useInfoButtonStyles.styles.js.map +1 -1
  22. package/lib/components/InfoButton/useInfoButtonStyles.styles.raw.js +100 -0
  23. package/lib/components/InfoButton/useInfoButtonStyles.styles.raw.js.map +1 -0
  24. package/lib/components/InfoLabel/InfoLabel.js +5 -4
  25. package/lib/components/InfoLabel/InfoLabel.js.map +1 -1
  26. package/lib/components/InfoLabel/InfoLabel.types.js +5 -1
  27. package/lib/components/InfoLabel/InfoLabel.types.js.map +1 -1
  28. package/lib/components/InfoLabel/index.js +4 -5
  29. package/lib/components/InfoLabel/index.js.map +1 -1
  30. package/lib/components/InfoLabel/renderInfoLabel.js +2 -2
  31. package/lib/components/InfoLabel/renderInfoLabel.js.map +1 -1
  32. package/lib/components/InfoLabel/useInfoLabel.js +5 -4
  33. package/lib/components/InfoLabel/useInfoLabel.js.map +1 -1
  34. package/lib/components/InfoLabel/useInfoLabelStyles.styles.js +8 -4
  35. package/lib/components/InfoLabel/useInfoLabelStyles.styles.js.map +1 -1
  36. package/lib/components/InfoLabel/useInfoLabelStyles.styles.raw.js +47 -0
  37. package/lib/components/InfoLabel/useInfoLabelStyles.styles.raw.js.map +1 -0
  38. package/lib/index.js +2 -2
  39. package/lib/index.js.map +1 -1
  40. package/lib-commonjs/InfoButton.cjs +28 -0
  41. package/lib-commonjs/InfoButton.cjs.map +1 -0
  42. package/lib-commonjs/InfoLabel.cjs +28 -0
  43. package/lib-commonjs/InfoLabel.cjs.map +1 -0
  44. package/lib-commonjs/components/InfoButton/DefaultInfoButtonIcons.cjs.map +1 -0
  45. package/lib-commonjs/components/InfoButton/{InfoButton.js → InfoButton.cjs} +5 -4
  46. package/lib-commonjs/components/InfoButton/InfoButton.cjs.map +1 -0
  47. package/lib-commonjs/components/InfoButton/InfoButton.types.cjs +8 -0
  48. package/lib-commonjs/components/InfoButton/InfoButton.types.cjs.map +1 -0
  49. package/lib-commonjs/components/InfoButton/index.cjs +31 -0
  50. package/lib-commonjs/components/InfoButton/index.cjs.map +1 -0
  51. package/lib-commonjs/components/InfoButton/{renderInfoButton.js → renderInfoButton.cjs} +1 -1
  52. package/lib-commonjs/components/InfoButton/renderInfoButton.cjs.map +1 -0
  53. package/lib-commonjs/components/InfoButton/{useInfoButton.js → useInfoButton.cjs} +7 -6
  54. package/lib-commonjs/components/InfoButton/useInfoButton.cjs.map +1 -0
  55. package/lib-commonjs/components/InfoButton/{useInfoButtonStyles.styles.js → useInfoButtonStyles.styles.cjs} +62 -87
  56. package/lib-commonjs/components/InfoButton/useInfoButtonStyles.styles.cjs.map +1 -0
  57. package/lib-commonjs/components/InfoButton/useInfoButtonStyles.styles.raw.cjs +114 -0
  58. package/lib-commonjs/components/InfoButton/useInfoButtonStyles.styles.raw.cjs.map +1 -0
  59. package/lib-commonjs/components/InfoLabel/{InfoLabel.js → InfoLabel.cjs} +5 -4
  60. package/lib-commonjs/components/InfoLabel/InfoLabel.cjs.map +1 -0
  61. package/lib-commonjs/components/InfoLabel/InfoLabel.types.cjs +8 -0
  62. package/lib-commonjs/components/InfoLabel/InfoLabel.types.cjs.map +1 -0
  63. package/lib-commonjs/components/InfoLabel/index.cjs +31 -0
  64. package/lib-commonjs/components/InfoLabel/index.cjs.map +1 -0
  65. package/lib-commonjs/components/InfoLabel/{renderInfoLabel.js → renderInfoLabel.cjs} +1 -1
  66. package/lib-commonjs/components/InfoLabel/renderInfoLabel.cjs.map +1 -0
  67. package/lib-commonjs/components/InfoLabel/{useInfoLabel.js → useInfoLabel.cjs} +3 -2
  68. package/lib-commonjs/components/InfoLabel/useInfoLabel.cjs.map +1 -0
  69. package/lib-commonjs/components/InfoLabel/{useInfoLabelStyles.styles.js → useInfoLabelStyles.styles.cjs} +6 -2
  70. package/lib-commonjs/components/InfoLabel/useInfoLabelStyles.styles.cjs.map +1 -0
  71. package/lib-commonjs/components/InfoLabel/useInfoLabelStyles.styles.raw.cjs +59 -0
  72. package/lib-commonjs/components/InfoLabel/useInfoLabelStyles.styles.raw.cjs.map +1 -0
  73. package/lib-commonjs/{index.js → index.cjs} +12 -12
  74. package/lib-commonjs/index.cjs.map +1 -0
  75. package/package.json +25 -42
  76. package/lib-commonjs/InfoButton.js +0 -6
  77. package/lib-commonjs/InfoButton.js.map +0 -1
  78. package/lib-commonjs/InfoLabel.js +0 -6
  79. package/lib-commonjs/InfoLabel.js.map +0 -1
  80. package/lib-commonjs/components/InfoButton/DefaultInfoButtonIcons.js.map +0 -1
  81. package/lib-commonjs/components/InfoButton/InfoButton.js.map +0 -1
  82. package/lib-commonjs/components/InfoButton/InfoButton.types.js +0 -4
  83. package/lib-commonjs/components/InfoButton/InfoButton.types.js.map +0 -1
  84. package/lib-commonjs/components/InfoButton/index.js +0 -10
  85. package/lib-commonjs/components/InfoButton/index.js.map +0 -1
  86. package/lib-commonjs/components/InfoButton/renderInfoButton.js.map +0 -1
  87. package/lib-commonjs/components/InfoButton/useInfoButton.js.map +0 -1
  88. package/lib-commonjs/components/InfoButton/useInfoButtonStyles.styles.js.map +0 -1
  89. package/lib-commonjs/components/InfoLabel/InfoLabel.js.map +0 -1
  90. package/lib-commonjs/components/InfoLabel/InfoLabel.types.js +0 -4
  91. package/lib-commonjs/components/InfoLabel/InfoLabel.types.js.map +0 -1
  92. package/lib-commonjs/components/InfoLabel/index.js +0 -10
  93. package/lib-commonjs/components/InfoLabel/index.js.map +0 -1
  94. package/lib-commonjs/components/InfoLabel/renderInfoLabel.js.map +0 -1
  95. package/lib-commonjs/components/InfoLabel/useInfoLabel.js.map +0 -1
  96. package/lib-commonjs/components/InfoLabel/useInfoLabelStyles.styles.js.map +0 -1
  97. package/lib-commonjs/index.js.map +0 -1
  98. /package/lib-commonjs/components/InfoButton/{DefaultInfoButtonIcons.js → DefaultInfoButtonIcons.cjs} +0 -0
@@ -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":["/* eslint-disable deprecation/deprecation */ import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses } from '@griffel/react';\n/**\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */ export 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 *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\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,4CAA6C,SAASA,MAAM,QAAQ,uBAAuB;AAC3F,SAAAC,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD;AACA;AACA;AAAI,OAAO,MAAMC,mBAAmB,GAAG;EACnCC,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;AACA;AACA;AAAI,OAAO,MAAMK,2BAA2B,GAAIC,KAAK,IAAG;EACpDA,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"}
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":["/* eslint-disable @typescript-eslint/no-deprecated */ 'use client';\nimport { tokens } from \"@fluentui/react-theme\";\nimport { makeStyles, mergeClasses } from \"@griffel/react\";\n/**\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */ export 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 *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */ export const useInfoLabelStyles_unstable = (state)=>{\n // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring\n state.root.className = mergeClasses(infoLabelClassNames.root, state.root.className);\n const labelStyles = useLabelStyles();\n // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring\n state.label.className = mergeClasses(infoLabelClassNames.label, labelStyles.base, state.label.className);\n const infoButtonStyles = useInfoButtonStyles();\n if (state.infoButton) {\n // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring\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,qDAAsD,YAAY;;AAClE,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAAAC,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD;AACA;AACA;AAAI,OAAO,MAAMC,mBAAmB,GAAG;EACnCC,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;AACA;AACA;AAAI,OAAO,MAAMK,2BAA2B,GAAIC,KAAK,IAAG;EACpD;EACAA,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;EACpC;EACAW,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;IAClB;IACAY,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":[]}
@@ -0,0 +1,47 @@
1
+ /* eslint-disable @typescript-eslint/no-deprecated */ 'use client';
2
+ import { tokens } from "@fluentui/react-theme";
3
+ import { makeStyles, mergeClasses } from "@griffel/react";
4
+ /**
5
+ * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\@fluentui/react-components` or `\@fluentui/react-infolabel` instead
6
+ */ export const infoLabelClassNames = {
7
+ root: 'fui-InfoLabel',
8
+ label: 'fui-InfoLabel__label',
9
+ infoButton: 'fui-InfoLabel__infoButton'
10
+ };
11
+ const useLabelStyles = makeStyles({
12
+ base: {
13
+ verticalAlign: 'top',
14
+ cursor: 'inherit',
15
+ color: 'inherit'
16
+ }
17
+ });
18
+ const useInfoButtonStyles = makeStyles({
19
+ base: {
20
+ verticalAlign: 'top',
21
+ // Negative margin to align with the text
22
+ marginTop: `calc(0px - ${tokens.spacingVerticalXXS})`,
23
+ marginBottom: `calc(0px - ${tokens.spacingVerticalXXS})`
24
+ },
25
+ large: {
26
+ // Negative margin to align with the text
27
+ marginTop: '-1px',
28
+ marginBottom: '-1px'
29
+ }
30
+ });
31
+ /**
32
+ * Apply styling to the InfoLabel slots based on the state
33
+ *
34
+ * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\@fluentui/react-components` or `\@fluentui/react-infolabel` instead
35
+ */ export const useInfoLabelStyles_unstable = (state)=>{
36
+ // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring
37
+ state.root.className = mergeClasses(infoLabelClassNames.root, state.root.className);
38
+ const labelStyles = useLabelStyles();
39
+ // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring
40
+ state.label.className = mergeClasses(infoLabelClassNames.label, labelStyles.base, state.label.className);
41
+ const infoButtonStyles = useInfoButtonStyles();
42
+ if (state.infoButton) {
43
+ // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring
44
+ state.infoButton.className = mergeClasses(infoLabelClassNames.infoButton, infoButtonStyles.base, state.size === 'large' && infoButtonStyles.large, state.infoButton.className);
45
+ }
46
+ return state;
47
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/InfoLabel/useInfoLabelStyles.styles.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\n\n'use client';\n\nimport { tokens } from '@fluentui/react-theme';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { makeStyles, mergeClasses } from '@griffel/react';\nimport type { InfoLabelSlots, InfoLabelState } from './InfoLabel.types';\n\n/**\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */\nexport const infoLabelClassNames: SlotClassNames<InfoLabelSlots> = {\n root: 'fui-InfoLabel',\n label: 'fui-InfoLabel__label',\n infoButton: 'fui-InfoLabel__infoButton',\n};\n\nconst useLabelStyles = makeStyles({\n base: {\n verticalAlign: 'top',\n cursor: 'inherit',\n color: 'inherit',\n },\n});\n\nconst useInfoButtonStyles = makeStyles({\n base: {\n verticalAlign: 'top',\n\n // Negative margin to align with the text\n marginTop: `calc(0px - ${tokens.spacingVerticalXXS})`,\n marginBottom: `calc(0px - ${tokens.spacingVerticalXXS})`,\n },\n\n large: {\n // Negative margin to align with the text\n marginTop: '-1px',\n marginBottom: '-1px',\n },\n});\n\n/**\n * Apply styling to the InfoLabel slots based on the state\n *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */\nexport const useInfoLabelStyles_unstable = (state: InfoLabelState): InfoLabelState => {\n // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring\n state.root.className = mergeClasses(infoLabelClassNames.root, state.root.className);\n\n const labelStyles = useLabelStyles();\n // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring\n state.label.className = mergeClasses(infoLabelClassNames.label, labelStyles.base, state.label.className);\n\n const infoButtonStyles = useInfoButtonStyles();\n if (state.infoButton) {\n // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring\n state.infoButton.className = mergeClasses(\n infoLabelClassNames.infoButton,\n infoButtonStyles.base,\n state.size === 'large' && infoButtonStyles.large,\n state.infoButton.className,\n );\n }\n\n return state;\n};\n"],"names":["tokens","makeStyles","mergeClasses","infoLabelClassNames","root","label","infoButton","useLabelStyles","base","verticalAlign","cursor","color","useInfoButtonStyles","marginTop","spacingVerticalXXS","marginBottom","large","useInfoLabelStyles_unstable","state","className","labelStyles","infoButtonStyles","size"],"mappings":"AAAA,mDAAmD,GAEnD;AAEA,SAASA,MAAM,QAAQ,wBAAwB;AAE/C,SAASC,UAAU,EAAEC,YAAY,QAAQ,iBAAiB;AAG1D;;CAEC,GACD,OAAO,MAAMC,sBAAsD;IACjEC,MAAM;IACNC,OAAO;IACPC,YAAY;AACd,EAAE;AAEF,MAAMC,iBAAiBN,WAAW;IAChCO,MAAM;QACJC,eAAe;QACfC,QAAQ;QACRC,OAAO;IACT;AACF;AAEA,MAAMC,sBAAsBX,WAAW;IACrCO,MAAM;QACJC,eAAe;QAEf,yCAAyC;QACzCI,WAAW,CAAC,WAAW,EAAEb,OAAOc,kBAAkB,CAAC,CAAC,CAAC;QACrDC,cAAc,CAAC,WAAW,EAAEf,OAAOc,kBAAkB,CAAC,CAAC,CAAC;IAC1D;IAEAE,OAAO;QACL,yCAAyC;QACzCH,WAAW;QACXE,cAAc;IAChB;AACF;AAEA;;;;CAIC,GACD,OAAO,MAAME,8BAA8B,CAACC;IAC1C,mGAAmG;IACnGA,MAAMd,IAAI,CAACe,SAAS,GAAGjB,aAAaC,oBAAoBC,IAAI,EAAEc,MAAMd,IAAI,CAACe,SAAS;IAElF,MAAMC,cAAcb;IACpB,mGAAmG;IACnGW,MAAMb,KAAK,CAACc,SAAS,GAAGjB,aAAaC,oBAAoBE,KAAK,EAAEe,YAAYZ,IAAI,EAAEU,MAAMb,KAAK,CAACc,SAAS;IAEvG,MAAME,mBAAmBT;IACzB,IAAIM,MAAMZ,UAAU,EAAE;QACpB,mGAAmG;QACnGY,MAAMZ,UAAU,CAACa,SAAS,GAAGjB,aAC3BC,oBAAoBG,UAAU,EAC9Be,iBAAiBb,IAAI,EACrBU,MAAMI,IAAI,KAAK,WAAWD,iBAAiBL,KAAK,EAChDE,MAAMZ,UAAU,CAACa,SAAS;IAE9B;IAEA,OAAOD;AACT,EAAE"}
package/lib/index.js CHANGED
@@ -1,2 +1,2 @@
1
- /* eslint-disable deprecation/deprecation */ export { InfoButton, infoButtonClassNames, renderInfoButton_unstable, useInfoButtonStyles_unstable, useInfoButton_unstable } from './InfoButton';
2
- export { InfoLabel, infoLabelClassNames, renderInfoLabel_unstable, useInfoLabelStyles_unstable, useInfoLabel_unstable } from './InfoLabel';
1
+ /* eslint-disable @typescript-eslint/no-deprecated */ export { InfoButton, infoButtonClassNames, renderInfoButton_unstable, useInfoButtonStyles_unstable, useInfoButton_unstable } from "./InfoButton.js";
2
+ export { InfoLabel, infoLabelClassNames, renderInfoLabel_unstable, useInfoLabelStyles_unstable, useInfoLabel_unstable } from "./InfoLabel.js";
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["index.ts"],"sourcesContent":["/* eslint-disable deprecation/deprecation */\nexport {\n InfoButton,\n infoButtonClassNames,\n renderInfoButton_unstable,\n useInfoButtonStyles_unstable,\n useInfoButton_unstable,\n} from './InfoButton';\nexport type { InfoButtonProps, InfoButtonSlots, InfoButtonState } from './InfoButton';\nexport {\n InfoLabel,\n infoLabelClassNames,\n renderInfoLabel_unstable,\n useInfoLabelStyles_unstable,\n useInfoLabel_unstable,\n} from './InfoLabel';\nexport type { InfoLabelProps, InfoLabelSlots, InfoLabelState } from './InfoLabel';\n"],"names":["InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable","InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable"],"mappings":"AAAA,0CAA0C,GAC1C,SACEA,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,QACjB,eAAe;AAEtB,SACEC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,qBAAqB,QAChB,cAAc"}
1
+ {"version":3,"sources":["../src/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\nexport {\n InfoButton,\n infoButtonClassNames,\n renderInfoButton_unstable,\n useInfoButtonStyles_unstable,\n useInfoButton_unstable,\n} from './InfoButton';\nexport type { InfoButtonProps, InfoButtonSlots, InfoButtonState } from './InfoButton';\nexport {\n InfoLabel,\n infoLabelClassNames,\n renderInfoLabel_unstable,\n useInfoLabelStyles_unstable,\n useInfoLabel_unstable,\n} from './InfoLabel';\nexport type { InfoLabelProps, InfoLabelSlots, InfoLabelState } from './InfoLabel';\n"],"names":["InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable","InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable"],"mappings":"AAAA,mDAAmD,GACnD,SACEA,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,QACjB,kBAAe;AAEtB,SACEC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,qBAAqB,QAChB,iBAAc"}
@@ -0,0 +1,28 @@
1
+ /* eslint-disable @typescript-eslint/no-deprecated */ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ InfoButton: function() {
13
+ return _index.InfoButton;
14
+ },
15
+ infoButtonClassNames: function() {
16
+ return _index.infoButtonClassNames;
17
+ },
18
+ renderInfoButton_unstable: function() {
19
+ return _index.renderInfoButton_unstable;
20
+ },
21
+ useInfoButtonStyles_unstable: function() {
22
+ return _index.useInfoButtonStyles_unstable;
23
+ },
24
+ useInfoButton_unstable: function() {
25
+ return _index.useInfoButton_unstable;
26
+ }
27
+ });
28
+ const _index = require("./components/InfoButton/index.cjs");
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/InfoButton.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\nexport type { InfoButtonProps, InfoButtonSlots, InfoButtonState } from './components/InfoButton/index';\nexport {\n InfoButton,\n infoButtonClassNames,\n renderInfoButton_unstable,\n useInfoButtonStyles_unstable,\n useInfoButton_unstable,\n} from './components/InfoButton/index';\n"],"names":["InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable"],"mappings":"AAAA,mDAAmD,GAEnD;;;;;;;;;;;;eACEA,iBAAU;;;eACVC,2BAAoB;;;eACpBC,gCAAyB;;;eACzBC,mCAA4B;;;eAC5BC,6BAAsB;;;uBACjB,mCAAgC"}
@@ -0,0 +1,28 @@
1
+ /* eslint-disable @typescript-eslint/no-deprecated */ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ InfoLabel: function() {
13
+ return _index.InfoLabel;
14
+ },
15
+ infoLabelClassNames: function() {
16
+ return _index.infoLabelClassNames;
17
+ },
18
+ renderInfoLabel_unstable: function() {
19
+ return _index.renderInfoLabel_unstable;
20
+ },
21
+ useInfoLabelStyles_unstable: function() {
22
+ return _index.useInfoLabelStyles_unstable;
23
+ },
24
+ useInfoLabel_unstable: function() {
25
+ return _index.useInfoLabel_unstable;
26
+ }
27
+ });
28
+ const _index = require("./components/InfoLabel/index.cjs");
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/InfoLabel.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\nexport type { InfoLabelProps, InfoLabelSlots, InfoLabelState } from './components/InfoLabel/index';\nexport {\n InfoLabel,\n infoLabelClassNames,\n renderInfoLabel_unstable,\n useInfoLabelStyles_unstable,\n useInfoLabel_unstable,\n} from './components/InfoLabel/index';\n"],"names":["InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable"],"mappings":"AAAA,mDAAmD,GAEnD;;;;;;;;;;;;eACEA,gBAAS;;;eACTC,0BAAmB;;;eACnBC,+BAAwB;;;eACxBC,kCAA2B;;;eAC3BC,4BAAqB;;;uBAChB,kCAA+B"}
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/InfoButton/DefaultInfoButtonIcons.tsx"],"sourcesContent":["import {\n Info12Regular,\n Info12Filled,\n Info16Regular,\n Info16Filled,\n Info20Regular,\n Info20Filled,\n bundleIcon,\n} from '@fluentui/react-icons';\n\nexport const DefaultInfoButtonIcon12 = bundleIcon(Info12Filled, Info12Regular);\nexport const DefaultInfoButtonIcon16 = bundleIcon(Info16Filled, Info16Regular);\nexport const DefaultInfoButtonIcon20 = bundleIcon(Info20Filled, Info20Regular);\n"],"names":["Info12Regular","Info12Filled","Info16Regular","Info16Filled","Info20Regular","Info20Filled","bundleIcon","DefaultInfoButtonIcon12","DefaultInfoButtonIcon16","DefaultInfoButtonIcon20"],"mappings":";;;;;;;;;;;IAUaO,uBAAAA;;;2BACAC;;;2BACAC;;;;4BAJN,wBAAwB;AAExB,oCAAgCH,sBAAAA,EAAWL,wBAAAA,EAAcD,yBAAAA,EAAe;AACxE,MAAMQ,8BAA0BF,sBAAAA,EAAWH,wBAAAA,EAAcD,yBAAAA,EAAe;AACxE,MAAMO,8BAA0BH,sBAAAA,EAAWD,wBAAAA,EAAcD,yBAAAA,EAAe"}
@@ -1,4 +1,5 @@
1
- /* eslint-disable deprecation/deprecation */ "use strict";
1
+ /* eslint-disable @typescript-eslint/no-deprecated */ 'use client';
2
+ "use strict";
2
3
  Object.defineProperty(exports, "__esModule", {
3
4
  value: true
4
5
  });
@@ -10,9 +11,9 @@ Object.defineProperty(exports, "InfoButton", {
10
11
  });
11
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
- const _renderInfoButton = require("./renderInfoButton");
14
- const _useInfoButton = require("./useInfoButton");
15
- const _useInfoButtonStylesstyles = require("./useInfoButtonStyles.styles");
14
+ const _renderInfoButton = require("./renderInfoButton.cjs");
15
+ const _useInfoButton = require("./useInfoButton.cjs");
16
+ const _useInfoButtonStylesstyles = require("./useInfoButtonStyles.styles.cjs");
16
17
  const InfoButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
17
18
  const state = (0, _useInfoButton.useInfoButton_unstable)(props, ref);
18
19
  (0, _useInfoButtonStylesstyles.useInfoButtonStyles_unstable)(state);
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/InfoButton/InfoButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\n\n'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { renderInfoButton_unstable } from './renderInfoButton';\nimport { useInfoButton_unstable } from './useInfoButton';\nimport { useInfoButtonStyles_unstable } from './useInfoButtonStyles.styles';\nimport type { InfoButtonProps } from './InfoButton.types';\n\n/**\n * InfoButtons provide a way to display additional information about a form field or an area in the UI.\n *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */\nexport const InfoButton: ForwardRefComponent<InfoButtonProps> = React.forwardRef((props, ref) => {\n const state = useInfoButton_unstable(props, ref);\n\n useInfoButtonStyles_unstable(state);\n return renderInfoButton_unstable(state);\n});\n\nInfoButton.displayName = 'InfoButton';\n"],"names":["React","renderInfoButton_unstable","useInfoButton_unstable","useInfoButtonStyles_unstable","InfoButton","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,mDAAmD,GAEnD;;;;;;;;;;;;iEAEuB,QAAQ;kCAEW,wBAAqB;+BACxB,qBAAkB;2CACZ,kCAA+B;AAQrE,MAAMI,aAAAA,WAAAA,GAAmDJ,OAAMK,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,YAAQN,qCAAAA,EAAuBI,OAAOC;QAE5CJ,uDAAAA,EAA6BK;IAC7B,WAAOP,2CAAAA,EAA0BO;AACnC,GAAG;AAEHJ,WAAWK,WAAW,GAAG"}
@@ -0,0 +1,8 @@
1
+ /* eslint-disable @typescript-eslint/no-deprecated */ /**
2
+ * State used in rendering InfoButton
3
+ *
4
+ * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\@fluentui/react-components` or `\@fluentui/react-infolabel` instead
5
+ */ "use strict";
6
+ Object.defineProperty(exports, "__esModule", {
7
+ value: true
8
+ });
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/InfoButton/InfoButton.types.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { PopoverProps, PopoverSurface } from '@fluentui/react-popover';\n\n/**\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */\nexport type InfoButtonSlots = {\n root: NonNullable<Slot<'button'>>;\n\n /**\n * The Popover element that wraps the info and root slots. Use this slot to pass props to the Popover.\n */\n popover: NonNullable<Slot<Partial<Omit<PopoverProps, 'openOnHover'>>>>;\n\n /**\n * The information to be displayed in the PopoverSurface when the button is pressed.\n */\n info: NonNullable<Slot<typeof PopoverSurface>>;\n};\n\n/**\n * InfoButton Props\n *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */\nexport type InfoButtonProps = Omit<ComponentProps<Partial<InfoButtonSlots>>, 'disabled' | 'popover'> & {\n /**\n * Size of the InfoButton.\n *\n * @default medium\n */\n size?: 'small' | 'medium' | 'large';\n\n /**\n * Whether the InfoButton should be rendered inline or on a Portal.\n *\n * @default true\n */\n inline?: boolean;\n\n /**\n * The Popover element that wraps the info and root slots. Use this slot to pass props to the Popover.\n */\n popover?: InfoButtonSlots['popover'];\n};\n\n/**\n * State used in rendering InfoButton\n *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */\nexport type InfoButtonState = ComponentState<InfoButtonSlots> & Required<Pick<InfoButtonProps, 'inline' | 'size'>>;\n"],"names":[],"mappings":"AAAA,mDAAmD,GA+CnD;;;;CAIC,GACD,WAAmH"}
@@ -0,0 +1,31 @@
1
+ /* eslint-disable @typescript-eslint/no-deprecated */ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: all[name]
9
+ });
10
+ }
11
+ _export(exports, {
12
+ InfoButton: function() {
13
+ return _InfoButton.InfoButton;
14
+ },
15
+ infoButtonClassNames: function() {
16
+ return _useInfoButtonStylesstyles.infoButtonClassNames;
17
+ },
18
+ renderInfoButton_unstable: function() {
19
+ return _renderInfoButton.renderInfoButton_unstable;
20
+ },
21
+ useInfoButtonStyles_unstable: function() {
22
+ return _useInfoButtonStylesstyles.useInfoButtonStyles_unstable;
23
+ },
24
+ useInfoButton_unstable: function() {
25
+ return _useInfoButton.useInfoButton_unstable;
26
+ }
27
+ });
28
+ const _InfoButton = require("./InfoButton.cjs");
29
+ const _renderInfoButton = require("./renderInfoButton.cjs");
30
+ const _useInfoButton = require("./useInfoButton.cjs");
31
+ const _useInfoButtonStylesstyles = require("./useInfoButtonStyles.styles.cjs");
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/InfoButton/index.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\nexport { InfoButton } from './InfoButton';\nexport type { InfoButtonProps, InfoButtonSlots, InfoButtonState } from './InfoButton.types';\nexport { renderInfoButton_unstable } from './renderInfoButton';\nexport { useInfoButton_unstable } from './useInfoButton';\nexport { infoButtonClassNames, useInfoButtonStyles_unstable } from './useInfoButtonStyles.styles';\n"],"names":["InfoButton","renderInfoButton_unstable","useInfoButton_unstable","infoButtonClassNames","useInfoButtonStyles_unstable"],"mappings":"AAAA,mDAAmD,GACnD;;;;;;;;;;;;eAASA,sBAAU;;;eAIVG,+CAAoB;;;eAFpBF,2CAAyB;;;eAEHG,uDAA4B;;;eADlDF,qCAAsB;;;4BAHJ,kBAAe;kCAEA,wBAAqB;+BACxB,qBAAkB;2CACU,kCAA+B"}
@@ -1,4 +1,4 @@
1
- /* eslint-disable deprecation/deprecation */ "use strict";
1
+ /* eslint-disable @typescript-eslint/no-deprecated */ "use strict";
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/InfoButton/renderInfoButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\n/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport type * as React from 'react';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { PopoverTrigger } from '@fluentui/react-popover';\nimport type { InfoButtonState, InfoButtonSlots } from './InfoButton.types';\n\n/**\n * Render the final JSX of InfoButton\n *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */\nexport const renderInfoButton_unstable = (state: InfoButtonState): React.ReactElement => {\n assertSlots<InfoButtonSlots>(state);\n\n return (\n <state.popover>\n <PopoverTrigger>\n <state.root />\n </PopoverTrigger>\n <state.info />\n </state.popover>\n );\n};\n"],"names":["assertSlots","PopoverTrigger","renderInfoButton_unstable","state","popover","root","info"],"mappings":"AAAA,mDAAmD,GACnD,0BAA0B,GAC1B;;;;;;;;;;4BAAA,iCAAiD;gCAGrB,4BAA4B;8BACzB,0BAA0B;AAQlD,MAAME,4BAA4B,CAACC;QACxCH,2BAAAA,EAA6BG;IAE7B,OAAA,WAAA,OACE,gBAAA,EAACA,MAAMC,OAAO,EAAA;;8BACZ,eAAA,EAACH,4BAAAA,EAAAA;0BACC,WAAA,OAAA,eAAA,EAACE,MAAME,IAAI,EAAA,CAAA;;8BAEb,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;;;AAGjB,EAAE"}
@@ -1,4 +1,5 @@
1
- /* eslint-disable deprecation/deprecation */ "use strict";
1
+ /* eslint-disable @typescript-eslint/no-deprecated */ 'use client';
2
+ "use strict";
2
3
  Object.defineProperty(exports, "__esModule", {
3
4
  value: true
4
5
  });
@@ -10,7 +11,7 @@ Object.defineProperty(exports, "useInfoButton_unstable", {
10
11
  });
11
12
  const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
13
  const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
- const _DefaultInfoButtonIcons = require("./DefaultInfoButtonIcons");
14
+ const _DefaultInfoButtonIcons = require("./DefaultInfoButtonIcons.cjs");
14
15
  const _reactutilities = require("@fluentui/react-utilities");
15
16
  const _reactpopover = require("@fluentui/react-popover");
16
17
  const infoButtonIconMap = {
@@ -24,7 +25,7 @@ const popoverSizeMap = {
24
25
  large: 'medium'
25
26
  };
26
27
  const useInfoButton_unstable = (props, ref)=>{
27
- const { size = 'medium', inline = true } = props;
28
+ const { size = 'medium', inline = true, popover, info, ...rest } = props;
28
29
  const state = {
29
30
  inline,
30
31
  size,
@@ -37,7 +38,7 @@ const useInfoButton_unstable = (props, ref)=>{
37
38
  children: infoButtonIconMap[size],
38
39
  type: 'button',
39
40
  'aria-label': 'information',
40
- ...props,
41
+ ...rest,
41
42
  // FIXME:
42
43
  // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLButtonElement`
43
44
  // but since it would be a breaking change to fix it, we are casting ref to it's proper type
@@ -45,7 +46,7 @@ const useInfoButton_unstable = (props, ref)=>{
45
46
  }), {
46
47
  elementType: 'button'
47
48
  }),
48
- popover: _reactutilities.slot.always(props.popover, {
49
+ popover: _reactutilities.slot.always(popover, {
49
50
  defaultProps: {
50
51
  inline,
51
52
  positioning: 'above-start',
@@ -54,7 +55,7 @@ const useInfoButton_unstable = (props, ref)=>{
54
55
  },
55
56
  elementType: _reactpopover.Popover
56
57
  }),
57
- info: _reactutilities.slot.always(props.info, {
58
+ info: _reactutilities.slot.always(info, {
58
59
  defaultProps: {
59
60
  role: 'note',
60
61
  tabIndex: -1
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/InfoButton/useInfoButton.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */\n\n'use client';\n\nimport * as React from 'react';\nimport { DefaultInfoButtonIcon12, DefaultInfoButtonIcon16, DefaultInfoButtonIcon20 } from './DefaultInfoButtonIcons';\nimport {\n getIntrinsicElementProps,\n mergeCallbacks,\n useControllableState,\n slot,\n useMergedRefs,\n isHTMLElement,\n elementContains,\n} from '@fluentui/react-utilities';\nimport { Popover, PopoverSurface } from '@fluentui/react-popover';\nimport type { InfoButtonProps, InfoButtonState } from './InfoButton.types';\nimport type { PopoverProps } from '@fluentui/react-popover';\n\nconst infoButtonIconMap = {\n small: <DefaultInfoButtonIcon12 />,\n medium: <DefaultInfoButtonIcon16 />,\n large: <DefaultInfoButtonIcon20 />,\n} as const;\n\nconst popoverSizeMap = {\n small: 'small',\n medium: 'small',\n large: 'medium',\n} as const;\n\n/**\n * Create the state required to render InfoButton.\n *\n * The returned state can be modified with hooks such as useInfoButtonStyles_unstable,\n * before being passed to renderInfoButton_unstable.\n *\n * @param props - props from this instance of InfoButton\n * @param ref - reference to root HTMLElement of InfoButton\n *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */\nexport const useInfoButton_unstable = (props: InfoButtonProps, ref: React.Ref<HTMLElement>): InfoButtonState => {\n const { size = 'medium', inline = true, popover, info, ...rest } = props;\n\n const state: InfoButtonState = {\n inline,\n size,\n\n components: {\n root: 'button',\n popover: Popover as React.FC<Partial<PopoverProps>>,\n info: PopoverSurface,\n },\n\n root: slot.always(\n getIntrinsicElementProps('button', {\n children: infoButtonIconMap[size],\n type: 'button',\n 'aria-label': 'information',\n ...rest,\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLButtonElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLButtonElement>,\n }),\n { elementType: 'button' },\n ),\n popover: slot.always(popover, {\n defaultProps: {\n inline,\n positioning: 'above-start',\n size: popoverSizeMap[size],\n withArrow: true,\n },\n elementType: Popover as React.FC<Partial<Omit<PopoverProps, 'openOnHover'>>>,\n }),\n info: slot.always(info, {\n defaultProps: {\n role: 'note',\n tabIndex: -1,\n },\n elementType: PopoverSurface,\n }),\n };\n\n const [popoverOpen, setPopoverOpen] = useControllableState({\n state: state.popover.open,\n defaultState: state.popover.defaultOpen,\n initialState: false,\n });\n\n state.popover.open = popoverOpen;\n state.popover.onOpenChange = mergeCallbacks(state.popover.onOpenChange, (e, data) => setPopoverOpen(data.open));\n\n const focusOutRef = React.useCallback(\n (el: HTMLDivElement) => {\n if (!el) {\n return;\n }\n\n el.addEventListener('focusout', e => {\n const nextFocused = e.relatedTarget;\n\n if (isHTMLElement(nextFocused) && !elementContains(el, nextFocused)) {\n setPopoverOpen(false);\n }\n });\n },\n [setPopoverOpen],\n );\n\n state.info.ref = useMergedRefs(state.info.ref, focusOutRef);\n\n return state;\n};\n"],"names":["React","DefaultInfoButtonIcon12","DefaultInfoButtonIcon16","DefaultInfoButtonIcon20","getIntrinsicElementProps","mergeCallbacks","useControllableState","slot","useMergedRefs","isHTMLElement","elementContains","Popover","PopoverSurface","infoButtonIconMap","small","medium","large","popoverSizeMap","useInfoButton_unstable","props","ref","size","inline","popover","info","rest","state","components","root","always","children","type","elementType","defaultProps","positioning","withArrow","role","tabIndex","popoverOpen","setPopoverOpen","open","defaultState","defaultOpen","initialState","onOpenChange","e","data","focusOutRef","useCallback","el","addEventListener","nextFocused","relatedTarget"],"mappings":"AAAA,mDAAmD,GAEnD;;;;;;;;eAwCakB;;;;iEAtCU,QAAQ;wCAC2D,8BAA2B;gCAS9G,4BAA4B;8BACK,0BAA0B;AAIlE,MAAML,oBAAoB;IACxBC,OAAAA,WAAAA,GAAO,OAAA,aAAA,CAACb,+CAAAA,EAAAA;IACRc,QAAAA,WAAAA,GAAQ,OAAA,aAAA,CAACb,+CAAAA,EAAAA;IACTc,OAAAA,WAAAA,GAAO,OAAA,aAAA,CAACb,+CAAAA,EAAAA;AACV;AAEA,MAAMc,iBAAiB;IACrBH,OAAO;IACPC,QAAQ;IACRC,OAAO;AACT;AAaO,+BAA+B,CAACG,OAAwBC;IAC7D,MAAM,EAAEC,OAAO,QAAQ,EAAEC,SAAS,IAAI,EAAEC,OAAO,EAAEC,IAAI,EAAE,GAAGC,MAAM,GAAGN;IAEnE,MAAMO,QAAyB;QAC7BJ;QACAD;QAEAM,YAAY;YACVC,MAAM;YACNL,SAASZ,qBAAAA;YACTa,MAAMZ,4BAAAA;QACR;QAEAgB,MAAMrB,oBAAAA,CAAKsB,MAAM,KACfzB,wCAAAA,EAAyB,UAAU;YACjC0B,UAAUjB,iBAAiB,CAACQ,KAAK;YACjCU,MAAM;YACN,cAAc;YACd,GAAGN,IAAI;YACP,SAAS;YACT,+EAA+E;YAC/E,4FAA4F;YAC5FL,KAAKA;QACP,IACA;YAAEY,aAAa;QAAS;QAE1BT,SAAShB,oBAAAA,CAAKsB,MAAM,CAACN,SAAS;YAC5BU,cAAc;gBACZX;gBACAY,aAAa;gBACbb,MAAMJ,cAAc,CAACI,KAAK;gBAC1Bc,WAAW;YACb;YACAH,aAAarB,qBAAAA;QACf;QACAa,MAAMjB,oBAAAA,CAAKsB,MAAM,CAACL,MAAM;YACtBS,cAAc;gBACZG,MAAM;gBACNC,UAAU,CAAC;YACb;YACAL,aAAapB,4BAAAA;QACf;IACF;IAEA,MAAM,CAAC0B,aAAaC,eAAe,OAAGjC,oCAAAA,EAAqB;QACzDoB,OAAOA,MAAMH,OAAO,CAACiB,IAAI;QACzBC,cAAcf,MAAMH,OAAO,CAACmB,WAAW;QACvCC,cAAc;IAChB;IAEAjB,MAAMH,OAAO,CAACiB,IAAI,GAAGF;IACrBZ,MAAMH,OAAO,CAACqB,YAAY,OAAGvC,8BAAAA,EAAeqB,MAAMH,OAAO,CAACqB,YAAY,EAAE,CAACC,GAAGC,OAASP,eAAeO,KAAKN,IAAI;IAE7G,MAAMO,cAAc/C,OAAMgD,WAAW,CACnC,CAACC;QACC,IAAI,CAACA,IAAI;YACP;QACF;QAEAA,GAAGC,gBAAgB,CAAC,YAAYL,CAAAA;YAC9B,MAAMM,cAAcN,EAAEO,aAAa;YAEnC,QAAI3C,6BAAAA,EAAc0C,gBAAgB,KAACzC,+BAAAA,EAAgBuC,IAAIE,cAAc;gBACnEZ,eAAe;YACjB;QACF;IACF,GACA;QAACA;KAAe;IAGlBb,MAAMF,IAAI,CAACJ,GAAG,OAAGZ,6BAAAA,EAAckB,MAAMF,IAAI,CAACJ,GAAG,EAAE2B;IAE/C,OAAOrB;AACT,EAAE"}
@@ -1,4 +1,5 @@
1
- /* eslint-disable deprecation/deprecation */ "use strict";
1
+ /* eslint-disable @typescript-eslint/no-deprecated */ 'use client';
2
+ "use strict";
2
3
  Object.defineProperty(exports, "__esModule", {
3
4
  value: true
4
5
  });
@@ -99,14 +100,14 @@ const infoButtonClassNames = {
99
100
  sj55zd: "f1qj7y59",
100
101
  D0sxk3: "fgzdkf0",
101
102
  t6yez3: "f15q0o9g",
102
- Bsw6fvg: "f1rirnrt",
103
- Bbusuzp: "f1cg6951"
103
+ By8wz76: "f1nz3ub2",
104
+ B7iucu3: "f1205bnn"
104
105
  },
105
106
  highContrast: {
106
- Bbusuzp: "fn0tkbb",
107
- Bs6v0vm: "f1rp3av6",
108
- B46dtvo: "f1u7gwqv",
109
- gh1jta: "fl6kagl"
107
+ B7iucu3: "fslfhp6",
108
+ Bfsdueo: "f11s1vgy",
109
+ pb71ee: "f12b7wpn",
110
+ ik86qs: "f1u668rv"
110
111
  },
111
112
  focusIndicator: {
112
113
  Brovlpu: "ftqa4ok",
@@ -121,66 +122,42 @@ const infoButtonClassNames = {
121
122
  "ffh67wi",
122
123
  "f1d2448m"
123
124
  ],
124
- Bb7d1vk: "f226i61",
125
- zhwhgb: [
126
- "f13kzufm",
127
- "fsx75g8"
125
+ Bqhya38: "f1j6vpng",
126
+ Bwxa6fj: [
127
+ "f1pniga2",
128
+ "f1ffjurs"
128
129
  ],
129
- dhy2o1: "flujwa2",
130
- Gfyso: [
131
- "fsx75g8",
132
- "f13kzufm"
130
+ Bdhvstf: "f987i1v",
131
+ B7zbvrb: [
132
+ "f1ffjurs",
133
+ "f1pniga2"
133
134
  ],
134
135
  Bm4h7ae: "f15bsgw9",
135
136
  B7ys5i9: "f14e48fq",
136
137
  Busjfv9: "f18yb2kv",
137
138
  Bhk32uz: "fd6o370",
138
- Bf4ptjt: "fh1cnn4",
139
- kclons: [
140
- "fy7oxxb",
141
- "f184ne2d"
142
- ],
143
- Bhdgwq3: "fpukqih",
144
- Blkhhs4: [
145
- "f184ne2d",
146
- "fy7oxxb"
147
- ],
148
- Bqtpl0w: "frrh606",
149
- clg4pj: [
150
- "f1v5zibi",
151
- "fo2hd23"
152
- ],
153
- hgwjuy: "ful5kiu",
154
- Bonggc9: [
155
- "fo2hd23",
156
- "f1v5zibi"
157
- ],
158
- B1tsrr9: [
159
- "f1jqcqds",
160
- "ftffrms"
161
- ],
162
- Dah5zi: [
163
- "ftffrms",
164
- "f1jqcqds"
165
- ],
166
- Bkh64rk: [
167
- "f2e7qr6",
168
- "fsr1zz6"
169
- ],
170
- qqdqy8: [
171
- "fsr1zz6",
172
- "f2e7qr6"
173
- ],
174
- B6dhp37: "f1dvezut",
175
- i03rao: [
176
- "fd0oaoj",
177
- "f1cwg4i8"
178
- ],
179
- Boxcth7: "fjvm52t",
180
- Bsom6fd: [
181
- "f1cwg4i8",
182
- "fd0oaoj"
183
- ],
139
+ f6g5ot: 0,
140
+ Boxcth7: 0,
141
+ Bhdgwq3: 0,
142
+ hgwjuy: 0,
143
+ Bshpdp8: 0,
144
+ Bsom6fd: 0,
145
+ Blkhhs4: 0,
146
+ Bonggc9: 0,
147
+ Ddfuxk: 0,
148
+ i03rao: 0,
149
+ kclons: 0,
150
+ clg4pj: 0,
151
+ Bpqj9nj: 0,
152
+ B6dhp37: 0,
153
+ Bf4ptjt: 0,
154
+ Bqtpl0w: 0,
155
+ i4rwgc: "ffwy5si",
156
+ Dah5zi: 0,
157
+ B1tsrr9: 0,
158
+ qqdqy8: 0,
159
+ Bkh64rk: 0,
160
+ e3fwne: "f3znvyf",
184
161
  J0r882: "f57olzd",
185
162
  Bule8hv: [
186
163
  "f4stah7",
@@ -245,22 +222,18 @@ const infoButtonClassNames = {
245
222
  ".f14e48fq[data-fui-focus-visible]::after{position:absolute;}",
246
223
  ".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}",
247
224
  ".fd6o370[data-fui-focus-visible]::after{z-index:1;}",
248
- ".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}",
249
- ".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}",
250
- ".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}",
251
- ".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}",
252
- ".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}",
253
- ".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}",
254
- ".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}",
255
- ".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}",
256
- ".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}",
257
- ".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}",
258
- ".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}",
259
- ".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}",
260
- ".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}",
261
- ".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}",
262
- ".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}",
263
- ".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}",
225
+ [
226
+ ".ffwy5si[data-fui-focus-visible]::after{border:2px solid var(--colorStrokeFocus2);}",
227
+ {
228
+ p: -2
229
+ }
230
+ ],
231
+ [
232
+ ".f3znvyf[data-fui-focus-visible]::after{border-radius:var(--borderRadiusMedium);}",
233
+ {
234
+ p: -1
235
+ }
236
+ ],
264
237
  ".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}",
265
238
  ".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}",
266
239
  ".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}",
@@ -281,55 +254,55 @@ const infoButtonClassNames = {
281
254
  ],
282
255
  m: [
283
256
  [
284
- "@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}",
257
+ "@media (forced-colors: active){.f1nz3ub2{background-color:Highlight;}}",
285
258
  {
286
259
  m: "(forced-colors: active)"
287
260
  }
288
261
  ],
289
262
  [
290
- "@media (forced-colors: active){.f1cg6951{color:Canvas;}}",
263
+ "@media (forced-colors: active){.f1205bnn{color:Canvas;}}",
291
264
  {
292
265
  m: "(forced-colors: active)"
293
266
  }
294
267
  ],
295
268
  [
296
- "@media (forced-colors: active){.fn0tkbb{color:CanvasText;}}",
269
+ "@media (forced-colors: active){.fslfhp6{color:CanvasText;}}",
297
270
  {
298
271
  m: "(forced-colors: active)"
299
272
  }
300
273
  ],
301
274
  [
302
- "@media (forced-colors: active){.f1rp3av6:hover,.f1rp3av6:hover:active{forced-color-adjust:none;}}",
275
+ "@media (forced-colors: active){.f11s1vgy:hover,.f11s1vgy:hover:active{forced-color-adjust:none;}}",
303
276
  {
304
277
  m: "(forced-colors: active)"
305
278
  }
306
279
  ],
307
280
  [
308
- "@media (forced-colors: active){.f1u7gwqv:hover,.f1u7gwqv:hover:active{background-color:Highlight;}}",
281
+ "@media (forced-colors: active){.f12b7wpn:hover,.f12b7wpn:hover:active{background-color:Highlight;}}",
309
282
  {
310
283
  m: "(forced-colors: active)"
311
284
  }
312
285
  ],
313
286
  [
314
- "@media (forced-colors: active){.fl6kagl:hover,.fl6kagl:hover:active{color:Canvas;}}",
287
+ "@media (forced-colors: active){.f1u668rv:hover,.f1u668rv:hover:active{color:Canvas;}}",
315
288
  {
316
289
  m: "(forced-colors: active)"
317
290
  }
318
291
  ],
319
292
  [
320
- "@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}",
293
+ "@media (forced-colors: active){.f1j6vpng[data-fui-focus-visible]::after{border-top-color:Highlight;}}",
321
294
  {
322
295
  m: "(forced-colors: active)"
323
296
  }
324
297
  ],
325
298
  [
326
- "@media (forced-colors: active){.f13kzufm[data-fui-focus-visible]::after{border-right-color:Highlight;}.fsx75g8[data-fui-focus-visible]::after{border-left-color:Highlight;}}",
299
+ "@media (forced-colors: active){.f1ffjurs[data-fui-focus-visible]::after{border-left-color:Highlight;}.f1pniga2[data-fui-focus-visible]::after{border-right-color:Highlight;}}",
327
300
  {
328
301
  m: "(forced-colors: active)"
329
302
  }
330
303
  ],
331
304
  [
332
- "@media (forced-colors: active){.flujwa2[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}",
305
+ "@media (forced-colors: active){.f987i1v[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}",
333
306
  {
334
307
  m: "(forced-colors: active)"
335
308
  }
@@ -370,7 +343,9 @@ const useInfoButtonStyles_unstable = (state)=>{
370
343
  const { open } = state.popover;
371
344
  const buttonStyles = useButtonStyles();
372
345
  const popoverSurfaceStyles = usePopoverSurfaceStyles();
346
+ // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring
373
347
  state.info.className = (0, _react.mergeClasses)(infoButtonClassNames.info, size === 'large' ? popoverSurfaceStyles.large : popoverSurfaceStyles.smallMedium, state.info.className);
348
+ // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring
374
349
  state.root.className = (0, _react.mergeClasses)(infoButtonClassNames.root, buttonStyles.base, buttonStyles.highContrast, buttonStyles.focusIndicator, open && buttonStyles.selected, size === 'large' && buttonStyles.large, state.root.className);
375
350
  return state;
376
- }; //# sourceMappingURL=useInfoButtonStyles.styles.js.map
351
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["useInfoButtonStyles.styles.js"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-deprecated */ 'use client';\nimport { 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\";\n/**\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */ export 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 *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\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 ...shorthands.borderRadius(tokens.borderRadiusMedium),\n ...shorthands.margin(0),\n ...shorthands.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 ...shorthands.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 // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring\n state.info.className = mergeClasses(infoButtonClassNames.info, size === 'large' ? popoverSurfaceStyles.large : popoverSurfaceStyles.smallMedium, state.info.className);\n // eslint-disable-next-line react-hooks/immutability -- deprecated component, not worth refactoring\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"],"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","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","D0sxk3","t6yez3","Jwef8y","Bi91k9c","eoavqd","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","selected","By8wz76","B7iucu3","highContrast","Bfsdueo","pb71ee","ik86qs","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bqhya38","Bwxa6fj","Bdhvstf","B7zbvrb","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"],"mappings":"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"}