@fluentui/react-infobutton 9.0.0-beta.32 → 9.0.0-beta.34

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 (66) hide show
  1. package/CHANGELOG.json +91 -1
  2. package/CHANGELOG.md +30 -2
  3. package/lib/InfoButton.js +0 -1
  4. package/lib/InfoButton.js.map +1 -1
  5. package/lib/InfoLabel.js +0 -1
  6. package/lib/InfoLabel.js.map +1 -1
  7. package/lib/components/InfoButton/DefaultInfoButtonIcons.js +3 -4
  8. package/lib/components/InfoButton/DefaultInfoButtonIcons.js.map +1 -1
  9. package/lib/components/InfoButton/InfoButton.js +4 -6
  10. package/lib/components/InfoButton/InfoButton.js.map +1 -1
  11. package/lib/components/InfoButton/InfoButton.types.js +1 -2
  12. package/lib/components/InfoButton/InfoButton.types.js.map +1 -1
  13. package/lib/components/InfoButton/index.js +0 -1
  14. package/lib/components/InfoButton/index.js.map +1 -1
  15. package/lib/components/InfoButton/renderInfoButton.js +4 -9
  16. package/lib/components/InfoButton/renderInfoButton.js.map +1 -1
  17. package/lib/components/InfoButton/useInfoButton.js +46 -50
  18. package/lib/components/InfoButton/useInfoButton.js.map +1 -1
  19. package/lib/components/InfoButton/useInfoButtonStyles.styles.js +5 -5
  20. package/lib/components/InfoButton/useInfoButtonStyles.styles.js.map +1 -1
  21. package/lib/components/InfoLabel/InfoLabel.js +4 -6
  22. package/lib/components/InfoLabel/InfoLabel.js.map +1 -1
  23. package/lib/components/InfoLabel/InfoLabel.types.js +1 -2
  24. package/lib/components/InfoLabel/InfoLabel.types.js.map +1 -1
  25. package/lib/components/InfoLabel/index.js +0 -1
  26. package/lib/components/InfoLabel/index.js.map +1 -1
  27. package/lib/components/InfoLabel/renderInfoLabel.js +4 -9
  28. package/lib/components/InfoLabel/renderInfoLabel.js.map +1 -1
  29. package/lib/components/InfoLabel/useInfoLabel.js +49 -60
  30. package/lib/components/InfoLabel/useInfoLabel.js.map +1 -1
  31. package/lib/components/InfoLabel/useInfoLabelStyles.styles.js.map +1 -1
  32. package/lib/index.js +0 -1
  33. package/lib/index.js.map +1 -1
  34. package/lib-commonjs/InfoButton.js +0 -3
  35. package/lib-commonjs/InfoButton.js.map +1 -1
  36. package/lib-commonjs/InfoLabel.js +0 -3
  37. package/lib-commonjs/InfoLabel.js.map +1 -1
  38. package/lib-commonjs/components/InfoButton/DefaultInfoButtonIcons.js +3 -5
  39. package/lib-commonjs/components/InfoButton/DefaultInfoButtonIcons.js.map +1 -1
  40. package/lib-commonjs/components/InfoButton/InfoButton.js +1 -3
  41. package/lib-commonjs/components/InfoButton/InfoButton.js.map +1 -1
  42. package/lib-commonjs/components/InfoButton/InfoButton.types.js +0 -3
  43. package/lib-commonjs/components/InfoButton/InfoButton.types.js.map +1 -1
  44. package/lib-commonjs/components/InfoButton/index.js +0 -3
  45. package/lib-commonjs/components/InfoButton/index.js.map +1 -1
  46. package/lib-commonjs/components/InfoButton/renderInfoButton.js +1 -3
  47. package/lib-commonjs/components/InfoButton/renderInfoButton.js.map +1 -1
  48. package/lib-commonjs/components/InfoButton/useInfoButton.js +1 -3
  49. package/lib-commonjs/components/InfoButton/useInfoButton.js.map +1 -1
  50. package/lib-commonjs/components/InfoButton/useInfoButtonStyles.styles.js +12 -14
  51. package/lib-commonjs/components/InfoButton/useInfoButtonStyles.styles.js.map +1 -1
  52. package/lib-commonjs/components/InfoLabel/InfoLabel.js +1 -3
  53. package/lib-commonjs/components/InfoLabel/InfoLabel.js.map +1 -1
  54. package/lib-commonjs/components/InfoLabel/InfoLabel.types.js +0 -3
  55. package/lib-commonjs/components/InfoLabel/InfoLabel.types.js.map +1 -1
  56. package/lib-commonjs/components/InfoLabel/index.js +0 -3
  57. package/lib-commonjs/components/InfoLabel/index.js.map +1 -1
  58. package/lib-commonjs/components/InfoLabel/renderInfoLabel.js +1 -3
  59. package/lib-commonjs/components/InfoLabel/renderInfoLabel.js.map +1 -1
  60. package/lib-commonjs/components/InfoLabel/useInfoLabel.js +1 -3
  61. package/lib-commonjs/components/InfoLabel/useInfoLabel.js.map +1 -1
  62. package/lib-commonjs/components/InfoLabel/useInfoLabelStyles.styles.js +0 -2
  63. package/lib-commonjs/components/InfoLabel/useInfoLabelStyles.styles.js.map +1 -1
  64. package/lib-commonjs/index.js +0 -3
  65. package/lib-commonjs/index.js.map +1 -1
  66. package/package.json +8 -8
@@ -11,65 +11,54 @@ import { InfoButton } from '../InfoButton/InfoButton';
11
11
  *
12
12
  * @param props - props from this instance of InfoLabel
13
13
  * @param ref - reference to label element of InfoLabel
