box-ui-elements 19.0.0-beta.9 → 19.0.0

package/es/components/form-elements/text-area/TextArea.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/form-elements/text-area/TextArea.stories.js"],"names":["React","TextArea","notes","basic","withValidation","textAreaValidator","value","includes","code","message","title","component","parameters"],"mappings":"AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAOC,KAAP,MAAkB,uBAAlB;AAEA,OAAO,MAAMC,KAAK,GAAG,MAAM,oBAAC,QAAD;AAAU,EAAA,IAAI,EAAC,UAAf;AAA0B,EAAA,KAAK,EAAC,YAAhC;AAA6C,EAAA,WAAW,EAAC;AAAzD,EAApB;AAEP,OAAO,MAAMC,cAAc,GAAG,MAAM;AAChC,QAAMC,iBAAiB,GAAGC,KAAK,IAAI;AAC/B,QAAI,CAACA,KAAK,CAACC,QAAN,CAAe,KAAf,CAAL,EAA4B;AACxB,aAAO;AACHC,QAAAA,IAAI,EAAE,OADH;AAEHC,QAAAA,OAAO,EAAE;AAFN,OAAP;AAIH;;AACD,WAAO,IAAP;AACH,GARD;;AASA,SACI,oBAAC,QAAD;AACI,IAAA,IAAI,EAAC,UADT;AAEI,IAAA,KAAK,EAAC,qBAFV;AAGI,IAAA,WAAW,EAAC,kBAHhB;AAII,IAAA,UAAU,EAAEJ;AAJhB,IADJ;AAQH,CAlBM;AAoBP,eAAe;AACXK,EAAAA,KAAK,EAAE,mCADI;AAEXC,EAAAA,SAAS,EAAEV,QAFA;AAGXW,EAAAA,UAAU,EAAE;AACRV,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["// @flow\nimport * as React from 'react';\n\nimport TextArea from './TextArea';\nimport notes from './TextArea.stories.md';\n\nexport const basic = () => <TextArea name=\"textarea\" label=\"Your story\" placeholder=\"Once upon a time\" />;\n\nexport const withValidation = () => {\n    const textAreaValidator = value => {\n        if (!value.includes('www')) {\n            return {\n                code: 'nowww',\n                message: 'Text must have \"www\" in it',\n            };\n        }\n        return null;\n    };\n    return (\n        <TextArea\n            name=\"textarea\"\n            label=\"Validated Text Area\"\n            placeholder=\"Once upon a time\"\n            validation={textAreaValidator}\n        />\n    );\n};\n\nexport default {\n    title: 'Components|Form Elements/Textarea',\n    component: TextArea,\n    parameters: {\n        notes,\n    },\n};\n"],"file":"TextArea.stories.js"}
+{"version":3,"sources":["../../../../src/components/form-elements/text-area/TextArea.stories.js"],"names":["React","TextArea","notes","basic","withValidation","textAreaValidator","value","includes","code","message","title","component","parameters"],"mappings":"AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAOC,KAAP,MAAkB,uBAAlB;AAEA,OAAO,MAAMC,KAAK,GAAG,MAAM,oBAAC,QAAD;AAAU,EAAA,IAAI,EAAC,UAAf;AAA0B,EAAA,KAAK,EAAC,YAAhC;AAA6C,EAAA,WAAW,EAAC;AAAzD,EAApB;AAEP,OAAO,MAAMC,cAAc,GAAG,MAAM;AAChC,QAAMC,iBAAiB,GAAGC,KAAK,IAAI;AAC/B,QAAI,CAACA,KAAK,CAACC,QAAN,CAAe,KAAf,CAAL,EAA4B;AACxB,aAAO;AACHC,QAAAA,IAAI,EAAE,OADH;AAEHC,QAAAA,OAAO,EAAE;AAFN,OAAP;AAIH;;AACD,WAAO,IAAP;AACH,GARD;;AASA,SACI,oBAAC,QAAD;AACI,IAAA,IAAI,EAAC,UADT;AAEI,IAAA,KAAK,EAAC,qBAFV;AAGI,IAAA,WAAW,EAAC,kBAHhB;AAII,IAAA,UAAU,EAAEJ;AAJhB,IADJ;AAQH,CAlBM;AAoBP,eAAe;AACXK,EAAAA,KAAK,EAAE,mCADI;AAEXC,EAAAA,SAAS,EAAEV,QAFA;AAGXW,EAAAA,UAAU,EAAE;AACRV,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["// @flow\nimport * as React from 'react';\n\nimport TextArea from './TextArea';\nimport notes from './TextArea.stories.md';\n\nexport const basic = () => <TextArea name=\"textarea\" label=\"Your story\" placeholder=\"Once upon a time\" />;\n\nexport const withValidation = () => {\n    const textAreaValidator = value => {\n        if (!value.includes('www')) {\n            return {\n                code: 'nowww',\n                message: 'Text must have \"www\" in it',\n            };\n        }\n        return null;\n    };\n    return (\n        <TextArea\n            name=\"textarea\"\n            label=\"Validated Text Area\"\n            placeholder=\"Once upon a time\"\n            validation={textAreaValidator}\n        />\n    );\n};\n\nexport default {\n    title: 'Components/Form Elements/Textarea',\n    component: TextArea,\n    parameters: {\n        notes,\n    },\n};\n"],"file":"TextArea.stories.js"}

package/es/components/form-elements/text-input/TextInput.stories.js

@@ -78,7 +78,7 @@ export const loading = () => React.createElement(TextInput, {
   type: "text"
 });
 export default {
-  title: 'Components|Form Elements/TextInput',
+  title: 'Components/Form Elements/TextInput',
   component: TextInput,
   parameters: {
     notes

package/es/components/form-elements/text-input/TextInput.stories.js.flow

@@ -74,7 +74,7 @@ export const loading = () => (
 );
 
 export default {
-    title: 'Components|Form Elements/TextInput',
+    title: 'Components/Form Elements/TextInput',
     component: TextInput,
     parameters: {
         notes,

package/es/components/form-elements/text-input/TextInput.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/form-elements/text-input/TextInput.stories.js"],"names":["React","TextInput","notes","basic","urlInput","withCustomValidation","customValidationFunc","value","code","message","withMinimumLength","withMaximumLength","withTooltipOnHover","withHiddenLabel","disabledInput","loading","title","component","parameters"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\n\nimport TextInput from './TextInput';\nimport notes from './TextInput.stories.md';\n\nexport const basic = () => (\n    <TextInput\n        label=\"Email Address\"\n        name=\"email\"\n        placeholder=\"user@example.com\"\n        type=\"email\"\n        value=\"aaron@example.com\"\n    />\n);\n\nexport const urlInput = () => <TextInput label=\"Url\" name=\"url\" placeholder=\"https://box.com\" type=\"url\" />;\n\nexport const withCustomValidation = () => {\n    const customValidationFunc = value => {\n        if (value !== 'box') {\n            return {\n                code: 'notbox',\n                message: 'value is not box',\n            };\n        }\n        return null;\n    };\n    return (\n        <TextInput\n            label=\"Must say box\"\n            name=\"customValidationFunc\"\n            placeholder=\"Not box\"\n            type=\"text\"\n            validation={customValidationFunc}\n        />\n    );\n};\n\nexport const withMinimumLength = () => (\n    <TextInput minLength={3} name=\"minlenCheck\" label=\"Minimum length\" placeholder=\"Three or more\" type=\"text\" />\n);\n\nexport const withMaximumLength = () => (\n    <TextInput maxLength={5} name=\"maxlenCheck\" label=\"Maximum length\" placeholder=\"Five or less\" type=\"text\" />\n);\n\nexport const withTooltipOnHover = () => (\n    <TextInput\n        name=\"tooltipCheck\"\n        label=\"Tooltip on hover\"\n        labelTooltip=\"I am the tooltip\"\n        placeholder=\"Hover over the label\"\n        type=\"text\"\n    />\n);\n\nexport const withHiddenLabel = () => (\n    <TextInput\n        label=\"This label text should be hidden\"\n        name=\"hidden label\"\n        placeholder=\"Hidden (but accessible) label text\"\n        type=\"text\"\n        hideLabel\n    />\n);\n\nexport const disabledInput = () => (\n    <TextInput name=\"disabled\" isDisabled label=\"Disabled\" placeholder=\"Disabled input\" type=\"text\" />\n);\n\nexport const loading = () => (\n    <TextInput name=\"loading\" isDisabled isLoading label=\"Loading\" placeholder=\"Loading...\" type=\"text\" />\n);\n\nexport default {\n    title: 'Components|Form Elements/TextInput',\n    component: TextInput,\n    parameters: {\n        notes,\n    },\n};\n"],"file":"TextInput.stories.js"}
+{"version":3,"sources":["../../../../src/components/form-elements/text-input/TextInput.stories.js"],"names":["React","TextInput","notes","basic","urlInput","withCustomValidation","customValidationFunc","value","code","message","withMinimumLength","withMaximumLength","withTooltipOnHover","withHiddenLabel","disabledInput","loading","title","component","parameters"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\n\nimport TextInput from './TextInput';\nimport notes from './TextInput.stories.md';\n\nexport const basic = () => (\n    <TextInput\n        label=\"Email Address\"\n        name=\"email\"\n        placeholder=\"user@example.com\"\n        type=\"email\"\n        value=\"aaron@example.com\"\n    />\n);\n\nexport const urlInput = () => <TextInput label=\"Url\" name=\"url\" placeholder=\"https://box.com\" type=\"url\" />;\n\nexport const withCustomValidation = () => {\n    const customValidationFunc = value => {\n        if (value !== 'box') {\n            return {\n                code: 'notbox',\n                message: 'value is not box',\n            };\n        }\n        return null;\n    };\n    return (\n        <TextInput\n            label=\"Must say box\"\n            name=\"customValidationFunc\"\n            placeholder=\"Not box\"\n            type=\"text\"\n            validation={customValidationFunc}\n        />\n    );\n};\n\nexport const withMinimumLength = () => (\n    <TextInput minLength={3} name=\"minlenCheck\" label=\"Minimum length\" placeholder=\"Three or more\" type=\"text\" />\n);\n\nexport const withMaximumLength = () => (\n    <TextInput maxLength={5} name=\"maxlenCheck\" label=\"Maximum length\" placeholder=\"Five or less\" type=\"text\" />\n);\n\nexport const withTooltipOnHover = () => (\n    <TextInput\n        name=\"tooltipCheck\"\n        label=\"Tooltip on hover\"\n        labelTooltip=\"I am the tooltip\"\n        placeholder=\"Hover over the label\"\n        type=\"text\"\n    />\n);\n\nexport const withHiddenLabel = () => (\n    <TextInput\n        label=\"This label text should be hidden\"\n        name=\"hidden label\"\n        placeholder=\"Hidden (but accessible) label text\"\n        type=\"text\"\n        hideLabel\n    />\n);\n\nexport const disabledInput = () => (\n    <TextInput name=\"disabled\" isDisabled label=\"Disabled\" placeholder=\"Disabled input\" type=\"text\" />\n);\n\nexport const loading = () => (\n    <TextInput name=\"loading\" isDisabled isLoading label=\"Loading\" placeholder=\"Loading...\" type=\"text\" />\n);\n\nexport default {\n    title: 'Components/Form Elements/TextInput',\n    component: TextInput,\n    parameters: {\n        notes,\n    },\n};\n"],"file":"TextInput.stories.js"}

package/es/components/ghost/Ghost.stories.js

@@ -41,7 +41,7 @@ export const complicatedLayout = () => React.createElement(Media, {
   height: 32
 }))));
 export default {
-  title: 'Components|Ghost',
+  title: 'Components/Ghost',
   component: Ghost,
   parameters: {
     notes

package/es/components/ghost/Ghost.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/ghost/Ghost.stories.tsx"],"names":["React","boolean","Media","Ghost","notes","regular","withoutAnimation","circle","rectangle","pill","complicatedLayout","maxWidth","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,OAAT,QAAwB,wBAAxB;AAEA,OAAOC,KAAP,MAAkB,UAAlB;AAEA,OAAOC,KAAP,MAAkB,SAAlB;AACA,OAAOC,KAAP,MAAkB,oBAAlB;AAEA,OAAO,MAAMC,OAAO,GAAG,MAAM,oBAAC,KAAD;AAAO,EAAA,UAAU,EAAEJ,OAAO,CAAC,YAAD,EAAe,IAAf;AAA1B,EAAtB;AAEP,OAAO,MAAMK,gBAAgB,GAAG,MAAM,oBAAC,KAAD;AAAO,EAAA,UAAU,EAAE;AAAnB,EAA/B;AAEP,OAAO,MAAMC,MAAM,GAAG,MAAM,oBAAC,KAAD;AAAO,EAAA,YAAY,EAAC,KAApB;AAA0B,EAAA,KAAK,EAAE,EAAjC;AAAqC,EAAA,MAAM,EAAE;AAA7C,EAArB;AAEP,OAAO,MAAMC,SAAS,GAAG,MAAM,oBAAC,KAAD;AAAO,EAAA,KAAK,EAAE,GAAd;AAAmB,EAAA,MAAM,EAAE;AAA3B,EAAxB;AAEP,OAAO,MAAMC,IAAI,GAAG,MAAM,oBAAC,KAAD;AAAO,EAAA,YAAY,EAAE,EAArB;AAAyB,EAAA,KAAK,EAAE,GAAhC;AAAqC,EAAA,MAAM,EAAE;AAA7C,EAAnB;AAEP,OAAO,MAAMC,iBAAiB,GAAG,MAC7B,oBAAC,KAAD;AAAO,EAAA,KAAK,EAAE;AAAEC,IAAAA,QAAQ,EAAE;AAAZ;AAAd,GACI,oBAAC,KAAD,CAAO,MAAP,QACI,oBAAC,KAAD;AAAO,EAAA,YAAY,EAAC,KAApB;AAA0B,EAAA,MAAM,EAAE,EAAlC;AAAsC,EAAA,KAAK,EAAE;AAA7C,EADJ,CADJ,EAII,oBAAC,KAAD,CAAO,IAAP,QACI,+BACI,oBAAC,KAAD,OADJ,EAEI,oBAAC,KAAD,OAFJ,EAGI,oBAAC,KAAD;AAAO,EAAA,KAAK,EAAC;AAAb,EAHJ,CADJ,EAMI,+BACI,oBAAC,KAAD;AAAO,EAAA,KAAK,EAAE,GAAd;AAAmB,EAAA,MAAM,EAAE;AAA3B,EADJ,OACsC,oBAAC,KAAD;AAAO,EAAA,KAAK,EAAE,GAAd;AAAmB,EAAA,MAAM,EAAE;AAA3B,EADtC,CANJ,CAJJ,CADG;AAkBP,eAAe;AACXC,EAAAA,KAAK,EAAE,kBADI;AAEXC,EAAAA,SAAS,EAAEV,KAFA;AAGXW,EAAAA,UAAU,EAAE;AACRV,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\nimport { boolean } from '@storybook/addon-knobs';\n\nimport Media from '../media';\n\nimport Ghost from './Ghost';\nimport notes from './Ghost.stories.md';\n\nexport const regular = () => <Ghost isAnimated={boolean('isAnimated', true)} />;\n\nexport const withoutAnimation = () => <Ghost isAnimated={false} />;\n\nexport const circle = () => <Ghost borderRadius=\"50%\" width={32} height={32} />;\n\nexport const rectangle = () => <Ghost width={100} height={32} />;\n\nexport const pill = () => <Ghost borderRadius={12} width={100} height={24} />;\n\nexport const complicatedLayout = () => (\n    <Media style={{ maxWidth: 400 }}>\n        <Media.Figure>\n            <Ghost borderRadius=\"50%\" height={32} width={32} />\n        </Media.Figure>\n        <Media.Body>\n            <p>\n                <Ghost />\n                <Ghost />\n                <Ghost width=\"50%\" />\n            </p>\n            <p>\n                <Ghost width={100} height={32} /> <Ghost width={100} height={32} />\n            </p>\n        </Media.Body>\n    </Media>\n);\n\nexport default {\n    title: 'Components|Ghost',\n    component: Ghost,\n    parameters: {\n        notes,\n    },\n};\n"],"file":"Ghost.stories.js"}
+{"version":3,"sources":["../../../src/components/ghost/Ghost.stories.tsx"],"names":["React","boolean","Media","Ghost","notes","regular","withoutAnimation","circle","rectangle","pill","complicatedLayout","maxWidth","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,OAAT,QAAwB,wBAAxB;AAEA,OAAOC,KAAP,MAAkB,UAAlB;AAEA,OAAOC,KAAP,MAAkB,SAAlB;AACA,OAAOC,KAAP,MAAkB,oBAAlB;AAEA,OAAO,MAAMC,OAAO,GAAG,MAAM,oBAAC,KAAD;AAAO,EAAA,UAAU,EAAEJ,OAAO,CAAC,YAAD,EAAe,IAAf;AAA1B,EAAtB;AAEP,OAAO,MAAMK,gBAAgB,GAAG,MAAM,oBAAC,KAAD;AAAO,EAAA,UAAU,EAAE;AAAnB,EAA/B;AAEP,OAAO,MAAMC,MAAM,GAAG,MAAM,oBAAC,KAAD;AAAO,EAAA,YAAY,EAAC,KAApB;AAA0B,EAAA,KAAK,EAAE,EAAjC;AAAqC,EAAA,MAAM,EAAE;AAA7C,EAArB;AAEP,OAAO,MAAMC,SAAS,GAAG,MAAM,oBAAC,KAAD;AAAO,EAAA,KAAK,EAAE,GAAd;AAAmB,EAAA,MAAM,EAAE;AAA3B,EAAxB;AAEP,OAAO,MAAMC,IAAI,GAAG,MAAM,oBAAC,KAAD;AAAO,EAAA,YAAY,EAAE,EAArB;AAAyB,EAAA,KAAK,EAAE,GAAhC;AAAqC,EAAA,MAAM,EAAE;AAA7C,EAAnB;AAEP,OAAO,MAAMC,iBAAiB,GAAG,MAC7B,oBAAC,KAAD;AAAO,EAAA,KAAK,EAAE;AAAEC,IAAAA,QAAQ,EAAE;AAAZ;AAAd,GACI,oBAAC,KAAD,CAAO,MAAP,QACI,oBAAC,KAAD;AAAO,EAAA,YAAY,EAAC,KAApB;AAA0B,EAAA,MAAM,EAAE,EAAlC;AAAsC,EAAA,KAAK,EAAE;AAA7C,EADJ,CADJ,EAII,oBAAC,KAAD,CAAO,IAAP,QACI,+BACI,oBAAC,KAAD,OADJ,EAEI,oBAAC,KAAD,OAFJ,EAGI,oBAAC,KAAD;AAAO,EAAA,KAAK,EAAC;AAAb,EAHJ,CADJ,EAMI,+BACI,oBAAC,KAAD;AAAO,EAAA,KAAK,EAAE,GAAd;AAAmB,EAAA,MAAM,EAAE;AAA3B,EADJ,OACsC,oBAAC,KAAD;AAAO,EAAA,KAAK,EAAE,GAAd;AAAmB,EAAA,MAAM,EAAE;AAA3B,EADtC,CANJ,CAJJ,CADG;AAkBP,eAAe;AACXC,EAAAA,KAAK,EAAE,kBADI;AAEXC,EAAAA,SAAS,EAAEV,KAFA;AAGXW,EAAAA,UAAU,EAAE;AACRV,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\nimport { boolean } from '@storybook/addon-knobs';\n\nimport Media from '../media';\n\nimport Ghost from './Ghost';\nimport notes from './Ghost.stories.md';\n\nexport const regular = () => <Ghost isAnimated={boolean('isAnimated', true)} />;\n\nexport const withoutAnimation = () => <Ghost isAnimated={false} />;\n\nexport const circle = () => <Ghost borderRadius=\"50%\" width={32} height={32} />;\n\nexport const rectangle = () => <Ghost width={100} height={32} />;\n\nexport const pill = () => <Ghost borderRadius={12} width={100} height={24} />;\n\nexport const complicatedLayout = () => (\n    <Media style={{ maxWidth: 400 }}>\n        <Media.Figure>\n            <Ghost borderRadius=\"50%\" height={32} width={32} />\n        </Media.Figure>\n        <Media.Body>\n            <p>\n                <Ghost />\n                <Ghost />\n                <Ghost width=\"50%\" />\n            </p>\n            <p>\n                <Ghost width={100} height={32} /> <Ghost width={100} height={32} />\n            </p>\n        </Media.Body>\n    </Media>\n);\n\nexport default {\n    title: 'Components/Ghost',\n    component: Ghost,\n    parameters: {\n        notes,\n    },\n};\n"],"file":"Ghost.stories.js"}

package/es/components/guide-tooltip/GuideTooltip.stories.js

@@ -67,7 +67,7 @@ onlyBody.story = {
   name: 'only body'
 };
 export default {
-  title: 'Components|GuideTooltip',
+  title: 'Components/GuideTooltip',
   component: GuideTooltip,
   parameters: {
     notes

package/es/components/guide-tooltip/GuideTooltip.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/guide-tooltip/GuideTooltip.stories.tsx"],"names":["React","GuideTooltip","Button","FolderShared32","notes","testImageSrc","addSpacing","component","textAlign","allOptionsWithIcon","children","onClick","console","log","story","name","titleImageBody","noButtons","onlyTitleBody","onlyBody","title","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,OAAOC,cAAP,MAA2B,mCAA3B;AACA,OAAOC,KAAP,MAAkB,2BAAlB,C,CACA;;AACA,OAAOC,YAAP,MAAyB,kBAAzB;;AAEA,MAAMC,UAAU,GAAIC,SAAD,IAA4B;AAAK,EAAA,KAAK,EAAE;AAAEC,IAAAA,SAAS,EAAE;AAAb;AAAZ,GAAsCD,SAAtC,CAA/C;;AAEA,OAAO,MAAME,kBAAkB,GAAG,MAC9BH,UAAU,CACN,oBAAC,YAAD;AACI,EAAA,KAAK,EAAC,aADV;AAEI,EAAA,IAAI,EAAC,6HAFT;AAGI,EAAA,IAAI,EAAE,oBAAC,cAAD,OAHV;AAII,EAAA,KAAK,EAAE,CAAC,CAAD,EAAI,CAAJ;AACP;AALJ;AAMI,EAAA,kBAAkB,EAAE;AAAEI,IAAAA,QAAQ,EAAE,MAAZ;AAAoBC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,MAAZ;AAAnC,GANxB;AAOI,EAAA,oBAAoB,EAAE;AAAEH,IAAAA,QAAQ,EAAE,MAAZ;AAAoBC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,MAAZ;AAAnC;AACtB;;AARJ,GAUI,oBAAC,MAAD,kBAVJ,CADM,CADP;AAgBPJ,kBAAkB,CAACK,KAAnB,GAA2B;AACvBC,EAAAA,IAAI,EAAE;AADiB,CAA3B;AAIA,OAAO,MAAMC,cAAc,GAAG,MAC1BV,UAAU,CACN,oBAAC,YAAD;AACI,EAAA,KAAK,EAAC,aADV;AAEI,EAAA,IAAI,EAAC,6HAFT;AAGI,EAAA,KAAK,EAAE;AAAK,IAAA,GAAG,EAAED,YAAV;AAAwB,IAAA,GAAG,EAAC;AAA5B;AAHX,GAKI,oBAAC,MAAD,kBALJ,CADM,CADP;AAWPW,cAAc,CAACF,KAAf,GAAuB;AACnBC,EAAAA,IAAI,EAAE;AADa,CAAvB;AAIA,OAAO,MAAME,SAAS,GAAG,MACrBX,UAAU,CACN,oBAAC,YAAD;AACI,EAAA,KAAK,EAAC,aADV;AAEI,EAAA,IAAI,EAAC,6HAFT;AAGI,EAAA,IAAI,EAAE,oBAAC,cAAD,OAHV;AAII,EAAA,KAAK,EAAE,CAAC,CAAD,EAAI,CAAJ;AAJX,GAMI,oBAAC,MAAD,kBANJ,CADM,CADP;AAYPW,SAAS,CAACH,KAAV,GAAkB;AACdC,EAAAA,IAAI,EAAE;AADQ,CAAlB;AAIA,OAAO,MAAMG,aAAa,GAAG,MACzBZ,UAAU,CACN,oBAAC,YAAD;AACI,EAAA,KAAK,EAAC,aADV;AAEI,EAAA,IAAI,EAAC;AAFT,GAII,oBAAC,MAAD,kBAJJ,CADM,CADP;AAUPY,aAAa,CAACJ,KAAd,GAAsB;AAClBC,EAAAA,IAAI,EAAE;AADY,CAAtB;AAIA,OAAO,MAAMI,QAAQ,GAAG,MACpBb,UAAU,CACN,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC;AAAnB,GACI,oBAAC,MAAD,kBADJ,CADM,CADP;AAOPa,QAAQ,CAACL,KAAT,GAAiB;AACbC,EAAAA,IAAI,EAAE;AADO,CAAjB;AAIA,eAAe;AACXK,EAAAA,KAAK,EAAE,yBADI;AAEXb,EAAAA,SAAS,EAAEN,YAFA;AAGXoB,EAAAA,UAAU,EAAE;AACRjB,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\n\nimport GuideTooltip from './GuideTooltip';\nimport Button from '../button/Button';\nimport FolderShared32 from '../../icon/content/FolderShared32';\nimport notes from './GuideTooltip.stories.md';\n// @ts-ignore flow import\nimport testImageSrc from './test-image.png';\n\nconst addSpacing = (component: JSX.Element) => <div style={{ textAlign: 'center' }}>{component}</div>;\n\nexport const allOptionsWithIcon = () =>\n    addSpacing(\n        <GuideTooltip\n            title=\"Lorem Ipsum\"\n            body=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\"\n            icon={<FolderShared32 />}\n            steps={[1, 3]}\n            /* eslint-disable no-console */\n            primaryButtonProps={{ children: 'Next', onClick: () => console.log('next') }}\n            secondaryButtonProps={{ children: 'Back', onClick: () => console.log('back') }}\n            /* eslint-enable no-console */\n        >\n            <Button>example</Button>\n        </GuideTooltip>,\n    );\n\nallOptionsWithIcon.story = {\n    name: 'body, icon, steps, title, next button, previous button',\n};\n\nexport const titleImageBody = () =>\n    addSpacing(\n        <GuideTooltip\n            title=\"Lorem Ipsum\"\n            body=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\"\n            image={<img src={testImageSrc} alt=\"Lorem ipsum dolor\" />}\n        >\n            <Button>example</Button>\n        </GuideTooltip>,\n    );\n\ntitleImageBody.story = {\n    name: 'title, image, body',\n};\n\nexport const noButtons = () =>\n    addSpacing(\n        <GuideTooltip\n            title=\"Lorem Ipsum\"\n            body=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\"\n            icon={<FolderShared32 />}\n            steps={[1, 3]}\n        >\n            <Button>example</Button>\n        </GuideTooltip>,\n    );\n\nnoButtons.story = {\n    name: 'body, icon, steps, title',\n};\n\nexport const onlyTitleBody = () =>\n    addSpacing(\n        <GuideTooltip\n            title=\"Lorem Ipsum\"\n            body=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\"\n        >\n            <Button>example</Button>\n        </GuideTooltip>,\n    );\n\nonlyTitleBody.story = {\n    name: 'only title and body',\n};\n\nexport const onlyBody = () =>\n    addSpacing(\n        <GuideTooltip body=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\">\n            <Button>example</Button>\n        </GuideTooltip>,\n    );\n\nonlyBody.story = {\n    name: 'only body',\n};\n\nexport default {\n    title: 'Components|GuideTooltip',\n    component: GuideTooltip,\n    parameters: {\n        notes,\n    },\n};\n"],"file":"GuideTooltip.stories.js"}
+{"version":3,"sources":["../../../src/components/guide-tooltip/GuideTooltip.stories.tsx"],"names":["React","GuideTooltip","Button","FolderShared32","notes","testImageSrc","addSpacing","component","textAlign","allOptionsWithIcon","children","onClick","console","log","story","name","titleImageBody","noButtons","onlyTitleBody","onlyBody","title","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,MAAP,MAAmB,kBAAnB;AACA,OAAOC,cAAP,MAA2B,mCAA3B;AACA,OAAOC,KAAP,MAAkB,2BAAlB,C,CACA;;AACA,OAAOC,YAAP,MAAyB,kBAAzB;;AAEA,MAAMC,UAAU,GAAIC,SAAD,IAA4B;AAAK,EAAA,KAAK,EAAE;AAAEC,IAAAA,SAAS,EAAE;AAAb;AAAZ,GAAsCD,SAAtC,CAA/C;;AAEA,OAAO,MAAME,kBAAkB,GAAG,MAC9BH,UAAU,CACN,oBAAC,YAAD;AACI,EAAA,KAAK,EAAC,aADV;AAEI,EAAA,IAAI,EAAC,6HAFT;AAGI,EAAA,IAAI,EAAE,oBAAC,cAAD,OAHV;AAII,EAAA,KAAK,EAAE,CAAC,CAAD,EAAI,CAAJ;AACP;AALJ;AAMI,EAAA,kBAAkB,EAAE;AAAEI,IAAAA,QAAQ,EAAE,MAAZ;AAAoBC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,MAAZ;AAAnC,GANxB;AAOI,EAAA,oBAAoB,EAAE;AAAEH,IAAAA,QAAQ,EAAE,MAAZ;AAAoBC,IAAAA,OAAO,EAAE,MAAMC,OAAO,CAACC,GAAR,CAAY,MAAZ;AAAnC;AACtB;;AARJ,GAUI,oBAAC,MAAD,kBAVJ,CADM,CADP;AAgBPJ,kBAAkB,CAACK,KAAnB,GAA2B;AACvBC,EAAAA,IAAI,EAAE;AADiB,CAA3B;AAIA,OAAO,MAAMC,cAAc,GAAG,MAC1BV,UAAU,CACN,oBAAC,YAAD;AACI,EAAA,KAAK,EAAC,aADV;AAEI,EAAA,IAAI,EAAC,6HAFT;AAGI,EAAA,KAAK,EAAE;AAAK,IAAA,GAAG,EAAED,YAAV;AAAwB,IAAA,GAAG,EAAC;AAA5B;AAHX,GAKI,oBAAC,MAAD,kBALJ,CADM,CADP;AAWPW,cAAc,CAACF,KAAf,GAAuB;AACnBC,EAAAA,IAAI,EAAE;AADa,CAAvB;AAIA,OAAO,MAAME,SAAS,GAAG,MACrBX,UAAU,CACN,oBAAC,YAAD;AACI,EAAA,KAAK,EAAC,aADV;AAEI,EAAA,IAAI,EAAC,6HAFT;AAGI,EAAA,IAAI,EAAE,oBAAC,cAAD,OAHV;AAII,EAAA,KAAK,EAAE,CAAC,CAAD,EAAI,CAAJ;AAJX,GAMI,oBAAC,MAAD,kBANJ,CADM,CADP;AAYPW,SAAS,CAACH,KAAV,GAAkB;AACdC,EAAAA,IAAI,EAAE;AADQ,CAAlB;AAIA,OAAO,MAAMG,aAAa,GAAG,MACzBZ,UAAU,CACN,oBAAC,YAAD;AACI,EAAA,KAAK,EAAC,aADV;AAEI,EAAA,IAAI,EAAC;AAFT,GAII,oBAAC,MAAD,kBAJJ,CADM,CADP;AAUPY,aAAa,CAACJ,KAAd,GAAsB;AAClBC,EAAAA,IAAI,EAAE;AADY,CAAtB;AAIA,OAAO,MAAMI,QAAQ,GAAG,MACpBb,UAAU,CACN,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC;AAAnB,GACI,oBAAC,MAAD,kBADJ,CADM,CADP;AAOPa,QAAQ,CAACL,KAAT,GAAiB;AACbC,EAAAA,IAAI,EAAE;AADO,CAAjB;AAIA,eAAe;AACXK,EAAAA,KAAK,EAAE,yBADI;AAEXb,EAAAA,SAAS,EAAEN,YAFA;AAGXoB,EAAAA,UAAU,EAAE;AACRjB,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\n\nimport GuideTooltip from './GuideTooltip';\nimport Button from '../button/Button';\nimport FolderShared32 from '../../icon/content/FolderShared32';\nimport notes from './GuideTooltip.stories.md';\n// @ts-ignore flow import\nimport testImageSrc from './test-image.png';\n\nconst addSpacing = (component: JSX.Element) => <div style={{ textAlign: 'center' }}>{component}</div>;\n\nexport const allOptionsWithIcon = () =>\n    addSpacing(\n        <GuideTooltip\n            title=\"Lorem Ipsum\"\n            body=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\"\n            icon={<FolderShared32 />}\n            steps={[1, 3]}\n            /* eslint-disable no-console */\n            primaryButtonProps={{ children: 'Next', onClick: () => console.log('next') }}\n            secondaryButtonProps={{ children: 'Back', onClick: () => console.log('back') }}\n            /* eslint-enable no-console */\n        >\n            <Button>example</Button>\n        </GuideTooltip>,\n    );\n\nallOptionsWithIcon.story = {\n    name: 'body, icon, steps, title, next button, previous button',\n};\n\nexport const titleImageBody = () =>\n    addSpacing(\n        <GuideTooltip\n            title=\"Lorem Ipsum\"\n            body=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\"\n            image={<img src={testImageSrc} alt=\"Lorem ipsum dolor\" />}\n        >\n            <Button>example</Button>\n        </GuideTooltip>,\n    );\n\ntitleImageBody.story = {\n    name: 'title, image, body',\n};\n\nexport const noButtons = () =>\n    addSpacing(\n        <GuideTooltip\n            title=\"Lorem Ipsum\"\n            body=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\"\n            icon={<FolderShared32 />}\n            steps={[1, 3]}\n        >\n            <Button>example</Button>\n        </GuideTooltip>,\n    );\n\nnoButtons.story = {\n    name: 'body, icon, steps, title',\n};\n\nexport const onlyTitleBody = () =>\n    addSpacing(\n        <GuideTooltip\n            title=\"Lorem Ipsum\"\n            body=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\"\n        >\n            <Button>example</Button>\n        </GuideTooltip>,\n    );\n\nonlyTitleBody.story = {\n    name: 'only title and body',\n};\n\nexport const onlyBody = () =>\n    addSpacing(\n        <GuideTooltip body=\"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\">\n            <Button>example</Button>\n        </GuideTooltip>,\n    );\n\nonlyBody.story = {\n    name: 'only body',\n};\n\nexport default {\n    title: 'Components/GuideTooltip',\n    component: GuideTooltip,\n    parameters: {\n        notes,\n    },\n};\n"],"file":"GuideTooltip.stories.js"}

package/es/components/header/Header.stories.js

@@ -11,7 +11,7 @@ export const regular = () => React.createElement(Header, {
   }
 }, "Lorem Ipsum"));
 export default {
-  title: 'Components|Header',
+  title: 'Components/Header',
   component: Header,
   parameters: {
     notes

package/es/components/header/Header.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/header/Header.stories.tsx"],"names":["React","text","bdlBoxBlue","Header","notes","regular","color","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAqB,wBAArB;AAEA,SAASC,UAAT,QAA2B,wBAA3B;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,KAAP,MAAkB,qBAAlB;AAEA,OAAO,MAAMC,OAAO,GAAG,MACnB,oBAAC,MAAD;AAAQ,EAAA,KAAK,EAAEJ,IAAI,CAAC,OAAD,EAAUC,UAAV;AAAnB,GACI;AAAI,EAAA,KAAK,EAAE;AAAEI,IAAAA,KAAK,EAAE;AAAT;AAAX,iBADJ,CADG;AAMP,eAAe;AACXC,EAAAA,KAAK,EAAE,mBADI;AAEXC,EAAAA,SAAS,EAAEL,MAFA;AAGXM,EAAAA,UAAU,EAAE;AACRL,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\nimport { text } from '@storybook/addon-knobs';\n\nimport { bdlBoxBlue } from '../../styles/variables';\n\nimport Header from './Header';\nimport notes from './Header.stories.md';\n\nexport const regular = () => (\n    <Header color={text('color', bdlBoxBlue)}>\n        <h1 style={{ color: '#fff' }}>Lorem Ipsum</h1>\n    </Header>\n);\n\nexport default {\n    title: 'Components|Header',\n    component: Header,\n    parameters: {\n        notes,\n    },\n};\n"],"file":"Header.stories.js"}
+{"version":3,"sources":["../../../src/components/header/Header.stories.tsx"],"names":["React","text","bdlBoxBlue","Header","notes","regular","color","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAqB,wBAArB;AAEA,SAASC,UAAT,QAA2B,wBAA3B;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,KAAP,MAAkB,qBAAlB;AAEA,OAAO,MAAMC,OAAO,GAAG,MACnB,oBAAC,MAAD;AAAQ,EAAA,KAAK,EAAEJ,IAAI,CAAC,OAAD,EAAUC,UAAV;AAAnB,GACI;AAAI,EAAA,KAAK,EAAE;AAAEI,IAAAA,KAAK,EAAE;AAAT;AAAX,iBADJ,CADG;AAMP,eAAe;AACXC,EAAAA,KAAK,EAAE,mBADI;AAEXC,EAAAA,SAAS,EAAEL,MAFA;AAGXM,EAAAA,UAAU,EAAE;AACRL,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\nimport { text } from '@storybook/addon-knobs';\n\nimport { bdlBoxBlue } from '../../styles/variables';\n\nimport Header from './Header';\nimport notes from './Header.stories.md';\n\nexport const regular = () => (\n    <Header color={text('color', bdlBoxBlue)}>\n        <h1 style={{ color: '#fff' }}>Lorem Ipsum</h1>\n    </Header>\n);\n\nexport default {\n    title: 'Components/Header',\n    component: Header,\n    parameters: {\n        notes,\n    },\n};\n"],"file":"Header.stories.js"}

package/es/components/image-tooltip/ImageTooltip.stories.js

@@ -20,7 +20,7 @@ export const basic = () => React.createElement("div", {
   type: ButtonType.BUTTON
 }, "Callout")));
 export default {
-  title: 'Components|ImageTooltip',
+  title: 'Components/ImageTooltip',
   component: ImageTooltip,
   parameters: {
     notes

package/es/components/image-tooltip/ImageTooltip.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/image-tooltip/ImageTooltip.stories.tsx"],"names":["React","Button","ButtonType","testImageSrc","ImageTooltip","notes","basic","textAlign","BUTTON","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,MAAP,IAAiBC,UAAjB,QAAmC,kBAAnC,C,CAEA;;AACA,OAAOC,YAAP,MAAyB,mBAAzB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,KAAP,MAAkB,2BAAlB;AAEA,OAAO,MAAMC,KAAK,GAAG,MACjB;AAAK,EAAA,KAAK,EAAE;AAAEC,IAAAA,SAAS,EAAE;AAAb;AAAZ,GACI,oBAAC,YAAD;AACI,EAAA,OAAO,EAAC,8EADZ;AAEI,EAAA,KAAK,EAAE;AAAK,IAAA,GAAG,EAAEJ,YAAV;AAAwB,IAAA,GAAG,EAAC;AAA5B,IAFX;AAGI,EAAA,OAAO,MAHX;AAII,EAAA,KAAK,EAAC;AAJV,GAMI,oBAAC,MAAD;AAAQ,EAAA,IAAI,EAAED,UAAU,CAACM;AAAzB,aANJ,CADJ,CADG;AAaP,eAAe;AACXC,EAAAA,KAAK,EAAE,yBADI;AAEXC,EAAAA,SAAS,EAAEN,YAFA;AAGXO,EAAAA,UAAU,EAAE;AACRN,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\n\nimport Button, { ButtonType } from '../button/Button';\n\n// @ts-ignore flow import\nimport testImageSrc from './getTestImageSrc';\nimport ImageTooltip from './ImageTooltip';\nimport notes from './ImageTooltip.stories.md';\n\nexport const basic = () => (\n    <div style={{ textAlign: 'center' }}>\n        <ImageTooltip\n            content=\"Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Ut at semper nisl.\"\n            image={<img src={testImageSrc} alt=\"Lorem ipsum dolor\" />}\n            isShown\n            title=\"Lorem ipsum dolor\"\n        >\n            <Button type={ButtonType.BUTTON}>Callout</Button>\n        </ImageTooltip>\n    </div>\n);\n\nexport default {\n    title: 'Components|ImageTooltip',\n    component: ImageTooltip,\n    parameters: {\n        notes,\n    },\n};\n"],"file":"ImageTooltip.stories.js"}
+{"version":3,"sources":["../../../src/components/image-tooltip/ImageTooltip.stories.tsx"],"names":["React","Button","ButtonType","testImageSrc","ImageTooltip","notes","basic","textAlign","BUTTON","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,MAAP,IAAiBC,UAAjB,QAAmC,kBAAnC,C,CAEA;;AACA,OAAOC,YAAP,MAAyB,mBAAzB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,KAAP,MAAkB,2BAAlB;AAEA,OAAO,MAAMC,KAAK,GAAG,MACjB;AAAK,EAAA,KAAK,EAAE;AAAEC,IAAAA,SAAS,EAAE;AAAb;AAAZ,GACI,oBAAC,YAAD;AACI,EAAA,OAAO,EAAC,8EADZ;AAEI,EAAA,KAAK,EAAE;AAAK,IAAA,GAAG,EAAEJ,YAAV;AAAwB,IAAA,GAAG,EAAC;AAA5B,IAFX;AAGI,EAAA,OAAO,MAHX;AAII,EAAA,KAAK,EAAC;AAJV,GAMI,oBAAC,MAAD;AAAQ,EAAA,IAAI,EAAED,UAAU,CAACM;AAAzB,aANJ,CADJ,CADG;AAaP,eAAe;AACXC,EAAAA,KAAK,EAAE,yBADI;AAEXC,EAAAA,SAAS,EAAEN,YAFA;AAGXO,EAAAA,UAAU,EAAE;AACRN,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\n\nimport Button, { ButtonType } from '../button/Button';\n\n// @ts-ignore flow import\nimport testImageSrc from './getTestImageSrc';\nimport ImageTooltip from './ImageTooltip';\nimport notes from './ImageTooltip.stories.md';\n\nexport const basic = () => (\n    <div style={{ textAlign: 'center' }}>\n        <ImageTooltip\n            content=\"Lorem ipsum dolor sit amet, consec tetur adipiscing elit. Ut at semper nisl.\"\n            image={<img src={testImageSrc} alt=\"Lorem ipsum dolor\" />}\n            isShown\n            title=\"Lorem ipsum dolor\"\n        >\n            <Button type={ButtonType.BUTTON}>Callout</Button>\n        </ImageTooltip>\n    </div>\n);\n\nexport default {\n    title: 'Components/ImageTooltip',\n    component: ImageTooltip,\n    parameters: {\n        notes,\n    },\n};\n"],"file":"ImageTooltip.stories.js"}

package/es/components/inline-error/InlineError.stories.js

@@ -4,7 +4,7 @@ export const regular = () => React.createElement(InlineError, {
   title: "Something bad happened"
 }, "Username is required");
 export default {
-  title: 'Components|InlineError',
+  title: 'Components/InlineError',
   component: InlineError
 };
 //# sourceMappingURL=InlineError.stories.js.map

package/es/components/inline-error/InlineError.stories.js.flow

@@ -4,6 +4,6 @@ import InlineError from './InlineError';
 export const regular = () => <InlineError title="Something bad happened">Username is required</InlineError>;
 
 export default {
-    title: 'Components|InlineError',
+    title: 'Components/InlineError',
     component: InlineError,
 };

package/es/components/inline-error/InlineError.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/inline-error/InlineError.stories.js"],"names":["React","InlineError","regular","title","component"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AAEA,OAAO,MAAMC,OAAO,GAAG,MAAM,oBAAC,WAAD;AAAa,EAAA,KAAK,EAAC;AAAnB,0BAAtB;AAEP,eAAe;AACXC,EAAAA,KAAK,EAAE,wBADI;AAEXC,EAAAA,SAAS,EAAEH;AAFA,CAAf","sourcesContent":["import * as React from 'react';\nimport InlineError from './InlineError';\n\nexport const regular = () => <InlineError title=\"Something bad happened\">Username is required</InlineError>;\n\nexport default {\n    title: 'Components|InlineError',\n    component: InlineError,\n};\n"],"file":"InlineError.stories.js"}
+{"version":3,"sources":["../../../src/components/inline-error/InlineError.stories.js"],"names":["React","InlineError","regular","title","component"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AAEA,OAAO,MAAMC,OAAO,GAAG,MAAM,oBAAC,WAAD;AAAa,EAAA,KAAK,EAAC;AAAnB,0BAAtB;AAEP,eAAe;AACXC,EAAAA,KAAK,EAAE,wBADI;AAEXC,EAAAA,SAAS,EAAEH;AAFA,CAAf","sourcesContent":["import * as React from 'react';\nimport InlineError from './InlineError';\n\nexport const regular = () => <InlineError title=\"Something bad happened\">Username is required</InlineError>;\n\nexport default {\n    title: 'Components/InlineError',\n    component: InlineError,\n};\n"],"file":"InlineError.stories.js"}

package/es/components/inline-notice/InlineNotice.stories.js

@@ -29,7 +29,7 @@ export const withTitle = () => React.createElement("div", null, React.createElem
   title: "Generic Title"
 }, "This is a generic notice. You will just want to notice this."));
 export default {
-  title: 'Components|InlineNotice',
+  title: 'Components/InlineNotice',
   component: InlineNotice,
   parameters: {
     notes

package/es/components/inline-notice/InlineNotice.stories.js.flow

@@ -51,7 +51,7 @@ export const withTitle = () => (
 );
 
 export default {
-    title: 'Components|InlineNotice',
+    title: 'Components/InlineNotice',
     component: InlineNotice,
     parameters: {
         notes,

package/es/components/inline-notice/InlineNotice.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/inline-notice/InlineNotice.stories.js"],"names":["React","InlineNotice","notes","withoutTitle","withTitle","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,KAAP,MAAkB,2BAAlB;AAEA,OAAO,MAAMC,YAAY,GAAG,MACxB,iCACI,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC;AAAnB,iBACc,8CADd,sDADJ,EAKI,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC;AAAnB,kBACe,4CADf,uDALJ,EASI,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC;AAAnB,iBACc,8CADd,uDATJ,EAaI,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC;AAAnB,kBACe,2CADf,oDAbJ,EAiBI,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC;AAAnB,kBACe,8CADf,6CAjBJ,CADG;AAwBP,OAAO,MAAMC,SAAS,GAAG,MACrB,iCACI,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC,SAAnB;AAA6B,EAAA,KAAK,EAAC;AAAnC,wEADJ,EAKI,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC,OAAnB;AAA2B,EAAA,KAAK,EAAC;AAAjC,wEALJ,EASI,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC,SAAnB;AAA6B,EAAA,KAAK,EAAC;AAAnC,yEATJ,EAaI,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC,MAAnB;AAA0B,EAAA,KAAK,EAAC;AAAhC,oEAbJ,EAiBI,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC,SAAnB;AAA6B,EAAA,KAAK,EAAC;AAAnC,kEAjBJ,CADG;AAwBP,eAAe;AACXC,EAAAA,KAAK,EAAE,yBADI;AAEXC,EAAAA,SAAS,EAAEL,YAFA;AAGXM,EAAAA,UAAU,EAAE;AACRL,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\nimport InlineNotice from './InlineNotice';\nimport notes from './InlineNotice.stories.md';\n\nexport const withoutTitle = () => (\n    <div>\n        <InlineNotice type=\"warning\">\n            This is a <strong>warning</strong> notice. You might want to pay attention to this.\n        </InlineNotice>\n\n        <InlineNotice type=\"error\">\n            This is an <strong>error</strong> notice. You really want to pay attention to this.\n        </InlineNotice>\n\n        <InlineNotice type=\"success\">\n            This is a <strong>success</strong> notice. You ought to feel really good about this.\n        </InlineNotice>\n\n        <InlineNotice type=\"info\">\n            This is an <strong>info</strong> notice. You should get some context from this.\n        </InlineNotice>\n\n        <InlineNotice type=\"generic\">\n            This is an <strong>generic</strong> notice. You will just want to see this.\n        </InlineNotice>\n    </div>\n);\n\nexport const withTitle = () => (\n    <div>\n        <InlineNotice type=\"warning\" title=\"Warning Title\">\n            This is a warning notice. You might want to pay attention to this.\n        </InlineNotice>\n\n        <InlineNotice type=\"error\" title=\"Error Title\">\n            This is an error notice. You really want to pay attention to this.\n        </InlineNotice>\n\n        <InlineNotice type=\"success\" title=\"Success Title\">\n            This is a success notice. You ought to feel really good about this.\n        </InlineNotice>\n\n        <InlineNotice type=\"info\" title=\"Info Title\">\n            This is an info notice. You should get some context from this.\n        </InlineNotice>\n\n        <InlineNotice type=\"generic\" title=\"Generic Title\">\n            This is a generic notice. You will just want to notice this.\n        </InlineNotice>\n    </div>\n);\n\nexport default {\n    title: 'Components|InlineNotice',\n    component: InlineNotice,\n    parameters: {\n        notes,\n    },\n};\n"],"file":"InlineNotice.stories.js"}
+{"version":3,"sources":["../../../src/components/inline-notice/InlineNotice.stories.js"],"names":["React","InlineNotice","notes","withoutTitle","withTitle","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,KAAP,MAAkB,2BAAlB;AAEA,OAAO,MAAMC,YAAY,GAAG,MACxB,iCACI,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC;AAAnB,iBACc,8CADd,sDADJ,EAKI,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC;AAAnB,kBACe,4CADf,uDALJ,EASI,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC;AAAnB,iBACc,8CADd,uDATJ,EAaI,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC;AAAnB,kBACe,2CADf,oDAbJ,EAiBI,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC;AAAnB,kBACe,8CADf,6CAjBJ,CADG;AAwBP,OAAO,MAAMC,SAAS,GAAG,MACrB,iCACI,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC,SAAnB;AAA6B,EAAA,KAAK,EAAC;AAAnC,wEADJ,EAKI,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC,OAAnB;AAA2B,EAAA,KAAK,EAAC;AAAjC,wEALJ,EASI,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC,SAAnB;AAA6B,EAAA,KAAK,EAAC;AAAnC,yEATJ,EAaI,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC,MAAnB;AAA0B,EAAA,KAAK,EAAC;AAAhC,oEAbJ,EAiBI,oBAAC,YAAD;AAAc,EAAA,IAAI,EAAC,SAAnB;AAA6B,EAAA,KAAK,EAAC;AAAnC,kEAjBJ,CADG;AAwBP,eAAe;AACXC,EAAAA,KAAK,EAAE,yBADI;AAEXC,EAAAA,SAAS,EAAEL,YAFA;AAGXM,EAAAA,UAAU,EAAE;AACRL,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\nimport InlineNotice from './InlineNotice';\nimport notes from './InlineNotice.stories.md';\n\nexport const withoutTitle = () => (\n    <div>\n        <InlineNotice type=\"warning\">\n            This is a <strong>warning</strong> notice. You might want to pay attention to this.\n        </InlineNotice>\n\n        <InlineNotice type=\"error\">\n            This is an <strong>error</strong> notice. You really want to pay attention to this.\n        </InlineNotice>\n\n        <InlineNotice type=\"success\">\n            This is a <strong>success</strong> notice. You ought to feel really good about this.\n        </InlineNotice>\n\n        <InlineNotice type=\"info\">\n            This is an <strong>info</strong> notice. You should get some context from this.\n        </InlineNotice>\n\n        <InlineNotice type=\"generic\">\n            This is an <strong>generic</strong> notice. You will just want to see this.\n        </InlineNotice>\n    </div>\n);\n\nexport const withTitle = () => (\n    <div>\n        <InlineNotice type=\"warning\" title=\"Warning Title\">\n            This is a warning notice. You might want to pay attention to this.\n        </InlineNotice>\n\n        <InlineNotice type=\"error\" title=\"Error Title\">\n            This is an error notice. You really want to pay attention to this.\n        </InlineNotice>\n\n        <InlineNotice type=\"success\" title=\"Success Title\">\n            This is a success notice. You ought to feel really good about this.\n        </InlineNotice>\n\n        <InlineNotice type=\"info\" title=\"Info Title\">\n            This is an info notice. You should get some context from this.\n        </InlineNotice>\n\n        <InlineNotice type=\"generic\" title=\"Generic Title\">\n            This is a generic notice. You will just want to notice this.\n        </InlineNotice>\n    </div>\n);\n\nexport default {\n    title: 'Components/InlineNotice',\n    component: InlineNotice,\n    parameters: {\n        notes,\n    },\n};\n"],"file":"InlineNotice.stories.js"}

package/es/components/label/HiddenLabel.js

@@ -1,15 +1,21 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import * as React from 'react';
 import LabelPrimitive from './LabelPrimitive';
 
 const HiddenLabel = (_ref) => {
   let {
-    children,
-    labelContent
-  } = _ref;
-  return React.createElement(LabelPrimitive, {
-    className: "accessibility-hidden",
-    labelContent: labelContent
-  }, children);
+    children
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, ["children"]);
+
+  return React.createElement(LabelPrimitive, _extends({
+    className: "accessibility-hidden"
+  }, rest), children);
 };
 
 export default HiddenLabel;

package/es/components/label/HiddenLabel.js.flow

@@ -8,10 +8,11 @@ const HIDDEN_CLASS_NAME = 'accessibility-hidden';
 type Props = {
     children: React.Node,
     labelContent: React.Node,
+    labelElProps?: React.Element<'label'>,
 };
 
-const HiddenLabel = ({ children, labelContent }: Props) => (
-    <LabelPrimitive className={HIDDEN_CLASS_NAME} labelContent={labelContent}>
+const HiddenLabel = ({ children, labelContent, labelElProps }: Props) => (
+    <LabelPrimitive className={HIDDEN_CLASS_NAME} labelContent={labelContent} labelElProps={labelElProps}>
         {children}
     </LabelPrimitive>
 );

package/es/components/label/HiddenLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/label/HiddenLabel.tsx"],"names":["React","LabelPrimitive","HiddenLabel","children","labelContent"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,cAAP,MAA2B,kBAA3B;;AASA,MAAMC,WAAW,GAAG;AAAA,MAAC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,GAAD;AAAA,SAChB,oBAAC,cAAD;AAAgB,IAAA,SAAS,EAAC,sBAA1B;AAAiD,IAAA,YAAY,EAAEA;AAA/D,KACKD,QADL,CADgB;AAAA,CAApB;;AAMA,eAAeD,WAAf","sourcesContent":["import * as React from 'react';\n\nimport LabelPrimitive from './LabelPrimitive';\n\nexport interface HiddenLabelProps {\n    /** Child for the label */\n    children: React.ReactElement;\n    /** Text content of the label */\n    labelContent: React.ReactNode;\n}\n\nconst HiddenLabel = ({ children, labelContent }: HiddenLabelProps) => (\n    <LabelPrimitive className=\"accessibility-hidden\" labelContent={labelContent}>\n        {children}\n    </LabelPrimitive>\n);\n\nexport default HiddenLabel;\n"],"file":"HiddenLabel.js"}
+{"version":3,"sources":["../../../src/components/label/HiddenLabel.tsx"],"names":["React","LabelPrimitive","HiddenLabel","children","rest"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,cAAP,MAA2B,kBAA3B;;AAWA,MAAMC,WAAW,GAAG;AAAA,MAAC;AAAEC,IAAAA;AAAF,GAAD;AAAA,MAAgBC,IAAhB;;AAAA,SAChB,oBAAC,cAAD;AAAgB,IAAA,SAAS,EAAC;AAA1B,KAAqDA,IAArD,GACKD,QADL,CADgB;AAAA,CAApB;;AAMA,eAAeD,WAAf","sourcesContent":["import * as React from 'react';\n\nimport LabelPrimitive from './LabelPrimitive';\n\nexport interface HiddenLabelProps {\n    /** Child for the label */\n    children: React.ReactElement;\n    /** Text content of the label */\n    labelContent: React.ReactNode;\n    /** Optional props for the label element */\n    labelElProps?: React.ComponentPropsWithoutRef<'label'>;\n}\n\nconst HiddenLabel = ({ children, ...rest }: HiddenLabelProps) => (\n    <LabelPrimitive className=\"accessibility-hidden\" {...rest}>\n        {children}\n    </LabelPrimitive>\n);\n\nexport default HiddenLabel;\n"],"file":"HiddenLabel.js"}

package/es/components/label/Label.js

@@ -21,6 +21,7 @@ const Label = (_ref) => {
   let {
     text,
     tooltip,
+    labelElProps,
     infoTooltip,
     infoIconProps,
     showOptionalText,
@@ -45,13 +46,15 @@ const Label = (_ref) => {
 
   if (hideLabel) {
     return React.createElement(HiddenLabel, {
-      labelContent: labelContent
+      labelContent: labelContent,
+      labelElProps: labelElProps
     }, children);
   }
 
   return React.createElement(StandardLabel, {
     labelContent: labelContent,
-    tooltip: tooltip
+    tooltip: tooltip,
+    labelElProps: labelElProps
   }, children);
 };
 

package/es/components/label/Label.js.flow

@@ -23,6 +23,8 @@ type Props = {
     infoIconProps?: Object,
     /** Tooltip text for the info icon */
     infoTooltip?: React.Node,
+    /** Optional props for the label element */
+    labelElProps?: React.Element<'label'>,
     /** Whether to show the `(Optional)` text next to the label for an optional field */
     showOptionalText?: boolean,
     /** The label text */
@@ -31,7 +33,7 @@ type Props = {
     tooltip?: React.Node,
 };
 
-const Label = ({ text, tooltip, infoTooltip, infoIconProps, showOptionalText, hideLabel, children }: Props) => {
+const Label = ({ text, tooltip, infoTooltip, labelElProps, infoIconProps, showOptionalText, hideLabel, children }: Props) => {
     const labelContent = [
         <span key="labelText">{text}</span>,
         showOptionalText ? <OptionalFormattedMessage key="optionalMessage" /> : null,
@@ -48,11 +50,11 @@ const Label = ({ text, tooltip, infoTooltip, infoIconProps, showOptionalText, hi
     }
 
     if (hideLabel) {
-        return <HiddenLabel labelContent={labelContent}>{children}</HiddenLabel>;
+        return <HiddenLabel labelContent={labelContent} labelElProps={labelElProps}>{children}</HiddenLabel>;
     }
 
     return (
-        <StandardLabel labelContent={labelContent} tooltip={tooltip}>
+        <StandardLabel labelContent={labelContent} labelElProps={labelElProps} tooltip={tooltip}>
             {children}
         </StandardLabel>
     );

package/es/components/label/Label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/label/Label.tsx"],"names":["React","FormattedMessage","InfoIconWithTooltip","StandardLabel","HiddenLabel","commonMessages","OptionalFormattedMessage","optional","Label","text","tooltip","infoTooltip","infoIconProps","showOptionalText","hideLabel","children","labelContent","push","className"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,gBAAT,QAAiC,YAAjC;AAEA,OAAOC,mBAAP,MAAgC,uBAAhC;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,WAAP,MAAwB,eAAxB,C,CACA;;AACA,OAAOC,cAAP,MAA2B,uBAA3B;AAEA,OAAO,cAAP;;AAEA,MAAMC,wBAAwB,GAAG,MAC7B;AAAM,EAAA,SAAS,EAAC;AAAhB,QACK,oBAAC,gBAAD,EAAsBD,cAAc,CAACE,QAArC,CADL,MADJ;;AAuBA,MAAMC,KAAK,GAAG,UAAsG;AAAA,MAArG;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,OAAR;AAAiBC,IAAAA,WAAjB;AAA8BC,IAAAA,aAA9B;AAA6CC,IAAAA,gBAA7C;AAA+DC,IAAAA,SAA/D;AAA0EC,IAAAA;AAA1E,GAAqG;AAChH,QAAMC,YAAY,GAAG,CACjB;AAAM,IAAA,GAAG,EAAC;AAAV,KAAuBP,IAAvB,CADiB,EAEjBI,gBAAgB,GAAG,oBAAC,wBAAD;AAA0B,IAAA,GAAG,EAAC;AAA9B,IAAH,GAAwD,IAFvD,CAArB;;AAKA,MAAIF,WAAJ,EAAiB;AACbK,IAAAA,YAAY,CAACC,IAAb,CACI,oBAAC,mBAAD;AACI,MAAA,GAAG,EAAC,aADR;AAEI,MAAA,SAAS;AAAIC,QAAAA,SAAS,EAAE;AAAf,SAAkCN,aAAlC,CAFb;AAGI,MAAA,WAAW,EAAED;AAHjB,MADJ;AAOH;;AAED,MAAIG,SAAJ,EAAe;AACX,WAAO,oBAAC,WAAD;AAAa,MAAA,YAAY,EAAEE;AAA3B,OAA0CD,QAA1C,CAAP;AACH;;AAED,SACI,oBAAC,aAAD;AAAe,IAAA,YAAY,EAAEC,YAA7B;AAA2C,IAAA,OAAO,EAAEN;AAApD,KACKK,QADL,CADJ;AAKH,CAzBD;;AA2BA,eAAeP,KAAf","sourcesContent":["import * as React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport InfoIconWithTooltip from './InfoIconWithTooltip';\nimport StandardLabel from './StandardLabel';\nimport HiddenLabel from './HiddenLabel';\n// @ts-ignore flow import\nimport commonMessages from '../../common/messages';\n\nimport './Label.scss';\n\nconst OptionalFormattedMessage = () => (\n    <span className=\"label-optional bdl-Label-optional\">\n        (<FormattedMessage {...commonMessages.optional} />)\n    </span>\n);\n\nexport interface LabelProps {\n    /** Child for the label */\n    children: React.ReactElement;\n    /** Whether the text of the label should be accessibly hidden */\n    hideLabel?: boolean;\n    /** Optional props for the icon */\n    infoIconProps?: Record<string, any>; // eslint-disable-line @typescript-eslint/no-explicit-any\n    /** Tooltip text for the info icon */\n    infoTooltip?: React.ReactNode;\n    /** Whether to show the `(Optional)` text next to the label for an optional field */\n    showOptionalText?: boolean;\n    /** The label text */\n    text: React.ReactNode;\n    /** Optional tooltip text for the label */\n    tooltip?: React.ReactNode;\n}\n\nconst Label = ({ text, tooltip, infoTooltip, infoIconProps, showOptionalText, hideLabel, children }: LabelProps) => {\n    const labelContent = [\n        <span key=\"labelText\">{text}</span>,\n        showOptionalText ? <OptionalFormattedMessage key=\"optionalMessage\" /> : null,\n    ];\n\n    if (infoTooltip) {\n        labelContent.push(\n            <InfoIconWithTooltip\n                key=\"infoTooltip\"\n                iconProps={{ className: 'tooltip-icon', ...infoIconProps }}\n                tooltipText={infoTooltip}\n            />,\n        );\n    }\n\n    if (hideLabel) {\n        return <HiddenLabel labelContent={labelContent}>{children}</HiddenLabel>;\n    }\n\n    return (\n        <StandardLabel labelContent={labelContent} tooltip={tooltip}>\n            {children}\n        </StandardLabel>\n    );\n};\n\nexport default Label;\n"],"file":"Label.js"}
+{"version":3,"sources":["../../../src/components/label/Label.tsx"],"names":["React","FormattedMessage","InfoIconWithTooltip","StandardLabel","HiddenLabel","commonMessages","OptionalFormattedMessage","optional","Label","text","tooltip","labelElProps","infoTooltip","infoIconProps","showOptionalText","hideLabel","children","labelContent","push","className"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,gBAAT,QAAiC,YAAjC;AAEA,OAAOC,mBAAP,MAAgC,uBAAhC;AACA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,WAAP,MAAwB,eAAxB,C,CACA;;AACA,OAAOC,cAAP,MAA2B,uBAA3B;AAEA,OAAO,cAAP;;AAEA,MAAMC,wBAAwB,GAAG,MAC7B;AAAM,EAAA,SAAS,EAAC;AAAhB,QACK,oBAAC,gBAAD,EAAsBD,cAAc,CAACE,QAArC,CADL,MADJ;;AAyBA,MAAMC,KAAK,GAAG,UASI;AAAA,MATH;AACXC,IAAAA,IADW;AAEXC,IAAAA,OAFW;AAGXC,IAAAA,YAHW;AAIXC,IAAAA,WAJW;AAKXC,IAAAA,aALW;AAMXC,IAAAA,gBANW;AAOXC,IAAAA,SAPW;AAQXC,IAAAA;AARW,GASG;AACd,QAAMC,YAAY,GAAG,CACjB;AAAM,IAAA,GAAG,EAAC;AAAV,KAAuBR,IAAvB,CADiB,EAEjBK,gBAAgB,GAAG,oBAAC,wBAAD;AAA0B,IAAA,GAAG,EAAC;AAA9B,IAAH,GAAwD,IAFvD,CAArB;;AAKA,MAAIF,WAAJ,EAAiB;AACbK,IAAAA,YAAY,CAACC,IAAb,CACI,oBAAC,mBAAD;AACI,MAAA,GAAG,EAAC,aADR;AAEI,MAAA,SAAS;AAAIC,QAAAA,SAAS,EAAE;AAAf,SAAkCN,aAAlC,CAFb;AAGI,MAAA,WAAW,EAAED;AAHjB,MADJ;AAOH;;AAED,MAAIG,SAAJ,EAAe;AACX,WACI,oBAAC,WAAD;AAAa,MAAA,YAAY,EAAEE,YAA3B;AAAyC,MAAA,YAAY,EAAEN;AAAvD,OACKK,QADL,CADJ;AAKH;;AAED,SACI,oBAAC,aAAD;AAAe,IAAA,YAAY,EAAEC,YAA7B;AAA2C,IAAA,OAAO,EAAEP,OAApD;AAA6D,IAAA,YAAY,EAAEC;AAA3E,KACKK,QADL,CADJ;AAKH,CAtCD;;AAwCA,eAAeR,KAAf","sourcesContent":["import * as React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport InfoIconWithTooltip from './InfoIconWithTooltip';\nimport StandardLabel from './StandardLabel';\nimport HiddenLabel from './HiddenLabel';\n// @ts-ignore flow import\nimport commonMessages from '../../common/messages';\n\nimport './Label.scss';\n\nconst OptionalFormattedMessage = () => (\n    <span className=\"label-optional bdl-Label-optional\">\n        (<FormattedMessage {...commonMessages.optional} />)\n    </span>\n);\n\nexport interface LabelProps {\n    /** Child for the label */\n    children: React.ReactElement;\n    /** Whether the text of the label should be accessibly hidden */\n    hideLabel?: boolean;\n    /** Optional props for the icon */\n    infoIconProps?: Record<string, any>; // eslint-disable-line @typescript-eslint/no-explicit-any\n    /** Tooltip text for the info icon */\n    infoTooltip?: React.ReactNode;\n    /** Optional props for the label element */\n    labelElProps?: React.ComponentPropsWithoutRef<'label'>;\n    /** Whether to show the `(Optional)` text next to the label for an optional field */\n    showOptionalText?: boolean;\n    /** The label text */\n    text: React.ReactNode;\n    /** Optional tooltip text for the label */\n    tooltip?: React.ReactNode;\n}\n\nconst Label = ({\n    text,\n    tooltip,\n    labelElProps,\n    infoTooltip,\n    infoIconProps,\n    showOptionalText,\n    hideLabel,\n    children,\n}: LabelProps) => {\n    const labelContent = [\n        <span key=\"labelText\">{text}</span>,\n        showOptionalText ? <OptionalFormattedMessage key=\"optionalMessage\" /> : null,\n    ];\n\n    if (infoTooltip) {\n        labelContent.push(\n            <InfoIconWithTooltip\n                key=\"infoTooltip\"\n                iconProps={{ className: 'tooltip-icon', ...infoIconProps }}\n                tooltipText={infoTooltip}\n            />,\n        );\n    }\n\n    if (hideLabel) {\n        return (\n            <HiddenLabel labelContent={labelContent} labelElProps={labelElProps}>\n                {children}\n            </HiddenLabel>\n        );\n    }\n\n    return (\n        <StandardLabel labelContent={labelContent} tooltip={tooltip} labelElProps={labelElProps}>\n            {children}\n        </StandardLabel>\n    );\n};\n\nexport default Label;\n"],"file":"Label.js"}

package/es/components/label/Label.stories.js

@@ -21,7 +21,7 @@ export const withInfoTooltip = () => React.createElement(Label, {
   type: "text"
 }));
 export default {
-  title: 'Components|Label',
+  title: 'Components/Label',
   component: Label,
   parameters: {
     notes

package/es/components/label/Label.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/label/Label.stories.tsx"],"names":["React","boolean","Label","notes","basic","withOptionalText","withInfoTooltip","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,OAAT,QAAwB,wBAAxB;AAEA,OAAOC,KAAP,MAAkB,SAAlB;AACA,OAAOC,KAAP,MAAkB,oBAAlB;AAEA,OAAO,MAAMC,KAAK,GAAG,MACjB,oBAAC,KAAD;AAAO,EAAA,IAAI,EAAC,aAAZ;AAA0B,EAAA,OAAO,EAAC;AAAlC,GACI;AAAO,EAAA,IAAI,EAAC;AAAZ,EADJ,CADG;AAMP,OAAO,MAAMC,gBAAgB,GAAG,MAC5B,oBAAC,KAAD;AAAO,EAAA,IAAI,EAAC,aAAZ;AAA0B,EAAA,gBAAgB,EAAEJ,OAAO,CAAC,kBAAD,EAAqB,IAArB;AAAnD,GACI;AAAO,EAAA,IAAI,EAAC;AAAZ,EADJ,CADG;AAMP,OAAO,MAAMK,eAAe,GAAG,MAC3B,oBAAC,KAAD;AAAO,EAAA,IAAI,EAAC,aAAZ;AAA0B,EAAA,WAAW,EAAC;AAAtC,GACI;AAAO,EAAA,IAAI,EAAC;AAAZ,EADJ,CADG;AAMP,eAAe;AACXC,EAAAA,KAAK,EAAE,kBADI;AAEXC,EAAAA,SAAS,EAAEN,KAFA;AAGXO,EAAAA,UAAU,EAAE;AACRN,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\nimport { boolean } from '@storybook/addon-knobs';\n\nimport Label from './Label';\nimport notes from './Label.stories.md';\n\nexport const basic = () => (\n    <Label text=\"Input Label\" tooltip=\"This is an input label.\">\n        <input type=\"text\" />\n    </Label>\n);\n\nexport const withOptionalText = () => (\n    <Label text=\"Input Label\" showOptionalText={boolean('showOptionalText', true)}>\n        <input type=\"text\" />\n    </Label>\n);\n\nexport const withInfoTooltip = () => (\n    <Label text=\"Input Label\" infoTooltip=\"I stand above this icon\">\n        <input type=\"text\" />\n    </Label>\n);\n\nexport default {\n    title: 'Components|Label',\n    component: Label,\n    parameters: {\n        notes,\n    },\n};\n"],"file":"Label.stories.js"}
+{"version":3,"sources":["../../../src/components/label/Label.stories.tsx"],"names":["React","boolean","Label","notes","basic","withOptionalText","withInfoTooltip","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,OAAT,QAAwB,wBAAxB;AAEA,OAAOC,KAAP,MAAkB,SAAlB;AACA,OAAOC,KAAP,MAAkB,oBAAlB;AAEA,OAAO,MAAMC,KAAK,GAAG,MACjB,oBAAC,KAAD;AAAO,EAAA,IAAI,EAAC,aAAZ;AAA0B,EAAA,OAAO,EAAC;AAAlC,GACI;AAAO,EAAA,IAAI,EAAC;AAAZ,EADJ,CADG;AAMP,OAAO,MAAMC,gBAAgB,GAAG,MAC5B,oBAAC,KAAD;AAAO,EAAA,IAAI,EAAC,aAAZ;AAA0B,EAAA,gBAAgB,EAAEJ,OAAO,CAAC,kBAAD,EAAqB,IAArB;AAAnD,GACI;AAAO,EAAA,IAAI,EAAC;AAAZ,EADJ,CADG;AAMP,OAAO,MAAMK,eAAe,GAAG,MAC3B,oBAAC,KAAD;AAAO,EAAA,IAAI,EAAC,aAAZ;AAA0B,EAAA,WAAW,EAAC;AAAtC,GACI;AAAO,EAAA,IAAI,EAAC;AAAZ,EADJ,CADG;AAMP,eAAe;AACXC,EAAAA,KAAK,EAAE,kBADI;AAEXC,EAAAA,SAAS,EAAEN,KAFA;AAGXO,EAAAA,UAAU,EAAE;AACRN,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\nimport { boolean } from '@storybook/addon-knobs';\n\nimport Label from './Label';\nimport notes from './Label.stories.md';\n\nexport const basic = () => (\n    <Label text=\"Input Label\" tooltip=\"This is an input label.\">\n        <input type=\"text\" />\n    </Label>\n);\n\nexport const withOptionalText = () => (\n    <Label text=\"Input Label\" showOptionalText={boolean('showOptionalText', true)}>\n        <input type=\"text\" />\n    </Label>\n);\n\nexport const withInfoTooltip = () => (\n    <Label text=\"Input Label\" infoTooltip=\"I stand above this icon\">\n        <input type=\"text\" />\n    </Label>\n);\n\nexport default {\n    title: 'Components/Label',\n    component: Label,\n    parameters: {\n        notes,\n    },\n};\n"],"file":"Label.stories.js"}

package/es/components/label/LabelPrimitive.js

@@ -11,11 +11,12 @@ const LabelPrimitive = (_ref) => {
   let {
     children,
     className,
-    labelContent
+    labelContent,
+    labelElProps
   } = _ref,
-      rest = _objectWithoutProperties(_ref, ["children", "className", "labelContent"]);
+      rest = _objectWithoutProperties(_ref, ["children", "className", "labelContent", "labelElProps"]);
 
-  return React.createElement("label", null, React.createElement("span", _extends({
+  return React.createElement("label", labelElProps, React.createElement("span", _extends({
     className: classNames('label bdl-Label', className)
   }, rest), labelContent), children);
 };

package/es/components/label/LabelPrimitive.js.flow

@@ -6,10 +6,11 @@ type Props = {
     children: React.Node,
     className?: string,
     labelContent: React.Node,
+    labelElProps?: React.Element<'label'>,
 };
 
-const LabelPrimitive = ({ children, className, labelContent, ...rest }: Props) => (
-    <label>
+const LabelPrimitive = ({ children, className, labelContent, labelElProps, ...rest }: Props) => (
+    <label {...labelElProps}>
         <span className={classNames('label bdl-Label', className)} {...rest}>
             {labelContent}
         </span>

package/es/components/label/LabelPrimitive.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/label/LabelPrimitive.tsx"],"names":["React","classNames","LabelPrimitive","children","className","labelContent","rest"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,UAAP,MAAuB,YAAvB;;AAWA,MAAMC,cAAc,GAAG;AAAA,MAAC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,SAAZ;AAAuBC,IAAAA;AAAvB,GAAD;AAAA,MAAyCC,IAAzC;;AAAA,SACnB,mCACI;AAAM,IAAA,SAAS,EAAEL,UAAU,CAAC,iBAAD,EAAoBG,SAApB;AAA3B,KAA+DE,IAA/D,GACKD,YADL,CADJ,EAIKF,QAJL,CADmB;AAAA,CAAvB;;AASA,eAAeD,cAAf","sourcesContent":["import * as React from 'react';\nimport classNames from 'classnames';\n\nexport interface LabelPrimitiveProps {\n    /** Child for the label */\n    children: React.ReactElement;\n    /** Custom class for the label */\n    className?: string;\n    /** Text content of the label */\n    labelContent: React.ReactNode;\n}\n\nconst LabelPrimitive = ({ children, className, labelContent, ...rest }: LabelPrimitiveProps) => (\n    <label>\n        <span className={classNames('label bdl-Label', className)} {...rest}>\n            {labelContent}\n        </span>\n        {children}\n    </label>\n);\n\nexport default LabelPrimitive;\n"],"file":"LabelPrimitive.js"}
+{"version":3,"sources":["../../../src/components/label/LabelPrimitive.tsx"],"names":["React","classNames","LabelPrimitive","children","className","labelContent","labelElProps","rest"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,UAAP,MAAuB,YAAvB;;AAaA,MAAMC,cAAc,GAAG;AAAA,MAAC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,SAAZ;AAAuBC,IAAAA,YAAvB;AAAqCC,IAAAA;AAArC,GAAD;AAAA,MAAuDC,IAAvD;;AAAA,SACnB,6BAAWD,YAAX,EACI;AAAM,IAAA,SAAS,EAAEL,UAAU,CAAC,iBAAD,EAAoBG,SAApB;AAA3B,KAA+DG,IAA/D,GACKF,YADL,CADJ,EAIKF,QAJL,CADmB;AAAA,CAAvB;;AASA,eAAeD,cAAf","sourcesContent":["import * as React from 'react';\nimport classNames from 'classnames';\n\nexport interface LabelPrimitiveProps {\n    /** Child for the label */\n    children: React.ReactElement;\n    /** Custom class for the label */\n    className?: string;\n    /** Text content of the label */\n    labelContent: React.ReactNode;\n    /** Optional props for the label element */\n    labelElProps?: React.ComponentPropsWithoutRef<'label'>;\n}\n\nconst LabelPrimitive = ({ children, className, labelContent, labelElProps, ...rest }: LabelPrimitiveProps) => (\n    <label {...labelElProps}>\n        <span className={classNames('label bdl-Label', className)} {...rest}>\n            {labelContent}\n        </span>\n        {children}\n    </label>\n);\n\nexport default LabelPrimitive;\n"],"file":"LabelPrimitive.js"}

package/es/components/label/StandardLabel.js

@@ -1,3 +1,7 @@
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 import * as React from 'react';
 import Tooltip, { TooltipPosition } from '../tooltip';
 import LabelPrimitive from './LabelPrimitive';
@@ -5,12 +9,11 @@ import LabelPrimitive from './LabelPrimitive';
 const StandardLabel = (_ref) => {
   let {
     children,
-    labelContent,
     tooltip
-  } = _ref;
-  const label = React.createElement(LabelPrimitive, {
-    labelContent: labelContent
-  }, children);
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, ["children", "tooltip"]);
+
+  const label = React.createElement(LabelPrimitive, rest, children);
   return tooltip ? React.createElement(Tooltip, {
     position: TooltipPosition.TOP_RIGHT,
     text: tooltip

package/es/components/label/StandardLabel.js.flow

@@ -7,11 +7,12 @@ import LabelPrimitive from './LabelPrimitive';
 type Props = {
     children: React.Node,
     labelContent: React.Node,
+    labelElProps?: React.Element<'label'>,
     tooltip?: React.Node,
 };
 
-const StandardLabel = ({ children, labelContent, tooltip }: Props) => {
-    const label = <LabelPrimitive labelContent={labelContent}>{children}</LabelPrimitive>;
+const StandardLabel = ({ children, labelContent, labelElProps, tooltip }: Props) => {
+    const label = <LabelPrimitive labelContent={labelContent} labelElProps={labelElProps}>{children}</LabelPrimitive>;
 
     return tooltip ? (
         <Tooltip position="top-right" text={tooltip}>

package/es/components/label/StandardLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/label/StandardLabel.tsx"],"names":["React","Tooltip","TooltipPosition","LabelPrimitive","StandardLabel","children","labelContent","tooltip","label","TOP_RIGHT"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,OAAP,IAAkBC,eAAlB,QAAyC,YAAzC;AACA,OAAOC,cAAP,MAA2B,kBAA3B;;AAWA,MAAMC,aAAa,GAAG,UAA6D;AAAA,MAA5D;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,YAAZ;AAA0BC,IAAAA;AAA1B,GAA4D;AAC/E,QAAMC,KAAK,GAAG,oBAAC,cAAD;AAAgB,IAAA,YAAY,EAAEF;AAA9B,KAA6CD,QAA7C,CAAd;AAEA,SAAOE,OAAO,GACV,oBAAC,OAAD;AAAS,IAAA,QAAQ,EAAEL,eAAe,CAACO,SAAnC;AAA8C,IAAA,IAAI,EAAEF;AAApD,KACKC,KADL,CADU,GAKVA,KALJ;AAOH,CAVD;;AAYA,eAAeJ,aAAf","sourcesContent":["import * as React from 'react';\n\nimport Tooltip, { TooltipPosition } from '../tooltip';\nimport LabelPrimitive from './LabelPrimitive';\n\nexport interface StandardLabelProps {\n    /** Child for the label */\n    children: React.ReactElement;\n    /** Text content of the label */\n    labelContent: React.ReactNode;\n    /** Optional tooltip text for the label */\n    tooltip?: React.ReactNode;\n}\n\nconst StandardLabel = ({ children, labelContent, tooltip }: StandardLabelProps) => {\n    const label = <LabelPrimitive labelContent={labelContent}>{children}</LabelPrimitive>;\n\n    return tooltip ? (\n        <Tooltip position={TooltipPosition.TOP_RIGHT} text={tooltip}>\n            {label}\n        </Tooltip>\n    ) : (\n        label\n    );\n};\n\nexport default StandardLabel;\n"],"file":"StandardLabel.js"}
+{"version":3,"sources":["../../../src/components/label/StandardLabel.tsx"],"names":["React","Tooltip","TooltipPosition","LabelPrimitive","StandardLabel","children","tooltip","rest","label","TOP_RIGHT"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,OAAP,IAAkBC,eAAlB,QAAyC,YAAzC;AACA,OAAOC,cAAP,MAA2B,kBAA3B;;AAaA,MAAMC,aAAa,GAAG,UAAwD;AAAA,MAAvD;AAAEC,IAAAA,QAAF;AAAYC,IAAAA;AAAZ,GAAuD;AAAA,MAA/BC,IAA+B;;AAC1E,QAAMC,KAAK,GAAG,oBAAC,cAAD,EAAoBD,IAApB,EAA2BF,QAA3B,CAAd;AAEA,SAAOC,OAAO,GACV,oBAAC,OAAD;AAAS,IAAA,QAAQ,EAAEJ,eAAe,CAACO,SAAnC;AAA8C,IAAA,IAAI,EAAEH;AAApD,KACKE,KADL,CADU,GAKVA,KALJ;AAOH,CAVD;;AAYA,eAAeJ,aAAf","sourcesContent":["import * as React from 'react';\n\nimport Tooltip, { TooltipPosition } from '../tooltip';\nimport LabelPrimitive from './LabelPrimitive';\n\nexport interface StandardLabelProps {\n    /** Child for the label */\n    children: React.ReactElement;\n    /** Text content of the label */\n    labelContent: React.ReactNode;\n    /** Optional props for the label element */\n    labelElProps?: React.ComponentPropsWithoutRef<'label'>;\n    /** Optional tooltip text for the label */\n    tooltip?: React.ReactNode;\n}\n\nconst StandardLabel = ({ children, tooltip, ...rest }: StandardLabelProps) => {\n    const label = <LabelPrimitive {...rest}>{children}</LabelPrimitive>;\n\n    return tooltip ? (\n        <Tooltip position={TooltipPosition.TOP_RIGHT} text={tooltip}>\n            {label}\n        </Tooltip>\n    ) : (\n        label\n    );\n};\n\nexport default StandardLabel;\n"],"file":"StandardLabel.js"}

package/es/components/label-pill/LabelPill.stories.js

@@ -49,7 +49,7 @@ export const severalComponents = () => React.createElement("div", {
   size: select(sizeLabel, sizeOptions, LabelPillSize.REGULAR)
 }, React.createElement(LabelPill.Text, null, "SUCCESS")), ' ');
 export default {
-  title: 'Components|LabelPill',
+  title: 'Components/LabelPill',
   subcomponents: {
     'LabelPill.Pill': LabelPill.Pill,
     'LabelPill.Text': LabelPill.Text,

package/es/components/label-pill/LabelPill.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/label-pill/LabelPill.stories.tsx"],"names":["React","select","Shield16","LabelPill","LabelPillStatus","LabelPillSize","notes","typeLabel","sizeLabel","typeOptions","DEFAULT","ALERT","ERROR","FTUX","HIGHLIGHT","INFO","SUCCESS","WARNING","sizeOptions","REGULAR","LARGE","withText","withIcon","withBoth","severalComponents","textAlign","title","subcomponents","Pill","Text","Icon","parameters"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { select } from '@storybook/addon-knobs';\nimport Shield16 from '../../icon/line/Shield16';\nimport LabelPill, { LabelPillStatus, LabelPillSize } from './LabelPill';\nimport notes from './LabelPill.stories.md';\n\nconst typeLabel = '\"type\" Prop';\nconst sizeLabel = '\"size\" Prop';\n\nconst typeOptions: LabelPillStatus[] = [\n    LabelPillStatus.DEFAULT,\n    LabelPillStatus.ALERT,\n    LabelPillStatus.ERROR,\n    LabelPillStatus.FTUX,\n    LabelPillStatus.HIGHLIGHT,\n    LabelPillStatus.INFO,\n    LabelPillStatus.SUCCESS,\n    LabelPillStatus.WARNING,\n];\n\nconst sizeOptions: LabelPillSize[] = [LabelPillSize.REGULAR, LabelPillSize.LARGE];\n\nexport const withText = () => (\n    <LabelPill.Pill\n        type={select(typeLabel, typeOptions, LabelPillStatus.DEFAULT)}\n        size={select(sizeLabel, sizeOptions, LabelPillSize.REGULAR)}\n    >\n        <LabelPill.Text>TEST TEXT</LabelPill.Text>\n    </LabelPill.Pill>\n);\n\nexport const withIcon = () => (\n    <LabelPill.Pill\n        type={select(typeLabel, typeOptions, LabelPillStatus.DEFAULT)}\n        size={select(sizeLabel, sizeOptions, LabelPillSize.REGULAR)}\n    >\n        <LabelPill.Icon Component={Shield16} />\n    </LabelPill.Pill>\n);\n\nexport const withBoth = () => (\n    <LabelPill.Pill\n        type={select(typeLabel, typeOptions, LabelPillStatus.DEFAULT)}\n        size={select(sizeLabel, sizeOptions, LabelPillSize.REGULAR)}\n    >\n        <LabelPill.Icon Component={Shield16} />\n        <LabelPill.Text>TEST TEXT</LabelPill.Text>\n    </LabelPill.Pill>\n);\n\nexport const severalComponents = () => (\n    <div style={{ textAlign: 'center' }}>\n        <LabelPill.Pill type={LabelPillStatus.WARNING} size={select(sizeLabel, sizeOptions, LabelPillSize.REGULAR)}>\n            <LabelPill.Text>BETA</LabelPill.Text>\n        </LabelPill.Pill>{' '}\n        <LabelPill.Pill type={LabelPillStatus.INFO} size={select(sizeLabel, sizeOptions, LabelPillSize.REGULAR)}>\n            <LabelPill.Text>IN PROGRESS</LabelPill.Text>\n        </LabelPill.Pill>{' '}\n        <LabelPill.Pill type={LabelPillStatus.WARNING} size={select(sizeLabel, sizeOptions, LabelPillSize.REGULAR)}>\n            <LabelPill.Icon Component={Shield16} />\n            <LabelPill.Text>CONFIDENTIAL</LabelPill.Text>\n        </LabelPill.Pill>{' '}\n        <LabelPill.Pill type={LabelPillStatus.FTUX} size={select(sizeLabel, sizeOptions, LabelPillSize.REGULAR)}>\n            <LabelPill.Text>NEW</LabelPill.Text>\n        </LabelPill.Pill>{' '}\n        <LabelPill.Pill type={LabelPillStatus.ALERT} size={select(sizeLabel, sizeOptions, LabelPillSize.REGULAR)}>\n            <LabelPill.Text>DUE JUL 9 AT 11:59 PM</LabelPill.Text>\n        </LabelPill.Pill>{' '}\n        <LabelPill.Pill type={LabelPillStatus.SUCCESS} size={select(sizeLabel, sizeOptions, LabelPillSize.REGULAR)}>\n            <LabelPill.Text>SUCCESS</LabelPill.Text>\n        </LabelPill.Pill>{' '}\n    </div>\n);\n\nexport default {\n    title: 'Components|LabelPill',\n    subcomponents: {\n        'LabelPill.Pill': LabelPill.Pill,\n        'LabelPill.Text': LabelPill.Text,\n        'LabePill.Icon': LabelPill.Icon,\n    },\n    parameters: {\n        notes,\n    },\n};\n"],"file":"LabelPill.stories.js"}
+{"version":3,"sources":["../../../src/components/label-pill/LabelPill.stories.tsx"],"names":["React","select","Shield16","LabelPill","LabelPillStatus","LabelPillSize","notes","typeLabel","sizeLabel","typeOptions","DEFAULT","ALERT","ERROR","FTUX","HIGHLIGHT","INFO","SUCCESS","WARNING","sizeOptions","REGULAR","LARGE","withText","withIcon","withBoth","severalComponents","textAlign","title","subcomponents","Pill","Text","Icon","parameters"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { select } from '@storybook/addon-knobs';\nimport Shield16 from '../../icon/line/Shield16';\nimport LabelPill, { LabelPillStatus, LabelPillSize } from './LabelPill';\nimport notes from './LabelPill.stories.md';\n\nconst typeLabel = '\"type\" Prop';\nconst sizeLabel = '\"size\" Prop';\n\nconst typeOptions: LabelPillStatus[] = [\n    LabelPillStatus.DEFAULT,\n    LabelPillStatus.ALERT,\n    LabelPillStatus.ERROR,\n    LabelPillStatus.FTUX,\n    LabelPillStatus.HIGHLIGHT,\n    LabelPillStatus.INFO,\n    LabelPillStatus.SUCCESS,\n    LabelPillStatus.WARNING,\n];\n\nconst sizeOptions: LabelPillSize[] = [LabelPillSize.REGULAR, LabelPillSize.LARGE];\n\nexport const withText = () => (\n    <LabelPill.Pill\n        type={select(typeLabel, typeOptions, LabelPillStatus.DEFAULT)}\n        size={select(sizeLabel, sizeOptions, LabelPillSize.REGULAR)}\n    >\n        <LabelPill.Text>TEST TEXT</LabelPill.Text>\n    </LabelPill.Pill>\n);\n\nexport const withIcon = () => (\n    <LabelPill.Pill\n        type={select(typeLabel, typeOptions, LabelPillStatus.DEFAULT)}\n        size={select(sizeLabel, sizeOptions, LabelPillSize.REGULAR)}\n    >\n        <LabelPill.Icon Component={Shield16} />\n    </LabelPill.Pill>\n);\n\nexport const withBoth = () => (\n    <LabelPill.Pill\n        type={select(typeLabel, typeOptions, LabelPillStatus.DEFAULT)}\n        size={select(sizeLabel, sizeOptions, LabelPillSize.REGULAR)}\n    >\n        <LabelPill.Icon Component={Shield16} />\n        <LabelPill.Text>TEST TEXT</LabelPill.Text>\n    </LabelPill.Pill>\n);\n\nexport const severalComponents = () => (\n    <div style={{ textAlign: 'center' }}>\n        <LabelPill.Pill type={LabelPillStatus.WARNING} size={select(sizeLabel, sizeOptions, LabelPillSize.REGULAR)}>\n            <LabelPill.Text>BETA</LabelPill.Text>\n        </LabelPill.Pill>{' '}\n        <LabelPill.Pill type={LabelPillStatus.INFO} size={select(sizeLabel, sizeOptions, LabelPillSize.REGULAR)}>\n            <LabelPill.Text>IN PROGRESS</LabelPill.Text>\n        </LabelPill.Pill>{' '}\n        <LabelPill.Pill type={LabelPillStatus.WARNING} size={select(sizeLabel, sizeOptions, LabelPillSize.REGULAR)}>\n            <LabelPill.Icon Component={Shield16} />\n            <LabelPill.Text>CONFIDENTIAL</LabelPill.Text>\n        </LabelPill.Pill>{' '}\n        <LabelPill.Pill type={LabelPillStatus.FTUX} size={select(sizeLabel, sizeOptions, LabelPillSize.REGULAR)}>\n            <LabelPill.Text>NEW</LabelPill.Text>\n        </LabelPill.Pill>{' '}\n        <LabelPill.Pill type={LabelPillStatus.ALERT} size={select(sizeLabel, sizeOptions, LabelPillSize.REGULAR)}>\n            <LabelPill.Text>DUE JUL 9 AT 11:59 PM</LabelPill.Text>\n        </LabelPill.Pill>{' '}\n        <LabelPill.Pill type={LabelPillStatus.SUCCESS} size={select(sizeLabel, sizeOptions, LabelPillSize.REGULAR)}>\n            <LabelPill.Text>SUCCESS</LabelPill.Text>\n        </LabelPill.Pill>{' '}\n    </div>\n);\n\nexport default {\n    title: 'Components/LabelPill',\n    subcomponents: {\n        'LabelPill.Pill': LabelPill.Pill,\n        'LabelPill.Text': LabelPill.Text,\n        'LabePill.Icon': LabelPill.Icon,\n    },\n    parameters: {\n        notes,\n    },\n};\n"],"file":"LabelPill.stories.js"}

package/es/components/link/stories/Link.stories.js

@@ -21,9 +21,11 @@ export const withCustomComponent = () => {
     } = _ref,
         rest = _objectWithoutProperties(_ref, ["href", "children"]);
 
-    return React.createElement(RouterLink, _extends({
-      to: href
-    }, rest), children);
+    return (// @ts-ignore TODO: figure out why this is giving a TS error
+      React.createElement(RouterLink, _extends({
+        to: href
+      }, rest), children)
+    );
   };
 
   return React.createElement(Router, null, React.createElement(Link, {
@@ -32,7 +34,7 @@ export const withCustomComponent = () => {
   }, "A link"));
 };
 export default {
-  title: 'Components|Links/Link',
+  title: 'Components/Links/Link',
   component: Link,
   parameters: {
     notes

package/es/components/link/stories/Link.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/link/stories/Link.stories.tsx"],"names":["React","BrowserRouter","Router","Link","RouterLink","notes","basic","withCustomComponent","CustomRouterLink","href","children","rest","title","component","parameters"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAa,IAAIC,MAA1B,EAAkCC,IAAI,IAAIC,UAA1C,QAA0F,kBAA1F;AAEA,OAAOD,IAAP,MAAiB,SAAjB;AACA,OAAOE,KAAP,MAAkB,mBAAlB;AAEA,OAAO,MAAMC,KAAK,GAAG,MAAM,oBAAC,IAAD;AAAM,EAAA,IAAI,EAAC;AAAX,YAApB;AAEP,OAAO,MAAMC,mBAAmB,GAAG,MAAM;AACrC;AACA;AAEA,QAAMC,gBAAgB,GAAG;AAAA,QAAC;AAAEC,MAAAA,IAAF;AAAQC,MAAAA;AAAR,KAAD;AAAA,QAAsBC,IAAtB;;AAAA,WACrB,oBAAC,UAAD;AAAY,MAAA,EAAE,EAAEF;AAAhB,OAA0BE,IAA1B,GACKD,QADL,CADqB;AAAA,GAAzB;;AAMA,SACI,oBAAC,MAAD,QACI,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAEF,gBAAjB;AAAmC,IAAA,IAAI,EAAC;AAAxC,cADJ,CADJ;AAOH,CAjBM;AAmBP,eAAe;AACXI,EAAAA,KAAK,EAAE,uBADI;AAEXC,EAAAA,SAAS,EAAEV,IAFA;AAGXW,EAAAA,UAAU,EAAE;AACRT,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\nimport { BrowserRouter as Router, Link as RouterLink, LinkProps as RouterLinkProps } from 'react-router-dom';\n\nimport Link from '../Link';\nimport notes from './Link.stories.md';\n\nexport const basic = () => <Link href=\"https://www.box.com/platform\">A link</Link>;\n\nexport const withCustomComponent = () => {\n    // You can pass a custom component to be used instead of the default \"a\" tag, like a React Router link:\n    // import { BrowserRouter as Router, Link as RouterLink, LinkProps as RouterLinkProps } from 'react-router-dom';\n\n    const CustomRouterLink = ({ href, children, ...rest }: RouterLinkProps) => (\n        <RouterLink to={href} {...rest}>\n            {children}\n        </RouterLink>\n    );\n\n    return (\n        <Router>\n            <Link component={CustomRouterLink} href=\"/\">\n                A link\n            </Link>\n        </Router>\n    );\n};\n\nexport default {\n    title: 'Components|Links/Link',\n    component: Link,\n    parameters: {\n        notes,\n    },\n};\n"],"file":"Link.stories.js"}
+{"version":3,"sources":["../../../../src/components/link/stories/Link.stories.tsx"],"names":["React","BrowserRouter","Router","Link","RouterLink","notes","basic","withCustomComponent","CustomRouterLink","href","children","rest","title","component","parameters"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAa,IAAIC,MAA1B,EAAkCC,IAAI,IAAIC,UAA1C,QAA0F,kBAA1F;AAEA,OAAOD,IAAP,MAAiB,SAAjB;AACA,OAAOE,KAAP,MAAkB,mBAAlB;AAEA,OAAO,MAAMC,KAAK,GAAG,MAAM,oBAAC,IAAD;AAAM,EAAA,IAAI,EAAC;AAAX,YAApB;AAEP,OAAO,MAAMC,mBAAmB,GAAG,MAAM;AACrC;AACA;AAEA,QAAMC,gBAAgB,GAAG;AAAA,QAAC;AAAEC,MAAAA,IAAF;AAAQC,MAAAA;AAAR,KAAD;AAAA,QAAsBC,IAAtB;;AAAA,WACrB;AACA,0BAAC,UAAD;AAAY,QAAA,EAAE,EAAEF;AAAhB,SAA0BE,IAA1B,GACKD,QADL;AAFqB;AAAA,GAAzB;;AAOA,SACI,oBAAC,MAAD,QACI,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAEF,gBAAjB;AAAmC,IAAA,IAAI,EAAC;AAAxC,cADJ,CADJ;AAOH,CAlBM;AAoBP,eAAe;AACXI,EAAAA,KAAK,EAAE,uBADI;AAEXC,EAAAA,SAAS,EAAEV,IAFA;AAGXW,EAAAA,UAAU,EAAE;AACRT,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\nimport { BrowserRouter as Router, Link as RouterLink, LinkProps as RouterLinkProps } from 'react-router-dom';\n\nimport Link from '../Link';\nimport notes from './Link.stories.md';\n\nexport const basic = () => <Link href=\"https://www.box.com/platform\">A link</Link>;\n\nexport const withCustomComponent = () => {\n    // You can pass a custom component to be used instead of the default \"a\" tag, like a React Router link:\n    // import { BrowserRouter as Router, Link as RouterLink, LinkProps as RouterLinkProps } from 'react-router-dom';\n\n    const CustomRouterLink = ({ href, children, ...rest }: RouterLinkProps) => (\n        // @ts-ignore TODO: figure out why this is giving a TS error\n        <RouterLink to={href} {...rest}>\n            {children}\n        </RouterLink>\n    );\n\n    return (\n        <Router>\n            <Link component={CustomRouterLink} href=\"/\">\n                A link\n            </Link>\n        </Router>\n    );\n};\n\nexport default {\n    title: 'Components/Links/Link',\n    component: Link,\n    parameters: {\n        notes,\n    },\n};\n"],"file":"Link.stories.js"}