npm - box-ui-elements - Versions diffs - 19.0.0-beta.8 → 19.0.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2051) hide show

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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;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"}

package/es/components/link/stories/LinkButton.stories.js CHANGED Viewed

@@ -10,7 +10,8 @@ import { select } from '@storybook/addon-knobs';
 import LinkButton from '../LinkButton';
 import notes from './LinkButton.stories.md';
 export const basic = () => React.createElement(LinkButton, {
-  href: "https://www.box.com/platform",
+  href: "https://www.box.com/platform" // @ts-ignore TODO: figure out why this is giving a TS error
+  ,
   size: select('size', {
     None: undefined,
     Large: 'large'
@@ -30,9 +31,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(LinkButton, {
@@ -41,7 +44,7 @@ export const withCustomComponent = () => {
   }, "A link"));
 };
 export default {
-  title: 'Components|Links/LinkButton',
+  title: 'Components/Links/LinkButton',
   component: LinkButton,
   parameters: {
     notes

package/es/components/link/stories/LinkButton.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/link/stories/LinkButton.stories.tsx"],"names":["React","BrowserRouter","Router","Link","RouterLink","select","LinkButton","notes","basic","None","undefined","Large","large","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;AACA,SAASC,MAAT,QAAuB,wBAAvB;AAEA,OAAOC,UAAP,MAAuB,eAAvB;AACA,OAAOC,KAAP,MAAkB,yBAAlB;AAEA,OAAO,MAAMC,KAAK,GAAG,MACjB,oBAAC,UAAD;AACI,EAAA,IAAI,EAAC,8BADT;~~AAEI~~,EAAA,IAAI,EAAEH,MAAM,CAAC,MAAD,EAAS;AAAEI,IAAAA,IAAI,EAAEC,SAAR;AAAmBC,IAAAA,KAAK,EAAE;AAA1B,GAAT,EAA8CD,SAA9C;~~AAFhB~~,qCADG;~~AASP~~,OAAO,MAAME,KAAK,GAAG,MACjB,oBAAC,UAAD;AAAY,EAAA,IAAI,EAAC,8BAAjB;AAAgD,EAAA,IAAI,EAAC;AAArD,qCADG;AAMP,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,UAAD;AAAY,IAAA,IAAI,EAAC,GAAjB;AAAqB,IAAA,SAAS,EAAEF;AAAhC,cADJ,CADJ;AAOH,~~CAjBM~~;~~AAmBP~~,eAAe;AACXI,EAAAA,KAAK,EAAE,6BADI;AAEXC,EAAAA,SAAS,EAAEb,UAFA;AAGXc,EAAAA,UAAU,EAAE;AACRb,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\nimport { BrowserRouter as Router, Link as RouterLink, LinkProps as RouterLinkProps } from 'react-router-dom';\nimport { select } from '@storybook/addon-knobs';\n\nimport LinkButton from '../LinkButton';\nimport notes from './LinkButton.stories.md';\n\nexport const basic = () => (\n <LinkButton\n href=\"https://www.box.com/platform\"\n size={select('size', { None: undefined, Large: 'large' }, undefined)}\n >\n A link that looks like a Button\n </LinkButton>\n);\n\nexport const large = () => (\n <LinkButton href=\"https://www.box.com/platform\" size=\"large\">\n A link that looks like a Button\n </LinkButton>\n);\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 <LinkButton href=\"/\" component={CustomRouterLink}>\n A link\n </LinkButton>\n </Router>\n );\n};\n\nexport default {\n title: 'Components\|Links/LinkButton',\n component: LinkButton,\n parameters: {\n notes,\n },\n};\n"],"file":"LinkButton.stories.js"}
1	+ {"version":3,"sources":["../../../../src/components/link/stories/LinkButton.stories.tsx"],"names":["React","BrowserRouter","Router","Link","RouterLink","select","LinkButton","notes","basic","None","undefined","Large","large","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;AACA,SAASC,MAAT,QAAuB,wBAAvB;AAEA,OAAOC,UAAP,MAAuB,eAAvB;AACA,OAAOC,KAAP,MAAkB,yBAAlB;AAEA,OAAO,MAAMC,KAAK,GAAG,MACjB,oBAAC,UAAD;AACI,EAAA,IAAI,EAAC,8BADT,CAEI;AAFJ;AAGI,EAAA,IAAI,EAAEH,MAAM,CAAC,MAAD,EAAS;AAAEI,IAAAA,IAAI,EAAEC,SAAR;AAAmBC,IAAAA,KAAK,EAAE;AAA1B,GAAT,EAA8CD,SAA9C;AAHhB,qCADG;AAUP,OAAO,MAAME,KAAK,GAAG,MACjB,oBAAC,UAAD;AAAY,EAAA,IAAI,EAAC,8BAAjB;AAAgD,EAAA,IAAI,EAAC;AAArD,qCADG;AAMP,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,UAAD;AAAY,IAAA,IAAI,EAAC,GAAjB;AAAqB,IAAA,SAAS,EAAEF;AAAhC,cADJ,CADJ;AAOH,CAlBM;AAoBP,eAAe;AACXI,EAAAA,KAAK,EAAE,6BADI;AAEXC,EAAAA,SAAS,EAAEb,UAFA;AAGXc,EAAAA,UAAU,EAAE;AACRb,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\nimport { BrowserRouter as Router, Link as RouterLink, LinkProps as RouterLinkProps } from 'react-router-dom';\nimport { select } from '@storybook/addon-knobs';\n\nimport LinkButton from '../LinkButton';\nimport notes from './LinkButton.stories.md';\n\nexport const basic = () => (\n <LinkButton\n href=\"https://www.box.com/platform\"\n // @ts-ignore TODO: figure out why this is giving a TS error\n size={select('size', { None: undefined, Large: 'large' }, undefined)}\n >\n A link that looks like a Button\n </LinkButton>\n);\n\nexport const large = () => (\n <LinkButton href=\"https://www.box.com/platform\" size=\"large\">\n A link that looks like a Button\n </LinkButton>\n);\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 <LinkButton href=\"/\" component={CustomRouterLink}>\n A link\n </LinkButton>\n </Router>\n );\n};\n\nexport default {\n title: 'Components/Links/LinkButton',\n component: LinkButton,\n parameters: {\n notes,\n },\n};\n"],"file":"LinkButton.stories.js"}

package/es/components/link/stories/LinkGroup.stories.js CHANGED Viewed

@@ -10,7 +10,7 @@ export const basic = () => React.createElement(LinkGroup, null, React.createElem
   href: "https://github.com/box/box-ui-elements"
 }, "C Link"));
 export default {
-  title: 'Components|Links/LinkGroup',
+  title: 'Components/Links/LinkGroup',
   component: LinkGroup,
   parameters: {
     notes

package/es/components/link/stories/LinkGroup.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/link/stories/LinkGroup.stories.tsx"],"names":["React","Link","LinkGroup","notes","basic","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,IAAP,MAAiB,SAAjB;AAEA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,KAAP,MAAkB,wBAAlB;AAEA,OAAO,MAAMC,KAAK,GAAG,MACjB,oBAAC,SAAD,QACI,oBAAC,IAAD;AAAM,EAAA,IAAI,EAAC;AAAX,YADJ,EAEI,oBAAC,IAAD;AAAM,EAAA,IAAI,EAAC;AAAX,YAFJ,EAGI,oBAAC,IAAD;AAAM,EAAA,IAAI,EAAC;AAAX,YAHJ,CADG;AAQP,eAAe;AACXC,EAAAA,KAAK,EAAE,4BADI;AAEXC,EAAAA,SAAS,EAAEJ,SAFA;AAGXK,EAAAA,UAAU,EAAE;AACRJ,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\n\nimport Link from '../Link';\n\nimport LinkGroup from '../LinkGroup';\nimport notes from './LinkGroup.stories.md';\n\nexport const basic = () => (\n <LinkGroup>\n <Link href=\"https://www.box.com/platform\">A Link</Link>\n <Link href=\"https://developer.box.com\">B Link</Link>\n <Link href=\"https://github.com/box/box-ui-elements\">C Link</Link>\n </LinkGroup>\n);\n\nexport default {\n title: 'Components\|Links/LinkGroup',\n component: LinkGroup,\n parameters: {\n notes,\n },\n};\n"],"file":"LinkGroup.stories.js"}
1	+ {"version":3,"sources":["../../../../src/components/link/stories/LinkGroup.stories.tsx"],"names":["React","Link","LinkGroup","notes","basic","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,IAAP,MAAiB,SAAjB;AAEA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,KAAP,MAAkB,wBAAlB;AAEA,OAAO,MAAMC,KAAK,GAAG,MACjB,oBAAC,SAAD,QACI,oBAAC,IAAD;AAAM,EAAA,IAAI,EAAC;AAAX,YADJ,EAEI,oBAAC,IAAD;AAAM,EAAA,IAAI,EAAC;AAAX,YAFJ,EAGI,oBAAC,IAAD;AAAM,EAAA,IAAI,EAAC;AAAX,YAHJ,CADG;AAQP,eAAe;AACXC,EAAAA,KAAK,EAAE,4BADI;AAEXC,EAAAA,SAAS,EAAEJ,SAFA;AAGXK,EAAAA,UAAU,EAAE;AACRJ,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\n\nimport Link from '../Link';\n\nimport LinkGroup from '../LinkGroup';\nimport notes from './LinkGroup.stories.md';\n\nexport const basic = () => (\n <LinkGroup>\n <Link href=\"https://www.box.com/platform\">A Link</Link>\n <Link href=\"https://developer.box.com\">B Link</Link>\n <Link href=\"https://github.com/box/box-ui-elements\">C Link</Link>\n </LinkGroup>\n);\n\nexport default {\n title: 'Components/Links/LinkGroup',\n component: LinkGroup,\n parameters: {\n notes,\n },\n};\n"],"file":"LinkGroup.stories.js"}

package/es/components/link/stories/LinkPrimaryButton.stories.js CHANGED Viewed

@@ -30,9 +30,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(LinkPrimaryButton, {
@@ -41,7 +43,7 @@ export const withCustomComponent = () => {
   }, "A link"));
 };
 export default {
-  title: 'Components|Links/LinkPrimaryButton',
+  title: 'Components/Links/LinkPrimaryButton',
   component: LinkPrimaryButton,
   parameters: {
     notes

package/es/components/link/stories/LinkPrimaryButton.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/link/stories/LinkPrimaryButton.stories.tsx"],"names":["React","BrowserRouter","Router","Link","RouterLink","select","LinkPrimaryButton","notes","basic","None","undefined","Large","large","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;AACA,SAASC,MAAT,QAAuB,wBAAvB;AAEA,OAAOC,iBAAP,MAA8B,sBAA9B;AACA,OAAOC,KAAP,MAAkB,gCAAlB;AAEA,OAAO,MAAMC,KAAK,GAAG,MACjB,oBAAC,iBAAD;AACI,EAAA,IAAI,EAAC,8BADT;AAEI,EAAA,IAAI,EAAEH,MAAM,CAAC,MAAD,EAAS;AAAEI,IAAAA,IAAI,EAAEC,SAAR;AAAmBC,IAAAA,KAAK,EAAE;AAA1B,GAAT,EAA8CD,SAA9C;AAFhB,4CADG;AASP,OAAO,MAAME,KAAK,GAAG,MACjB,oBAAC,iBAAD;AAAmB,EAAA,IAAI,EAAC,8BAAxB;AAAuD,EAAA,IAAI,EAAC;AAA5D,4CADG;AAMP,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,iBAAD;AAAmB,IAAA,IAAI,EAAC,GAAxB;AAA4B,IAAA,SAAS,EAAEF;AAAvC,cADJ,CADJ;AAOH,~~CAjBM~~;~~AAmBP~~,eAAe;AACXI,EAAAA,KAAK,EAAE,oCADI;AAEXC,EAAAA,SAAS,EAAEb,iBAFA;AAGXc,EAAAA,UAAU,EAAE;AACRb,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\nimport { BrowserRouter as Router, Link as RouterLink, LinkProps as RouterLinkProps } from 'react-router-dom';\nimport { select } from '@storybook/addon-knobs';\n\nimport LinkPrimaryButton from '../LinkPrimaryButton';\nimport notes from './LinkPrimaryButton.stories.md';\n\nexport const basic = () => (\n <LinkPrimaryButton\n href=\"https://www.box.com/platform\"\n size={select('size', { None: undefined, Large: 'large' }, undefined)}\n >\n A link that looks like a PrimaryButton\n </LinkPrimaryButton>\n);\n\nexport const large = () => (\n <LinkPrimaryButton href=\"https://www.box.com/platform\" size=\"large\">\n A link that looks like a PrimaryButton\n </LinkPrimaryButton>\n);\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 <LinkPrimaryButton href=\"/\" component={CustomRouterLink}>\n A link\n </LinkPrimaryButton>\n </Router>\n );\n};\n\nexport default {\n title: 'Components\|Links/LinkPrimaryButton',\n component: LinkPrimaryButton,\n parameters: {\n notes,\n },\n};\n"],"file":"LinkPrimaryButton.stories.js"}
1	+ {"version":3,"sources":["../../../../src/components/link/stories/LinkPrimaryButton.stories.tsx"],"names":["React","BrowserRouter","Router","Link","RouterLink","select","LinkPrimaryButton","notes","basic","None","undefined","Large","large","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;AACA,SAASC,MAAT,QAAuB,wBAAvB;AAEA,OAAOC,iBAAP,MAA8B,sBAA9B;AACA,OAAOC,KAAP,MAAkB,gCAAlB;AAEA,OAAO,MAAMC,KAAK,GAAG,MACjB,oBAAC,iBAAD;AACI,EAAA,IAAI,EAAC,8BADT;AAEI,EAAA,IAAI,EAAEH,MAAM,CAAC,MAAD,EAAS;AAAEI,IAAAA,IAAI,EAAEC,SAAR;AAAmBC,IAAAA,KAAK,EAAE;AAA1B,GAAT,EAA8CD,SAA9C;AAFhB,4CADG;AASP,OAAO,MAAME,KAAK,GAAG,MACjB,oBAAC,iBAAD;AAAmB,EAAA,IAAI,EAAC,8BAAxB;AAAuD,EAAA,IAAI,EAAC;AAA5D,4CADG;AAMP,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,iBAAD;AAAmB,IAAA,IAAI,EAAC,GAAxB;AAA4B,IAAA,SAAS,EAAEF;AAAvC,cADJ,CADJ;AAOH,CAlBM;AAoBP,eAAe;AACXI,EAAAA,KAAK,EAAE,oCADI;AAEXC,EAAAA,SAAS,EAAEb,iBAFA;AAGXc,EAAAA,UAAU,EAAE;AACRb,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\nimport { BrowserRouter as Router, Link as RouterLink, LinkProps as RouterLinkProps } from 'react-router-dom';\nimport { select } from '@storybook/addon-knobs';\n\nimport LinkPrimaryButton from '../LinkPrimaryButton';\nimport notes from './LinkPrimaryButton.stories.md';\n\nexport const basic = () => (\n <LinkPrimaryButton\n href=\"https://www.box.com/platform\"\n size={select('size', { None: undefined, Large: 'large' }, undefined)}\n >\n A link that looks like a PrimaryButton\n </LinkPrimaryButton>\n);\n\nexport const large = () => (\n <LinkPrimaryButton href=\"https://www.box.com/platform\" size=\"large\">\n A link that looks like a PrimaryButton\n </LinkPrimaryButton>\n);\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 <LinkPrimaryButton href=\"/\" component={CustomRouterLink}>\n A link\n </LinkPrimaryButton>\n </Router>\n );\n};\n\nexport default {\n title: 'Components/Links/LinkPrimaryButton',\n component: LinkPrimaryButton,\n parameters: {\n notes,\n },\n};\n"],"file":"LinkPrimaryButton.stories.js"}

package/es/components/loading-indicator/LoadingIndicator.stories.js CHANGED Viewed

@@ -12,7 +12,7 @@ export const largeSize = () => React.createElement(LoadingIndicator, {
   size: LoadingIndicatorSize.LARGE
 });
 export default {
-  title: 'Components|LoadingIndicator',
+  title: 'Components/LoadingIndicator',
   component: LoadingIndicator,
   parameters: {
     notes

package/es/components/loading-indicator/LoadingIndicator.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/loading-indicator/LoadingIndicator.stories.tsx"],"names":["React","LoadingIndicator","LoadingIndicatorSize","notes","defaultSize","smallSize","SMALL","mediumSize","MEDIUM","largeSize","LARGE","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,gBAAP,IAA2BC,oBAA3B,QAAuD,oBAAvD;AACA,OAAOC,KAAP,MAAkB,+BAAlB;AAEA,OAAO,MAAMC,WAAW,GAAG,MAAM,oBAAC,gBAAD,OAA1B;AAEP,OAAO,MAAMC,SAAS,GAAG,MAAM,oBAAC,gBAAD;AAAkB,EAAA,IAAI,EAAEH,oBAAoB,CAACI;AAA7C,EAAxB;AAEP,OAAO,MAAMC,UAAU,GAAG,MAAM,oBAAC,gBAAD;AAAkB,EAAA,IAAI,EAAEL,oBAAoB,CAACM;AAA7C,EAAzB;AAEP,OAAO,MAAMC,SAAS,GAAG,MAAM,oBAAC,gBAAD;AAAkB,EAAA,IAAI,EAAEP,oBAAoB,CAACQ;AAA7C,EAAxB;AAEP,eAAe;AACXC,EAAAA,KAAK,EAAE,6BADI;AAEXC,EAAAA,SAAS,EAAEX,gBAFA;AAGXY,EAAAA,UAAU,EAAE;AACRV,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\nimport LoadingIndicator, { LoadingIndicatorSize } from './LoadingIndicator';\nimport notes from './LoadingIndicator.stories.md';\n\nexport const defaultSize = () => <LoadingIndicator />;\n\nexport const smallSize = () => <LoadingIndicator size={LoadingIndicatorSize.SMALL} />;\n\nexport const mediumSize = () => <LoadingIndicator size={LoadingIndicatorSize.MEDIUM} />;\n\nexport const largeSize = () => <LoadingIndicator size={LoadingIndicatorSize.LARGE} />;\n\nexport default {\n title: 'Components\|LoadingIndicator',\n component: LoadingIndicator,\n parameters: {\n notes,\n },\n};\n"],"file":"LoadingIndicator.stories.js"}
1	+ {"version":3,"sources":["../../../src/components/loading-indicator/LoadingIndicator.stories.tsx"],"names":["React","LoadingIndicator","LoadingIndicatorSize","notes","defaultSize","smallSize","SMALL","mediumSize","MEDIUM","largeSize","LARGE","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,gBAAP,IAA2BC,oBAA3B,QAAuD,oBAAvD;AACA,OAAOC,KAAP,MAAkB,+BAAlB;AAEA,OAAO,MAAMC,WAAW,GAAG,MAAM,oBAAC,gBAAD,OAA1B;AAEP,OAAO,MAAMC,SAAS,GAAG,MAAM,oBAAC,gBAAD;AAAkB,EAAA,IAAI,EAAEH,oBAAoB,CAACI;AAA7C,EAAxB;AAEP,OAAO,MAAMC,UAAU,GAAG,MAAM,oBAAC,gBAAD;AAAkB,EAAA,IAAI,EAAEL,oBAAoB,CAACM;AAA7C,EAAzB;AAEP,OAAO,MAAMC,SAAS,GAAG,MAAM,oBAAC,gBAAD;AAAkB,EAAA,IAAI,EAAEP,oBAAoB,CAACQ;AAA7C,EAAxB;AAEP,eAAe;AACXC,EAAAA,KAAK,EAAE,6BADI;AAEXC,EAAAA,SAAS,EAAEX,gBAFA;AAGXY,EAAAA,UAAU,EAAE;AACRV,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\nimport LoadingIndicator, { LoadingIndicatorSize } from './LoadingIndicator';\nimport notes from './LoadingIndicator.stories.md';\n\nexport const defaultSize = () => <LoadingIndicator />;\n\nexport const smallSize = () => <LoadingIndicator size={LoadingIndicatorSize.SMALL} />;\n\nexport const mediumSize = () => <LoadingIndicator size={LoadingIndicatorSize.MEDIUM} />;\n\nexport const largeSize = () => <LoadingIndicator size={LoadingIndicatorSize.LARGE} />;\n\nexport default {\n title: 'Components/LoadingIndicator',\n component: LoadingIndicator,\n parameters: {\n notes,\n },\n};\n"],"file":"LoadingIndicator.stories.js"}

package/es/components/loading-indicator/LoadingIndicatorWrapper.stories.js CHANGED Viewed

@@ -12,7 +12,7 @@ export const regular = () => React.createElement(LoadingIndicatorWrapper, {
 /* eslint-enable jsx-a11y/media-has-caption */
 export default {
-  title: 'Components|LoadingIndicatorWrapper',
+  title: 'Components/LoadingIndicatorWrapper',
   component: LoadingIndicatorWrapper,
   parameters: {
     notes

package/es/components/loading-indicator/LoadingIndicatorWrapper.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/loading-indicator/LoadingIndicatorWrapper.stories.tsx"],"names":["React","LoadingIndicatorWrapper","notes","regular","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,uBAAP,MAAoC,2BAApC;AACA,OAAOC,KAAP,MAAkB,sCAAlB;AAEA;;AACA,OAAO,MAAMC,OAAO,GAAG,MACnB,oBAAC,uBAAD;AAAyB,EAAA,SAAS;AAAlC,GACI;AACI,EAAA,GAAG,EAAC,iGADR;AAEI,EAAA,KAAK,EAAC;AAFV,EADJ,CADG;AAQP;;AAEA,eAAe;AACXC,EAAAA,KAAK,EAAE,oCADI;AAEXC,EAAAA,SAAS,EAAEJ,uBAFA;AAGXK,EAAAA,UAAU,EAAE;AACRJ,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\nimport LoadingIndicatorWrapper from './LoadingIndicatorWrapper';\nimport notes from './LoadingIndicatorWrapper.stories.md';\n\n/* eslint-disable jsx-a11y/media-has-caption /\nexport const regular = () => (\n <LoadingIndicatorWrapper isLoading>\n <video\n src=\"//cdn03.boxcdn.net/sites/default/files/homepage/v2/images/hero/run/laptop-screen-1680-v2@1x.mp4\"\n width=\"100%\"\n />\n </LoadingIndicatorWrapper>\n);\n/ eslint-enable jsx-a11y/media-has-caption */\n\nexport default {\n title: 'Components\|LoadingIndicatorWrapper',\n component: LoadingIndicatorWrapper,\n parameters: {\n notes,\n },\n};\n"],"file":"LoadingIndicatorWrapper.stories.js"}
1	+ {"version":3,"sources":["../../../src/components/loading-indicator/LoadingIndicatorWrapper.stories.tsx"],"names":["React","LoadingIndicatorWrapper","notes","regular","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,uBAAP,MAAoC,2BAApC;AACA,OAAOC,KAAP,MAAkB,sCAAlB;AAEA;;AACA,OAAO,MAAMC,OAAO,GAAG,MACnB,oBAAC,uBAAD;AAAyB,EAAA,SAAS;AAAlC,GACI;AACI,EAAA,GAAG,EAAC,iGADR;AAEI,EAAA,KAAK,EAAC;AAFV,EADJ,CADG;AAQP;;AAEA,eAAe;AACXC,EAAAA,KAAK,EAAE,oCADI;AAEXC,EAAAA,SAAS,EAAEJ,uBAFA;AAGXK,EAAAA,UAAU,EAAE;AACRJ,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\nimport LoadingIndicatorWrapper from './LoadingIndicatorWrapper';\nimport notes from './LoadingIndicatorWrapper.stories.md';\n\n/* eslint-disable jsx-a11y/media-has-caption /\nexport const regular = () => (\n <LoadingIndicatorWrapper isLoading>\n <video\n src=\"//cdn03.boxcdn.net/sites/default/files/homepage/v2/images/hero/run/laptop-screen-1680-v2@1x.mp4\"\n width=\"100%\"\n />\n </LoadingIndicatorWrapper>\n);\n/ eslint-enable jsx-a11y/media-has-caption */\n\nexport default {\n title: 'Components/LoadingIndicatorWrapper',\n component: LoadingIndicatorWrapper,\n parameters: {\n notes,\n },\n};\n"],"file":"LoadingIndicatorWrapper.stories.js"}

package/es/components/loading-indicator/makeLoadable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/loading-indicator/makeLoadable.tsx"],"names":["React","LoadingIndicator","makeLoadable","BaseComponent","LoadableComponent","isLoading","loadingIndicatorProps","rest","displayName","name"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,gBAAP,MAAwD,oBAAxD;;AAOA,MAAMC,YAAY,~~GACdC~~,~~aADiB~~,~~IAEiB~~;~~AAClC~~,QAAMC,iBAAiB,GAAG;AAAA,QAAC;AAAEC,MAAAA,SAAS,GAAG,KAAd;AAAqBC,MAAAA,qBAAqB,GAAG;AAA7C,KAAD;AAAA,QAAqDC,IAArD;;AAAA,WACtBF,SAAS,GAAG,oBAAC,gBAAD,EAAsBC,qBAAtB,CAAH,GAAqD,oBAAC,aAAD,EAAoBC,IAApB,CADxC;AAAA,GAA1B;;AAGAH,EAAAA,iBAAiB,CAACI,WAAlB,qBAA2CL,aAAa,CAACK,WAAd,IAA6BL,aAAa,CAACM,IAA3C,IAAmD,WAA9F;AAEA,SAAOL,iBAAP;AACH,~~CATD~~;;~~AAWA~~,eAAeF,YAAf","sourcesContent":["import * as React from 'react';\nimport LoadingIndicator, { LoadingIndicatorProps } from './LoadingIndicator';\n\nexport interface MakeLoadableProps {\n isLoading?: boolean;\n loadingIndicatorProps?: LoadingIndicatorProps;\n}\n\nconst makeLoadable = <P extends ~~MakeLoadableProps~~>(\n BaseComponent: React.ComponentType<P~~>,\n~~): React.FC<P & MakeLoadableProps> => {\n const LoadableComponent = ({ isLoading = false, loadingIndicatorProps = {}, ...rest }: MakeLoadableProps) =>\n isLoading ? <LoadingIndicator {...loadingIndicatorProps} /> : <BaseComponent {...(rest as P)} />;\n\n LoadableComponent.displayName = `Loadable${BaseComponent.displayName \|\| BaseComponent.name \|\| 'Component'}`;\n\n return LoadableComponent;\n};\n\nexport default makeLoadable;\n"],"file":"makeLoadable.js"}
1	+ {"version":3,"sources":["../../../src/components/loading-indicator/makeLoadable.tsx"],"names":["React","LoadingIndicator","makeLoadable","BaseComponent","LoadableComponent","isLoading","loadingIndicatorProps","rest","displayName","name"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,gBAAP,MAAwD,oBAAxD;;AAOA,MAAMC,YAAY,GAAsBC,aAAnB,IAA8F;AAC/G,QAAMC,iBAAiB,GAAG;AAAA,QAAC;AAAEC,MAAAA,SAAS,GAAG,KAAd;AAAqBC,MAAAA,qBAAqB,GAAG;AAA7C,KAAD;AAAA,QAAqDC,IAArD;;AAAA,WACtBF,SAAS,GAAG,oBAAC,gBAAD,EAAsBC,qBAAtB,CAAH,GAAqD,oBAAC,aAAD,EAAoBC,IAApB,CADxC;AAAA,GAA1B;;AAGAH,EAAAA,iBAAiB,CAACI,WAAlB,qBAA2CL,aAAa,CAACK,WAAd,IAA6BL,aAAa,CAACM,IAA3C,IAAmD,WAA9F;AAEA,SAAOL,iBAAP;AACH,CAPD;;AASA,eAAeF,YAAf","sourcesContent":["import * as React from 'react';\nimport LoadingIndicator, { LoadingIndicatorProps } from './LoadingIndicator';\n\nexport interface MakeLoadableProps {\n isLoading?: boolean;\n loadingIndicatorProps?: LoadingIndicatorProps;\n}\n\nconst makeLoadable = <P extends object>(BaseComponent: React.ComponentType<P>): React.FC<P & MakeLoadableProps> => {\n const LoadableComponent = ({ isLoading = false, loadingIndicatorProps = {}, ...rest }: P & MakeLoadableProps) =>\n isLoading ? <LoadingIndicator {...loadingIndicatorProps} /> : <BaseComponent {...(rest as P)} />;\n\n LoadableComponent.displayName = `Loadable${BaseComponent.displayName \|\| BaseComponent.name \|\| 'Component'}`;\n\n return LoadableComponent;\n};\n\nexport default makeLoadable;\n"],"file":"makeLoadable.js"}

package/es/components/logo/Logo.stories.js CHANGED Viewed

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

package/es/components/logo/Logo.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/logo/Logo.stories.tsx"],"names":["React","Logo","notes","regular","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,KAAP,MAAkB,mBAAlB;AAEA,OAAO,MAAMC,OAAO,GAAG,MAAM,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAC;AAAZ,EAAtB;AAEP,eAAe;AACXC,EAAAA,KAAK,EAAE,iBADI;AAEXC,EAAAA,SAAS,EAAEJ,IAFA;AAGXK,EAAAA,UAAU,EAAE;AACRJ,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\n\nimport Logo from './Logo';\nimport notes from './Logo.stories.md';\n\nexport const regular = () => <Logo title=\"Box\" />;\n\nexport default {\n title: 'Components\|Logo',\n component: Logo,\n parameters: {\n notes,\n },\n};\n"],"file":"Logo.stories.js"}
1	+ {"version":3,"sources":["../../../src/components/logo/Logo.stories.tsx"],"names":["React","Logo","notes","regular","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,KAAP,MAAkB,mBAAlB;AAEA,OAAO,MAAMC,OAAO,GAAG,MAAM,oBAAC,IAAD;AAAM,EAAA,KAAK,EAAC;AAAZ,EAAtB;AAEP,eAAe;AACXC,EAAAA,KAAK,EAAE,iBADI;AAEXC,EAAAA,SAAS,EAAEJ,IAFA;AAGXK,EAAAA,UAAU,EAAE;AACRJ,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\n\nimport Logo from './Logo';\nimport notes from './Logo.stories.md';\n\nexport const regular = () => <Logo title=\"Box\" />;\n\nexport default {\n title: 'Components/Logo',\n component: Logo,\n parameters: {\n notes,\n },\n};\n"],"file":"Logo.stories.js"}

package/es/components/media/stories/Media.stories.js CHANGED Viewed

@@ -86,7 +86,7 @@ export const withFormElements = () => React.createElement(Media, {
   label: "Response"
 }))));
 export default {
-  title: 'Components|Media/Media',
+  title: 'Components/Media/Media',
   component: Media,
   parameters: {
     notes

package/es/components/media/stories/Media.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/media/stories/Media.stories.tsx"],"names":["React","Avatar","Button","MenuItem","TextArea","Media","notes","bdlGreenLight","bdlPurpleRain","bdlWatermelonRed","bdlYellorange","example","width","exampleExplanation","color","boxShadow","padding","margin","withNestedComponents","marginTop","withFormElements","title","component","parameters"],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport Avatar from '../../avatar/Avatar';\nimport Button from '../../button/Button';\nimport MenuItem from '../../menu/MenuItem';\n// @ts-ignore TODO: migrate TextArea to typescript\nimport TextArea from '../../text-area';\n\nimport Media from '../Media';\nimport notes from './Media.stories.md';\n\nimport { bdlGreenLight, bdlPurpleRain, bdlWatermelonRed, bdlYellorange } from '../../../styles/variables';\n\nexport const example = () => (\n <Media style={{ width: 300 }}>\n <Media.Figure>\n <Avatar size=\"large\" />\n </Media.Figure>\n\n <Media.Body>\n <Media.Menu aria-label=\"Options\">\n <MenuItem>Edit</MenuItem>\n <MenuItem>Delete</MenuItem>\n </Media.Menu>\n <div>\n <b>Yo Yo Ma</b> commented on this file\n </div>\n <div>\n Please review the notes\n <br />a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9\n </div>\n </Media.Body>\n </Media>\n);\n\nexport const exampleExplanation = () => (\n <>\n <code>\n <span style={{ color: bdlGreenLight }}>Media</span>\n <span style={{ color: bdlPurpleRain }}>Media.Figure</span>\n <span style={{ color: bdlYellorange }}>Media.Body</span>\n <span style={{ color: bdlWatermelonRed }}>Media.Menu</span>\n </code>\n <br />\n <br />\n <Media style={{ width: 300, boxShadow: `0 0 2px 3px ${bdlGreenLight}`, padding: 5 }}>\n <Media.Figure style={{ boxShadow: `0 0 2px 3px ${bdlPurpleRain}` }}>\n <Avatar size=\"large\" />\n </Media.Figure>\n\n <Media.Body style={{ boxShadow: `0 0 2px 3px ${bdlYellorange}`, padding: 3 }}>\n <Media.Menu style={{ boxShadow: `0 0 2px 3px ${bdlWatermelonRed}`, margin: 3, padding: 3 }}>\n <MenuItem>Edit</MenuItem>\n <MenuItem>Delete</MenuItem>\n </Media.Menu>\n <div>\n <b>Yo Yo Ma</b> commented on this file\n </div>\n <div>\n Please review the notes\n <br />a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9\n </div>\n </Media.Body>\n </Media>\n </>\n);\n\nexport const withNestedComponents = () => (\n <Media style={{ width: 300 }}>\n <Media.Figure>\n <Avatar />\n </Media.Figure>\n\n <Media.Body>\n <Media.Menu>\n <MenuItem>Edit</MenuItem>\n <MenuItem>Delete</MenuItem>\n </Media.Menu>\n <div>\n <b>Yo Yo Ma</b> commented on this file\n </div>\n <div>This is a nested media object</div>\n <ul style={{ margin: 0, padding: 0 }}>\n <Media as=\"li\" style={{ marginTop: 10 }}>\n <Media.Figure>\n <Avatar />\n </Media.Figure>\n\n <Media.Body>\n <div>\n <b>Bjork</b> replied\n </div>\n <div>I must agree!</div>\n <Media as=\"li\" style={{ marginTop: 10 }}>\n <Media.Figure>\n <Avatar />\n </Media.Figure>\n\n <Media.Body>\n <div>\n <b>Bono</b> replied\n </div>\n <div>Me too!</div>\n </Media.Body>\n </Media>\n </Media.Body>\n </Media>\n </ul>\n </Media.Body>\n </Media>\n);\n\nexport const withFormElements = () => (\n <Media style={{ width: 300 }}>\n <Media.Figure>\n <Avatar size=\"large\" />\n </Media.Figure>\n\n <Media.Body>\n <Media.Menu>\n <MenuItem>Edit</MenuItem>\n <MenuItem>Delete</MenuItem>\n </Media.Menu>\n <div>\n <b>W.A. Mozart</b> commented on this file\n </div>\n <div>Everyone get ready to perform the symphony tonight!</div>\n <div>\n <Button>Reply</Button>\n <Button>Cancel</Button>\n <TextArea label=\"Response\" />\n </div>\n </Media.Body>\n </Media>\n);\n\nexport default {\n title: 'Components\|Media/Media',\n component: Media,\n parameters: {\n notes,\n },\n};\n"],"file":"Media.stories.js"}
1	+ {"version":3,"sources":["../../../../src/components/media/stories/Media.stories.tsx"],"names":["React","Avatar","Button","MenuItem","TextArea","Media","notes","bdlGreenLight","bdlPurpleRain","bdlWatermelonRed","bdlYellorange","example","width","exampleExplanation","color","boxShadow","padding","margin","withNestedComponents","marginTop","withFormElements","title","component","parameters"],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport Avatar from '../../avatar/Avatar';\nimport Button from '../../button/Button';\nimport MenuItem from '../../menu/MenuItem';\n// @ts-ignore TODO: migrate TextArea to typescript\nimport TextArea from '../../text-area';\n\nimport Media from '../Media';\nimport notes from './Media.stories.md';\n\nimport { bdlGreenLight, bdlPurpleRain, bdlWatermelonRed, bdlYellorange } from '../../../styles/variables';\n\nexport const example = () => (\n <Media style={{ width: 300 }}>\n <Media.Figure>\n <Avatar size=\"large\" />\n </Media.Figure>\n\n <Media.Body>\n <Media.Menu aria-label=\"Options\">\n <MenuItem>Edit</MenuItem>\n <MenuItem>Delete</MenuItem>\n </Media.Menu>\n <div>\n <b>Yo Yo Ma</b> commented on this file\n </div>\n <div>\n Please review the notes\n <br />a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9\n </div>\n </Media.Body>\n </Media>\n);\n\nexport const exampleExplanation = () => (\n <>\n <code>\n <span style={{ color: bdlGreenLight }}>Media</span>\n <span style={{ color: bdlPurpleRain }}>Media.Figure</span>\n <span style={{ color: bdlYellorange }}>Media.Body</span>\n <span style={{ color: bdlWatermelonRed }}>Media.Menu</span>\n </code>\n <br />\n <br />\n <Media style={{ width: 300, boxShadow: `0 0 2px 3px ${bdlGreenLight}`, padding: 5 }}>\n <Media.Figure style={{ boxShadow: `0 0 2px 3px ${bdlPurpleRain}` }}>\n <Avatar size=\"large\" />\n </Media.Figure>\n\n <Media.Body style={{ boxShadow: `0 0 2px 3px ${bdlYellorange}`, padding: 3 }}>\n <Media.Menu style={{ boxShadow: `0 0 2px 3px ${bdlWatermelonRed}`, margin: 3, padding: 3 }}>\n <MenuItem>Edit</MenuItem>\n <MenuItem>Delete</MenuItem>\n </Media.Menu>\n <div>\n <b>Yo Yo Ma</b> commented on this file\n </div>\n <div>\n Please review the notes\n <br />a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9\n </div>\n </Media.Body>\n </Media>\n </>\n);\n\nexport const withNestedComponents = () => (\n <Media style={{ width: 300 }}>\n <Media.Figure>\n <Avatar />\n </Media.Figure>\n\n <Media.Body>\n <Media.Menu>\n <MenuItem>Edit</MenuItem>\n <MenuItem>Delete</MenuItem>\n </Media.Menu>\n <div>\n <b>Yo Yo Ma</b> commented on this file\n </div>\n <div>This is a nested media object</div>\n <ul style={{ margin: 0, padding: 0 }}>\n <Media as=\"li\" style={{ marginTop: 10 }}>\n <Media.Figure>\n <Avatar />\n </Media.Figure>\n\n <Media.Body>\n <div>\n <b>Bjork</b> replied\n </div>\n <div>I must agree!</div>\n <Media as=\"li\" style={{ marginTop: 10 }}>\n <Media.Figure>\n <Avatar />\n </Media.Figure>\n\n <Media.Body>\n <div>\n <b>Bono</b> replied\n </div>\n <div>Me too!</div>\n </Media.Body>\n </Media>\n </Media.Body>\n </Media>\n </ul>\n </Media.Body>\n </Media>\n);\n\nexport const withFormElements = () => (\n <Media style={{ width: 300 }}>\n <Media.Figure>\n <Avatar size=\"large\" />\n </Media.Figure>\n\n <Media.Body>\n <Media.Menu>\n <MenuItem>Edit</MenuItem>\n <MenuItem>Delete</MenuItem>\n </Media.Menu>\n <div>\n <b>W.A. Mozart</b> commented on this file\n </div>\n <div>Everyone get ready to perform the symphony tonight!</div>\n <div>\n <Button>Reply</Button>\n <Button>Cancel</Button>\n <TextArea label=\"Response\" />\n </div>\n </Media.Body>\n </Media>\n);\n\nexport default {\n title: 'Components/Media/Media',\n component: Media,\n parameters: {\n notes,\n },\n};\n"],"file":"Media.stories.js"}

package/es/components/media/stories/MediaBody.stories.js CHANGED Viewed

@@ -17,7 +17,7 @@ export const example = () => React.createElement(Media, {
   }
 }, React.createElement(Media.Menu, null, React.createElement(MenuItem, null, "Edit"), React.createElement(MenuItem, null, "Delete")), React.createElement("div", null, React.createElement("b", null, "Yo Yo Ma"), " commented on this file"), React.createElement("div", null, "Long strings without spaces wrap:", React.createElement("br", null), "Thistextdoesnothaveanyspacesanditshouldbewrappedinsidethecontaineralignedwiththerightedge", React.createElement("br", null), "a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9")));
 export default {
-  title: 'Components|Media/MediaBody',
+  title: 'Components/Media/MediaBody',
   component: MediaBody,
   parameters: {
     notes

package/es/components/media/stories/MediaBody.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/media/stories/MediaBody.stories.tsx"],"names":["React","Avatar","MenuItem","Media","MediaBody","notes","bdlWatermelonRed","example","width","boxShadow","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,MAAP,MAAmB,qBAAnB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AAEA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,KAAP,MAAkB,wBAAlB;AAEA,SAASC,gBAAT,QAAiC,2BAAjC;AAEA,OAAO,MAAMC,OAAO,GAAG,MACnB,oBAAC,KAAD;AAAO,EAAA,KAAK,EAAE;AAAEC,IAAAA,KAAK,EAAE;AAAT;AAAd,GACI,oBAAC,KAAD,CAAO,MAAP,QACI,oBAAC,MAAD;AAAQ,EAAA,IAAI,EAAC;AAAb,EADJ,CADJ,EAKI,oBAAC,KAAD,CAAO,IAAP;AAAY,EAAA,KAAK,EAAE;AAAEC,IAAAA,SAAS,wBAAiBH,gBAAjB;AAAX;AAAnB,GACI,oBAAC,KAAD,CAAO,IAAP,QACI,oBAAC,QAAD,eADJ,EAEI,oBAAC,QAAD,iBAFJ,CADJ,EAKI,iCACI,0CADJ,4BALJ,EAQI,sEAEI,+BAFJ,+FAII,+BAJJ,gGARJ,CALJ,CADG;AAwBP,eAAe;AACXI,EAAAA,KAAK,EAAE,4BADI;AAEXC,EAAAA,SAAS,EAAEP,SAFA;AAGXQ,EAAAA,UAAU,EAAE;AACRP,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\n\nimport Avatar from '../../avatar/Avatar';\nimport MenuItem from '../../menu/MenuItem';\n\nimport Media from '../Media';\nimport MediaBody from '../MediaBody';\nimport notes from './MediaBody.stories.md';\n\nimport { bdlWatermelonRed } from '../../../styles/variables';\n\nexport const example = () => (\n <Media style={{ width: 300 }}>\n <Media.Figure>\n <Avatar size=\"large\" />\n </Media.Figure>\n\n <Media.Body style={{ boxShadow: `0 0 2px 3px ${bdlWatermelonRed}` }}>\n <Media.Menu>\n <MenuItem>Edit</MenuItem>\n <MenuItem>Delete</MenuItem>\n </Media.Menu>\n <div>\n <b>Yo Yo Ma</b> commented on this file\n </div>\n <div>\n Long strings without spaces wrap:\n <br />\n Thistextdoesnothaveanyspacesanditshouldbewrappedinsidethecontaineralignedwiththerightedge\n <br />a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9\n </div>\n </Media.Body>\n </Media>\n);\n\nexport default {\n title: 'Components\|Media/MediaBody',\n component: MediaBody,\n parameters: {\n notes,\n },\n};\n"],"file":"MediaBody.stories.js"}
1	+ {"version":3,"sources":["../../../../src/components/media/stories/MediaBody.stories.tsx"],"names":["React","Avatar","MenuItem","Media","MediaBody","notes","bdlWatermelonRed","example","width","boxShadow","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,MAAP,MAAmB,qBAAnB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AAEA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,KAAP,MAAkB,wBAAlB;AAEA,SAASC,gBAAT,QAAiC,2BAAjC;AAEA,OAAO,MAAMC,OAAO,GAAG,MACnB,oBAAC,KAAD;AAAO,EAAA,KAAK,EAAE;AAAEC,IAAAA,KAAK,EAAE;AAAT;AAAd,GACI,oBAAC,KAAD,CAAO,MAAP,QACI,oBAAC,MAAD;AAAQ,EAAA,IAAI,EAAC;AAAb,EADJ,CADJ,EAKI,oBAAC,KAAD,CAAO,IAAP;AAAY,EAAA,KAAK,EAAE;AAAEC,IAAAA,SAAS,wBAAiBH,gBAAjB;AAAX;AAAnB,GACI,oBAAC,KAAD,CAAO,IAAP,QACI,oBAAC,QAAD,eADJ,EAEI,oBAAC,QAAD,iBAFJ,CADJ,EAKI,iCACI,0CADJ,4BALJ,EAQI,sEAEI,+BAFJ,+FAII,+BAJJ,gGARJ,CALJ,CADG;AAwBP,eAAe;AACXI,EAAAA,KAAK,EAAE,4BADI;AAEXC,EAAAA,SAAS,EAAEP,SAFA;AAGXQ,EAAAA,UAAU,EAAE;AACRP,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\n\nimport Avatar from '../../avatar/Avatar';\nimport MenuItem from '../../menu/MenuItem';\n\nimport Media from '../Media';\nimport MediaBody from '../MediaBody';\nimport notes from './MediaBody.stories.md';\n\nimport { bdlWatermelonRed } from '../../../styles/variables';\n\nexport const example = () => (\n <Media style={{ width: 300 }}>\n <Media.Figure>\n <Avatar size=\"large\" />\n </Media.Figure>\n\n <Media.Body style={{ boxShadow: `0 0 2px 3px ${bdlWatermelonRed}` }}>\n <Media.Menu>\n <MenuItem>Edit</MenuItem>\n <MenuItem>Delete</MenuItem>\n </Media.Menu>\n <div>\n <b>Yo Yo Ma</b> commented on this file\n </div>\n <div>\n Long strings without spaces wrap:\n <br />\n Thistextdoesnothaveanyspacesanditshouldbewrappedinsidethecontaineralignedwiththerightedge\n <br />a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9\n </div>\n </Media.Body>\n </Media>\n);\n\nexport default {\n title: 'Components/Media/MediaBody',\n component: MediaBody,\n parameters: {\n notes,\n },\n};\n"],"file":"MediaBody.stories.js"}

package/es/components/media/stories/MediaFigure.stories.js CHANGED Viewed

@@ -16,7 +16,7 @@ export const example = () => React.createElement(Media, {
   size: "large"
 })), React.createElement(Media.Body, null, React.createElement(Media.Menu, null, React.createElement(MenuItem, null, "Edit"), React.createElement(MenuItem, null, "Delete")), React.createElement("div", null, React.createElement("b", null, "Yo Yo Ma"), " commented on this file"), React.createElement("div", null, "Please review the notes", React.createElement("br", null), "a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9")));
 export default {
-  title: 'Components|Media/MediaFigure',
+  title: 'Components/Media/MediaFigure',
   component: MediaFigure,
   parameters: {
     notes

package/es/components/media/stories/MediaFigure.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/media/stories/MediaFigure.stories.tsx"],"names":["React","Avatar","MenuItem","Media","MediaFigure","notes","example","width","boxShadow","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,MAAP,MAAmB,qBAAnB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AAEA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,WAAP,MAAwB,gBAAxB;AACA,OAAOC,KAAP,MAAkB,0BAAlB;AAEA,OAAO,MAAMC,OAAO,GAAG,MACnB,oBAAC,KAAD;AAAO,EAAA,KAAK,EAAE;AAAEC,IAAAA,KAAK,EAAE;AAAT;AAAd,GACI,oBAAC,KAAD,CAAO,MAAP;AAAc,EAAA,KAAK,EAAE;AAAEC,IAAAA,SAAS,EAAE;AAAb;AAArB,GACI,oBAAC,MAAD;AAAQ,EAAA,IAAI,EAAC;AAAb,EADJ,CADJ,EAKI,oBAAC,KAAD,CAAO,IAAP,QACI,oBAAC,KAAD,CAAO,IAAP,QACI,oBAAC,QAAD,eADJ,EAEI,oBAAC,QAAD,iBAFJ,CADJ,EAKI,iCACI,0CADJ,4BALJ,EAQI,4DAEI,+BAFJ,gGARJ,CALJ,CADG;AAsBP,eAAe;AACXC,EAAAA,KAAK,EAAE,8BADI;AAEXC,EAAAA,SAAS,EAAEN,WAFA;AAGXO,EAAAA,UAAU,EAAE;AACRN,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\n\nimport Avatar from '../../avatar/Avatar';\nimport MenuItem from '../../menu/MenuItem';\n\nimport Media from '../Media';\nimport MediaFigure from '../MediaFigure';\nimport notes from './MediaFigure.stories.md';\n\nexport const example = () => (\n <Media style={{ width: 300 }}>\n <Media.Figure style={{ boxShadow: '0 0 2px 3px red' }}>\n <Avatar size=\"large\" />\n </Media.Figure>\n\n <Media.Body>\n <Media.Menu>\n <MenuItem>Edit</MenuItem>\n <MenuItem>Delete</MenuItem>\n </Media.Menu>\n <div>\n <b>Yo Yo Ma</b> commented on this file\n </div>\n <div>\n Please review the notes\n <br />a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9\n </div>\n </Media.Body>\n </Media>\n);\n\nexport default {\n title: 'Components\|Media/MediaFigure',\n component: MediaFigure,\n parameters: {\n notes,\n },\n};\n"],"file":"MediaFigure.stories.js"}
1	+ {"version":3,"sources":["../../../../src/components/media/stories/MediaFigure.stories.tsx"],"names":["React","Avatar","MenuItem","Media","MediaFigure","notes","example","width","boxShadow","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,MAAP,MAAmB,qBAAnB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AAEA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,WAAP,MAAwB,gBAAxB;AACA,OAAOC,KAAP,MAAkB,0BAAlB;AAEA,OAAO,MAAMC,OAAO,GAAG,MACnB,oBAAC,KAAD;AAAO,EAAA,KAAK,EAAE;AAAEC,IAAAA,KAAK,EAAE;AAAT;AAAd,GACI,oBAAC,KAAD,CAAO,MAAP;AAAc,EAAA,KAAK,EAAE;AAAEC,IAAAA,SAAS,EAAE;AAAb;AAArB,GACI,oBAAC,MAAD;AAAQ,EAAA,IAAI,EAAC;AAAb,EADJ,CADJ,EAKI,oBAAC,KAAD,CAAO,IAAP,QACI,oBAAC,KAAD,CAAO,IAAP,QACI,oBAAC,QAAD,eADJ,EAEI,oBAAC,QAAD,iBAFJ,CADJ,EAKI,iCACI,0CADJ,4BALJ,EAQI,4DAEI,+BAFJ,gGARJ,CALJ,CADG;AAsBP,eAAe;AACXC,EAAAA,KAAK,EAAE,8BADI;AAEXC,EAAAA,SAAS,EAAEN,WAFA;AAGXO,EAAAA,UAAU,EAAE;AACRN,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\n\nimport Avatar from '../../avatar/Avatar';\nimport MenuItem from '../../menu/MenuItem';\n\nimport Media from '../Media';\nimport MediaFigure from '../MediaFigure';\nimport notes from './MediaFigure.stories.md';\n\nexport const example = () => (\n <Media style={{ width: 300 }}>\n <Media.Figure style={{ boxShadow: '0 0 2px 3px red' }}>\n <Avatar size=\"large\" />\n </Media.Figure>\n\n <Media.Body>\n <Media.Menu>\n <MenuItem>Edit</MenuItem>\n <MenuItem>Delete</MenuItem>\n </Media.Menu>\n <div>\n <b>Yo Yo Ma</b> commented on this file\n </div>\n <div>\n Please review the notes\n <br />a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9\n </div>\n </Media.Body>\n </Media>\n);\n\nexport default {\n title: 'Components/Media/MediaFigure',\n component: MediaFigure,\n parameters: {\n notes,\n },\n};\n"],"file":"MediaFigure.stories.js"}

package/es/components/media/stories/MediaMenu.stories.js CHANGED Viewed

@@ -21,7 +21,7 @@ export const example = () => React.createElement(Media, {
   }
 }, React.createElement(MenuItem, null, "Edit"), React.createElement(MenuItem, null, "Delete")), React.createElement("div", null, React.createElement("b", null, "Yo Yo Ma"), " commented on this file"), React.createElement("div", null, "Please review the notes", React.createElement("br", null), "a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9")));
 export default {
-  title: 'Components|Media/MediaMenu',
+  title: 'Components/Media/MediaMenu',
   component: MediaMenu,
   parameters: {
     notes

package/es/components/media/stories/MediaMenu.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/media/stories/MediaMenu.stories.tsx"],"names":["React","Avatar","MenuItem","Media","MediaMenu","notes","bdlWatermelonRed","bdlYellorange","example","width","boxShadow","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,MAAP,MAAmB,qBAAnB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AAEA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,KAAP,MAAkB,wBAAlB;AAEA,SAASC,gBAAT,EAA2BC,aAA3B,QAAgD,2BAAhD;AAEA,OAAO,MAAMC,OAAO,GAAG,MACnB,oBAAC,KAAD;AAAO,EAAA,KAAK,EAAE;AAAEC,IAAAA,KAAK,EAAE;AAAT;AAAd,GACI,oBAAC,KAAD,CAAO,MAAP,QACI,oBAAC,MAAD;AAAQ,EAAA,IAAI,EAAC;AAAb,EADJ,CADJ,EAKI,oBAAC,KAAD,CAAO,IAAP;AAAY,EAAA,KAAK,EAAE;AAAEC,IAAAA,SAAS,wBAAiBH,aAAjB;AAAX;AAAnB,GACI,oBAAC,KAAD,CAAO,IAAP;AAAY,EAAA,KAAK,EAAE;AAAEG,IAAAA,SAAS,wBAAiBJ,gBAAjB;AAAX;AAAnB,GACI,oBAAC,QAAD,eADJ,EAEI,oBAAC,QAAD,iBAFJ,CADJ,EAKI,iCACI,0CADJ,4BALJ,EAQI,4DAEI,+BAFJ,gGARJ,CALJ,CADG;AAsBP,eAAe;AACXK,EAAAA,KAAK,EAAE,4BADI;AAEXC,EAAAA,SAAS,EAAER,SAFA;AAGXS,EAAAA,UAAU,EAAE;AACRR,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\n\nimport Avatar from '../../avatar/Avatar';\nimport MenuItem from '../../menu/MenuItem';\n\nimport Media from '../Media';\nimport MediaMenu from '../MediaMenu';\nimport notes from './MediaMenu.stories.md';\n\nimport { bdlWatermelonRed, bdlYellorange } from '../../../styles/variables';\n\nexport const example = () => (\n <Media style={{ width: 300 }}>\n <Media.Figure>\n <Avatar size=\"large\" />\n </Media.Figure>\n\n <Media.Body style={{ boxShadow: `0 0 2px 3px ${bdlYellorange}` }}>\n <Media.Menu style={{ boxShadow: `0 0 2px 3px ${bdlWatermelonRed}` }}>\n <MenuItem>Edit</MenuItem>\n <MenuItem>Delete</MenuItem>\n </Media.Menu>\n <div>\n <b>Yo Yo Ma</b> commented on this file\n </div>\n <div>\n Please review the notes\n <br />a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9\n </div>\n </Media.Body>\n </Media>\n);\n\nexport default {\n title: 'Components\|Media/MediaMenu',\n component: MediaMenu,\n parameters: {\n notes,\n },\n};\n"],"file":"MediaMenu.stories.js"}
1	+ {"version":3,"sources":["../../../../src/components/media/stories/MediaMenu.stories.tsx"],"names":["React","Avatar","MenuItem","Media","MediaMenu","notes","bdlWatermelonRed","bdlYellorange","example","width","boxShadow","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,OAAOC,MAAP,MAAmB,qBAAnB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AAEA,OAAOC,KAAP,MAAkB,UAAlB;AACA,OAAOC,SAAP,MAAsB,cAAtB;AACA,OAAOC,KAAP,MAAkB,wBAAlB;AAEA,SAASC,gBAAT,EAA2BC,aAA3B,QAAgD,2BAAhD;AAEA,OAAO,MAAMC,OAAO,GAAG,MACnB,oBAAC,KAAD;AAAO,EAAA,KAAK,EAAE;AAAEC,IAAAA,KAAK,EAAE;AAAT;AAAd,GACI,oBAAC,KAAD,CAAO,MAAP,QACI,oBAAC,MAAD;AAAQ,EAAA,IAAI,EAAC;AAAb,EADJ,CADJ,EAKI,oBAAC,KAAD,CAAO,IAAP;AAAY,EAAA,KAAK,EAAE;AAAEC,IAAAA,SAAS,wBAAiBH,aAAjB;AAAX;AAAnB,GACI,oBAAC,KAAD,CAAO,IAAP;AAAY,EAAA,KAAK,EAAE;AAAEG,IAAAA,SAAS,wBAAiBJ,gBAAjB;AAAX;AAAnB,GACI,oBAAC,QAAD,eADJ,EAEI,oBAAC,QAAD,iBAFJ,CADJ,EAKI,iCACI,0CADJ,4BALJ,EAQI,4DAEI,+BAFJ,gGARJ,CALJ,CADG;AAsBP,eAAe;AACXK,EAAAA,KAAK,EAAE,4BADI;AAEXC,EAAAA,SAAS,EAAER,SAFA;AAGXS,EAAAA,UAAU,EAAE;AACRR,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\n\nimport Avatar from '../../avatar/Avatar';\nimport MenuItem from '../../menu/MenuItem';\n\nimport Media from '../Media';\nimport MediaMenu from '../MediaMenu';\nimport notes from './MediaMenu.stories.md';\n\nimport { bdlWatermelonRed, bdlYellorange } from '../../../styles/variables';\n\nexport const example = () => (\n <Media style={{ width: 300 }}>\n <Media.Figure>\n <Avatar size=\"large\" />\n </Media.Figure>\n\n <Media.Body style={{ boxShadow: `0 0 2px 3px ${bdlYellorange}` }}>\n <Media.Menu style={{ boxShadow: `0 0 2px 3px ${bdlWatermelonRed}` }}>\n <MenuItem>Edit</MenuItem>\n <MenuItem>Delete</MenuItem>\n </Media.Menu>\n <div>\n <b>Yo Yo Ma</b> commented on this file\n </div>\n <div>\n Please review the notes\n <br />a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9\n </div>\n </Media.Body>\n </Media>\n);\n\nexport default {\n title: 'Components/Media/MediaMenu',\n component: MediaMenu,\n parameters: {\n notes,\n },\n};\n"],"file":"MediaMenu.stories.js"}

package/es/components/media-query/stories/MediaQuery.stories.js CHANGED Viewed

@@ -29,7 +29,7 @@ const DemoComponent = props => {
 export const HigherOrderComponent = withMediaQuery(DemoComponent);
 export default {
-  title: 'Components|MediaQuery',
+  title: 'Components/MediaQuery',
   component: useMediaQuery,
   parameters: {
     notes,

package/es/components/media-query/stories/MediaQuery.stories.js.flow CHANGED Viewed

@@ -78,7 +78,7 @@ const DemoComponent = (props: Props) => {
 export const HigherOrderComponent = withMediaQuery(DemoComponent);
 export default {
-    title: 'Components|MediaQuery',
+    title: 'Components/MediaQuery',
     component: useMediaQuery,
     parameters: {
         notes,

package/es/components/media-query/stories/MediaQuery.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/media-query/stories/MediaQuery.stories.js"],"names":["React","VIEW_SIZE_TYPE","notes","useMediaQuery","withMediaQuery","CustomHook","hover","isTouchDevice","pointer","size","viewWidth","viewHeight","String","small","medium","large","xlarge","DemoComponent","props","HigherOrderComponent","title","component","parameters","viewport","defaultViewport"],"mappings":"AAEA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,cAAT,QAA+B,cAA/B;AACA,OAAOC,KAAP,MAAkB,yBAAlB;AACA,OAAOC,aAAP,MAA0B,kBAA1B;AACA,OAAOC,cAAP,MAA2B,mBAA3B;AAEA,OAAO,MAAMC,UAAU,GAAG,MAAM;AAC5B,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,aAAT;AAAwBC,IAAAA,OAAxB;AAAiCC,IAAAA,IAAjC;AAAuCC,IAAAA,SAAvC;AAAkDC,IAAAA;AAAlD,MAAiER,aAAa,EAApF;AAEA,SACI,iCACI,+BACI,wCADJ,EAEI,6CAAWG,KAAX,EAFJ,CADJ,EAKI,+BACI,0CADJ,EAEI,6CAAWE,OAAX,EAFJ,CALJ,EASI,+BACI,kDADJ,EAEI,6CAAWI,MAAM,CAACL,aAAD,CAAjB,EAFJ,CATJ,EAaI,+BACI,kDADJ,EAEI,6CAAWG,SAAX,sBAAgCC,UAAhC,YAFJ,CAbJ,EAiBKF,IAAI,KAAKR,cAAc,CAACY,KAAxB,IAAiC,qDAjBtC,EAkBKJ,IAAI,KAAKR,cAAc,CAACa,MAAxB,IAAkC,sDAlBvC,EAmBKL,IAAI,KAAKR,cAAc,CAACc,KAAxB,IAAiC,qDAnBtC,EAoBKN,IAAI,KAAKR,cAAc,CAACe,MAAxB,IAAkC,sDApBvC,CADJ;AAwBH,CA3BM;;AAuCP,MAAMC,aAAa,GAAIC,KAAD,IAAkB;AACpC,QAAM;AAAEZ,IAAAA,KAAF;AAASC,IAAAA,aAAT;AAAwBC,IAAAA,OAAxB;AAAiCC,IAAAA,IAAjC;AAAuCC,IAAAA,SAAvC;AAAkDC,IAAAA;AAAlD,MAAiEO,KAAvE;AAEA,SACI,iCACI,+BACI,wCADJ,EAEI,6CAAWZ,KAAX,EAFJ,CADJ,EAKI,+BACI,0CADJ,EAEI,6CAAWE,OAAX,EAFJ,CALJ,EASI,+BACI,kDADJ,EAEI,6CAAWI,MAAM,CAACL,aAAD,CAAjB,EAFJ,CATJ,EAaI,+BACI,kDADJ,EAEI,6CAAWG,SAAX,sBAAgCC,UAAhC,YAFJ,CAbJ,EAiBKF,IAAI,KAAK,OAAT,IAAoB,qDAjBzB,EAkBKA,IAAI,KAAK,QAAT,IAAqB,sDAlB1B,EAmBKA,IAAI,KAAK,OAAT,IAAoB,qDAnBzB,EAoBKA,IAAI,KAAK,SAAT,IAAsB,sDApB3B,CADJ;AAwBH,CA3BD;;AA6BA,OAAO,MAAMU,oBAAoB,GAAGf,cAAc,CAACa,aAAD,CAA3C;AAEP,eAAe;AACXG,EAAAA,KAAK,EAAE,uBADI;AAEXC,EAAAA,SAAS,EAAElB,aAFA;AAGXmB,EAAAA,UAAU,EAAE;AACRpB,IAAAA,KADQ;AAERqB,IAAAA,QAAQ,EAAE;AACNC,MAAAA,eAAe,EAAE;AADX;AAFF;AAHD,CAAf","sourcesContent":["// @flow\n\nimport * as React from 'react';\n\nimport { VIEW_SIZE_TYPE } from '../constants';\nimport notes from './MediaQuery.stories.md';\nimport useMediaQuery from '../useMediaQuery';\nimport withMediaQuery from '../withMediaQuery';\n\nexport const CustomHook = () => {\n const { hover, isTouchDevice, pointer, size, viewWidth, viewHeight } = useMediaQuery();\n\n return (\n <div>\n <p>\n <b>Hover:</b>\n <span>{` ${hover}`}</span>\n </p>\n <p>\n <b>Pointer:</b>\n <span>{` ${pointer}`}</span>\n </p>\n <p>\n <b>Is Touch Device:</b>\n <span>{` ${String(isTouchDevice)}`}</span>\n </p>\n <p>\n <b>View Dimensions:</b>\n <span>{` ${viewWidth}px (w) x ${viewHeight}px (h)`}</span>\n </p>\n {size === VIEW_SIZE_TYPE.small && <h4>This view is small</h4>}\n {size === VIEW_SIZE_TYPE.medium && <h3>This view is medium</h3>}\n {size === VIEW_SIZE_TYPE.large && <h2>This view is large</h2>}\n {size === VIEW_SIZE_TYPE.xlarge && <h1>This view is xlarge</h1>}\n </div>\n );\n};\n\ntype Props = {\n children?: any,\n hover: string,\n isTouchDevice: boolean,\n pointer: string,\n size: string,\n viewHeight: number,\n viewWidth: number,\n};\n\nconst DemoComponent = (props: Props) => {\n const { hover, isTouchDevice, pointer, size, viewWidth, viewHeight } = props;\n\n return (\n <div>\n <p>\n <b>Hover:</b>\n <span>{` ${hover}`}</span>\n </p>\n <p>\n <b>Pointer:</b>\n <span>{` ${pointer}`}</span>\n </p>\n <p>\n <b>Is Touch Device:</b>\n <span>{` ${String(isTouchDevice)}`}</span>\n </p>\n <p>\n <b>View Dimensions:</b>\n <span>{` ${viewWidth}px (w) x ${viewHeight}px (h)`}</span>\n </p>\n {size === 'small' && <h4>This view is small</h4>}\n {size === 'medium' && <h3>This view is medium</h3>}\n {size === 'large' && <h2>This view is large</h2>}\n {size === 'x-large' && <h1>This view is xlarge</h1>}\n </div>\n );\n};\n\nexport const HigherOrderComponent = withMediaQuery(DemoComponent);\n\nexport default {\n title: 'Components\|MediaQuery',\n component: useMediaQuery,\n parameters: {\n notes,\n viewport: {\n defaultViewport: 'tablet',\n },\n },\n};\n"],"file":"MediaQuery.stories.js"}
1	+ {"version":3,"sources":["../../../../src/components/media-query/stories/MediaQuery.stories.js"],"names":["React","VIEW_SIZE_TYPE","notes","useMediaQuery","withMediaQuery","CustomHook","hover","isTouchDevice","pointer","size","viewWidth","viewHeight","String","small","medium","large","xlarge","DemoComponent","props","HigherOrderComponent","title","component","parameters","viewport","defaultViewport"],"mappings":"AAEA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAASC,cAAT,QAA+B,cAA/B;AACA,OAAOC,KAAP,MAAkB,yBAAlB;AACA,OAAOC,aAAP,MAA0B,kBAA1B;AACA,OAAOC,cAAP,MAA2B,mBAA3B;AAEA,OAAO,MAAMC,UAAU,GAAG,MAAM;AAC5B,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA,aAAT;AAAwBC,IAAAA,OAAxB;AAAiCC,IAAAA,IAAjC;AAAuCC,IAAAA,SAAvC;AAAkDC,IAAAA;AAAlD,MAAiER,aAAa,EAApF;AAEA,SACI,iCACI,+BACI,wCADJ,EAEI,6CAAWG,KAAX,EAFJ,CADJ,EAKI,+BACI,0CADJ,EAEI,6CAAWE,OAAX,EAFJ,CALJ,EASI,+BACI,kDADJ,EAEI,6CAAWI,MAAM,CAACL,aAAD,CAAjB,EAFJ,CATJ,EAaI,+BACI,kDADJ,EAEI,6CAAWG,SAAX,sBAAgCC,UAAhC,YAFJ,CAbJ,EAiBKF,IAAI,KAAKR,cAAc,CAACY,KAAxB,IAAiC,qDAjBtC,EAkBKJ,IAAI,KAAKR,cAAc,CAACa,MAAxB,IAAkC,sDAlBvC,EAmBKL,IAAI,KAAKR,cAAc,CAACc,KAAxB,IAAiC,qDAnBtC,EAoBKN,IAAI,KAAKR,cAAc,CAACe,MAAxB,IAAkC,sDApBvC,CADJ;AAwBH,CA3BM;;AAuCP,MAAMC,aAAa,GAAIC,KAAD,IAAkB;AACpC,QAAM;AAAEZ,IAAAA,KAAF;AAASC,IAAAA,aAAT;AAAwBC,IAAAA,OAAxB;AAAiCC,IAAAA,IAAjC;AAAuCC,IAAAA,SAAvC;AAAkDC,IAAAA;AAAlD,MAAiEO,KAAvE;AAEA,SACI,iCACI,+BACI,wCADJ,EAEI,6CAAWZ,KAAX,EAFJ,CADJ,EAKI,+BACI,0CADJ,EAEI,6CAAWE,OAAX,EAFJ,CALJ,EASI,+BACI,kDADJ,EAEI,6CAAWI,MAAM,CAACL,aAAD,CAAjB,EAFJ,CATJ,EAaI,+BACI,kDADJ,EAEI,6CAAWG,SAAX,sBAAgCC,UAAhC,YAFJ,CAbJ,EAiBKF,IAAI,KAAK,OAAT,IAAoB,qDAjBzB,EAkBKA,IAAI,KAAK,QAAT,IAAqB,sDAlB1B,EAmBKA,IAAI,KAAK,OAAT,IAAoB,qDAnBzB,EAoBKA,IAAI,KAAK,SAAT,IAAsB,sDApB3B,CADJ;AAwBH,CA3BD;;AA6BA,OAAO,MAAMU,oBAAoB,GAAGf,cAAc,CAACa,aAAD,CAA3C;AAEP,eAAe;AACXG,EAAAA,KAAK,EAAE,uBADI;AAEXC,EAAAA,SAAS,EAAElB,aAFA;AAGXmB,EAAAA,UAAU,EAAE;AACRpB,IAAAA,KADQ;AAERqB,IAAAA,QAAQ,EAAE;AACNC,MAAAA,eAAe,EAAE;AADX;AAFF;AAHD,CAAf","sourcesContent":["// @flow\n\nimport * as React from 'react';\n\nimport { VIEW_SIZE_TYPE } from '../constants';\nimport notes from './MediaQuery.stories.md';\nimport useMediaQuery from '../useMediaQuery';\nimport withMediaQuery from '../withMediaQuery';\n\nexport const CustomHook = () => {\n const { hover, isTouchDevice, pointer, size, viewWidth, viewHeight } = useMediaQuery();\n\n return (\n <div>\n <p>\n <b>Hover:</b>\n <span>{` ${hover}`}</span>\n </p>\n <p>\n <b>Pointer:</b>\n <span>{` ${pointer}`}</span>\n </p>\n <p>\n <b>Is Touch Device:</b>\n <span>{` ${String(isTouchDevice)}`}</span>\n </p>\n <p>\n <b>View Dimensions:</b>\n <span>{` ${viewWidth}px (w) x ${viewHeight}px (h)`}</span>\n </p>\n {size === VIEW_SIZE_TYPE.small && <h4>This view is small</h4>}\n {size === VIEW_SIZE_TYPE.medium && <h3>This view is medium</h3>}\n {size === VIEW_SIZE_TYPE.large && <h2>This view is large</h2>}\n {size === VIEW_SIZE_TYPE.xlarge && <h1>This view is xlarge</h1>}\n </div>\n );\n};\n\ntype Props = {\n children?: any,\n hover: string,\n isTouchDevice: boolean,\n pointer: string,\n size: string,\n viewHeight: number,\n viewWidth: number,\n};\n\nconst DemoComponent = (props: Props) => {\n const { hover, isTouchDevice, pointer, size, viewWidth, viewHeight } = props;\n\n return (\n <div>\n <p>\n <b>Hover:</b>\n <span>{` ${hover}`}</span>\n </p>\n <p>\n <b>Pointer:</b>\n <span>{` ${pointer}`}</span>\n </p>\n <p>\n <b>Is Touch Device:</b>\n <span>{` ${String(isTouchDevice)}`}</span>\n </p>\n <p>\n <b>View Dimensions:</b>\n <span>{` ${viewWidth}px (w) x ${viewHeight}px (h)`}</span>\n </p>\n {size === 'small' && <h4>This view is small</h4>}\n {size === 'medium' && <h3>This view is medium</h3>}\n {size === 'large' && <h2>This view is large</h2>}\n {size === 'x-large' && <h1>This view is xlarge</h1>}\n </div>\n );\n};\n\nexport const HigherOrderComponent = withMediaQuery(DemoComponent);\n\nexport default {\n title: 'Components/MediaQuery',\n component: useMediaQuery,\n parameters: {\n notes,\n viewport: {\n defaultViewport: 'tablet',\n },\n },\n};\n"],"file":"MediaQuery.stories.js"}

package/es/components/menu/stories/Menu.stories.js CHANGED Viewed

@@ -51,7 +51,7 @@ export const withChildOnResize = () => {
   }, state => React.createElement(Menu, null, React.createElement(MenuItem, null, "View Profile"), React.createElement(MenuItem, null, "Help"), state.isLargeMenu && React.createElement(MenuItem, null, "Visible on Resize"), React.createElement(MenuItem, null, "Last Item")));
 };
 export default {
-  title: 'Components|Menu',
+  title: 'Components/Menu',
   component: Menu,
   parameters: {
     notes

package/es/components/menu/stories/Menu.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/menu/stories/Menu.stories.tsx"],"names":["React","boolean","State","Store","Link","MenuItem","MenuLinkItem","MenuSectionHeader","MenuSeparator","SelectMenuLinkItem","SubmenuItem","Menu","notes","basic","withSubmenu","maxWidth","withSubmenuFlip","withSelectMenu","withChildOnResize","componentStore","isLargeMenu","setVisibility","window","innerWidth","get","set","addEventListener","state","title","component","parameters"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { boolean } from '@storybook/addon-knobs';\nimport { State, Store } from '@sambego/storybook-state';\n\nimport Link from '../../link/Link';\nimport MenuItem from '../MenuItem';\nimport MenuLinkItem from '../MenuLinkItem';\nimport MenuSectionHeader from '../MenuSectionHeader';\nimport MenuSeparator from '../MenuSeparator';\nimport SelectMenuLinkItem from '../SelectMenuLinkItem';\nimport SubmenuItem from '../SubmenuItem';\n\nimport Menu from '../Menu';\nimport notes from './Menu.stories.md';\n\nexport const basic = () => (\n <Menu>\n <MenuItem>View Profile</MenuItem>\n <MenuItem showRadar>Help</MenuItem>\n <MenuSeparator />\n <MenuSectionHeader>Menu Section</MenuSectionHeader>\n <MenuLinkItem>\n <Link href=\"/#\">Awesome Link</Link>\n </MenuLinkItem>\n </Menu>\n);\n\nexport const withSubmenu = () => (\n <div style={{ maxWidth: '220px' }}>\n <Menu>\n <MenuItem>View Profile</MenuItem>\n <SubmenuItem>\n Submenu\n <Menu>\n <MenuItem>View Profile</MenuItem>\n <MenuItem>Help</MenuItem>\n </Menu>\n </SubmenuItem>\n <MenuItem>Help</MenuItem>\n </Menu>\n </div>\n);\n\nexport const withSubmenuFlip = () => (\n <div style={{ maxWidth: '220px' }}>\n <Menu>\n <MenuItem>View Profile</MenuItem>\n <SubmenuItem>\n Submenu\n <Menu>\n <MenuItem>View Profile</MenuItem>\n <MenuItem>Help</MenuItem>\n <MenuItem>Help</MenuItem>\n </Menu>\n </SubmenuItem>\n <MenuItem>Help</MenuItem>\n </Menu>\n </div>\n);\n\nexport const withSelectMenu = () => (\n <Menu>\n <SelectMenuLinkItem isSelected={boolean('isSelected', true)}>\n <Link href=\"http://opensource.box.com/box-ui-elements/storybook\">View Profile</Link>\n </SelectMenuLinkItem>\n <SelectMenuLinkItem>\n <Link href=\"http://opensource.box.com/box-ui-elements/storybook\">Awesome Link</Link>\n </SelectMenuLinkItem>\n </Menu>\n);\n\nexport const withChildOnResize = () => {\n const componentStore = new Store({ isLargeMenu: false });\n\n const setVisibility = () => {\n if (window.innerWidth < 700 && !componentStore.get('isLargeMenu')) {\n componentStore.set({ isLargeMenu: true });\n }\n };\n\n window.addEventListener('resize', setVisibility);\n\n return (\n <State store={componentStore}>\n {state => (\n <Menu>\n <MenuItem>View Profile</MenuItem>\n <MenuItem>Help</MenuItem>\n {state.isLargeMenu && <MenuItem>Visible on Resize</MenuItem>}\n <MenuItem>Last Item</MenuItem>\n </Menu>\n )}\n </State>\n );\n};\n\nexport default {\n title: 'Components\|Menu',\n component: Menu,\n parameters: {\n notes,\n },\n};\n"],"file":"Menu.stories.js"}
1	+ {"version":3,"sources":["../../../../src/components/menu/stories/Menu.stories.tsx"],"names":["React","boolean","State","Store","Link","MenuItem","MenuLinkItem","MenuSectionHeader","MenuSeparator","SelectMenuLinkItem","SubmenuItem","Menu","notes","basic","withSubmenu","maxWidth","withSubmenuFlip","withSelectMenu","withChildOnResize","componentStore","isLargeMenu","setVisibility","window","innerWidth","get","set","addEventListener","state","title","component","parameters"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { boolean } from '@storybook/addon-knobs';\nimport { State, Store } from '@sambego/storybook-state';\n\nimport Link from '../../link/Link';\nimport MenuItem from '../MenuItem';\nimport MenuLinkItem from '../MenuLinkItem';\nimport MenuSectionHeader from '../MenuSectionHeader';\nimport MenuSeparator from '../MenuSeparator';\nimport SelectMenuLinkItem from '../SelectMenuLinkItem';\nimport SubmenuItem from '../SubmenuItem';\n\nimport Menu from '../Menu';\nimport notes from './Menu.stories.md';\n\nexport const basic = () => (\n <Menu>\n <MenuItem>View Profile</MenuItem>\n <MenuItem showRadar>Help</MenuItem>\n <MenuSeparator />\n <MenuSectionHeader>Menu Section</MenuSectionHeader>\n <MenuLinkItem>\n <Link href=\"/#\">Awesome Link</Link>\n </MenuLinkItem>\n </Menu>\n);\n\nexport const withSubmenu = () => (\n <div style={{ maxWidth: '220px' }}>\n <Menu>\n <MenuItem>View Profile</MenuItem>\n <SubmenuItem>\n Submenu\n <Menu>\n <MenuItem>View Profile</MenuItem>\n <MenuItem>Help</MenuItem>\n </Menu>\n </SubmenuItem>\n <MenuItem>Help</MenuItem>\n </Menu>\n </div>\n);\n\nexport const withSubmenuFlip = () => (\n <div style={{ maxWidth: '220px' }}>\n <Menu>\n <MenuItem>View Profile</MenuItem>\n <SubmenuItem>\n Submenu\n <Menu>\n <MenuItem>View Profile</MenuItem>\n <MenuItem>Help</MenuItem>\n <MenuItem>Help</MenuItem>\n </Menu>\n </SubmenuItem>\n <MenuItem>Help</MenuItem>\n </Menu>\n </div>\n);\n\nexport const withSelectMenu = () => (\n <Menu>\n <SelectMenuLinkItem isSelected={boolean('isSelected', true)}>\n <Link href=\"http://opensource.box.com/box-ui-elements/storybook\">View Profile</Link>\n </SelectMenuLinkItem>\n <SelectMenuLinkItem>\n <Link href=\"http://opensource.box.com/box-ui-elements/storybook\">Awesome Link</Link>\n </SelectMenuLinkItem>\n </Menu>\n);\n\nexport const withChildOnResize = () => {\n const componentStore = new Store({ isLargeMenu: false });\n\n const setVisibility = () => {\n if (window.innerWidth < 700 && !componentStore.get('isLargeMenu')) {\n componentStore.set({ isLargeMenu: true });\n }\n };\n\n window.addEventListener('resize', setVisibility);\n\n return (\n <State store={componentStore}>\n {state => (\n <Menu>\n <MenuItem>View Profile</MenuItem>\n <MenuItem>Help</MenuItem>\n {state.isLargeMenu && <MenuItem>Visible on Resize</MenuItem>}\n <MenuItem>Last Item</MenuItem>\n </Menu>\n )}\n </State>\n );\n};\n\nexport default {\n title: 'Components/Menu',\n component: Menu,\n parameters: {\n notes,\n },\n};\n"],"file":"Menu.stories.js"}

package/es/components/menu/stories/SelectMenuLinkItem.stories.js CHANGED Viewed

@@ -12,7 +12,7 @@ export const basic = () => React.createElement(Menu, null, React.createElement(S
   href: "http://opensource.box.com/box-ui-elements/storybook"
 }, "Awesome Link")));
 export default {
-  title: 'Components|SelectMenuLinkItem',
+  title: 'Components/SelectMenuLinkItem',
   component: SelectMenuLinkItem,
   parameters: {
     notes

package/es/components/menu/stories/SelectMenuLinkItem.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/menu/stories/SelectMenuLinkItem.stories.tsx"],"names":["React","boolean","Link","Menu","SelectMenuLinkItem","notes","basic","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,OAAT,QAAwB,wBAAxB;AAEA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,IAAP,MAAiB,SAAjB;AAEA,OAAOC,kBAAP,MAA+B,uBAA/B;AACA,OAAOC,KAAP,MAAkB,iCAAlB;AAEA,OAAO,MAAMC,KAAK,GAAG,MACjB,oBAAC,IAAD,QACI,oBAAC,kBAAD;AAAoB,EAAA,UAAU,EAAEL,OAAO,CAAC,YAAD,EAAe,IAAf;AAAvC,GACI,oBAAC,IAAD;AAAM,EAAA,IAAI,EAAC;AAAX,kBADJ,CADJ,EAII,oBAAC,kBAAD,QACI,oBAAC,IAAD;AAAM,EAAA,IAAI,EAAC;AAAX,kBADJ,CAJJ,CADG;AAWP,eAAe;AACXM,EAAAA,KAAK,EAAE,+BADI;AAEXC,EAAAA,SAAS,EAAEJ,kBAFA;AAGXK,EAAAA,UAAU,EAAE;AACRJ,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\nimport { boolean } from '@storybook/addon-knobs';\n\nimport Link from '../../link/Link';\nimport Menu from '../Menu';\n\nimport SelectMenuLinkItem from '../SelectMenuLinkItem';\nimport notes from './SelectMenuLinkItem.stories.md';\n\nexport const basic = () => (\n <Menu>\n <SelectMenuLinkItem isSelected={boolean('isSelected', true)}>\n <Link href=\"http://opensource.box.com/box-ui-elements/storybook\">View Profile</Link>\n </SelectMenuLinkItem>\n <SelectMenuLinkItem>\n <Link href=\"http://opensource.box.com/box-ui-elements/storybook\">Awesome Link</Link>\n </SelectMenuLinkItem>\n </Menu>\n);\n\nexport default {\n title: 'Components\|SelectMenuLinkItem',\n component: SelectMenuLinkItem,\n parameters: {\n notes,\n },\n};\n"],"file":"SelectMenuLinkItem.stories.js"}
1	+ {"version":3,"sources":["../../../../src/components/menu/stories/SelectMenuLinkItem.stories.tsx"],"names":["React","boolean","Link","Menu","SelectMenuLinkItem","notes","basic","title","component","parameters"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,OAAT,QAAwB,wBAAxB;AAEA,OAAOC,IAAP,MAAiB,iBAAjB;AACA,OAAOC,IAAP,MAAiB,SAAjB;AAEA,OAAOC,kBAAP,MAA+B,uBAA/B;AACA,OAAOC,KAAP,MAAkB,iCAAlB;AAEA,OAAO,MAAMC,KAAK,GAAG,MACjB,oBAAC,IAAD,QACI,oBAAC,kBAAD;AAAoB,EAAA,UAAU,EAAEL,OAAO,CAAC,YAAD,EAAe,IAAf;AAAvC,GACI,oBAAC,IAAD;AAAM,EAAA,IAAI,EAAC;AAAX,kBADJ,CADJ,EAII,oBAAC,kBAAD,QACI,oBAAC,IAAD;AAAM,EAAA,IAAI,EAAC;AAAX,kBADJ,CAJJ,CADG;AAWP,eAAe;AACXM,EAAAA,KAAK,EAAE,+BADI;AAEXC,EAAAA,SAAS,EAAEJ,kBAFA;AAGXK,EAAAA,UAAU,EAAE;AACRJ,IAAAA;AADQ;AAHD,CAAf","sourcesContent":["import * as React from 'react';\nimport { boolean } from '@storybook/addon-knobs';\n\nimport Link from '../../link/Link';\nimport Menu from '../Menu';\n\nimport SelectMenuLinkItem from '../SelectMenuLinkItem';\nimport notes from './SelectMenuLinkItem.stories.md';\n\nexport const basic = () => (\n <Menu>\n <SelectMenuLinkItem isSelected={boolean('isSelected', true)}>\n <Link href=\"http://opensource.box.com/box-ui-elements/storybook\">View Profile</Link>\n </SelectMenuLinkItem>\n <SelectMenuLinkItem>\n <Link href=\"http://opensource.box.com/box-ui-elements/storybook\">Awesome Link</Link>\n </SelectMenuLinkItem>\n </Menu>\n);\n\nexport default {\n title: 'Components/SelectMenuLinkItem',\n component: SelectMenuLinkItem,\n parameters: {\n notes,\n },\n};\n"],"file":"SelectMenuLinkItem.stories.js"}