@fluentui/react-infobutton 9.0.0-beta.9 → 9.0.0-beta.91
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +1001 -3
- package/README.md +3 -24
- package/dist/index.d.ts +109 -5
- package/lib/InfoButton.js +0 -1
- package/lib/InfoButton.js.map +1 -1
- package/lib/InfoLabel.js +1 -0
- package/lib/InfoLabel.js.map +1 -0
- package/lib/components/InfoButton/DefaultInfoButtonIcons.js +3 -4
- package/lib/components/InfoButton/DefaultInfoButtonIcons.js.map +1 -1
- package/lib/components/InfoButton/InfoButton.js +8 -8
- package/lib/components/InfoButton/InfoButton.js.map +1 -1
- package/lib/components/InfoButton/InfoButton.types.js +1 -2
- package/lib/components/InfoButton/InfoButton.types.js.map +1 -1
- package/lib/components/InfoButton/index.js +1 -2
- package/lib/components/InfoButton/index.js.map +1 -1
- package/lib/components/InfoButton/renderInfoButton.js +14 -16
- package/lib/components/InfoButton/renderInfoButton.js.map +1 -1
- package/lib/components/InfoButton/useInfoButton.js +71 -51
- package/lib/components/InfoButton/useInfoButton.js.map +1 -1
- package/lib/components/InfoButton/useInfoButtonStyles.styles.js +169 -0
- package/lib/components/InfoButton/useInfoButtonStyles.styles.js.map +1 -0
- package/lib/components/InfoLabel/InfoLabel.js +14 -0
- package/lib/components/InfoLabel/InfoLabel.js.map +1 -0
- package/lib/components/InfoLabel/InfoLabel.types.js +1 -0
- package/lib/components/InfoLabel/InfoLabel.types.js.map +1 -0
- package/lib/components/InfoLabel/index.js +5 -0
- package/lib/components/InfoLabel/index.js.map +1 -0
- package/lib/components/InfoLabel/renderInfoLabel.js +15 -0
- package/lib/components/InfoLabel/renderInfoLabel.js.map +1 -0
- package/lib/components/InfoLabel/useInfoLabel.js +79 -0
- package/lib/components/InfoLabel/useInfoLabel.js.map +1 -0
- package/lib/components/InfoLabel/useInfoLabelStyles.styles.js +48 -0
- package/lib/components/InfoLabel/useInfoLabelStyles.styles.js.map +1 -0
- package/lib/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/lib-commonjs/InfoButton.js +3 -5
- package/lib-commonjs/InfoButton.js.map +1 -1
- package/lib-commonjs/InfoLabel.js +6 -0
- package/lib-commonjs/InfoLabel.js.map +1 -0
- package/lib-commonjs/components/InfoButton/DefaultInfoButtonIcons.js +22 -8
- package/lib-commonjs/components/InfoButton/DefaultInfoButtonIcons.js.map +1 -1
- package/lib-commonjs/components/InfoButton/InfoButton.js +18 -17
- package/lib-commonjs/components/InfoButton/InfoButton.js.map +1 -1
- package/lib-commonjs/components/InfoButton/InfoButton.types.js +2 -4
- package/lib-commonjs/components/InfoButton/InfoButton.types.js.map +1 -1
- package/lib-commonjs/components/InfoButton/index.js +7 -9
- package/lib-commonjs/components/InfoButton/index.js.map +1 -1
- package/lib-commonjs/components/InfoButton/renderInfoButton.js +21 -24
- package/lib-commonjs/components/InfoButton/renderInfoButton.js.map +1 -1
- package/lib-commonjs/components/InfoButton/useInfoButton.js +80 -66
- package/lib-commonjs/components/InfoButton/useInfoButton.js.map +1 -1
- package/lib-commonjs/components/InfoButton/useInfoButtonStyles.styles.js +376 -0
- package/lib-commonjs/components/InfoButton/useInfoButtonStyles.styles.js.map +1 -0
- package/lib-commonjs/components/InfoLabel/InfoLabel.js +21 -0
- package/lib-commonjs/components/InfoLabel/InfoLabel.js.map +1 -0
- package/lib-commonjs/components/InfoLabel/InfoLabel.types.js +4 -0
- package/lib-commonjs/components/InfoLabel/InfoLabel.types.js.map +1 -0
- package/lib-commonjs/components/InfoLabel/index.js +10 -0
- package/lib-commonjs/components/InfoLabel/index.js.map +1 -0
- package/lib-commonjs/components/InfoLabel/renderInfoLabel.js +21 -0
- package/lib-commonjs/components/InfoLabel/renderInfoLabel.js.map +1 -0
- package/lib-commonjs/components/InfoLabel/useInfoLabel.js +80 -0
- package/lib-commonjs/components/InfoLabel/useInfoLabel.js.map +1 -0
- package/lib-commonjs/components/InfoLabel/useInfoLabelStyles.styles.js +66 -0
- package/lib-commonjs/components/InfoLabel/useInfoLabelStyles.styles.js.map +1 -0
- package/lib-commonjs/index.js +41 -35
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +29 -17
- package/CHANGELOG.json +0 -288
- package/lib/components/InfoButton/useInfoButtonStyles.js +0 -153
- package/lib/components/InfoButton/useInfoButtonStyles.js.map +0 -1
- package/lib-commonjs/components/InfoButton/useInfoButtonStyles.js +0 -160
- package/lib-commonjs/components/InfoButton/useInfoButtonStyles.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useInfoButtonStyles.styles.js"],"sourcesContent":["/* eslint-disable deprecation/deprecation */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';\n/**\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */\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 *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\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 eoavqd: \"f8491dx\",\n Bk3fhr4: \"f1jpd6y0\",\n Bmfj8id: \"fuxngvv\",\n iro3zm: \"fwiml72\",\n B2d53fq: \"f1fg1p5m\"\n },\n selected: {\n De3pzq: \"f1q9pm1r\",\n sj55zd: \"f1qj7y59\",\n D0sxk3: \"fgzdkf0\",\n t6yez3: \"f15q0o9g\",\n Bsw6fvg: \"f1rirnrt\",\n Bbusuzp: \"f1cg6951\"\n },\n highContrast: {\n Bbusuzp: \"fn0tkbb\",\n Bs6v0vm: \"f1rp3av6\",\n B46dtvo: \"f1u7gwqv\",\n gh1jta: \"fl6kagl\"\n },\n focusIndicator: {\n Brovlpu: \"ftqa4ok\",\n B486eqv: \"f2hkw1w\",\n B8q5s1w: \"f8hki3x\",\n Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n n8qw10: \"f1bjia2o\",\n Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n Bb7d1vk: \"f226i61\",\n zhwhgb: [\"f13kzufm\", \"fsx75g8\"],\n dhy2o1: \"flujwa2\",\n Gfyso: [\"fsx75g8\", \"f13kzufm\"],\n Bm4h7ae: \"f15bsgw9\",\n B7ys5i9: \"f14e48fq\",\n Busjfv9: \"f18yb2kv\",\n Bhk32uz: \"fd6o370\",\n 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{align-items:center;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".ftuwxu6{display:inline-flex;}\", \".f4d9j23{justify-content:center;}\", \".f1iuv45f{text-decoration-line:none;}\", \".fmrv4ls{vertical-align:middle;}\", \".f10pi13n{position:relative;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".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:inline-flex;}\", \".f1q9pm1r{background-color:var(--colorTransparentBackgroundSelected);}\", \".f1qj7y59{color:var(--colorNeutralForeground2BrandSelected);}\", \".fgzdkf0 .fui-Icon-filled{display:inline-flex;}\", \".f15q0o9g .fui-Icon-regular{display:none;}\", \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", \".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);}\", \".f8491dx:hover{cursor:pointer;}\", \".f1jpd6y0:hover .fui-Icon-filled{display:inline-flex;}\", \".fuxngvv:hover .fui-Icon-regular{display:none;}\", \".fwiml72:hover:active{background-color:var(--colorTransparentBackgroundPressed);}\", \".f1fg1p5m:hover:active{color:var(--colorNeutralForeground2BrandPressed);}\"],\n m: [[\"@media (forced-colors: active){.f1rirnrt{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1cg6951{color:Canvas;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fn0tkbb{color:CanvasText;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1rp3av6:hover,.f1rp3av6:hover:active{forced-color-adjust:none;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f1u7gwqv:hover,.f1u7gwqv:hover:active{background-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.fl6kagl:hover,.fl6kagl:hover:active{color:Canvas;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f226i61[data-fui-focus-visible]::after{border-top-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.f13kzufm[data-fui-focus-visible]::after{border-right-color:Highlight;}.fsx75g8[data-fui-focus-visible]::after{border-left-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }], [\"@media (forced-colors: active){.flujwa2[data-fui-focus-visible]::after{border-bottom-color:Highlight;}}\", {\n m: \"(forced-colors: active)\"\n }]],\n f: [\".ftqa4ok:focus{outline-style:none;}\"],\n i: [\".f2hkw1w:focus-visible{outline-style:none;}\"]\n});\nconst usePopoverSurfaceStyles = /*#__PURE__*/__styles({\n smallMedium: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fy9rknc\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fwrc4pm\"\n },\n large: {\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"f1i3iumi\"\n }\n}, {\n d: [\".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fwrc4pm{line-height:var(--lineHeightBase200);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\"]\n});\n/**\n * Apply styling to the InfoButton slots based on the state\n */\nexport const useInfoButtonStyles_unstable = state => {\n const {\n size\n } = state;\n const {\n open\n } = state.popover;\n const buttonStyles = useButtonStyles();\n const popoverSurfaceStyles = usePopoverSurfaceStyles();\n state.info.className = mergeClasses(infoButtonClassNames.info, size === 'large' ? popoverSurfaceStyles.large : popoverSurfaceStyles.smallMedium, state.info.className);\n state.root.className = mergeClasses(infoButtonClassNames.root, buttonStyles.base, buttonStyles.highContrast, buttonStyles.focusIndicator, open && buttonStyles.selected, size === 'large' && buttonStyles.large, state.root.className);\n return state;\n};\n//# sourceMappingURL=useInfoButtonStyles.styles.js.map"],"names":["infoButtonClassNames","useInfoButtonStyles_unstable","root","popover","info","useButtonStyles","__styles","base","Bt984gj","B7ck84d","mc9l5x","Brf1p80","w71qe1","ha4doy","qhf8xq","De3pzq","sj55zd","icvyot","vrafjx","oivjwe","wvpqe5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","D0sxk3","t6yez3","Jwef8y","Bi91k9c","eoavqd","Bk3fhr4","Bmfj8id","iro3zm","B2d53fq","selected","Bsw6fvg","Bbusuzp","highContrast","Bs6v0vm","B46dtvo","gh1jta","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bb7d1vk","zhwhgb","dhy2o1","Gfyso","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","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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"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/* eslint-disable deprecation/deprecation */ "use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "InfoLabel", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return InfoLabel;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _renderInfoLabel = require("./renderInfoLabel");
|
|
14
|
+
const _useInfoLabel = require("./useInfoLabel");
|
|
15
|
+
const _useInfoLabelStylesstyles = require("./useInfoLabelStyles.styles");
|
|
16
|
+
const InfoLabel = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
17
|
+
const state = (0, _useInfoLabel.useInfoLabel_unstable)(props, ref);
|
|
18
|
+
(0, _useInfoLabelStylesstyles.useInfoLabelStyles_unstable)(state);
|
|
19
|
+
return (0, _renderInfoLabel.renderInfoLabel_unstable)(state);
|
|
20
|
+
});
|
|
21
|
+
InfoLabel.displayName = 'InfoLabel';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["InfoLabel.js"],"sourcesContent":["/* eslint-disable deprecation/deprecation */ 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 *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\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":"AAAA,0CAA0C;;;;+BAQzBA;;;eAAAA;;;;iEARmD;iCAC3B;8BACH;0CACM;AAKjC,MAAMA,YAAY,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAChE,MAAMC,QAAQC,IAAAA,mCAAqB,EAACH,OAAOC;IAC3CG,IAAAA,qDAA2B,EAACF;IAC5B,OAAOG,IAAAA,yCAAwB,EAACH;AACpC;AACAL,UAAUS,WAAW,GAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["InfoLabel.types.js"],"sourcesContent":["/* eslint-disable deprecation/deprecation */ export { };\n"],"names":[],"mappings":"AAAA,0CAA0C"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./InfoLabel"), exports);
|
|
7
|
+
_export_star._(require("./InfoLabel.types"), exports);
|
|
8
|
+
_export_star._(require("./renderInfoLabel"), exports);
|
|
9
|
+
_export_star._(require("./useInfoLabel"), exports);
|
|
10
|
+
_export_star._(require("./useInfoLabelStyles.styles"), exports);
|
|
@@ -0,0 +1 @@
|
|
|
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":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/* eslint-disable deprecation/deprecation */ "use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "renderInfoLabel_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderInfoLabel_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
13
|
+
const renderInfoLabel_unstable = (state)=>{
|
|
14
|
+
(0, _reactutilities.assertSlots)(state);
|
|
15
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
|
|
16
|
+
children: [
|
|
17
|
+
/*#__PURE__*/ (0, _jsxruntime.jsx)(state.label, {}),
|
|
18
|
+
state.infoButton && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.infoButton, {})
|
|
19
|
+
]
|
|
20
|
+
});
|
|
21
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["renderInfoLabel.js"],"sourcesContent":["/* eslint-disable deprecation/deprecation */ import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of InfoLabel\n *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */ export const renderInfoLabel_unstable = (state)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsxs(state.root, {\n children: [\n /*#__PURE__*/ _jsx(state.label, {}),\n state.infoButton && /*#__PURE__*/ _jsx(state.infoButton, {})\n ]\n });\n};\n"],"names":["renderInfoLabel_unstable","state","assertSlots","_jsxs","root","children","_jsx","label","infoButton"],"mappings":"AAAA,0CAA0C;;;;+BAMzBA;;;eAAAA;;;4BANyE;gCAC9D;AAKjB,MAAMA,2BAA2B,CAACC;IACzCC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACN,WAAW,GAAGC,IAAAA,eAAI,EAACL,MAAMM,KAAK,EAAE,CAAC;YACjCN,MAAMO,UAAU,IAAI,WAAW,GAAGF,IAAAA,eAAI,EAACL,MAAMO,UAAU,EAAE,CAAC;SAC7D;IACL;AACJ"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
/* eslint-disable deprecation/deprecation */ "use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useInfoLabel_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useInfoLabel_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _reactlabel = require("@fluentui/react-label");
|
|
14
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
15
|
+
const _InfoButton = require("../InfoButton/InfoButton");
|
|
16
|
+
const useInfoLabel_unstable = (props, ref)=>{
|
|
17
|
+
const { root: rootShorthand, label: labelShorthand, infoButton: infoButtonShorthand, info, size, className, style, ...labelProps } = props;
|
|
18
|
+
const baseId = (0, _reactutilities.useId)('infolabel-');
|
|
19
|
+
const [open, setOpen] = _react.useState(false);
|
|
20
|
+
const root = _reactutilities.slot.always(rootShorthand, {
|
|
21
|
+
defaultProps: {
|
|
22
|
+
className,
|
|
23
|
+
style
|
|
24
|
+
},
|
|
25
|
+
elementType: 'span'
|
|
26
|
+
});
|
|
27
|
+
const label = _reactutilities.slot.always(labelShorthand, {
|
|
28
|
+
defaultProps: {
|
|
29
|
+
id: baseId + '__label',
|
|
30
|
+
ref,
|
|
31
|
+
size,
|
|
32
|
+
...labelProps
|
|
33
|
+
},
|
|
34
|
+
elementType: _reactlabel.Label
|
|
35
|
+
});
|
|
36
|
+
const infoButton = _reactutilities.slot.optional(infoButtonShorthand, {
|
|
37
|
+
renderByDefault: !!info,
|
|
38
|
+
defaultProps: {
|
|
39
|
+
id: baseId + '__infoButton',
|
|
40
|
+
size,
|
|
41
|
+
info
|
|
42
|
+
},
|
|
43
|
+
elementType: _InfoButton.InfoButton
|
|
44
|
+
});
|
|
45
|
+
const infoButtonPopover = _reactutilities.slot.always(infoButton === null || infoButton === void 0 ? void 0 : infoButton.popover, {
|
|
46
|
+
elementType: 'div'
|
|
47
|
+
});
|
|
48
|
+
infoButtonPopover.onOpenChange = (0, _reactutilities.useEventCallback)((0, _reactutilities.mergeCallbacks)(infoButtonPopover.onOpenChange, (e, data)=>{
|
|
49
|
+
setOpen(data.open);
|
|
50
|
+
}));
|
|
51
|
+
if (infoButton) {
|
|
52
|
+
var _infoButton, _arialabelledby;
|
|
53
|
+
infoButton.popover = infoButtonPopover;
|
|
54
|
+
infoButton.info = _reactutilities.slot.optional(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {
|
|
55
|
+
defaultProps: {
|
|
56
|
+
id: baseId + '__info'
|
|
57
|
+
},
|
|
58
|
+
elementType: 'div'
|
|
59
|
+
});
|
|
60
|
+
var _;
|
|
61
|
+
(_ = (_infoButton = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton[_arialabelledby] = `${label.id} ${infoButton.id}`;
|
|
62
|
+
if (open) {
|
|
63
|
+
var _infoButton_info;
|
|
64
|
+
var _root, _ariaowns;
|
|
65
|
+
var _1;
|
|
66
|
+
(_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;
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
return {
|
|
70
|
+
size,
|
|
71
|
+
components: {
|
|
72
|
+
root: 'span',
|
|
73
|
+
label: _reactlabel.Label,
|
|
74
|
+
infoButton: _InfoButton.InfoButton
|
|
75
|
+
},
|
|
76
|
+
root,
|
|
77
|
+
label,
|
|
78
|
+
infoButton
|
|
79
|
+
};
|
|
80
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useInfoLabel.js"],"sourcesContent":["/* eslint-disable deprecation/deprecation */ import * as React from 'react';\nimport { Label } from '@fluentui/react-label';\nimport { mergeCallbacks, useEventCallback, useId, slot } 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 *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\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 [open, setOpen] = React.useState(false);\n const root = slot.always(rootShorthand, {\n defaultProps: {\n className,\n style\n },\n elementType: 'span'\n });\n const label = slot.always(labelShorthand, {\n defaultProps: {\n id: baseId + '__label',\n ref,\n size,\n ...labelProps\n },\n elementType: Label\n });\n const infoButton = slot.optional(infoButtonShorthand, {\n renderByDefault: !!info,\n defaultProps: {\n id: baseId + '__infoButton',\n size,\n info\n },\n elementType: InfoButton\n });\n const infoButtonPopover = slot.always(infoButton === null || infoButton === void 0 ? void 0 : infoButton.popover, {\n elementType: 'div'\n });\n infoButtonPopover.onOpenChange = useEventCallback(mergeCallbacks(infoButtonPopover.onOpenChange, (e, data)=>{\n setOpen(data.open);\n }));\n if (infoButton) {\n var _infoButton, _arialabelledby;\n infoButton.popover = infoButtonPopover;\n infoButton.info = slot.optional(infoButton === null || infoButton === void 0 ? void 0 : infoButton.info, {\n defaultProps: {\n id: baseId + '__info'\n },\n elementType: 'div'\n });\n var _;\n (_ = (_infoButton = infoButton)[_arialabelledby = 'aria-labelledby']) !== null && _ !== void 0 ? _ : _infoButton[_arialabelledby] = `${label.id} ${infoButton.id}`;\n if (open) {\n var _infoButton_info;\n var _root, _ariaowns;\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 }\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","props","ref","root","rootShorthand","label","labelShorthand","infoButton","infoButtonShorthand","info","size","className","style","labelProps","baseId","useId","open","setOpen","React","useState","slot","always","defaultProps","elementType","id","Label","optional","renderByDefault","InfoButton","infoButtonPopover","popover","onOpenChange","useEventCallback","mergeCallbacks","e","data","_infoButton","_arialabelledby","_","_infoButton_info","_root","_ariaowns","_1","components"],"mappings":"AAAA,0CAA0C;;;;+BAczBA;;;eAAAA;;;;iEAdmD;4BAC9C;gCACwC;4BACnC;AAWhB,MAAMA,wBAAwB,CAACC,OAAOC;IAC7C,MAAM,EAAEC,MAAMC,aAAa,EAAEC,OAAOC,cAAc,EAAEC,YAAYC,mBAAmB,EAAEC,IAAI,EAAEC,IAAI,EAAEC,SAAS,EAAEC,KAAK,EAAE,GAAGC,YAAY,GAAGZ;IACrI,MAAMa,SAASC,IAAAA,qBAAK,EAAC;IACrB,MAAM,CAACC,MAAMC,QAAQ,GAAGC,OAAMC,QAAQ,CAAC;IACvC,MAAMhB,OAAOiB,oBAAI,CAACC,MAAM,CAACjB,eAAe;QACpCkB,cAAc;YACVX;YACAC;QACJ;QACAW,aAAa;IACjB;IACA,MAAMlB,QAAQe,oBAAI,CAACC,MAAM,CAACf,gBAAgB;QACtCgB,cAAc;YACVE,IAAIV,SAAS;YACbZ;YACAQ;YACA,GAAGG,UAAU;QACjB;QACAU,aAAaE,iBAAK;IACtB;IACA,MAAMlB,aAAaa,oBAAI,CAACM,QAAQ,CAAClB,qBAAqB;QAClDmB,iBAAiB,CAAC,CAAClB;QACnBa,cAAc;YACVE,IAAIV,SAAS;YACbJ;YACAD;QACJ;QACAc,aAAaK,sBAAU;IAC3B;IACA,MAAMC,oBAAoBT,oBAAI,CAACC,MAAM,CAACd,eAAe,QAAQA,eAAe,KAAK,IAAI,KAAK,IAAIA,WAAWuB,OAAO,EAAE;QAC9GP,aAAa;IACjB;IACAM,kBAAkBE,YAAY,GAAGC,IAAAA,gCAAgB,EAACC,IAAAA,8BAAc,EAACJ,kBAAkBE,YAAY,EAAE,CAACG,GAAGC;QACjGlB,QAAQkB,KAAKnB,IAAI;IACrB;IACA,IAAIT,YAAY;QACZ,IAAI6B,aAAaC;QACjB9B,WAAWuB,OAAO,GAAGD;QACrBtB,WAAWE,IAAI,GAAGW,oBAAI,CAACM,QAAQ,CAACnB,eAAe,QAAQA,eAAe,KAAK,IAAI,KAAK,IAAIA,WAAWE,IAAI,EAAE;YACrGa,cAAc;gBACVE,IAAIV,SAAS;YACjB;YACAS,aAAa;QACjB;QACA,IAAIe;QACHA,CAAAA,IAAI,AAACF,CAAAA,cAAc7B,UAAS,CAAE,CAAC8B,kBAAkB,kBAAkB,AAAD,MAAO,QAAQC,MAAM,KAAK,IAAIA,IAAIF,WAAW,CAACC,gBAAgB,GAAG,CAAC,EAAEhC,MAAMmB,EAAE,CAAC,CAAC,EAAEjB,WAAWiB,EAAE,CAAC,CAAC;QAClK,IAAIR,MAAM;YACN,IAAIuB;YACJ,IAAIC,OAAOC;YACX,IAAIC;YACHA,CAAAA,KAAK,AAACF,CAAAA,QAAQrC,IAAG,CAAE,CAACsC,YAAY,YAAY,AAAD,MAAO,QAAQC,OAAO,KAAK,IAAIA,KAAKF,KAAK,CAACC,UAAU,GAAG,AAACF,CAAAA,mBAAmBhC,WAAWE,IAAI,AAAD,MAAO,QAAQ8B,qBAAqB,KAAK,IAAI,KAAK,IAAIA,iBAAiBf,EAAE;QAClN;IACJ;IACA,OAAO;QACHd;QACAiC,YAAY;YACRxC,MAAM;YACNE,OAAOoB,iBAAK;YACZlB,YAAYqB,sBAAU;QAC1B;QACAzB;QACAE;QACAE;IACJ;AACJ"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
/* eslint-disable deprecation/deprecation */ "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
|
+
infoLabelClassNames: function() {
|
|
13
|
+
return infoLabelClassNames;
|
|
14
|
+
},
|
|
15
|
+
useInfoLabelStyles_unstable: function() {
|
|
16
|
+
return useInfoLabelStyles_unstable;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _react = require("@griffel/react");
|
|
20
|
+
const infoLabelClassNames = {
|
|
21
|
+
root: 'fui-InfoLabel',
|
|
22
|
+
label: 'fui-InfoLabel__label',
|
|
23
|
+
infoButton: 'fui-InfoLabel__infoButton'
|
|
24
|
+
};
|
|
25
|
+
const useLabelStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
26
|
+
base: {
|
|
27
|
+
ha4doy: "f12kltsn",
|
|
28
|
+
Bceei9c: "fpo1scq",
|
|
29
|
+
sj55zd: "f1ym3bx4"
|
|
30
|
+
}
|
|
31
|
+
}, {
|
|
32
|
+
d: [
|
|
33
|
+
".f12kltsn{vertical-align:top;}",
|
|
34
|
+
".fpo1scq{cursor:inherit;}",
|
|
35
|
+
".f1ym3bx4{color:inherit;}"
|
|
36
|
+
]
|
|
37
|
+
});
|
|
38
|
+
const useInfoButtonStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
39
|
+
base: {
|
|
40
|
+
ha4doy: "f12kltsn",
|
|
41
|
+
B6of3ja: "f1bmzb36",
|
|
42
|
+
jrapky: "f1nyzk09"
|
|
43
|
+
},
|
|
44
|
+
large: {
|
|
45
|
+
B6of3ja: "fkrn0sh",
|
|
46
|
+
jrapky: "fmxx68s"
|
|
47
|
+
}
|
|
48
|
+
}, {
|
|
49
|
+
d: [
|
|
50
|
+
".f12kltsn{vertical-align:top;}",
|
|
51
|
+
".f1bmzb36{margin-top:calc(0px - var(--spacingVerticalXXS));}",
|
|
52
|
+
".f1nyzk09{margin-bottom:calc(0px - var(--spacingVerticalXXS));}",
|
|
53
|
+
".fkrn0sh{margin-top:-1px;}",
|
|
54
|
+
".fmxx68s{margin-bottom:-1px;}"
|
|
55
|
+
]
|
|
56
|
+
});
|
|
57
|
+
const useInfoLabelStyles_unstable = (state)=>{
|
|
58
|
+
state.root.className = (0, _react.mergeClasses)(infoLabelClassNames.root, state.root.className);
|
|
59
|
+
const labelStyles = useLabelStyles();
|
|
60
|
+
state.label.className = (0, _react.mergeClasses)(infoLabelClassNames.label, labelStyles.base, state.label.className);
|
|
61
|
+
const infoButtonStyles = useInfoButtonStyles();
|
|
62
|
+
if (state.infoButton) {
|
|
63
|
+
state.infoButton.className = (0, _react.mergeClasses)(infoLabelClassNames.infoButton, infoButtonStyles.base, state.size === 'large' && infoButtonStyles.large, state.infoButton.className);
|
|
64
|
+
}
|
|
65
|
+
return state;
|
|
66
|
+
}; //# sourceMappingURL=useInfoLabelStyles.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useInfoLabelStyles.styles.js"],"sourcesContent":["/* eslint-disable deprecation/deprecation */import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses } from '@griffel/react';\n/**\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */\nexport const infoLabelClassNames = {\n root: 'fui-InfoLabel',\n label: 'fui-InfoLabel__label',\n infoButton: 'fui-InfoLabel__infoButton'\n};\nconst useLabelStyles = /*#__PURE__*/__styles({\n base: {\n ha4doy: \"f12kltsn\",\n Bceei9c: \"fpo1scq\",\n sj55zd: \"f1ym3bx4\"\n }\n}, {\n d: [\".f12kltsn{vertical-align:top;}\", \".fpo1scq{cursor:inherit;}\", \".f1ym3bx4{color:inherit;}\"]\n});\nconst useInfoButtonStyles = /*#__PURE__*/__styles({\n base: {\n ha4doy: \"f12kltsn\",\n B6of3ja: \"f1bmzb36\",\n jrapky: \"f1nyzk09\"\n },\n large: {\n B6of3ja: \"fkrn0sh\",\n jrapky: \"fmxx68s\"\n }\n}, {\n d: [\".f12kltsn{vertical-align:top;}\", \".f1bmzb36{margin-top:calc(0px - var(--spacingVerticalXXS));}\", \".f1nyzk09{margin-bottom:calc(0px - var(--spacingVerticalXXS));}\", \".fkrn0sh{margin-top:-1px;}\", \".fmxx68s{margin-bottom:-1px;}\"]\n});\n/**\n * Apply styling to the InfoLabel slots based on the state\n *\n * @deprecated use {@link @fluentui/react-components#InfoLabel} from `\\@fluentui/react-components` or `\\@fluentui/react-infolabel` instead\n */\nexport const useInfoLabelStyles_unstable = state => {\n state.root.className = mergeClasses(infoLabelClassNames.root, state.root.className);\n const labelStyles = useLabelStyles();\n state.label.className = mergeClasses(infoLabelClassNames.label, labelStyles.base, state.label.className);\n const infoButtonStyles = useInfoButtonStyles();\n if (state.infoButton) {\n state.infoButton.className = mergeClasses(infoLabelClassNames.infoButton, infoButtonStyles.base, state.size === 'large' && infoButtonStyles.large, state.infoButton.className);\n }\n return state;\n};\n//# sourceMappingURL=useInfoLabelStyles.styles.js.map"],"names":["infoLabelClassNames","useInfoLabelStyles_unstable","root","label","infoButton","useLabelStyles","__styles","base","ha4doy","Bceei9c","sj55zd","d","useInfoButtonStyles","B6of3ja","jrapky","large","state","className","mergeClasses","labelStyles","infoButtonStyles","size"],"mappings":"AAAA,0CAA0C;;;;;;;;;;;IAK7BA,mBAAmB;eAAnBA;;IAgCAC,2BAA2B;eAA3BA;;;uBApC0B;AAIhC,MAAMD,sBAAsB;IACjCE,MAAM;IACNC,OAAO;IACPC,YAAY;AACd;AACA,MAAMC,iBAAiB,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IAC3CC,MAAM;QACJC,QAAQ;QACRC,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAAkC;QAA6B;KAA4B;AACjG;AACA,MAAMC,sBAAsB,WAAW,GAAEN,IAAAA,eAAQ,EAAC;IAChDC,MAAM;QACJC,QAAQ;QACRK,SAAS;QACTC,QAAQ;IACV;IACAC,OAAO;QACLF,SAAS;QACTC,QAAQ;IACV;AACF,GAAG;IACDH,GAAG;QAAC;QAAkC;QAAgE;QAAmE;QAA8B;KAAgC;AACzO;AAMO,MAAMV,8BAA8Be,CAAAA;IACzCA,MAAMd,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,oBAAoBE,IAAI,EAAEc,MAAMd,IAAI,CAACe,SAAS;IAClF,MAAME,cAAcd;IACpBW,MAAMb,KAAK,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,oBAAoBG,KAAK,EAAEgB,YAAYZ,IAAI,EAAES,MAAMb,KAAK,CAACc,SAAS;IACvG,MAAMG,mBAAmBR;IACzB,IAAII,MAAMZ,UAAU,EAAE;QACpBY,MAAMZ,UAAU,CAACa,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,oBAAoBI,UAAU,EAAEgB,iBAAiBb,IAAI,EAAES,MAAMK,IAAI,KAAK,WAAWD,iBAAiBL,KAAK,EAAEC,MAAMZ,UAAU,CAACa,SAAS;IAC/K;IACA,OAAOD;AACT,GACA,qDAAqD"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -1,38 +1,44 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
1
|
+
/* eslint-disable deprecation/deprecation */ "use strict";
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
5
4
|
});
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
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 _InfoButton.infoButtonClassNames;
|
|
17
|
+
},
|
|
18
|
+
renderInfoButton_unstable: function() {
|
|
19
|
+
return _InfoButton.renderInfoButton_unstable;
|
|
20
|
+
},
|
|
21
|
+
useInfoButtonStyles_unstable: function() {
|
|
22
|
+
return _InfoButton.useInfoButtonStyles_unstable;
|
|
23
|
+
},
|
|
24
|
+
useInfoButton_unstable: function() {
|
|
25
|
+
return _InfoButton.useInfoButton_unstable;
|
|
26
|
+
},
|
|
27
|
+
InfoLabel: function() {
|
|
28
|
+
return _InfoLabel.InfoLabel;
|
|
29
|
+
},
|
|
30
|
+
infoLabelClassNames: function() {
|
|
31
|
+
return _InfoLabel.infoLabelClassNames;
|
|
32
|
+
},
|
|
33
|
+
renderInfoLabel_unstable: function() {
|
|
34
|
+
return _InfoLabel.renderInfoLabel_unstable;
|
|
35
|
+
},
|
|
36
|
+
useInfoLabelStyles_unstable: function() {
|
|
37
|
+
return _InfoLabel.useInfoLabelStyles_unstable;
|
|
38
|
+
},
|
|
39
|
+
useInfoLabel_unstable: function() {
|
|
40
|
+
return _InfoLabel.useInfoLabel_unstable;
|
|
41
|
+
}
|
|
13
42
|
});
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
get: function () {
|
|
17
|
-
return InfoButton_1.infoButtonClassNames;
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
Object.defineProperty(exports, "renderInfoButton_unstable", {
|
|
21
|
-
enumerable: true,
|
|
22
|
-
get: function () {
|
|
23
|
-
return InfoButton_1.renderInfoButton_unstable;
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
Object.defineProperty(exports, "useInfoButtonStyles_unstable", {
|
|
27
|
-
enumerable: true,
|
|
28
|
-
get: function () {
|
|
29
|
-
return InfoButton_1.useInfoButtonStyles_unstable;
|
|
30
|
-
}
|
|
31
|
-
});
|
|
32
|
-
Object.defineProperty(exports, "useInfoButton_unstable", {
|
|
33
|
-
enumerable: true,
|
|
34
|
-
get: function () {
|
|
35
|
-
return InfoButton_1.useInfoButton_unstable;
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
//# sourceMappingURL=index.js.map
|
|
43
|
+
const _InfoButton = require("./InfoButton");
|
|
44
|
+
const _InfoLabel = require("./InfoLabel");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["/* eslint-disable deprecation/deprecation */ export { InfoButton, infoButtonClassNames, renderInfoButton_unstable, useInfoButtonStyles_unstable, useInfoButton_unstable } from './InfoButton';\nexport { InfoLabel, infoLabelClassNames, renderInfoLabel_unstable, useInfoLabelStyles_unstable, useInfoLabel_unstable } from './InfoLabel';\n"],"names":["InfoButton","infoButtonClassNames","renderInfoButton_unstable","useInfoButtonStyles_unstable","useInfoButton_unstable","InfoLabel","infoLabelClassNames","renderInfoLabel_unstable","useInfoLabelStyles_unstable","useInfoLabel_unstable"],"mappings":"AAAA,0CAA0C;;;;;;;;;;;IAAYA,UAAU;eAAVA,sBAAU;;IAAEC,oBAAoB;eAApBA,gCAAoB;;IAAEC,yBAAyB;eAAzBA,qCAAyB;;IAAEC,4BAA4B;eAA5BA,wCAA4B;;IAAEC,sBAAsB;eAAtBA,kCAAsB;;IAC9JC,SAAS;eAATA,oBAAS;;IAAEC,mBAAmB;eAAnBA,8BAAmB;;IAAEC,wBAAwB;eAAxBA,mCAAwB;;IAAEC,2BAA2B;eAA3BA,sCAA2B;;IAAEC,qBAAqB;eAArBA,gCAAqB;;;4BAD0D;2BAClD"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-infobutton",
|
|
3
|
-
"version": "9.0.0-beta.
|
|
3
|
+
"version": "9.0.0-beta.91",
|
|
4
4
|
"description": "React components for building web experiences",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -13,38 +13,43 @@
|
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"scripts": {
|
|
15
15
|
"build": "just-scripts build",
|
|
16
|
-
"bundle-size": "
|
|
16
|
+
"bundle-size": "monosize measure",
|
|
17
17
|
"clean": "just-scripts clean",
|
|
18
18
|
"code-style": "just-scripts code-style",
|
|
19
19
|
"just": "just-scripts",
|
|
20
20
|
"lint": "just-scripts lint",
|
|
21
21
|
"test": "jest --passWithNoTests",
|
|
22
|
-
"generate-api": "
|
|
22
|
+
"generate-api": "just-scripts generate-api",
|
|
23
23
|
"type-check": "tsc -b tsconfig.json",
|
|
24
24
|
"storybook": "start-storybook",
|
|
25
|
-
"start": "yarn storybook"
|
|
25
|
+
"start": "yarn storybook",
|
|
26
|
+
"e2e": "cypress run --component",
|
|
27
|
+
"e2e:local": "cypress open --component",
|
|
28
|
+
"test-ssr": "test-ssr \"./stories/**/*.stories.tsx\""
|
|
26
29
|
},
|
|
27
30
|
"devDependencies": {
|
|
28
31
|
"@fluentui/eslint-plugin": "*",
|
|
29
32
|
"@fluentui/react-conformance": "*",
|
|
30
|
-
"@fluentui/react-conformance-griffel": "
|
|
33
|
+
"@fluentui/react-conformance-griffel": "*",
|
|
31
34
|
"@fluentui/scripts-api-extractor": "*",
|
|
32
35
|
"@fluentui/scripts-tasks": "*"
|
|
33
36
|
},
|
|
34
37
|
"dependencies": {
|
|
35
|
-
"@fluentui/react-icons": "^2.0.
|
|
36
|
-
"@fluentui/react-
|
|
37
|
-
"@fluentui/react-
|
|
38
|
-
"@fluentui/react-
|
|
39
|
-
"@fluentui/react-
|
|
40
|
-
"@
|
|
41
|
-
"
|
|
38
|
+
"@fluentui/react-icons": "^2.0.224",
|
|
39
|
+
"@fluentui/react-label": "^9.1.60",
|
|
40
|
+
"@fluentui/react-popover": "^9.8.36",
|
|
41
|
+
"@fluentui/react-tabster": "^9.17.4",
|
|
42
|
+
"@fluentui/react-theme": "^9.1.16",
|
|
43
|
+
"@fluentui/react-utilities": "^9.17.0",
|
|
44
|
+
"@fluentui/react-jsx-runtime": "^9.0.28",
|
|
45
|
+
"@griffel/react": "^1.5.14",
|
|
46
|
+
"@swc/helpers": "^0.5.1"
|
|
42
47
|
},
|
|
43
48
|
"peerDependencies": {
|
|
44
|
-
"@types/react": ">=16.
|
|
45
|
-
"@types/react-dom": ">=16.
|
|
46
|
-
"react": ">=16.
|
|
47
|
-
"react-dom": ">=16.
|
|
49
|
+
"@types/react": ">=16.14.0 <19.0.0",
|
|
50
|
+
"@types/react-dom": ">=16.9.0 <19.0.0",
|
|
51
|
+
"react": ">=16.14.0 <19.0.0",
|
|
52
|
+
"react-dom": ">=16.14.0 <19.0.0"
|
|
48
53
|
},
|
|
49
54
|
"beachball": {
|
|
50
55
|
"disallowedChangeTypes": [
|
|
@@ -56,9 +61,16 @@
|
|
|
56
61
|
"exports": {
|
|
57
62
|
".": {
|
|
58
63
|
"types": "./dist/index.d.ts",
|
|
64
|
+
"node": "./lib-commonjs/index.js",
|
|
59
65
|
"import": "./lib/index.js",
|
|
60
66
|
"require": "./lib-commonjs/index.js"
|
|
61
67
|
},
|
|
62
68
|
"./package.json": "./package.json"
|
|
63
|
-
}
|
|
69
|
+
},
|
|
70
|
+
"files": [
|
|
71
|
+
"*.md",
|
|
72
|
+
"dist/*.d.ts",
|
|
73
|
+
"lib",
|
|
74
|
+
"lib-commonjs"
|
|
75
|
+
]
|
|
64
76
|
}
|