14
- */
15
- export const useInfoLabel_unstable = (props, ref) => {
16
- const {
17
- root: rootShorthand,
18
- label: labelShorthand,
19
- infoButton: infoButtonShorthand,
20
- info,
21
- size,
22
- className,
23
- style,
24
- ...labelProps
25
- } = props;
26
- const baseId = useId('infolabel-');
27
- const root = resolveShorthand(rootShorthand, {
28
- required: true,
29
- defaultProps: {
30
- className,
31
- style
32
- }
33
- });
34
- const label = resolveShorthand(labelShorthand, {
35
- required: true,
36
- defaultProps: {
37
- id: baseId + '__label',
38
- ref,
39
- size,
40
- ...labelProps
41
- }
42
- });
43
- const infoButton = resolveShorthand(infoButtonShorthand, {
44
- required: !!info,
45
- defaultProps: {
46
- id: baseId + '__infoButton',
47
- size,
48
- info
49
- }
50
- });
51
- if (infoButton) {
52
- var _infoButton_info;
53
- infoButton.info = resolveShorthand(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {
54
- defaultProps: {
55
- id: baseId + '__info'
56
- }
14
+ */ export const useInfoLabel_unstable = (props, ref)=>{
15
+ const { root: rootShorthand , label: labelShorthand , infoButton: infoButtonShorthand , info , size , className , style , ...labelProps } = props;
16
+ const baseId = useId('infolabel-');
17
+ const root = resolveShorthand(rootShorthand, {
18
+ required: true,
19
+ defaultProps: {
20
+ className,
21
+ style
22
+ }
57
23
  });
58
- var _;
59
- (_ = (_infoButton = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton[_arialabelledby] = `${label.id} ${infoButton.id}`;
60
- var _1;
61
- (_1 = (_root = root)[_ariaowns = 'aria-owns']) !== null && _1 !== void 0 ? _1 : _root[_ariaowns] = (_infoButton_info = infoButton.info) === null || _infoButton_info === void 0 ? void 0 : _infoButton_info.id;
62
- }
63
- return {
64
- size,
65
- components: {
66
- root: 'span',
67
- label: Label,
68
- infoButton: InfoButton
69
- },
70
- root,
71
- label,
72
- infoButton
73
- };
24
+ const label = resolveShorthand(labelShorthand, {
25
+ required: true,
26
+ defaultProps: {
27
+ id: baseId + '__label',
28
+ ref,
29
+ size,
30
+ ...labelProps
31
+ }
32
+ });
33
+ const infoButton = resolveShorthand(infoButtonShorthand, {
34
+ required: !!info,
35
+ defaultProps: {
36
+ id: baseId + '__infoButton',
37
+ size,
38
+ info
39
+ }
40
+ });
41
+ if (infoButton) {
42
+ var _infoButton_info;
43
+ infoButton.info = resolveShorthand(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {
44
+ defaultProps: {
45
+ id: baseId + '__info'
46
+ }
47
+ });
48
+ var _;
49
+ (_ = (_infoButton = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton[_arialabelledby] = `${label.id} ${infoButton.id}`;
50
+ var _1;
51
+ (_1 = (_root = root)[_ariaowns = 'aria-owns']) !== null && _1 !== void 0 ? _1 : _root[_ariaowns] = (_infoButton_info = infoButton.info) === null || _infoButton_info === void 0 ? void 0 : _infoButton_info.id;
52
+ }
53
+ return {
54
+ size,
55
+ components: {
56
+ root: 'span',
57
+ label: Label,
58
+ infoButton: InfoButton
59
+ },
60
+ root,
61
+ label,
62
+ infoButton
63
+ };
74
64
  };
75
- //# sourceMappingURL=useInfoLabel.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_infoButton","_arialabelledby","_root","_ariaowns","React","Label","resolveShorthand","useId","InfoButton","useInfoLabel_unstable","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","info","size","className","style","labelProps","baseId","required","defaultProps","id","_infoButton_info","_","_1","components"],"sources":["../../../src/components/InfoLabel/useInfoLabel.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { Label } from '@fluentui/react-label';\nimport { resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton/InfoButton';\nimport type { InfoLabelProps, InfoLabelState } from './InfoLabel.types';\n\n/**\n * Create the state required to render InfoLabel.\n *\n * The returned state can be modified with hooks such as useInfoLabelStyles_unstable,\n * before being passed to renderInfoLabel_unstable.\n *\n * @param props - props from this instance of InfoLabel\n * @param ref - reference to label element of InfoLabel\n */\nexport const useInfoLabel_unstable = (props: InfoLabelProps, ref: React.Ref<HTMLLabelElement>): InfoLabelState => {\n const {\n root: rootShorthand,\n label: labelShorthand,\n infoButton: infoButtonShorthand,\n info,\n size,\n className,\n style,\n ...labelProps\n } = props;\n const baseId = useId('infolabel-');\n\n const root = resolveShorthand(rootShorthand, {\n required: true,\n defaultProps: {\n className,\n style,\n },\n });\n\n const label = resolveShorthand(labelShorthand, {\n required: true,\n defaultProps: {\n id: baseId + '__label',\n ref,\n size,\n ...labelProps,\n },\n });\n\n const infoButton = resolveShorthand(infoButtonShorthand, {\n required: !!info,\n defaultProps: {\n id: baseId + '__infoButton',\n size,\n info,\n },\n });\n\n if (infoButton) {\n infoButton.info = resolveShorthand(infoButton?.info, {\n defaultProps: {\n id: baseId + '__info',\n },\n });\n\n infoButton['aria-labelledby'] ??= `${label.id} ${infoButton.id}`;\n root['aria-owns'] ??= infoButton.info?.id;\n }\n\n return {\n size,\n components: {\n root: 'span',\n label: Label,\n infoButton: InfoButton,\n },\n root,\n label,\n infoButton,\n };\n};\n"],"mappings":"IA+DIA,WAAA,EAAWC,eAAA,EACXC,KAAA,EAAKC,SAAA;AAhET,YAAYC,KAAA,MAAW;AAEvB,SAASC,KAAK,QAAQ;AACtB,SAASC,gBAAgB,EAAEC,KAAK,QAAQ;AACxC,SAASC,UAAU,QAAQ;AAG3B;;;;;;;;;AASA,OAAO,MAAMC,qBAAA,GAAwBA,CAACC,KAAA,EAAuBC,GAAA,KAAqD;EAChH,MAAM;IACJC,IAAA,EAAMC,aAAA;IACNC,KAAA,EAAOC,cAAA;IACPC,UAAA,EAAYC,mBAAA;IACZC,IAAA;IACAC,IAAA;IACAC,SAAA;IACAC,KAAA;IACA,GAAGC;EAAA,CACJ,GAAGZ,KAAA;EACJ,MAAMa,MAAA,GAAShB,KAAA,CAAM;EAErB,MAAMK,IAAA,GAAON,gBAAA,CAAiBO,aAAA,EAAe;IAC3CW,QAAA,EAAU,IAAI;IACdC,YAAA,EAAc;MACZL,SAAA;MACAC;IACF;EACF;EAEA,MAAMP,KAAA,GAAQR,gBAAA,CAAiBS,cAAA,EAAgB;IAC7CS,QAAA,EAAU,IAAI;IACdC,YAAA,EAAc;MACZC,EAAA,EAAIH,MAAA,GAAS;MACbZ,GAAA;MACAQ,IAAA;MACA,GAAGG;IACL;EACF;EAEA,MAAMN,UAAA,GAAaV,gBAAA,CAAiBW,mBAAA,EAAqB;IACvDO,QAAA,EAAU,CAAC,CAACN,IAAA;IACZO,YAAA,EAAc;MACZC,EAAA,EAAIH,MAAA,GAAS;MACbJ,IAAA;MACAD;IACF;EACF;EAEA,IAAIF,UAAA,EAAY;QAQQW,gBAAA;IAPtBX,UAAA,CAAWE,IAAI,GAAGZ,gBAAA,CAAiBU,UAAA,aAAAA,UAAA,uBAAAA,UAAA,CAAYE,IAAI,EAAE;MACnDO,YAAA,EAAc;QACZC,EAAA,EAAIH,MAAA,GAAS;MACf;IACF;;IAEA,CAAAK,CAAA,IAAA5B,WAAA,GAAAgB,UAAA,EAAWf,eAAA,qBAAkB,cAAA2B,CAAA,cAAAA,CAAA,GAA7B5B,WAAU,CAACC,eAAA,CAAkB,GAAM,GAAEa,KAAA,CAAMY,EAAG,IAAGV,UAAA,CAAWU,EAAG,EAAC;;IAChE,CAAAG,EAAA,IAAA3B,KAAA,GAAAU,IAAA,EAAKT,SAAA,eAAY,cAAA0B,EAAA,cAAAA,EAAA,GAAjB3B,KAAI,CAACC,SAAA,CAAY,GAAK,CAAAwB,gBAAA,GAAAX,UAAA,CAAWE,IAAI,cAAfS,gBAAA,uBAAAA,gBAAA,CAAiBD,EAAE;EAC3C;EAEA,OAAO;IACLP,IAAA;IACAW,UAAA,EAAY;MACVlB,IAAA,EAAM;MACNE,KAAA,EAAOT,KAAA;MACPW,UAAA,EAAYR;IACd;IACAI,IAAA;IACAE,KAAA;IACAE;EACF;AACF"}
1
+ {"version":3,"sources":["useInfoLabel.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { Label } from '@fluentui/react-label';\nimport { resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton/InfoButton';\nimport type { InfoLabelProps, InfoLabelState } from './InfoLabel.types';\n\n/**\n * Create the state required to render InfoLabel.\n *\n * The returned state can be modified with hooks such as useInfoLabelStyles_unstable,\n * before being passed to renderInfoLabel_unstable.\n *\n * @param props - props from this instance of InfoLabel\n * @param ref - reference to label element of InfoLabel\n */\nexport const useInfoLabel_unstable = (props: InfoLabelProps, ref: React.Ref<HTMLLabelElement>): InfoLabelState => {\n const {\n root: rootShorthand,\n label: labelShorthand,\n infoButton: infoButtonShorthand,\n info,\n size,\n className,\n style,\n ...labelProps\n } = props;\n const baseId = useId('infolabel-');\n\n const root = resolveShorthand(rootShorthand, {\n required: true,\n defaultProps: {\n className,\n style,\n },\n });\n\n const label = resolveShorthand(labelShorthand, {\n required: true,\n defaultProps: {\n id: baseId + '__label',\n ref,\n size,\n ...labelProps,\n },\n });\n\n const infoButton = resolveShorthand(infoButtonShorthand, {\n required: !!info,\n defaultProps: {\n id: baseId + '__infoButton',\n size,\n info,\n },\n });\n\n if (infoButton) {\n infoButton.info = resolveShorthand(infoButton?.info, {\n defaultProps: {\n id: baseId + '__info',\n },\n });\n\n infoButton['aria-labelledby'] ??= `${label.id} ${infoButton.id}`;\n root['aria-owns'] ??= infoButton.info?.id;\n }\n\n return {\n size,\n components: {\n root: 'span',\n label: Label,\n infoButton: InfoButton,\n },\n root,\n label,\n infoButton,\n };\n};\n"],"names":["infoButton","root","React","Label","resolveShorthand","useId","InfoButton","useInfoLabel_unstable","props","ref","rootShorthand","label","labelShorthand","infoButtonShorthand","info","size","className","style","labelProps","baseId","required","defaultProps","id","components"],"mappings":"IA+DIA,aAAW,iBACXC,OAAK;AAhET,YAAYC,WAAW,QAAQ;AAE/B,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,gBAAgB,EAAEC,KAAK,QAAQ,4BAA4B;AACpE,SAASC,UAAU,QAAQ,2BAA2B;AAGtD;;;;;;;;CAQC,GACD,OAAO,MAAMC,wBAAwB,CAACC,OAAuBC,MAAqD;IAChH,MAAM,EACJR,MAAMS,cAAa,EACnBC,OAAOC,eAAc,EACrBZ,YAAYa,oBAAmB,EAC/BC,KAAI,EACJC,KAAI,EACJC,UAAS,EACTC,MAAK,EACL,GAAGC,YACJ,GAAGV;IACJ,MAAMW,SAASd,MAAM;IAErB,MAAMJ,OAAOG,iBAAiBM,eAAe;QAC3CU,UAAU,IAAI;QACdC,cAAc;YACZL;YACAC;QACF;IACF;IAEA,MAAMN,QAAQP,iBAAiBQ,gBAAgB;QAC7CQ,UAAU,IAAI;QACdC,cAAc;YACZC,IAAIH,SAAS;YACbV;YACAM;YACA,GAAGG,UAAU;QACf;IACF;IAEA,MAAMlB,aAAaI,iBAAiBS,qBAAqB;QACvDO,UAAU,CAAC,CAACN;QACZO,cAAc;YACZC,IAAIH,SAAS;YACbJ;YACAD;QACF;IACF;IAEA,IAAId,YAAY;YAQQA;QAPtBA,WAAWc,IAAI,GAAGV,iBAAiBJ,uBAAAA,wBAAAA,KAAAA,IAAAA,WAAYc,IAAI,EAAE;YACnDO,cAAc;gBACZC,IAAIH,SAAS;YACf;QACF;;QAEAnB,MAAAA,cAAAA,WAAU,CAAC,kBAAA,kBAAkB,iCAA7BA,WAAU,CAAC,gBAAkB,GAAK,CAAC,EAAEW,MAAMW,EAAE,CAAC,CAAC,EAAEtB,WAAWsB,EAAE,CAAC,CAAC;;QAChErB,OAAAA,QAAAA,KAAI,CAAC,YAAA,YAAY,mCAAjBA,KAAI,CAAC,UAAY,GAAKD,CAAAA,mBAAAA,WAAWc,IAAI,cAAfd,8BAAAA,KAAAA,IAAAA,iBAAiBsB,EAAE;IAC3C,CAAC;IAED,OAAO;QACLP;QACAQ,YAAY;YACVtB,MAAM;YACNU,OAAOR;YACPH,YAAYM;QACd;QACAL;QACAU;QACAX;IACF;AACF,EAAE"}
@@ -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":["../../../src/components/InfoLabel/useInfoLabelStyles.styles.ts"],"sourcesContent":["import { 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\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 */\nexport const useInfoLabelStyles_unstable = (state: InfoLabelState): InfoLabelState => {\n state.root.className = mergeClasses(infoLabelClassNames.root, state.root.className);\n\n const labelStyles = useLabelStyles();\n state.label.className = mergeClasses(infoLabelClassNames.label, labelStyles.base, state.label.className);\n\n const infoButtonStyles = useInfoButtonStyles();\n if (state.infoButton) {\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"],"mappings":"AAAA,SAASA,MAAM,QAAQ;AAEvB,SAAAC,QAAA,EAAqBC,YAAY,QAAQ;AAGzC,OAAO,MAAMC,mBAAA,GAAsD;EACjEC,IAAA,EAAM;EACNC,KAAA,EAAO;EACPC,UAAA,EAAY;AACd;AAEA,MAAMC,cAAA,gBAAiBN,QAAA;EAAAO,IAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAMvB;AAEA,MAAMC,mBAAA,gBAAsBZ,QAAA;EAAAO,IAAA;IAAAC,MAAA;IAAAK,OAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAF,OAAA;IAAAC,MAAA;EAAA;AAAA;EAAAH,CAAA;AAAA,EAc5B;AAEA;;;AAGA,OAAO,MAAMK,2BAAA,GAA+BC,KAAA,IAA0C;EACpFA,KAAA,CAAMd,IAAI,CAACe,SAAS,GAAGjB,YAAA,CAAaC,mBAAA,CAAoBC,IAAI,EAAEc,KAAA,CAAMd,IAAI,CAACe,SAAS;EAElF,MAAMC,WAAA,GAAcb,cAAA;EACpBW,KAAA,CAAMb,KAAK,CAACc,SAAS,GAAGjB,YAAA,CAAaC,mBAAA,CAAoBE,KAAK,EAAEe,WAAA,CAAYZ,IAAI,EAAEU,KAAA,CAAMb,KAAK,CAACc,SAAS;EAEvG,MAAME,gBAAA,GAAmBR,mBAAA;EACzB,IAAIK,KAAA,CAAMZ,UAAU,EAAE;IACpBY,KAAA,CAAMZ,UAAU,CAACa,SAAS,GAAGjB,YAAA,CAC3BC,mBAAA,CAAoBG,UAAU,EAC9Be,gBAAA,CAAiBb,IAAI,EACrBU,KAAA,CAAMI,IAAI,KAAK,WAAWD,gBAAA,CAAiBL,KAAK,EAChDE,KAAA,CAAMZ,UAAU,CAACa,SAAS;EAE9B;EAEA,OAAOD,KAAA;AACT"}
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;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"}
package/lib/index.js CHANGED
@@ -1,3 +1,2 @@
1
1
  export { InfoButton, infoButtonClassNames, renderInfoButton_unstable, useInfoButtonStyles_unstable, useInfoButton_unstable } from './InfoButton';
2
2
  export { InfoLabel, infoLabelClassNames, renderInfoLabel_unstable, useInfoLabelStyles_unstable, useInfoLabel_unstable } from './InfoLabel';
3
- //# sourceMappingURL=index.js.map
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable","InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable"],"sources":["../src/index.ts"],"sourcesContent":["export {\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"],"mappings":"AAAA,SACEA,UAAU,EACVC,oBAAoB,EACpBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,QACjB;AAEP,SACEC,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,2BAA2B,EAC3BC,qBAAqB,QAChB"}
1
+ {"version":3,"sources":["index.ts"],"sourcesContent":["export {\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,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"}
@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
6
  _exportStar(require("./components/InfoButton/index"), exports);
7
- //# sourceMappingURL=InfoButton.js.map
8
-
9
- //# sourceMappingURL=InfoButton.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../lib/InfoButton.js"],"sourcesContent":["export * from './components/InfoButton/index';\n//# sourceMappingURL=InfoButton.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,sCAAsC"}
1
+ {"version":3,"sources":["InfoButton.js"],"sourcesContent":["export * from './components/InfoButton/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
@@ -4,6 +4,3 @@ Object.defineProperty(exports, "__esModule", {
4
4
  });
5
5
  const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
6
6
  _exportStar(require("./components/InfoLabel/index"), exports);
7
- //# sourceMappingURL=InfoLabel.js.map
8
-
9
- //# sourceMappingURL=InfoLabel.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../lib/InfoLabel.js"],"sourcesContent":["export * from './components/InfoLabel/index';\n//# sourceMappingURL=InfoLabel.js.map"],"names":[],"mappings":";;;;;oBAAc;CACd,qCAAqC"}
1
+ {"version":3,"sources":["InfoLabel.js"],"sourcesContent":["export * from './components/InfoLabel/index';\n"],"names":[],"mappings":";;;;;oBAAc"}
@@ -14,8 +14,6 @@ _export(exports, {
14
14
  DefaultInfoButtonIcon20: ()=>DefaultInfoButtonIcon20
15
15
  });
16
16
  const _reactIcons = require("@fluentui/react-icons");
17
- const DefaultInfoButtonIcon12 = /*#__PURE__*/ (0, _reactIcons.bundleIcon)(_reactIcons.Info12Filled, _reactIcons.Info12Regular);
18
- const DefaultInfoButtonIcon16 = /*#__PURE__*/ (0, _reactIcons.bundleIcon)(_reactIcons.Info16Filled, _reactIcons.Info16Regular);
19
- const DefaultInfoButtonIcon20 = /*#__PURE__*/ (0, _reactIcons.bundleIcon)(_reactIcons.Info20Filled, _reactIcons.Info20Regular); //# sourceMappingURL=DefaultInfoButtonIcons.js.map
20
-
21
- //# sourceMappingURL=DefaultInfoButtonIcons.js.map
17
+ const DefaultInfoButtonIcon12 = (0, _reactIcons.bundleIcon)(_reactIcons.Info12Filled, _reactIcons.Info12Regular);
18
+ const DefaultInfoButtonIcon16 = (0, _reactIcons.bundleIcon)(_reactIcons.Info16Filled, _reactIcons.Info16Regular);
19
+ const DefaultInfoButtonIcon20 = (0, _reactIcons.bundleIcon)(_reactIcons.Info20Filled, _reactIcons.Info20Regular);
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/InfoButton/DefaultInfoButtonIcons.js"],"sourcesContent":["import { Info12Regular, Info12Filled, Info16Regular, Info16Filled, Info20Regular, Info20Filled, bundleIcon } from '@fluentui/react-icons';\nexport const DefaultInfoButtonIcon12 = /*#__PURE__*/bundleIcon(Info12Filled, Info12Regular);\nexport const DefaultInfoButtonIcon16 = /*#__PURE__*/bundleIcon(Info16Filled, Info16Regular);\nexport const DefaultInfoButtonIcon20 = /*#__PURE__*/bundleIcon(Info20Filled, Info20Regular);\n//# sourceMappingURL=DefaultInfoButtonIcons.js.map"],"names":["DefaultInfoButtonIcon12","DefaultInfoButtonIcon16","DefaultInfoButtonIcon20","bundleIcon","Info12Filled","Info12Regular","Info16Filled","Info16Regular","Info20Filled","Info20Regular"],"mappings":";;;;;;;;;;;IACaA,uBAAuB,MAAvBA;IACAC,uBAAuB,MAAvBA;IACAC,uBAAuB,MAAvBA;;4BAHqG;AAC3G,MAAMF,0BAA0B,WAAW,GAAEG,IAAAA,sBAAU,EAACC,wBAAY,EAAEC,yBAAa;AACnF,MAAMJ,0BAA0B,WAAW,GAAEE,IAAAA,sBAAU,EAACG,wBAAY,EAAEC,yBAAa;AACnF,MAAML,0BAA0B,WAAW,GAAEC,IAAAA,sBAAU,EAACK,wBAAY,EAAEC,yBAAa,GAC1F,kDAAkD"}
1
+ {"version":3,"sources":["DefaultInfoButtonIcons.js"],"sourcesContent":["import { Info12Regular, Info12Filled, Info16Regular, Info16Filled, Info20Regular, Info20Filled, bundleIcon } from '@fluentui/react-icons';\nexport const DefaultInfoButtonIcon12 = bundleIcon(Info12Filled, Info12Regular);\nexport const DefaultInfoButtonIcon16 = bundleIcon(Info16Filled, Info16Regular);\nexport const DefaultInfoButtonIcon20 = bundleIcon(Info20Filled, Info20Regular);\n"],"names":["DefaultInfoButtonIcon12","DefaultInfoButtonIcon16","DefaultInfoButtonIcon20","bundleIcon","Info12Filled","Info12Regular","Info16Filled","Info16Regular","Info20Filled","Info20Regular"],"mappings":";;;;;;;;;;;IACaA,uBAAuB,MAAvBA;IACAC,uBAAuB,MAAvBA;IACAC,uBAAuB,MAAvBA;;4BAHqG;AAC3G,MAAMF,0BAA0BG,IAAAA,sBAAU,EAACC,wBAAY,EAAEC,yBAAa;AACtE,MAAMJ,0BAA0BE,IAAAA,sBAAU,EAACG,wBAAY,EAAEC,yBAAa;AACtE,MAAML,0BAA0BC,IAAAA,sBAAU,EAACK,wBAAY,EAAEC,yBAAa"}
@@ -16,6 +16,4 @@ const InfoButton = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
16
16
  (0, _useInfoButtonStylesStyles.useInfoButtonStyles_unstable)(state);
17
17
  return (0, _renderInfoButton.renderInfoButton_unstable)(state);
18
18
  });
19
- InfoButton.displayName = 'InfoButton'; //# sourceMappingURL=InfoButton.js.map
20
-
21
- //# sourceMappingURL=InfoButton.js.map
19
+ InfoButton.displayName = 'InfoButton';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/InfoButton/InfoButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderInfoButton_unstable } from './renderInfoButton';\nimport { useInfoButton_unstable } from './useInfoButton';\nimport { useInfoButtonStyles_unstable } from './useInfoButtonStyles.styles';\n/**\n * InfoButtons provide a way to display additional information about a form field or an area in the UI.\n */\nexport const InfoButton = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useInfoButton_unstable(props, ref);\n useInfoButtonStyles_unstable(state);\n return renderInfoButton_unstable(state);\n});\nInfoButton.displayName = 'InfoButton';\n//# sourceMappingURL=InfoButton.js.map"],"names":["InfoButton","React","forwardRef","props","ref","state","useInfoButton_unstable","useInfoButtonStyles_unstable","renderInfoButton_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;kCACmB;+BACH;2CACM;AAItC,MAAMA,aAAa,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACtE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7B,OAAOG,IAAAA,2CAAyB,EAACH;AACnC;AACAL,WAAWS,WAAW,GAAG,cACzB,sCAAsC"}
1
+ {"version":3,"sources":["InfoButton.js"],"sourcesContent":["import * as React from 'react';\nimport { renderInfoButton_unstable } from './renderInfoButton';\nimport { useInfoButton_unstable } from './useInfoButton';\nimport { useInfoButtonStyles_unstable } from './useInfoButtonStyles.styles';\n/**\n * InfoButtons provide a way to display additional information about a form field or an area in the UI.\n */ export const InfoButton = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useInfoButton_unstable(props, ref);\n useInfoButtonStyles_unstable(state);\n return renderInfoButton_unstable(state);\n});\nInfoButton.displayName = 'InfoButton';\n"],"names":["InfoButton","React","forwardRef","props","ref","state","useInfoButton_unstable","useInfoButtonStyles_unstable","renderInfoButton_unstable","displayName"],"mappings":";;;;+BAMiBA;;aAAAA;;;6DANM;kCACmB;+BACH;2CACM;AAGlC,MAAMA,aAAa,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACvE,MAAMC,QAAQC,IAAAA,qCAAsB,EAACH,OAAOC;IAC5CG,IAAAA,uDAA4B,EAACF;IAC7B,OAAOG,IAAAA,2CAAyB,EAACH;AACrC;AACAL,WAAWS,WAAW,GAAG"}
@@ -2,6 +2,3 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- //# sourceMappingURL=InfoButton.types.js.map
6
-
7
- //# sourceMappingURL=InfoButton.types.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/InfoButton/InfoButton.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=InfoButton.types.js.map"],"names":[],"mappings":";;;;CACA,4CAA4C"}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -8,6 +8,3 @@ _exportStar(require("./InfoButton.types"), exports);
8
8
  _exportStar(require("./renderInfoButton"), exports);
9
9
  _exportStar(require("./useInfoButton"), exports);
10
10
  _exportStar(require("./useInfoButtonStyles.styles"), exports);
11
- //# sourceMappingURL=index.js.map
12
-
13
- //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/InfoButton/index.js"],"sourcesContent":["export * from './InfoButton';\nexport * from './InfoButton.types';\nexport * from './renderInfoButton';\nexport * from './useInfoButton';\nexport * from './useInfoButtonStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './InfoButton';\nexport * from './InfoButton.types';\nexport * from './renderInfoButton';\nexport * from './useInfoButton';\nexport * from './useInfoButtonStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
@@ -12,6 +12,4 @@ const _reactPopover = require("@fluentui/react-popover");
12
12
  const renderInfoButton_unstable = (state)=>{
13
13
  const { slots , slotProps } = (0, _reactUtilities.getSlotsNext)(state);
14
14
  return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.popover, slotProps.popover, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_reactPopover.PopoverTrigger, null, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root)), /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.info, slotProps.info));
15
- }; //# sourceMappingURL=renderInfoButton.js.map
16
-
17
- //# sourceMappingURL=renderInfoButton.js.map
15
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/InfoButton/renderInfoButton.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { PopoverTrigger } from '@fluentui/react-popover';\n/**\n * Render the final JSX of InfoButton\n */\nexport const renderInfoButton_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlotsNext(state);\n return /*#__PURE__*/createElement(slots.popover, slotProps.popover, /*#__PURE__*/createElement(PopoverTrigger, null, /*#__PURE__*/createElement(slots.root, slotProps.root)), /*#__PURE__*/createElement(slots.info, slotProps.info));\n};\n//# sourceMappingURL=renderInfoButton.js.map"],"names":["renderInfoButton_unstable","state","slots","slotProps","getSlotsNext","createElement","popover","PopoverTrigger","root","info"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAMrCA;;aAAAA;;iCANqE;gCACrD;8BACE;AAIxB,MAAMA,4BAA4BC,CAAAA,QAAS;IAChD,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACH;IACjB,OAAO,WAAW,GAAEI,IAAAA,8BAAa,EAACH,MAAMI,OAAO,EAAEH,UAAUG,OAAO,EAAE,WAAW,GAAED,IAAAA,8BAAa,EAACE,4BAAc,EAAE,IAAI,EAAE,WAAW,GAAEF,IAAAA,8BAAa,EAACH,MAAMM,IAAI,EAAEL,UAAUK,IAAI,IAAI,WAAW,GAAEH,IAAAA,8BAAa,EAACH,MAAMO,IAAI,EAAEN,UAAUM,IAAI;AACrO,GACA,4CAA4C"}
1
+ {"version":3,"sources":["renderInfoButton.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { PopoverTrigger } from '@fluentui/react-popover';\n/**\n * Render the final JSX of InfoButton\n */ export const renderInfoButton_unstable = (state)=>{\n const { slots , slotProps } = getSlotsNext(state);\n return /*#__PURE__*/ createElement(slots.popover, slotProps.popover, /*#__PURE__*/ createElement(PopoverTrigger, null, /*#__PURE__*/ createElement(slots.root, slotProps.root)), /*#__PURE__*/ createElement(slots.info, slotProps.info));\n};\n"],"names":["renderInfoButton_unstable","state","slots","slotProps","getSlotsNext","createElement","popover","PopoverTrigger","root","info"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;8BACE;AAGpB,MAAMA,4BAA4B,CAACC,QAAQ;IAClD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,OAAO,EAAEH,UAAUG,OAAO,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACE,4BAAc,EAAE,IAAI,EAAE,WAAW,GAAGF,IAAAA,8BAAa,EAACH,MAAMM,IAAI,EAAEL,UAAUK,IAAI,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMO,IAAI,EAAEN,UAAUM,IAAI;AAC3O"}
@@ -61,6 +61,4 @@ const useInfoButton_unstable = (props, ref)=>{
61
61
  state.popover.open = popoverOpen;
62
62
  state.popover.onOpenChange = (0, _reactUtilities.mergeCallbacks)(state.popover.onOpenChange, (e, data)=>setPopoverOpen(data.open));
63
63
  return state;
64
- }; //# sourceMappingURL=useInfoButton.js.map
65
-
66
- //# sourceMappingURL=useInfoButton.js.map
64
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/InfoButton/useInfoButton.js"],"sourcesContent":["import * as React from 'react';\nimport { DefaultInfoButtonIcon12, DefaultInfoButtonIcon16, DefaultInfoButtonIcon20 } from './DefaultInfoButtonIcons';\nimport { getNativeElementProps, mergeCallbacks, resolveShorthand } from '@fluentui/react-utilities';\nimport { Popover, PopoverSurface } from '@fluentui/react-popover';\nimport { useControllableState } from '@fluentui/react-utilities';\nconst infoButtonIconMap = {\n small: /*#__PURE__*/React.createElement(DefaultInfoButtonIcon12, null),\n medium: /*#__PURE__*/React.createElement(DefaultInfoButtonIcon16, null),\n large: /*#__PURE__*/React.createElement(DefaultInfoButtonIcon20, null)\n};\nconst popoverSizeMap = {\n small: 'small',\n medium: 'small',\n large: 'medium'\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 */\nexport const useInfoButton_unstable = (props, ref) => {\n const {\n size = 'medium'\n } = props;\n const state = {\n size,\n components: {\n root: 'button',\n popover: Popover,\n info: PopoverSurface\n },\n root: getNativeElementProps('button', {\n children: infoButtonIconMap[size],\n type: 'button',\n 'aria-label': 'information',\n ...props,\n ref\n }),\n popover: resolveShorthand(props.popover, {\n required: true,\n defaultProps: {\n positioning: 'above-start',\n size: popoverSizeMap[size],\n withArrow: true\n }\n }),\n info: resolveShorthand(props.info, {\n required: true,\n defaultProps: {\n role: 'note',\n tabIndex: -1\n }\n })\n };\n const [popoverOpen, setPopoverOpen] = useControllableState({\n state: state.popover.open,\n defaultState: state.popover.defaultOpen,\n initialState: false\n });\n state.popover.open = popoverOpen;\n state.popover.onOpenChange = mergeCallbacks(state.popover.onOpenChange, (e, data) => setPopoverOpen(data.open));\n return state;\n};\n//# sourceMappingURL=useInfoButton.js.map"],"names":["useInfoButton_unstable","infoButtonIconMap","small","React","createElement","DefaultInfoButtonIcon12","medium","DefaultInfoButtonIcon16","large","DefaultInfoButtonIcon20","popoverSizeMap","props","ref","size","state","components","root","popover","Popover","info","PopoverSurface","getNativeElementProps","children","type","resolveShorthand","required","defaultProps","positioning","withArrow","role","tabIndex","popoverOpen","setPopoverOpen","useControllableState","open","defaultState","defaultOpen","initialState","onOpenChange","mergeCallbacks","e","data"],"mappings":";;;;+BAwBaA;;aAAAA;;;6DAxBU;wCACmE;gCAClB;8BAChC;AAExC,MAAMC,oBAAoB;IACxBC,OAAO,WAAW,GAAEC,OAAMC,aAAa,CAACC,+CAAuB,EAAE,IAAI;IACrEC,QAAQ,WAAW,GAAEH,OAAMC,aAAa,CAACG,+CAAuB,EAAE,IAAI;IACtEC,OAAO,WAAW,GAAEL,OAAMC,aAAa,CAACK,+CAAuB,EAAE,IAAI;AACvE;AACA,MAAMC,iBAAiB;IACrBR,OAAO;IACPI,QAAQ;IACRE,OAAO;AACT;AAUO,MAAMR,yBAAyB,CAACW,OAAOC,MAAQ;IACpD,MAAM,EACJC,MAAO,SAAQ,EAChB,GAAGF;IACJ,MAAMG,QAAQ;QACZD;QACAE,YAAY;YACVC,MAAM;YACNC,SAASC,qBAAO;YAChBC,MAAMC,4BAAc;QACtB;QACAJ,MAAMK,IAAAA,qCAAqB,EAAC,UAAU;YACpCC,UAAUrB,iBAAiB,CAACY,KAAK;YACjCU,MAAM;YACN,cAAc;YACd,GAAGZ,KAAK;YACRC;QACF;QACAK,SAASO,IAAAA,gCAAgB,EAACb,MAAMM,OAAO,EAAE;YACvCQ,UAAU,IAAI;YACdC,cAAc;gBACZC,aAAa;gBACbd,MAAMH,cAAc,CAACG,KAAK;gBAC1Be,WAAW,IAAI;YACjB;QACF;QACAT,MAAMK,IAAAA,gCAAgB,EAACb,MAAMQ,IAAI,EAAE;YACjCM,UAAU,IAAI;YACdC,cAAc;gBACZG,MAAM;gBACNC,UAAU,CAAC;YACb;QACF;IACF;IACA,MAAM,CAACC,aAAaC,eAAe,GAAGC,IAAAA,oCAAoB,EAAC;QACzDnB,OAAOA,MAAMG,OAAO,CAACiB,IAAI;QACzBC,cAAcrB,MAAMG,OAAO,CAACmB,WAAW;QACvCC,cAAc,KAAK;IACrB;IACAvB,MAAMG,OAAO,CAACiB,IAAI,GAAGH;IACrBjB,MAAMG,OAAO,CAACqB,YAAY,GAAGC,IAAAA,8BAAc,EAACzB,MAAMG,OAAO,CAACqB,YAAY,EAAE,CAACE,GAAGC,OAAST,eAAeS,KAAKP,IAAI;IAC7G,OAAOpB;AACT,GACA,yCAAyC"}
1
+ {"version":3,"sources":["useInfoButton.js"],"sourcesContent":["import * as React from 'react';\nimport { DefaultInfoButtonIcon12, DefaultInfoButtonIcon16, DefaultInfoButtonIcon20 } from './DefaultInfoButtonIcons';\nimport { getNativeElementProps, mergeCallbacks, resolveShorthand } from '@fluentui/react-utilities';\nimport { Popover, PopoverSurface } from '@fluentui/react-popover';\nimport { useControllableState } from '@fluentui/react-utilities';\nconst infoButtonIconMap = {\n small: /*#__PURE__*/ React.createElement(DefaultInfoButtonIcon12, null),\n medium: /*#__PURE__*/ React.createElement(DefaultInfoButtonIcon16, null),\n large: /*#__PURE__*/ React.createElement(DefaultInfoButtonIcon20, null)\n};\nconst popoverSizeMap = {\n small: 'small',\n medium: 'small',\n large: 'medium'\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 */ export const useInfoButton_unstable = (props, ref)=>{\n const { size ='medium' } = props;\n const state = {\n size,\n components: {\n root: 'button',\n popover: Popover,\n info: PopoverSurface\n },\n root: getNativeElementProps('button', {\n children: infoButtonIconMap[size],\n type: 'button',\n 'aria-label': 'information',\n ...props,\n ref\n }),\n popover: resolveShorthand(props.popover, {\n required: true,\n defaultProps: {\n positioning: 'above-start',\n size: popoverSizeMap[size],\n withArrow: true\n }\n }),\n info: resolveShorthand(props.info, {\n required: true,\n defaultProps: {\n role: 'note',\n tabIndex: -1\n }\n })\n };\n const [popoverOpen, setPopoverOpen] = useControllableState({\n state: state.popover.open,\n defaultState: state.popover.defaultOpen,\n initialState: false\n });\n state.popover.open = popoverOpen;\n state.popover.onOpenChange = mergeCallbacks(state.popover.onOpenChange, (e, data)=>setPopoverOpen(data.open));\n return state;\n};\n"],"names":["useInfoButton_unstable","infoButtonIconMap","small","React","createElement","DefaultInfoButtonIcon12","medium","DefaultInfoButtonIcon16","large","DefaultInfoButtonIcon20","popoverSizeMap","props","ref","size","state","components","root","popover","Popover","info","PopoverSurface","getNativeElementProps","children","type","resolveShorthand","required","defaultProps","positioning","withArrow","role","tabIndex","popoverOpen","setPopoverOpen","useControllableState","open","defaultState","defaultOpen","initialState","onOpenChange","mergeCallbacks","e","data"],"mappings":";;;;+BAuBiBA;;aAAAA;;;6DAvBM;wCACmE;gCAClB;8BAChC;AAExC,MAAMC,oBAAoB;IACtBC,OAAO,WAAW,GAAGC,OAAMC,aAAa,CAACC,+CAAuB,EAAE,IAAI;IACtEC,QAAQ,WAAW,GAAGH,OAAMC,aAAa,CAACG,+CAAuB,EAAE,IAAI;IACvEC,OAAO,WAAW,GAAGL,OAAMC,aAAa,CAACK,+CAAuB,EAAE,IAAI;AAC1E;AACA,MAAMC,iBAAiB;IACnBR,OAAO;IACPI,QAAQ;IACRE,OAAO;AACX;AASW,MAAMR,yBAAyB,CAACW,OAAOC,MAAM;IACpD,MAAM,EAAEC,MAAM,SAAQ,EAAG,GAAGF;IAC5B,MAAMG,QAAQ;QACVD;QACAE,YAAY;YACRC,MAAM;YACNC,SAASC,qBAAO;YAChBC,MAAMC,4BAAc;QACxB;QACAJ,MAAMK,IAAAA,qCAAqB,EAAC,UAAU;YAClCC,UAAUrB,iBAAiB,CAACY,KAAK;YACjCU,MAAM;YACN,cAAc;YACd,GAAGZ,KAAK;YACRC;QACJ;QACAK,SAASO,IAAAA,gCAAgB,EAACb,MAAMM,OAAO,EAAE;YACrCQ,UAAU,IAAI;YACdC,cAAc;gBACVC,aAAa;gBACbd,MAAMH,cAAc,CAACG,KAAK;gBAC1Be,WAAW,IAAI;YACnB;QACJ;QACAT,MAAMK,IAAAA,gCAAgB,EAACb,MAAMQ,IAAI,EAAE;YAC/BM,UAAU,IAAI;YACdC,cAAc;gBACVG,MAAM;gBACNC,UAAU,CAAC;YACf;QACJ;IACJ;IACA,MAAM,CAACC,aAAaC,eAAe,GAAGC,IAAAA,oCAAoB,EAAC;QACvDnB,OAAOA,MAAMG,OAAO,CAACiB,IAAI;QACzBC,cAAcrB,MAAMG,OAAO,CAACmB,WAAW;QACvCC,cAAc,KAAK;IACvB;IACAvB,MAAMG,OAAO,CAACiB,IAAI,GAAGH;IACrBjB,MAAMG,OAAO,CAACqB,YAAY,GAAGC,IAAAA,8BAAc,EAACzB,MAAMG,OAAO,CAACqB,YAAY,EAAE,CAACE,GAAGC,OAAOT,eAAeS,KAAKP,IAAI;IAC3G,OAAOpB;AACX"}
@@ -164,15 +164,15 @@ const infoButtonClassNames = {
164
164
  "f1cwg4i8",
165
165
  "fd0oaoj"
166
166
  ],
167
- J0r882: "fdiulkx",
168
- Bjwuhne: "f1yalx80",
169
- Ghsupd: [
170
- "fq22d5a",
171
- "f1jw7pan"
172
- ],
167
+ J0r882: "f57olzd",
173
168
  Bule8hv: [
174
- "f1jw7pan",
175
- "fq22d5a"
169
+ "f4stah7",
170
+ "fs1por5"
171
+ ],
172
+ Bjwuhne: "f480a47",
173
+ Ghsupd: [
174
+ "fs1por5",
175
+ "f4stah7"
176
176
  ]
177
177
  },
178
178
  large: {
@@ -244,10 +244,10 @@ const infoButtonClassNames = {
244
244
  ".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}",
245
245
  ".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}",
246
246
  ".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}",
247
- ".fdiulkx[data-fui-focus-visible]::after{top:-2px;}",
248
- ".f1yalx80[data-fui-focus-visible]::after{bottom:-2px;}",
249
- ".fq22d5a[data-fui-focus-visible]::after{left:-2px;}",
250
- ".f1jw7pan[data-fui-focus-visible]::after{right:-2px;}",
247
+ ".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}",
248
+ ".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}",
249
+ ".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}",
250
+ ".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}",
251
251
  ".fclwglc{padding-top:var(--spacingVerticalXXS);}",
252
252
  ".f1w3695s{padding-right:var(--spacingVerticalXXS);}",
253
253
  ".f1b0r8ql{padding-left:var(--spacingVerticalXXS);}",
@@ -338,5 +338,3 @@ const useInfoButtonStyles_unstable = (state)=>{
338
338
  state.root.className = (0, _react.mergeClasses)(infoButtonClassNames.root, buttonStyles.base, buttonStyles.highContrast, buttonStyles.focusIndicator, open && buttonStyles.selected, size === 'large' && buttonStyles.large, state.root.className);
339
339
  return state;
340
340
  }; //# sourceMappingURL=useInfoButtonStyles.styles.js.map
341
-
342
- //# sourceMappingURL=useInfoButtonStyles.styles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/InfoButton/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 Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n z8tnut: \"f1ywm7hm\",\n z189sj: [\"f7x41pl\", \"fruq291\"],\n Byoj8tv: \"f14wxoun\",\n uwmqm3: [\"fruq291\", \"f7x41pl\"],\n D0sxk3: \"f16u1re\",\n t6yez3: \"f1rw4040\",\n Jwef8y: \"fjxutwb\",\n Bi91k9c: \"f139oj5f\",\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 Bm4h7ae: \"f15bsgw9\",\n B7ys5i9: \"f14e48fq\",\n Busjfv9: \"f18yb2kv\",\n Bhk32uz: \"fd6o370\",\n Bf4ptjt: \"fh1cnn4\",\n kclons: [\"fy7oxxb\", \"f184ne2d\"],\n Bhdgwq3: \"fpukqih\",\n Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n Bqtpl0w: \"frrh606\",\n clg4pj: [\"f1v5zibi\", \"fo2hd23\"],\n hgwjuy: \"ful5kiu\",\n Bonggc9: [\"fo2hd23\", \"f1v5zibi\"],\n B1tsrr9: [\"f1jqcqds\", \"ftffrms\"],\n Dah5zi: [\"ftffrms\", \"f1jqcqds\"],\n Bkh64rk: [\"f2e7qr6\", \"fsr1zz6\"],\n qqdqy8: [\"fsr1zz6\", \"f2e7qr6\"],\n B6dhp37: \"f1dvezut\",\n i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n Boxcth7: \"fjvm52t\",\n Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n J0r882: \"fdiulkx\",\n Bjwuhne: \"f1yalx80\",\n Ghsupd: [\"fq22d5a\", \"f1jw7pan\"],\n Bule8hv: [\"f1jw7pan\", \"fq22d5a\"]\n },\n large: {\n z8tnut: \"fclwglc\",\n z189sj: [\"f1w3695s\", \"f1b0r8ql\"],\n Byoj8tv: \"fywfov9\",\n uwmqm3: [\"f1b0r8ql\", \"f1w3695s\"]\n }\n}, {\n d: [\".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;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;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\", \".f16u1re .fui-Icon-filled{display:none;}\", \".f1rw4040 .fui-Icon-regular{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\", \".fgzdkf0 .fui-Icon-filled{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;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;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}\", \".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}\", \".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}\", \".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}\", \".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".fdiulkx[data-fui-focus-visible]::after{top:-2px;}\", \".f1yalx80[data-fui-focus-visible]::after{bottom:-2px;}\", \".fq22d5a[data-fui-focus-visible]::after{left:-2px;}\", \".f1jw7pan[data-fui-focus-visible]::after{right:-2px;}\", \".fclwglc{padding-top:var(--spacingVerticalXXS);}\", \".f1w3695s{padding-right:var(--spacingVerticalXXS);}\", \".f1b0r8ql{padding-left:var(--spacingVerticalXXS);}\", \".fywfov9{padding-bottom:var(--spacingVerticalXXS);}\"],\n h: [\".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}\", \".f1jpd6y0:hover .fui-Icon-filled{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;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 }]],\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, 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","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","D0sxk3","t6yez3","Jwef8y","Bi91k9c","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","selected","Bsw6fvg","Bbusuzp","highContrast","Bs6v0vm","B46dtvo","gh1jta","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","large","d","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 Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n Btl43ni: [\"fyu767a\", \"f1jar5jt\"],\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n z8tnut: \"f1ywm7hm\",\n z189sj: [\"f7x41pl\", \"fruq291\"],\n Byoj8tv: \"f14wxoun\",\n uwmqm3: [\"fruq291\", \"f7x41pl\"],\n D0sxk3: \"f16u1re\",\n t6yez3: \"f1rw4040\",\n Jwef8y: \"fjxutwb\",\n Bi91k9c: \"f139oj5f\",\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 Bm4h7ae: \"f15bsgw9\",\n B7ys5i9: \"f14e48fq\",\n Busjfv9: \"f18yb2kv\",\n Bhk32uz: \"fd6o370\",\n Bf4ptjt: \"fh1cnn4\",\n kclons: [\"fy7oxxb\", \"f184ne2d\"],\n Bhdgwq3: \"fpukqih\",\n Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n Bqtpl0w: \"frrh606\",\n clg4pj: [\"f1v5zibi\", \"fo2hd23\"],\n hgwjuy: \"ful5kiu\",\n Bonggc9: [\"fo2hd23\", \"f1v5zibi\"],\n B1tsrr9: [\"f1jqcqds\", \"ftffrms\"],\n Dah5zi: [\"ftffrms\", \"f1jqcqds\"],\n Bkh64rk: [\"f2e7qr6\", \"fsr1zz6\"],\n qqdqy8: [\"fsr1zz6\", \"f2e7qr6\"],\n B6dhp37: \"f1dvezut\",\n i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n Boxcth7: \"fjvm52t\",\n Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n J0r882: \"f57olzd\",\n Bule8hv: [\"f4stah7\", \"fs1por5\"],\n Bjwuhne: \"f480a47\",\n Ghsupd: [\"fs1por5\", \"f4stah7\"]\n },\n large: {\n z8tnut: \"fclwglc\",\n z189sj: [\"f1w3695s\", \"f1b0r8ql\"],\n Byoj8tv: \"fywfov9\",\n uwmqm3: [\"f1b0r8ql\", \"f1w3695s\"]\n }\n}, {\n d: [\".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;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;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1ywm7hm{padding-top:var(--spacingVerticalXS);}\", \".f7x41pl{padding-right:var(--spacingHorizontalXS);}\", \".fruq291{padding-left:var(--spacingHorizontalXS);}\", \".f14wxoun{padding-bottom:var(--spacingVerticalXS);}\", \".f16u1re .fui-Icon-filled{display:none;}\", \".f1rw4040 .fui-Icon-regular{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\", \".fgzdkf0 .fui-Icon-filled{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;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;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}\", \".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}\", \".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}\", \".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}\", \".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".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);}\", \".fclwglc{padding-top:var(--spacingVerticalXXS);}\", \".f1w3695s{padding-right:var(--spacingVerticalXXS);}\", \".f1b0r8ql{padding-left:var(--spacingVerticalXXS);}\", \".fywfov9{padding-bottom:var(--spacingVerticalXXS);}\"],\n h: [\".fjxutwb:hover{background-color:var(--colorTransparentBackgroundHover);}\", \".f139oj5f:hover{color:var(--colorNeutralForeground2BrandHover);}\", \".f1jpd6y0:hover .fui-Icon-filled{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;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 }]],\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, 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","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","D0sxk3","t6yez3","Jwef8y","Bi91k9c","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","selected","Bsw6fvg","Bbusuzp","highContrast","Bs6v0vm","B46dtvo","gh1jta","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bule8hv","Bjwuhne","Ghsupd","large","d","h","m","f","i","usePopoverSurfaceStyles","smallMedium","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","state","size","open","buttonStyles","popoverSurfaceStyles","className","mergeClasses"],"mappings":"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"}
@@ -16,6 +16,4 @@ const InfoLabel = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
16
16
  (0, _useInfoLabelStylesStyles.useInfoLabelStyles_unstable)(state);
17
17
  return (0, _renderInfoLabel.renderInfoLabel_unstable)(state);
18
18
  });
19
- InfoLabel.displayName = 'InfoLabel'; //# sourceMappingURL=InfoLabel.js.map
20
-
21
- //# sourceMappingURL=InfoLabel.js.map
19
+ InfoLabel.displayName = 'InfoLabel';
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/InfoLabel/InfoLabel.js"],"sourcesContent":["import * as React from 'react';\nimport { renderInfoLabel_unstable } from './renderInfoLabel';\nimport { useInfoLabel_unstable } from './useInfoLabel';\nimport { useInfoLabelStyles_unstable } from './useInfoLabelStyles.styles';\n/**\n * InfoLabel component\n */\nexport const InfoLabel = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useInfoLabel_unstable(props, ref);\n useInfoLabelStyles_unstable(state);\n return renderInfoLabel_unstable(state);\n});\nInfoLabel.displayName = 'InfoLabel';\n//# sourceMappingURL=InfoLabel.js.map"],"names":["InfoLabel","React","forwardRef","props","ref","state","useInfoLabel_unstable","useInfoLabelStyles_unstable","renderInfoLabel_unstable","displayName"],"mappings":";;;;+BAOaA;;aAAAA;;;6DAPU;iCACkB;8BACH;0CACM;AAIrC,MAAMA,YAAY,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACrE,MAAMC,QAAQC,IAAAA,mCAAqB,EAACH,OAAOC;IAC3CG,IAAAA,qDAA2B,EAACF;IAC5B,OAAOG,IAAAA,yCAAwB,EAACH;AAClC;AACAL,UAAUS,WAAW,GAAG,aACxB,qCAAqC"}
1
+ {"version":3,"sources":["InfoLabel.js"],"sourcesContent":["import * as React from 'react';\nimport { renderInfoLabel_unstable } from './renderInfoLabel';\nimport { useInfoLabel_unstable } from './useInfoLabel';\nimport { useInfoLabelStyles_unstable } from './useInfoLabelStyles.styles';\n/**\n * InfoLabel component\n */ export const InfoLabel = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useInfoLabel_unstable(props, ref);\n useInfoLabelStyles_unstable(state);\n return renderInfoLabel_unstable(state);\n});\nInfoLabel.displayName = 'InfoLabel';\n"],"names":["InfoLabel","React","forwardRef","props","ref","state","useInfoLabel_unstable","useInfoLabelStyles_unstable","renderInfoLabel_unstable","displayName"],"mappings":";;;;+BAMiBA;;aAAAA;;;6DANM;iCACkB;8BACH;0CACM;AAGjC,MAAMA,YAAY,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACtE,MAAMC,QAAQC,IAAAA,mCAAqB,EAACH,OAAOC;IAC3CG,IAAAA,qDAA2B,EAACF;IAC5B,OAAOG,IAAAA,yCAAwB,EAACH;AACpC;AACAL,UAAUS,WAAW,GAAG"}
@@ -2,6 +2,3 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- //# sourceMappingURL=InfoLabel.types.js.map
6
-
7
- //# sourceMappingURL=InfoLabel.types.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/InfoLabel/InfoLabel.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=InfoLabel.types.js.map"],"names":[],"mappings":";;;;CACA,2CAA2C"}
1
+ {"version":3,"sources":[],"names":[],"mappings":""}
@@ -8,6 +8,3 @@ _exportStar(require("./InfoLabel.types"), exports);
8
8
  _exportStar(require("./renderInfoLabel"), exports);
9
9
  _exportStar(require("./useInfoLabel"), exports);
10
10
  _exportStar(require("./useInfoLabelStyles.styles"), exports);
11
- //# sourceMappingURL=index.js.map
12
-
13
- //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/InfoLabel/index.js"],"sourcesContent":["export * from './InfoLabel';\nexport * from './InfoLabel.types';\nexport * from './renderInfoLabel';\nexport * from './useInfoLabel';\nexport * from './useInfoLabelStyles.styles';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;CACd,iCAAiC"}
1
+ {"version":3,"sources":["index.js"],"sourcesContent":["export * from './InfoLabel';\nexport * from './InfoLabel.types';\nexport * from './renderInfoLabel';\nexport * from './useInfoLabel';\nexport * from './useInfoLabelStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
@@ -11,6 +11,4 @@ const _reactUtilities = require("@fluentui/react-utilities");
11
11
  const renderInfoLabel_unstable = (state)=>{
12
12
  const { slots , slotProps } = (0, _reactUtilities.getSlotsNext)(state);
13
13
  return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.label, slotProps.label), slots.infoButton && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.infoButton, slotProps.infoButton));
14
- }; //# sourceMappingURL=renderInfoLabel.js.map
15
-
16
- //# sourceMappingURL=renderInfoLabel.js.map
14
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/InfoLabel/renderInfoLabel.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of InfoLabel\n */\nexport const renderInfoLabel_unstable = state => {\n const {\n slots,\n slotProps\n } = getSlotsNext(state);\n return /*#__PURE__*/createElement(slots.root, slotProps.root, /*#__PURE__*/createElement(slots.label, slotProps.label), slots.infoButton && /*#__PURE__*/createElement(slots.infoButton, slotProps.infoButton));\n};\n//# sourceMappingURL=renderInfoLabel.js.map"],"names":["renderInfoLabel_unstable","state","slots","slotProps","getSlotsNext","createElement","root","label","infoButton"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKrCA;;aAAAA;;iCALqE;gCACrD;AAItB,MAAMA,2BAA2BC,CAAAA,QAAS;IAC/C,MAAM,EACJC,MAAK,EACLC,UAAS,EACV,GAAGC,IAAAA,4BAAY,EAACH;IACjB,OAAO,WAAW,GAAEI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAE,WAAW,GAAED,IAAAA,8BAAa,EAACH,MAAMK,KAAK,EAAEJ,UAAUI,KAAK,GAAGL,MAAMM,UAAU,IAAI,WAAW,GAAEH,IAAAA,8BAAa,EAACH,MAAMM,UAAU,EAAEL,UAAUK,UAAU;AAC/M,GACA,2CAA2C"}
1
+ {"version":3,"sources":["renderInfoLabel.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of InfoLabel\n */ export const renderInfoLabel_unstable = (state)=>{\n const { slots , slotProps } = getSlotsNext(state);\n return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(slots.label, slotProps.label), slots.infoButton && /*#__PURE__*/ createElement(slots.infoButton, slotProps.infoButton));\n};\n"],"names":["renderInfoLabel_unstable","state","slots","slotProps","getSlotsNext","createElement","root","label","infoButton"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,2BAA2B,CAACC,QAAQ;IACjD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAO,WAAW,GAAGI,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACH,MAAMK,KAAK,EAAEJ,UAAUI,KAAK,GAAGL,MAAMM,UAAU,IAAI,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMM,UAAU,EAAEL,UAAUK,UAAU;AACpN"}
@@ -62,6 +62,4 @@ const useInfoLabel_unstable = (props, ref)=>{
62
62
  label,
63
63
  infoButton
64
64
  };
65
- }; //# sourceMappingURL=useInfoLabel.js.map
66
-
67
- //# sourceMappingURL=useInfoLabel.js.map
65
+ };
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../lib/components/InfoLabel/useInfoLabel.js"],"sourcesContent":["var _infoButton, _arialabelledby, _root, _ariaowns;\nimport * as React from 'react';\nimport { Label } from '@fluentui/react-label';\nimport { resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton/InfoButton';\n/**\n * Create the state required to render InfoLabel.\n *\n * The returned state can be modified with hooks such as useInfoLabelStyles_unstable,\n * before being passed to renderInfoLabel_unstable.\n *\n * @param props - props from this instance of InfoLabel\n * @param ref - reference to label element of InfoLabel\n */\nexport const useInfoLabel_unstable = (props, ref) => {\n const {\n root: rootShorthand,\n label: labelShorthand,\n infoButton: infoButtonShorthand,\n info,\n size,\n className,\n style,\n ...labelProps\n } = props;\n const baseId = useId('infolabel-');\n const root = resolveShorthand(rootShorthand, {\n required: true,\n defaultProps: {\n className,\n style\n }\n });\n const label = resolveShorthand(labelShorthand, {\n required: true,\n defaultProps: {\n id: baseId + '__label',\n ref,\n size,\n ...labelProps\n }\n });\n const infoButton = resolveShorthand(infoButtonShorthand, {\n required: !!info,\n defaultProps: {\n id: baseId + '__infoButton',\n size,\n info\n }\n });\n if (infoButton) {\n var _infoButton_info;\n infoButton.info = resolveShorthand(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {\n defaultProps: {\n id: baseId + '__info'\n }\n });\n var _;\n (_ = (_infoButton = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton[_arialabelledby] = `${label.id} ${infoButton.id}`;\n var _1;\n (_1 = (_root = root)[_ariaowns = 'aria-owns']) !== null && _1 !== void 0 ? _1 : _root[_ariaowns] = (_infoButton_info = infoButton.info) === null || _infoButton_info === void 0 ? void 0 : _infoButton_info.id;\n }\n return {\n size,\n components: {\n root: 'span',\n label: Label,\n infoButton: InfoButton\n },\n root,\n label,\n infoButton\n };\n};\n//# sourceMappingURL=useInfoLabel.js.map"],"names":["useInfoLabel_unstable","_infoButton","_arialabelledby","_root","_ariaowns","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","info","size","className","style","labelProps","baseId","useId","resolveShorthand","required","defaultProps","id","_infoButton_info","_","_1","components","Label","InfoButton"],"mappings":";;;;+BAcaA;;aAAAA;;;6DAbU;4BACD;gCACkB;4BACb;AAJ3B,IAAIC,cAAaC,iBAAiBC,OAAOC;AAclC,MAAMJ,wBAAwB,CAACK,OAAOC,MAAQ;IACnD,MAAM,EACJC,MAAMC,cAAa,EACnBC,OAAOC,eAAc,EACrBC,YAAYC,oBAAmB,EAC/BC,KAAI,EACJC,KAAI,EACJC,UAAS,EACTC,MAAK,EACL,GAAGC,YACJ,GAAGZ;IACJ,MAAMa,SAASC,IAAAA,qBAAK,EAAC;IACrB,MAAMZ,OAAOa,IAAAA,gCAAgB,EAACZ,eAAe;QAC3Ca,UAAU,IAAI;QACdC,cAAc;YACZP;YACAC;QACF;IACF;IACA,MAAMP,QAAQW,IAAAA,gCAAgB,EAACV,gBAAgB;QAC7CW,UAAU,IAAI;QACdC,cAAc;YACZC,IAAIL,SAAS;YACbZ;YACAQ;YACA,GAAGG,UAAU;QACf;IACF;IACA,MAAMN,aAAaS,IAAAA,gCAAgB,EAACR,qBAAqB;QACvDS,UAAU,CAAC,CAACR;QACZS,cAAc;YACZC,IAAIL,SAAS;YACbJ;YACAD;QACF;IACF;IACA,IAAIF,YAAY;QACd,IAAIa;QACJb,WAAWE,IAAI,GAAGO,IAAAA,gCAAgB,EAACT,eAAe,IAAI,IAAIA,eAAe,KAAK,IAAI,KAAK,IAAIA,WAAWE,IAAI,EAAE;YAC1GS,cAAc;gBACZC,IAAIL,SAAS;YACf;QACF;QACA,IAAIO;QACHA,CAAAA,IAAI,AAACxB,CAAAA,eAAcU,UAAS,CAAE,CAACT,kBAAkB,kBAAkB,AAAD,MAAO,IAAI,IAAIuB,MAAM,KAAK,IAAIA,IAAIxB,YAAW,CAACC,gBAAgB,GAAG,CAAC,EAAEO,MAAMc,EAAE,CAAC,CAAC,EAAEZ,WAAWY,EAAE,CAAC,CAAC;QAClK,IAAIG;QACHA,CAAAA,KAAK,AAACvB,CAAAA,QAAQI,IAAG,CAAE,CAACH,YAAY,YAAY,AAAD,MAAO,IAAI,IAAIsB,OAAO,KAAK,IAAIA,KAAKvB,KAAK,CAACC,UAAU,GAAG,AAACoB,CAAAA,mBAAmBb,WAAWE,IAAI,AAAD,MAAO,IAAI,IAAIW,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBD,EAAE;IAChN,CAAC;IACD,OAAO;QACLT;QACAa,YAAY;YACVpB,MAAM;YACNE,OAAOmB,iBAAK;YACZjB,YAAYkB,sBAAU;QACxB;QACAtB;QACAE;QACAE;IACF;AACF,GACA,wCAAwC"}
1
+ {"version":3,"sources":["useInfoLabel.js"],"sourcesContent":["var _infoButton, _arialabelledby, _root, _ariaowns;\nimport * as React from 'react';\nimport { Label } from '@fluentui/react-label';\nimport { resolveShorthand, useId } from '@fluentui/react-utilities';\nimport { InfoButton } from '../InfoButton/InfoButton';\n/**\n * Create the state required to render InfoLabel.\n *\n * The returned state can be modified with hooks such as useInfoLabelStyles_unstable,\n * before being passed to renderInfoLabel_unstable.\n *\n * @param props - props from this instance of InfoLabel\n * @param ref - reference to label element of InfoLabel\n */ export const useInfoLabel_unstable = (props, ref)=>{\n const { root: rootShorthand , label: labelShorthand , infoButton: infoButtonShorthand , info , size , className , style , ...labelProps } = props;\n const baseId = useId('infolabel-');\n const root = resolveShorthand(rootShorthand, {\n required: true,\n defaultProps: {\n className,\n style\n }\n });\n const label = resolveShorthand(labelShorthand, {\n required: true,\n defaultProps: {\n id: baseId + '__label',\n ref,\n size,\n ...labelProps\n }\n });\n const infoButton = resolveShorthand(infoButtonShorthand, {\n required: !!info,\n defaultProps: {\n id: baseId + '__infoButton',\n size,\n info\n }\n });\n if (infoButton) {\n var _infoButton_info;\n infoButton.info = resolveShorthand(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {\n defaultProps: {\n id: baseId + '__info'\n }\n });\n var _;\n (_ = (_infoButton = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton[_arialabelledby] = `${label.id} ${infoButton.id}`;\n var _1;\n (_1 = (_root = root)[_ariaowns = 'aria-owns']) !== null && _1 !== void 0 ? _1 : _root[_ariaowns] = (_infoButton_info = infoButton.info) === null || _infoButton_info === void 0 ? void 0 : _infoButton_info.id;\n }\n return {\n size,\n components: {\n root: 'span',\n label: Label,\n infoButton: InfoButton\n },\n root,\n label,\n infoButton\n };\n};\n"],"names":["useInfoLabel_unstable","_infoButton","_arialabelledby","_root","_ariaowns","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","info","size","className","style","labelProps","baseId","useId","resolveShorthand","required","defaultProps","id","_infoButton_info","_","_1","components","Label","InfoButton"],"mappings":";;;;+BAaiBA;;aAAAA;;;6DAZM;4BACD;gCACkB;4BACb;AAJ3B,IAAIC,cAAaC,iBAAiBC,OAAOC;AAa9B,MAAMJ,wBAAwB,CAACK,OAAOC,MAAM;IACnD,MAAM,EAAEC,MAAMC,cAAa,EAAGC,OAAOC,eAAc,EAAGC,YAAYC,oBAAmB,EAAGC,KAAI,EAAGC,KAAI,EAAGC,UAAS,EAAGC,MAAK,EAAG,GAAGC,YAAY,GAAGZ;IAC5I,MAAMa,SAASC,IAAAA,qBAAK,EAAC;IACrB,MAAMZ,OAAOa,IAAAA,gCAAgB,EAACZ,eAAe;QACzCa,UAAU,IAAI;QACdC,cAAc;YACVP;YACAC;QACJ;IACJ;IACA,MAAMP,QAAQW,IAAAA,gCAAgB,EAACV,gBAAgB;QAC3CW,UAAU,IAAI;QACdC,cAAc;YACVC,IAAIL,SAAS;YACbZ;YACAQ;YACA,GAAGG,UAAU;QACjB;IACJ;IACA,MAAMN,aAAaS,IAAAA,gCAAgB,EAACR,qBAAqB;QACrDS,UAAU,CAAC,CAACR;QACZS,cAAc;YACVC,IAAIL,SAAS;YACbJ;YACAD;QACJ;IACJ;IACA,IAAIF,YAAY;QACZ,IAAIa;QACJb,WAAWE,IAAI,GAAGO,IAAAA,gCAAgB,EAACT,eAAe,IAAI,IAAIA,eAAe,KAAK,IAAI,KAAK,IAAIA,WAAWE,IAAI,EAAE;YACxGS,cAAc;gBACVC,IAAIL,SAAS;YACjB;QACJ;QACA,IAAIO;QACHA,CAAAA,IAAI,AAACxB,CAAAA,eAAcU,UAAS,CAAE,CAACT,kBAAkB,kBAAkB,AAAD,MAAO,IAAI,IAAIuB,MAAM,KAAK,IAAIA,IAAIxB,YAAW,CAACC,gBAAgB,GAAG,CAAC,EAAEO,MAAMc,EAAE,CAAC,CAAC,EAAEZ,WAAWY,EAAE,CAAC,CAAC;QAClK,IAAIG;QACHA,CAAAA,KAAK,AAACvB,CAAAA,QAAQI,IAAG,CAAE,CAACH,YAAY,YAAY,AAAD,MAAO,IAAI,IAAIsB,OAAO,KAAK,IAAIA,KAAKvB,KAAK,CAACC,UAAU,GAAG,AAACoB,CAAAA,mBAAmBb,WAAWE,IAAI,AAAD,MAAO,IAAI,IAAIW,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBD,EAAE;IAClN,CAAC;IACD,OAAO;QACHT;QACAa,YAAY;YACRpB,MAAM;YACNE,OAAOmB,iBAAK;YACZjB,YAAYkB,sBAAU;QAC1B;QACAtB;QACAE;QACAE;IACJ;AACJ"}
@@ -60,5 +60,3 @@ const useInfoLabelStyles_unstable = (state)=>{
60
60
  }
61
61
  return state;
62
62
  }; //# sourceMappingURL=useInfoLabelStyles.styles.js.map
63
-
64
- //# sourceMappingURL=useInfoLabelStyles.styles.js.map