@artsy/palette 41.8.1 → 42.0.0

package/dist/elements/Input/Input.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_styledComponents","_interopRequireDefault","_Button","_Input","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","title","exports","Default","createElement","States","states","focus","hover","active","error","disabled","required","maxLength","showCounter","description","width","Input","placeholder","displayName","StyledInput","styled","withConfig","componentId","Styled","Required","mt","type","Button","WithState","_useState","useState","_useState2","setValue","onChange","e","currentTarget","CustomHeight","height"],"sources":["../../../src/elements/Input/Input.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport styled from \"styled-components\"\nimport { Button } from \"../Button\"\nimport { Input, InputProps } from \"./Input\"\n\nexport default {\n  title: \"Components/Input\",\n}\n\nexport const Default = () => {\n  return (\n    <States<InputProps>\n      states={[\n        {},\n        { title: \"Your offer\", name: \"offer\" },\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { error: \"Something went wrong.\" },\n        { disabled: true },\n        { disabled: true, value: \"Example value\" },\n        { title: \"Your offer with a big title\", name: \"offer-big-title\" },\n        {\n          title: \"Your offer with a really really long title\",\n          name: \"offer-really-long-title\",\n        },\n        { title: \"Your offer\", required: true },\n        { title: \"Your offer\", maxLength: 50 },\n        {\n          title: \"Your offer\",\n          required: true,\n          maxLength: 50,\n          showCounter: true,\n        },\n        { title: \"Your offer\", description: \"This is my description\" },\n        { width: \"50%\" },\n      ]}\n    >\n      <Input placeholder=\"Start typing…\" />\n    </States>\n  )\n}\n\nconst StyledInput = styled(Input)`\n  border: 1px solid red;\n\n  > input {\n    border: 2px solid green;\n  }\n`\n\nexport const Styled = () => {\n  return <StyledInput placeholder=\"style should target container div\" />\n}\n\nexport const Required = () => {\n  return (\n    <form>\n      <Input\n        title=\"Example\"\n        required\n        placeholder=\"Submission should be blocked unless this has a value\"\n      />\n\n      <Input\n        mt={1}\n        title=\"Email\"\n        required\n        placeholder=\"Requires a valid email\"\n        type=\"email\"\n      />\n\n      <Button mt={1}>Submit</Button>\n    </form>\n  )\n}\n\nexport const WithState = () => {\n  const [value, setValue] = useState(\"\")\n\n  return (\n    <Input\n      title=\"Example\"\n      value={value}\n      onChange={(e) => setValue(e.currentTarget.value)}\n      placeholder=\"Start typing…\"\n      maxLength={50}\n      showCounter\n    />\n  )\n}\n\nexport const CustomHeight = () => {\n  return <Input height={40} placeholder=\"Input is 40px in height\" />\n}\n"],"mappings":"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"}
+{"version":3,"file":"Input.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_styledComponents","_interopRequireDefault","_Button","_Input","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","exports","title","Default","createElement","States","states","focus","hover","active","error","disabled","required","maxLength","showCounter","description","width","Input","placeholder","displayName","StyledInput","styled","withConfig","componentId","Styled","Required","mt","type","Button","WithState","_useState","useState","_useState2","setValue","onChange","e","currentTarget","CustomHeight","height"],"sources":["../../../src/elements/Input/Input.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport styled from \"styled-components\"\nimport { Button } from \"../Button\"\nimport { Input, InputProps } from \"./Input\"\n\nexport default {\n  title: \"Components/Input\",\n}\n\nexport const Default = () => {\n  return (\n    <States<InputProps>\n      states={[\n        {},\n        { title: \"Your offer\", name: \"offer\" },\n        { focus: true },\n        { hover: true },\n        { active: true },\n        { error: \"Something went wrong.\" },\n        { disabled: true },\n        { disabled: true, value: \"Example value\" },\n        { title: \"Your offer with a big title\", name: \"offer-big-title\" },\n        {\n          title: \"Your offer with a really really long title\",\n          name: \"offer-really-long-title\",\n        },\n        { title: \"Your offer\", required: true },\n        { title: \"Your offer\", maxLength: 50 },\n        {\n          title: \"Your offer\",\n          required: true,\n          maxLength: 50,\n          showCounter: true,\n        },\n        { title: \"Your offer\", description: \"This is my description\" },\n        { width: \"50%\" },\n      ]}\n    >\n      <Input placeholder=\"Start typing…\" />\n    </States>\n  )\n}\n\nconst StyledInput = styled(Input)`\n  border: 1px solid red;\n\n  > input {\n    border: 2px solid green;\n  }\n`\n\nexport const Styled = () => {\n  return <StyledInput placeholder=\"style should target container div\" />\n}\n\nexport const Required = () => {\n  return (\n    <form>\n      <Input\n        title=\"Example\"\n        required\n        placeholder=\"Submission should be blocked unless this has a value\"\n      />\n\n      <Input\n        mt={1}\n        title=\"Email\"\n        required\n        placeholder=\"Requires a valid email\"\n        type=\"email\"\n      />\n\n      <Button mt={1}>Submit</Button>\n    </form>\n  )\n}\n\nexport const WithState = () => {\n  const [value, setValue] = useState(\"\")\n\n  return (\n    <Input\n      title=\"Example\"\n      value={value}\n      onChange={(e) => setValue(e.currentTarget.value)}\n      placeholder=\"Start typing…\"\n      maxLength={50}\n      showCounter\n    />\n  )\n}\n\nexport const CustomHeight = () => {\n  return <Input height={40} placeholder=\"Input is 40px in height\" />\n}\n"],"mappings":"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"}

package/dist/elements/Input/tokens.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.INPUT_STATES = void 0;
 var _themeGet = require("@styled-system/theme-get");
 var _styledComponents = require("styled-components");
-var INPUT_STATES = {
+var INPUT_STATES = exports.INPUT_STATES = {
   default: (0, _styledComponents.css)(["background-color:", ";font-size:", ";color:", ";border-color:", ";::placeholder{color:", ";}& + label{color:", ";font-size:", ";}"], (0, _themeGet.themeGet)("colors.mono0"), (0, _themeGet.themeGet)("textVariants.sm-display.fontSize"), (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("colors.mono60"), (0, _themeGet.themeGet)("colors.mono60"), (0, _themeGet.themeGet)("textVariants.sm-display.fontSize")),
   focus: (0, _styledComponents.css)(["color:", ";border-color:", ";::placeholder{color:", ";opacity:1;}& + label{color:", ";transform:translateY(-150%);font-size:", ";padding:0 5px;& > span{height:2px;top:50%;}}"], (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.mono60"), (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("textVariants.xs.fontSize")),
   hover: (0, _styledComponents.css)(["color:", ";border-color:", ";::placeholder{color:", ";}& + label{color:", ";}"], (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.mono60"), (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.mono100")),
@@ -15,5 +15,4 @@ var INPUT_STATES = {
   disabled: (0, _styledComponents.css)(["color:", ";border-color:", ";background-color:transparent;-webkit-text-fill-color:", ";opacity:1;::placeholder{color:", ";}&:not(:placeholder-shown) + label{color:", ";transform:translateY(-150%);font-size:", ";& > span{height:2px;top:50%;}}&:placeholder-shown + label{color:", ";}"], (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("textVariants.xs.fontSize"), (0, _themeGet.themeGet)("colors.mono30")),
   error: (0, _styledComponents.css)(["border-color:", ";& + label{color:", ";transform:translateY(-150%);font-size:", ";padding:0 5px;& > span{height:2px;top:50%;}}"], (0, _themeGet.themeGet)("colors.red100"), (0, _themeGet.themeGet)("colors.red100"), (0, _themeGet.themeGet)("textVariants.xs.fontSize"))
 };
-exports.INPUT_STATES = INPUT_STATES;
 //# sourceMappingURL=tokens.js.map

package/dist/elements/Input/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","INPUT_STATES","default","css","themeGet","focus","hover","active","completed","disabled","error","exports"],"sources":["../../../src/elements/Input/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\nimport { State } from \"./types\"\n\nexport const INPUT_STATES: Record<State, any> = {\n  default: css`\n    background-color: ${themeGet(\"colors.mono0\")};\n    font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.mono30\")};\n\n    ::placeholder {\n      color: ${themeGet(\"colors.mono60\")};\n    }\n\n    & + label {\n      color: ${themeGet(\"colors.mono60\")};\n      font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n    }\n  `,\n  focus: css`\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.blue100\")};\n\n    ::placeholder {\n      color: ${themeGet(\"colors.mono60\")};\n      opacity: 1;\n    }\n\n    & + label {\n      color: ${themeGet(\"colors.blue100\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n      padding: 0 5px;\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n  `,\n  hover: css`\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.mono60\")};\n\n    ::placeholder {\n      color: ${themeGet(\"colors.mono100\")};\n    }\n\n    & + label {\n      color: ${themeGet(\"colors.mono100\")};\n    }\n  `,\n  active: css`\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.blue100\")};\n\n    ::placeholder {\n      color: ${themeGet(\"colors.mono100\")};\n    }\n\n    & + label {\n      color: ${themeGet(\"colors.blue100\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n      padding: 0 5px;\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n  `,\n  completed: css`\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.mono60\")};\n\n    & + label {\n      color: ${themeGet(\"colors.blue60\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n      padding: 0 5px;\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n  `,\n  disabled: css`\n    color: ${themeGet(\"colors.mono30\")};\n    border-color: ${themeGet(\"colors.mono30\")};\n    background-color: transparent;\n    /* For Safari: */\n    -webkit-text-fill-color: ${themeGet(\"colors.mono30\")};\n    /* For iOS */\n    opacity: 1;\n\n    ::placeholder {\n      color: ${themeGet(\"colors.mono30\")};\n    }\n\n    &:not(:placeholder-shown) + label {\n      color: ${themeGet(\"colors.mono30\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    &:placeholder-shown + label {\n      color: ${themeGet(\"colors.mono30\")};\n    }\n  `,\n  error: css`\n    border-color: ${themeGet(\"colors.red100\")};\n\n    & + label {\n      color: ${themeGet(\"colors.red100\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n      padding: 0 5px;\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n  `,\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAGO,IAAME,YAAgC,GAAG;EAC9CC,OAAO,MAAEC,qBAAG,yIACU,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EAC/B,IAAAA,kBAAQ,EAAC,kCAAkC,CAAC,EAChD,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAIzB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EACrB,IAAAA,kBAAQ,EAAC,kCAAkC,CAAC,CAE5D;EACDC,KAAK,MAAEF,qBAAG,qLACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAG/B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAKzB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAEtB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,CAQpD;EACDE,KAAK,MAAEH,qBAAG,qFACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI1B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAEtC;EACDG,MAAM,MAAEJ,qBAAG,2KACA,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAG/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI1B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAEtB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,CAQpD;EACDI,SAAS,MAAEL,qBAAG,iJACH,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAErB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,CAQpD;EACDK,QAAQ,MAAEN,qBAAG,iSACF,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAClB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAGd,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAKzC,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAIzB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAErB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EASxC,IAAAA,kBAAQ,EAAC,eAAe,CAAC,CAErC;EACDM,KAAK,MAAEP,qBAAG,sIACQ,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAErB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC;AASvD,CAAC;AAAAO,OAAA,CAAAV,YAAA,GAAAA,YAAA"}
+{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","INPUT_STATES","exports","default","css","themeGet","focus","hover","active","completed","disabled","error"],"sources":["../../../src/elements/Input/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\nimport { State } from \"./types\"\n\nexport const INPUT_STATES: Record<State, any> = {\n  default: css`\n    background-color: ${themeGet(\"colors.mono0\")};\n    font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.mono30\")};\n\n    ::placeholder {\n      color: ${themeGet(\"colors.mono60\")};\n    }\n\n    & + label {\n      color: ${themeGet(\"colors.mono60\")};\n      font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n    }\n  `,\n  focus: css`\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.blue100\")};\n\n    ::placeholder {\n      color: ${themeGet(\"colors.mono60\")};\n      opacity: 1;\n    }\n\n    & + label {\n      color: ${themeGet(\"colors.blue100\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n      padding: 0 5px;\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n  `,\n  hover: css`\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.mono60\")};\n\n    ::placeholder {\n      color: ${themeGet(\"colors.mono100\")};\n    }\n\n    & + label {\n      color: ${themeGet(\"colors.mono100\")};\n    }\n  `,\n  active: css`\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.blue100\")};\n\n    ::placeholder {\n      color: ${themeGet(\"colors.mono100\")};\n    }\n\n    & + label {\n      color: ${themeGet(\"colors.blue100\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n      padding: 0 5px;\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n  `,\n  completed: css`\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.mono60\")};\n\n    & + label {\n      color: ${themeGet(\"colors.blue60\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n      padding: 0 5px;\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n  `,\n  disabled: css`\n    color: ${themeGet(\"colors.mono30\")};\n    border-color: ${themeGet(\"colors.mono30\")};\n    background-color: transparent;\n    /* For Safari: */\n    -webkit-text-fill-color: ${themeGet(\"colors.mono30\")};\n    /* For iOS */\n    opacity: 1;\n\n    ::placeholder {\n      color: ${themeGet(\"colors.mono30\")};\n    }\n\n    &:not(:placeholder-shown) + label {\n      color: ${themeGet(\"colors.mono30\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    &:placeholder-shown + label {\n      color: ${themeGet(\"colors.mono30\")};\n    }\n  `,\n  error: css`\n    border-color: ${themeGet(\"colors.red100\")};\n\n    & + label {\n      color: ${themeGet(\"colors.red100\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n      padding: 0 5px;\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n  `,\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAGO,IAAME,YAAgC,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC9CE,OAAO,MAAEC,qBAAG,yIACU,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EAC/B,IAAAA,kBAAQ,EAAC,kCAAkC,CAAC,EAChD,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAIzB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EACrB,IAAAA,kBAAQ,EAAC,kCAAkC,CAAC,CAE5D;EACDC,KAAK,MAAEF,qBAAG,qLACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAG/B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAKzB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAEtB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,CAQpD;EACDE,KAAK,MAAEH,qBAAG,qFACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI1B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,CAEtC;EACDG,MAAM,MAAEJ,qBAAG,2KACA,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAG/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI1B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAEtB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,CAQpD;EACDI,SAAS,MAAEL,qBAAG,iJACH,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAErB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,CAQpD;EACDK,QAAQ,MAAEN,qBAAG,iSACF,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAClB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAGd,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAKzC,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAIzB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAErB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EASxC,IAAAA,kBAAQ,EAAC,eAAe,CAAC,CAErC;EACDM,KAAK,MAAEP,qBAAG,sIACQ,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAErB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC;AASvD,CAAC"}

package/dist/elements/Input/types.d.ts

@@ -1 +1 @@
-export declare type State = "active" | "default" | "disabled" | "error" | "focus" | "hover" | "completed";
+export type State = "active" | "default" | "disabled" | "error" | "focus" | "hover" | "completed";

package/dist/elements/Join/Join.js

@@ -27,7 +27,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * <SomeComponent/>
  * <child3/>
  */
-var Join = function Join(_ref) {
+var Join = exports.Join = function Join(_ref) {
   var separator = _ref.separator,
     children = _ref.children;
   var elements = (0, _flattenChildren.flattenChildren)(children);
@@ -48,5 +48,4 @@ var Join = function Join(_ref) {
     return acc;
   }, []));
 };
-exports.Join = Join;
 //# sourceMappingURL=Join.js.map

package/dist/elements/Join/Join.js.map

@@ -1 +1 @@
-{"version":3,"file":"Join.js","names":["_react","_interopRequireDefault","require","_flattenChildren","obj","__esModule","default","Join","_ref","separator","children","elements","flattenChildren","createElement","Fragment","reduce","acc","element","currentIndex","push","React","cloneElement","key","concat","length","exports"],"sources":["../../../src/elements/Join/Join.tsx"],"sourcesContent":["import React from \"react\"\nimport { flattenChildren } from \"../../helpers/flattenChildren\"\n\ninterface JoinProps {\n  separator: React.ReactElement<any>\n}\n\n/**\n * `Join` is a higher order component that renders a separator component\n * between each of `Join`'s direct children.\n *\n * @example\n *\n *  <Join separator={<SomeComponent/>}>\n *    <child1/>\n *    <child2/>\n *    <child3/>\n *  </Join>\n *\n * which renders\n *\n * <child1/>\n * <SomeComponent/>\n * <child2/>\n * <SomeComponent/>\n * <child3/>\n */\nexport const Join: React.FC<React.PropsWithChildren<JoinProps>> = ({ separator, children }) => {\n  const elements = flattenChildren(children)\n\n  return (\n    <>\n      {elements.reduce((acc, element, currentIndex) => {\n        acc.push(\n          // @ts-expect-error  MIGRATE_STRICT_MODE\n          React.cloneElement(element, {\n            key: `join-${currentIndex}`,\n          })\n        )\n\n        if (currentIndex !== elements.length - 1) {\n          acc.push(\n            // @ts-expect-error  MIGRATE_STRICT_MODE\n            separator &&\n              React.cloneElement(separator, {\n                key: `join-sep-${currentIndex}`,\n              })\n          )\n        }\n\n        return acc\n      }, [])}\n    </>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAA+D,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAM/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMG,IAAkD,GAAG,SAArDA,IAAkDA,CAAAC,IAAA,EAAgC;EAAA,IAA1BC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACtF,IAAMC,QAAQ,GAAG,IAAAC,gCAAe,EAACF,QAAQ,CAAC;EAE1C,oBACEV,MAAA,CAAAM,OAAA,CAAAO,aAAA,CAAAb,MAAA,CAAAM,OAAA,CAAAQ,QAAA,QACGH,QAAQ,CAACI,MAAM,CAAC,UAACC,GAAG,EAAEC,OAAO,EAAEC,YAAY,EAAK;IAC/CF,GAAG,CAACG,IAAI;IAAA;IACN;IACAC,cAAK,CAACC,YAAY,CAACJ,OAAO,EAAE;MAC1BK,GAAG,UAAAC,MAAA,CAAUL,YAAY;IAC3B,CAAC,CAAC,CACH;IAED,IAAIA,YAAY,KAAKP,QAAQ,CAACa,MAAM,GAAG,CAAC,EAAE;MACxCR,GAAG,CAACG,IAAI;MACN;MACAV,SAAS,iBACPW,cAAK,CAACC,YAAY,CAACZ,SAAS,EAAE;QAC5Ba,GAAG,cAAAC,MAAA,CAAcL,YAAY;MAC/B,CAAC,CAAC,CACL;IACH;IAEA,OAAOF,GAAG;EACZ,CAAC,EAAE,EAAE,CAAC,CACL;AAEP,CAAC;AAAAS,OAAA,CAAAlB,IAAA,GAAAA,IAAA"}
+{"version":3,"file":"Join.js","names":["_react","_interopRequireDefault","require","_flattenChildren","obj","__esModule","default","Join","exports","_ref","separator","children","elements","flattenChildren","createElement","Fragment","reduce","acc","element","currentIndex","push","React","cloneElement","key","concat","length"],"sources":["../../../src/elements/Join/Join.tsx"],"sourcesContent":["import React from \"react\"\nimport { flattenChildren } from \"../../helpers/flattenChildren\"\n\ninterface JoinProps {\n  separator: React.ReactElement<any>\n}\n\n/**\n * `Join` is a higher order component that renders a separator component\n * between each of `Join`'s direct children.\n *\n * @example\n *\n *  <Join separator={<SomeComponent/>}>\n *    <child1/>\n *    <child2/>\n *    <child3/>\n *  </Join>\n *\n * which renders\n *\n * <child1/>\n * <SomeComponent/>\n * <child2/>\n * <SomeComponent/>\n * <child3/>\n */\nexport const Join: React.FC<React.PropsWithChildren<JoinProps>> = ({ separator, children }) => {\n  const elements = flattenChildren(children)\n\n  return (\n    <>\n      {elements.reduce((acc, element, currentIndex) => {\n        acc.push(\n          // @ts-expect-error  MIGRATE_STRICT_MODE\n          React.cloneElement(element, {\n            key: `join-${currentIndex}`,\n          })\n        )\n\n        if (currentIndex !== elements.length - 1) {\n          acc.push(\n            // @ts-expect-error  MIGRATE_STRICT_MODE\n            separator &&\n              React.cloneElement(separator, {\n                key: `join-sep-${currentIndex}`,\n              })\n          )\n        }\n\n        return acc\n      }, [])}\n    </>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AAA+D,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAM/D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,IAAMG,IAAkD,GAAAC,OAAA,CAAAD,IAAA,GAAG,SAArDA,IAAkDA,CAAAE,IAAA,EAAgC;EAAA,IAA1BC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;EACtF,IAAMC,QAAQ,GAAG,IAAAC,gCAAe,EAACF,QAAQ,CAAC;EAE1C,oBACEX,MAAA,CAAAM,OAAA,CAAAQ,aAAA,CAAAd,MAAA,CAAAM,OAAA,CAAAS,QAAA,QACGH,QAAQ,CAACI,MAAM,CAAC,UAACC,GAAG,EAAEC,OAAO,EAAEC,YAAY,EAAK;IAC/CF,GAAG,CAACG,IAAI;IAAA;IACN;IACAC,cAAK,CAACC,YAAY,CAACJ,OAAO,EAAE;MAC1BK,GAAG,UAAAC,MAAA,CAAUL,YAAY;IAC3B,CAAC,CAAC,CACH;IAED,IAAIA,YAAY,KAAKP,QAAQ,CAACa,MAAM,GAAG,CAAC,EAAE;MACxCR,GAAG,CAACG,IAAI;MACN;MACAV,SAAS,iBACPW,cAAK,CAACC,YAAY,CAACZ,SAAS,EAAE;QAC5Ba,GAAG,cAAAC,MAAA,CAAcL,YAAY;MAC/B,CAAC,CAAC,CACL;IACH;IAEA,OAAOF,GAAG;EACZ,CAAC,EAAE,EAAE,CAAC,CACL;AAEP,CAAC"}

package/dist/elements/Join/Join.story.js

@@ -17,13 +17,25 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _callSuper(_this, derived, args) {
+  function isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+      return !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+    } catch (e) {
+      return false;
+    }
+  }
+  derived = _getPrototypeOf(derived);
+  return _possibleConstructorReturn(_this, isNativeReflectConstruct() ? Reflect.construct(derived, args || [], _getPrototypeOf(_this).constructor) : derived.apply(_this, args));
+}
 function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
 function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 var BlankFunction = function BlankFunction() {
   return null;
 };
@@ -43,29 +55,26 @@ var NonBlankFC = function NonBlankFC() {
 };
 NonBlankFC.displayName = "NonBlankFC";
 var BlankComponent = /*#__PURE__*/function (_Component) {
-  _inherits(BlankComponent, _Component);
-  var _super = _createSuper(BlankComponent);
   function BlankComponent() {
     _classCallCheck(this, BlankComponent);
-    return _super.apply(this, arguments);
+    return _callSuper(this, BlankComponent, arguments);
   }
-  _createClass(BlankComponent, [{
+  _inherits(BlankComponent, _Component);
+  return _createClass(BlankComponent, [{
     key: "render",
     value: function render() {
       return null;
     }
   }]);
-  return BlankComponent;
 }(_react.Component);
 BlankComponent.displayName = "BlankComponent";
 var NonBlankComponent = /*#__PURE__*/function (_Component2) {
-  _inherits(NonBlankComponent, _Component2);
-  var _super2 = _createSuper(NonBlankComponent);
   function NonBlankComponent() {
     _classCallCheck(this, NonBlankComponent);
-    return _super2.apply(this, arguments);
+    return _callSuper(this, NonBlankComponent, arguments);
   }
-  _createClass(NonBlankComponent, [{
+  _inherits(NonBlankComponent, _Component2);
+  return _createClass(NonBlankComponent, [{
     key: "render",
     value: function render() {
       return /*#__PURE__*/_react.default.createElement(_Text.Text, {
@@ -73,14 +82,12 @@ var NonBlankComponent = /*#__PURE__*/function (_Component2) {
       }, "Non-Blank Class Component");
     }
   }]);
-  return NonBlankComponent;
 }(_react.Component);
 NonBlankComponent.displayName = "NonBlankComponent";
-var _default = {
+var _default = exports.default = {
   title: "Components/Join"
 };
-exports.default = _default;
-var WithMultipleComponents = function WithMultipleComponents() {
+var WithMultipleComponents = exports.WithMultipleComponents = function WithMultipleComponents() {
   return /*#__PURE__*/_react.default.createElement(_Join.Join, {
     separator: /*#__PURE__*/_react.default.createElement(_Separator.Separator, {
       my: 1
@@ -91,12 +98,11 @@ var WithMultipleComponents = function WithMultipleComponents() {
     variant: "sm-display"
   }, "Second in the list"));
 };
-exports.WithMultipleComponents = WithMultipleComponents;
 WithMultipleComponents.displayName = "WithMultipleComponents";
 WithMultipleComponents.story = {
   name: "with multiple components"
 };
-var WithOneComponent = function WithOneComponent() {
+var WithOneComponent = exports.WithOneComponent = function WithOneComponent() {
   return /*#__PURE__*/_react.default.createElement(_Join.Join, {
     separator: /*#__PURE__*/_react.default.createElement(_Separator.Separator, {
       my: 1
@@ -105,12 +111,11 @@ var WithOneComponent = function WithOneComponent() {
     variant: "sm-display"
   }, "Only one component here"));
 };
-exports.WithOneComponent = WithOneComponent;
 WithOneComponent.displayName = "WithOneComponent";
 WithOneComponent.story = {
   name: "with one component"
 };
-var WithSomeOfTheChildrenEmpty = function WithSomeOfTheChildrenEmpty() {
+var WithSomeOfTheChildrenEmpty = exports.WithSomeOfTheChildrenEmpty = function WithSomeOfTheChildrenEmpty() {
   return /*#__PURE__*/_react.default.createElement(_Join.Join, {
     separator: /*#__PURE__*/_react.default.createElement(_Separator.Separator, {
       my: 1
@@ -125,12 +130,11 @@ var WithSomeOfTheChildrenEmpty = function WithSomeOfTheChildrenEmpty() {
     variant: "sm-display"
   }, "Another box with content"), /*#__PURE__*/_react.default.createElement("div", null));
 };
-exports.WithSomeOfTheChildrenEmpty = WithSomeOfTheChildrenEmpty;
 WithSomeOfTheChildrenEmpty.displayName = "WithSomeOfTheChildrenEmpty";
 WithSomeOfTheChildrenEmpty.story = {
   name: "with some of the children empty"
 };
-var WithNestedChildren = function WithNestedChildren() {
+var WithNestedChildren = exports.WithNestedChildren = function WithNestedChildren() {
   return /*#__PURE__*/_react.default.createElement(_Join.Join, {
     separator: /*#__PURE__*/_react.default.createElement(_Separator.Separator, {
       my: 1
@@ -151,6 +155,5 @@ var WithNestedChildren = function WithNestedChildren() {
     variant: "sm-display"
   }, "Are grouped")), /*#__PURE__*/_react.default.createElement(_Text.Text, null, "End of list")));
 };
-exports.WithNestedChildren = WithNestedChildren;
 WithNestedChildren.displayName = "WithNestedChildren";
 //# sourceMappingURL=Join.story.js.map

package/dist/elements/Join/Join.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"Join.story.js","names":["_react","_interopRequireWildcard","require","_Box","_Separator","_Text","_Join","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_classCallCheck","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","_toPropertyKey","_createClass","protoProps","staticProps","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","Number","_inherits","subClass","superClass","create","constructor","value","_setPrototypeOf","o","p","setPrototypeOf","bind","__proto__","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf","result","NewTarget","Reflect","construct","arguments","apply","_possibleConstructorReturn","self","_assertThisInitialized","ReferenceError","sham","Proxy","Boolean","valueOf","e","getPrototypeOf","BlankFunction","NonBlankFunction","createElement","Text","variant","displayName","BlankFC","NonBlankFC","BlankComponent","_Component","_super","render","Component","NonBlankComponent","_Component2","_super2","_default","title","exports","WithMultipleComponents","Join","separator","Separator","my","story","name","WithOneComponent","WithSomeOfTheChildrenEmpty","Box","m","WithNestedChildren","Fragment"],"sources":["../../../src/elements/Join/Join.story.tsx"],"sourcesContent":["import React, { Component } from \"react\"\nimport { Box } from \"../Box\"\nimport { Separator } from \"../Separator\"\nimport { Text } from \"../Text\"\nimport { Join } from \"./Join\"\n\nconst BlankFunction = () => {\n  return null\n}\n\nconst NonBlankFunction = () => {\n  return <Text variant=\"sm-display\">Non-blank Function</Text>\n}\n\nconst BlankFC: React.FC<React.PropsWithChildren<unknown>> = () => null\n\nconst NonBlankFC: React.FC<React.PropsWithChildren<unknown>> = () => (\n  <Text variant=\"sm-display\">Non-blank Functional component</Text>\n)\n\nclass BlankComponent extends Component {\n  render() {\n    return null\n  }\n}\n\nclass NonBlankComponent extends Component {\n  render() {\n    return <Text variant=\"sm-display\">Non-Blank Class Component</Text>\n  }\n}\n\nexport default { title: \"Components/Join\" }\n\nexport const WithMultipleComponents = () => {\n  return (\n    <Join separator={<Separator my={1} />}>\n      <Text variant=\"sm-display\">First in the list</Text>\n      <Text variant=\"sm-display\">Second in the list</Text>\n    </Join>\n  )\n}\n\nWithMultipleComponents.story = {\n  name: \"with multiple components\",\n}\n\nexport const WithOneComponent = () => {\n  return (\n    <Join separator={<Separator my={1} />}>\n      <Text variant=\"sm-display\">Only one component here</Text>\n    </Join>\n  )\n}\n\nWithOneComponent.story = {\n  name: \"with one component\",\n}\n\nexport const WithSomeOfTheChildrenEmpty = () => {\n  return (\n    <Join separator={<Separator my={1} />}>\n      <Text variant=\"sm-display\">First in the list</Text>\n      <BlankFunction />\n      <NonBlankFunction />\n      <BlankFC />\n      <NonBlankFC />\n      <BlankComponent />\n      <NonBlankComponent />\n      <Box m=\"2\" />\n      <div>\n        <Text variant=\"sm-display\">Some div with the content</Text>\n      </div>\n      <div />\n      <Text variant=\"sm-display\">Another box with content</Text>\n      <div />\n    </Join>\n  )\n}\n\nWithSomeOfTheChildrenEmpty.story = {\n  name: \"with some of the children empty\",\n}\n\nexport const WithNestedChildren = () => {\n  return (\n    <Join separator={<Separator my={1} />}>\n      <Text variant=\"sm-display\">First in the list</Text>\n      <>\n        <Text variant=\"sm-display\">Second in the list</Text>\n        <Text variant=\"sm-display\">Third in the list</Text>\n        <>\n          <Text variant=\"sm-display\">Fourth in the list</Text>\n          <Text variant=\"sm-display\">Fifth in the list</Text>\n        </>\n\n        <Box>\n          <Text variant=\"sm-display\">These two lines</Text>\n          <Text variant=\"sm-display\">Are grouped</Text>\n        </Box>\n\n        <Text>End of list</Text>\n      </>\n    </Join>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Join.story.js","names":["_react","_interopRequireWildcard","require","_Box","_Separator","_Text","_Join","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_classCallCheck","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","_toPropertyKey","_createClass","protoProps","staticProps","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","Number","_callSuper","_this","derived","args","isNativeReflectConstruct","Reflect","construct","sham","Proxy","Boolean","valueOf","e","_getPrototypeOf","_possibleConstructorReturn","constructor","apply","self","_assertThisInitialized","ReferenceError","o","setPrototypeOf","getPrototypeOf","bind","__proto__","_inherits","subClass","superClass","create","value","_setPrototypeOf","p","BlankFunction","NonBlankFunction","createElement","Text","variant","displayName","BlankFC","NonBlankFC","BlankComponent","_Component","arguments","render","Component","NonBlankComponent","_Component2","_default","exports","title","WithMultipleComponents","Join","separator","Separator","my","story","name","WithOneComponent","WithSomeOfTheChildrenEmpty","Box","m","WithNestedChildren","Fragment"],"sources":["../../../src/elements/Join/Join.story.tsx"],"sourcesContent":["import React, { Component } from \"react\"\nimport { Box } from \"../Box\"\nimport { Separator } from \"../Separator\"\nimport { Text } from \"../Text\"\nimport { Join } from \"./Join\"\n\nconst BlankFunction = () => {\n  return null\n}\n\nconst NonBlankFunction = () => {\n  return <Text variant=\"sm-display\">Non-blank Function</Text>\n}\n\nconst BlankFC: React.FC<React.PropsWithChildren<unknown>> = () => null\n\nconst NonBlankFC: React.FC<React.PropsWithChildren<unknown>> = () => (\n  <Text variant=\"sm-display\">Non-blank Functional component</Text>\n)\n\nclass BlankComponent extends Component {\n  render() {\n    return null\n  }\n}\n\nclass NonBlankComponent extends Component {\n  render() {\n    return <Text variant=\"sm-display\">Non-Blank Class Component</Text>\n  }\n}\n\nexport default { title: \"Components/Join\" }\n\nexport const WithMultipleComponents = () => {\n  return (\n    <Join separator={<Separator my={1} />}>\n      <Text variant=\"sm-display\">First in the list</Text>\n      <Text variant=\"sm-display\">Second in the list</Text>\n    </Join>\n  )\n}\n\nWithMultipleComponents.story = {\n  name: \"with multiple components\",\n}\n\nexport const WithOneComponent = () => {\n  return (\n    <Join separator={<Separator my={1} />}>\n      <Text variant=\"sm-display\">Only one component here</Text>\n    </Join>\n  )\n}\n\nWithOneComponent.story = {\n  name: \"with one component\",\n}\n\nexport const WithSomeOfTheChildrenEmpty = () => {\n  return (\n    <Join separator={<Separator my={1} />}>\n      <Text variant=\"sm-display\">First in the list</Text>\n      <BlankFunction />\n      <NonBlankFunction />\n      <BlankFC />\n      <NonBlankFC />\n      <BlankComponent />\n      <NonBlankComponent />\n      <Box m=\"2\" />\n      <div>\n        <Text variant=\"sm-display\">Some div with the content</Text>\n      </div>\n      <div />\n      <Text variant=\"sm-display\">Another box with content</Text>\n      <div />\n    </Join>\n  )\n}\n\nWithSomeOfTheChildrenEmpty.story = {\n  name: \"with some of the children empty\",\n}\n\nexport const WithNestedChildren = () => {\n  return (\n    <Join separator={<Separator my={1} />}>\n      <Text variant=\"sm-display\">First in the list</Text>\n      <>\n        <Text variant=\"sm-display\">Second in the list</Text>\n        <Text variant=\"sm-display\">Third in the list</Text>\n        <>\n          <Text variant=\"sm-display\">Fourth in the list</Text>\n          <Text variant=\"sm-display\">Fifth in the list</Text>\n        </>\n\n        <Box>\n          <Text variant=\"sm-display\">These two lines</Text>\n          <Text variant=\"sm-display\">Are grouped</Text>\n        </Box>\n\n        <Text>End of list</Text>\n      </>\n    </Join>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/Label/Label.d.ts

@@ -14,7 +14,7 @@ export declare const LABEL_VARIANTS: {
         color: string;
     };
 };
-export declare type LabelVariant = keyof typeof LABEL_VARIANTS;
+export type LabelVariant = keyof typeof LABEL_VARIANTS;
 export interface LabelProps extends BoxProps {
     variant?: LabelVariant;
     children: React.ReactNode;

package/dist/elements/Label/Label.js

@@ -17,7 +17,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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; }
-var LABEL_VARIANTS = {
+var LABEL_VARIANTS = exports.LABEL_VARIANTS = {
   light: {
     backgroundColor: "mono10",
     color: "mono100"
@@ -31,8 +31,7 @@ var LABEL_VARIANTS = {
     color: "mono0"
   }
 };
-exports.LABEL_VARIANTS = LABEL_VARIANTS;
-var Label = function Label(_ref) {
+var Label = exports.Label = function Label(_ref) {
   var children = _ref.children,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? "light" : _ref$variant,
@@ -47,7 +46,6 @@ var Label = function Label(_ref) {
     overflowEllipsis: true
   }, children));
 };
-exports.Label = Label;
 Label.displayName = "Label";
 var Container = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "Label__Container",

package/dist/elements/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","names":["_Text","require","React","_interopRequireWildcard","_styledComponents","_interopRequireDefault","_styledSystem","_Box","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LABEL_VARIANTS","light","backgroundColor","color","dark","brand","exports","Label","_ref","children","_ref$variant","variant","rest","createElement","Container","display","maxWidth","Text","px","overflowEllipsis","displayName","styled","Box","withConfig","componentId","variants"],"sources":["../../../src/elements/Label/Label.tsx"],"sourcesContent":["import { Text } from \"../Text\"\nimport * as React from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\n\nexport const LABEL_VARIANTS = {\n  light: {\n    backgroundColor: \"mono10\",\n    color: \"mono100\",\n  },\n  dark: {\n    backgroundColor: \"mono100\",\n    color: \"mono0\",\n  },\n  brand: {\n    backgroundColor: \"blue100\",\n    color: \"mono0\",\n  },\n}\n\nexport type LabelVariant = keyof typeof LABEL_VARIANTS\n\nexport interface LabelProps extends BoxProps {\n  variant?: LabelVariant\n  children: React.ReactNode\n}\n\nexport const Label: React.FC<React.PropsWithChildren<LabelProps>> = ({\n  children,\n  variant = \"light\",\n  ...rest\n}) => {\n  return (\n    <Container\n      display=\"inline-flex\"\n      maxWidth=\"100%\"\n      variant={variant}\n      {...rest}\n    >\n      <Text variant=\"xs\" px={0.5} overflowEllipsis>\n        {children}\n      </Text>\n    </Container>\n  )\n}\n\nconst Container = styled(Box)<{ variant: LabelVariant }>`\n  ${variant({ variants: LABEL_VARIANTS })}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Label.js","names":["_Text","require","React","_interopRequireWildcard","_styledComponents","_interopRequireDefault","_styledSystem","_Box","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LABEL_VARIANTS","exports","light","backgroundColor","color","dark","brand","Label","_ref","children","_ref$variant","variant","rest","createElement","Container","display","maxWidth","Text","px","overflowEllipsis","displayName","styled","Box","withConfig","componentId","variants"],"sources":["../../../src/elements/Label/Label.tsx"],"sourcesContent":["import { Text } from \"../Text\"\nimport * as React from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\n\nexport const LABEL_VARIANTS = {\n  light: {\n    backgroundColor: \"mono10\",\n    color: \"mono100\",\n  },\n  dark: {\n    backgroundColor: \"mono100\",\n    color: \"mono0\",\n  },\n  brand: {\n    backgroundColor: \"blue100\",\n    color: \"mono0\",\n  },\n}\n\nexport type LabelVariant = keyof typeof LABEL_VARIANTS\n\nexport interface LabelProps extends BoxProps {\n  variant?: LabelVariant\n  children: React.ReactNode\n}\n\nexport const Label: React.FC<React.PropsWithChildren<LabelProps>> = ({\n  children,\n  variant = \"light\",\n  ...rest\n}) => {\n  return (\n    <Container\n      display=\"inline-flex\"\n      maxWidth=\"100%\"\n      variant={variant}\n      {...rest}\n    >\n      <Text variant=\"xs\" px={0.5} overflowEllipsis>\n        {children}\n      </Text>\n    </Container>\n  )\n}\n\nconst Container = styled(Box)<{ variant: LabelVariant }>`\n  ${variant({ variants: LABEL_VARIANTS })}\n`\n"],"mappings":"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"}

package/dist/elements/Label/Label.story.js

@@ -9,11 +9,10 @@ var _storybookStates = require("storybook-states");
 var _Label = require("./Label");
 var _Box = require("../Box");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   title: "Components/Label"
 };
-exports.default = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: Object.keys(_Label.LABEL_VARIANTS).map(function (variant) {
       return {
@@ -22,9 +21,8 @@ var Default = function Default() {
     })
   }, /*#__PURE__*/_react.default.createElement(_Label.Label, null, "Example"));
 };
-exports.Default = Default;
 Default.displayName = "Default";
-var OverflowEllipsis = function OverflowEllipsis() {
+var OverflowEllipsis = exports.OverflowEllipsis = function OverflowEllipsis() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: Object.keys(_Label.LABEL_VARIANTS).map(function (variant) {
       return {
@@ -38,6 +36,5 @@ var OverflowEllipsis = function OverflowEllipsis() {
     }, /*#__PURE__*/_react.default.createElement(_Label.Label, props, "Longer Example"));
   });
 };
-exports.OverflowEllipsis = OverflowEllipsis;
 OverflowEllipsis.displayName = "OverflowEllipsis";
 //# sourceMappingURL=Label.story.js.map

package/dist/elements/Label/Label.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Label","_Box","obj","__esModule","default","_default","title","exports","Default","createElement","States","states","Object","keys","LABEL_VARIANTS","map","variant","Label","displayName","OverflowEllipsis","props","Box","width","overflow"],"sources":["../../../src/elements/Label/Label.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Label, LabelProps, LabelVariant, LABEL_VARIANTS } from \"./Label\"\nimport { Box } from \"../Box\"\n\nexport default {\n  title: \"Components/Label\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<LabelProps>>\n      states={Object.keys(LABEL_VARIANTS).map((variant) => ({\n        variant: variant as LabelVariant,\n      }))}\n    >\n      <Label>Example</Label>\n    </States>\n  )\n}\n\nexport const OverflowEllipsis = () => {\n  return (\n    <States<Partial<LabelProps>>\n      states={Object.keys(LABEL_VARIANTS).map((variant) => ({\n        variant: variant as LabelVariant,\n      }))}\n    >\n      {(props) => {\n        return (\n          <Box width={75} overflow=\"hidden\">\n            <Label {...props}>Longer Example</Label>\n          </Box>\n        )\n      }}\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AAA4B,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAEb;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEZ,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACC,qBAAc,CAAC,CAACC,GAAG,CAAC,UAACC,OAAO;MAAA,OAAM;QACpDA,OAAO,EAAEA;MACX,CAAC;IAAA,CAAC;EAAE,gBAEJpB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACT,MAAA,CAAAiB,KAAK,QAAC,SAAO,CAAQ,CACf;AAEb,CAAC;AAAAV,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAVYA,OAAO,CAAAU,WAAA;AAYb,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;EACpC,oBACEvB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACC,qBAAc,CAAC,CAACC,GAAG,CAAC,UAACC,OAAO;MAAA,OAAM;QACpDA,OAAO,EAAEA;MACX,CAAC;IAAA,CAAC;EAAE,GAEH,UAACI,KAAK,EAAK;IACV,oBACExB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAoB,GAAG;MAACC,KAAK,EAAE,EAAG;MAACC,QAAQ,EAAC;IAAQ,gBAC/B3B,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACT,MAAA,CAAAiB,KAAK,EAAKG,KAAK,EAAE,gBAAc,CAAQ,CACpC;EAEV,CAAC,CACM;AAEb,CAAC;AAAAb,OAAA,CAAAY,gBAAA,GAAAA,gBAAA;AAhBYA,gBAAgB,CAAAD,WAAA"}
+{"version":3,"file":"Label.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Label","_Box","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","Object","keys","LABEL_VARIANTS","map","variant","Label","displayName","OverflowEllipsis","props","Box","width","overflow"],"sources":["../../../src/elements/Label/Label.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Label, LabelProps, LabelVariant, LABEL_VARIANTS } from \"./Label\"\nimport { Box } from \"../Box\"\n\nexport default {\n  title: \"Components/Label\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<LabelProps>>\n      states={Object.keys(LABEL_VARIANTS).map((variant) => ({\n        variant: variant as LabelVariant,\n      }))}\n    >\n      <Label>Example</Label>\n    </States>\n  )\n}\n\nexport const OverflowEllipsis = () => {\n  return (\n    <States<Partial<LabelProps>>\n      states={Object.keys(LABEL_VARIANTS).map((variant) => ({\n        variant: variant as LabelVariant,\n      }))}\n    >\n      {(props) => {\n        return (\n          <Box width={75} overflow=\"hidden\">\n            <Label {...props}>Longer Example</Label>\n          </Box>\n        )\n      }}\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AAA4B,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEb;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEZ,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACC,qBAAc,CAAC,CAACC,GAAG,CAAC,UAACC,OAAO;MAAA,OAAM;QACpDA,OAAO,EAAEA;MACX,CAAC;IAAA,CAAC;EAAE,gBAEJpB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACT,MAAA,CAAAiB,KAAK,QAAC,SAAO,CAAQ,CACf;AAEb,CAAC;AAVYT,OAAO,CAAAU,WAAA;AAYb,IAAMC,gBAAgB,GAAAb,OAAA,CAAAa,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;EACpC,oBACEvB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACC,qBAAc,CAAC,CAACC,GAAG,CAAC,UAACC,OAAO;MAAA,OAAM;QACpDA,OAAO,EAAEA;MACX,CAAC;IAAA,CAAC;EAAE,GAEH,UAACI,KAAK,EAAK;IACV,oBACExB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAoB,GAAG;MAACC,KAAK,EAAE,EAAG;MAACC,QAAQ,EAAC;IAAQ,gBAC/B3B,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACT,MAAA,CAAAiB,KAAK,EAAKG,KAAK,EAAE,gBAAc,CAAQ,CACpC;EAEV,CAAC,CACM;AAEb,CAAC;AAhBYD,gBAAgB,CAAAD,WAAA"}

package/dist/elements/LabeledInput/LabeledInput.js

@@ -20,13 +20,13 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 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; }
 /** Input with a right-aligned or left-aligned label */
-var LabeledInput = /*#__PURE__*/_react.default.forwardRef(function (_ref, forwardedRef) {
+var LabeledInput = exports.LabeledInput = /*#__PURE__*/_react.default.forwardRef(function (_ref, forwardedRef) {
   var label = _ref.label,
     height = _ref.height,
     _ref$variant = _ref.variant,
@@ -70,6 +70,5 @@ var LabeledInput = /*#__PURE__*/_react.default.forwardRef(function (_ref, forwar
     lineHeight: 1
   }, label) : label)));
 });
-exports.LabeledInput = LabeledInput;
 LabeledInput.displayName = "LabeledInput";
 //# sourceMappingURL=LabeledInput.js.map

package/dist/elements/LabeledInput/LabeledInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"LabeledInput.js","names":["_react","_interopRequireWildcard","require","_isText2","_Box","_Input","_Text","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_defineProperty","value","_toPropertyKey","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LabeledInput","React","forwardRef","_ref","forwardedRef","label","height","_ref$variant","variant","rest","labelRef","useRef","_useState","useState","_useState2","offset","setOffset","useEffect","current","offsetWidth","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","inputProps","isText","_isText","isPrefix","createElement","Box","position","Input","ref","labelOffset","style","display","alignItems","top","bottom","pointerEvents","Text","color","lineHeight","exports","displayName"],"sources":["../../../src/elements/LabeledInput/LabeledInput.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\"\nimport { isText as _isText } from \"../../helpers/isText\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { Input, InputProps } from \"../Input\"\nimport { Text } from \"../Text\"\n\nexport interface LabeledInputProps extends InputProps {\n  label: React.ReactNode\n  variant?: \"suffix\" | \"prefix\"\n}\n\n/** Input with a right-aligned or left-aligned label */\nexport const LabeledInput = React.forwardRef<\n  HTMLInputElement,\n  LabeledInputProps\n>(({ label, height, variant = \"suffix\", ...rest }, forwardedRef) => {\n  const labelRef = useRef<HTMLDivElement | null>(null)\n  const [offset, setOffset] = useState(0)\n\n  useEffect(() => {\n    if (labelRef.current === null) return\n    setOffset(labelRef.current.offsetWidth)\n  }, [])\n\n  const [boxProps, inputProps] = splitBoxProps(rest)\n\n  const isText = _isText(label)\n\n  const isPrefix = variant === \"prefix\"\n\n  return (\n    <Box position=\"relative\" {...boxProps}>\n      <Input\n        ref={forwardedRef}\n        height={height}\n        labelOffset={isPrefix ? offset + 15 : undefined}\n        style={{ [isPrefix ? \"paddingLeft\" : \"paddingRight\"]: offset + 15 }}\n        {...inputProps}\n      >\n        <Box\n          ref={labelRef as any}\n          position=\"absolute\"\n          display=\"flex\"\n          alignItems=\"center\"\n          top={0}\n          bottom={0}\n          style={{ pointerEvents: isText ? \"none\" : undefined }}\n          {...{ [isPrefix ? \"left\" : \"right\"]: 1 }}\n        >\n          {isText ? (\n            <Text variant=\"sm-display\" color=\"mono60\" lineHeight={1}>\n              {label}\n            </Text>\n          ) : (\n            label\n          )}\n        </Box>\n      </Input>\n    </Box>\n  )\n})\n\nLabeledInput.displayName = \"LabeledInput\"\n"],"mappings":"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"}
+{"version":3,"file":"LabeledInput.js","names":["_react","_interopRequireWildcard","require","_isText2","_Box","_Input","_Text","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_defineProperty","value","_toPropertyKey","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LabeledInput","exports","React","forwardRef","_ref","forwardedRef","label","height","_ref$variant","variant","rest","labelRef","useRef","_useState","useState","_useState2","offset","setOffset","useEffect","current","offsetWidth","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","inputProps","isText","_isText","isPrefix","createElement","Box","position","Input","ref","labelOffset","style","display","alignItems","top","bottom","pointerEvents","Text","color","lineHeight","displayName"],"sources":["../../../src/elements/LabeledInput/LabeledInput.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\"\nimport { isText as _isText } from \"../../helpers/isText\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { Input, InputProps } from \"../Input\"\nimport { Text } from \"../Text\"\n\nexport interface LabeledInputProps extends InputProps {\n  label: React.ReactNode\n  variant?: \"suffix\" | \"prefix\"\n}\n\n/** Input with a right-aligned or left-aligned label */\nexport const LabeledInput = React.forwardRef<\n  HTMLInputElement,\n  LabeledInputProps\n>(({ label, height, variant = \"suffix\", ...rest }, forwardedRef) => {\n  const labelRef = useRef<HTMLDivElement | null>(null)\n  const [offset, setOffset] = useState(0)\n\n  useEffect(() => {\n    if (labelRef.current === null) return\n    setOffset(labelRef.current.offsetWidth)\n  }, [])\n\n  const [boxProps, inputProps] = splitBoxProps(rest)\n\n  const isText = _isText(label)\n\n  const isPrefix = variant === \"prefix\"\n\n  return (\n    <Box position=\"relative\" {...boxProps}>\n      <Input\n        ref={forwardedRef}\n        height={height}\n        labelOffset={isPrefix ? offset + 15 : undefined}\n        style={{ [isPrefix ? \"paddingLeft\" : \"paddingRight\"]: offset + 15 }}\n        {...inputProps}\n      >\n        <Box\n          ref={labelRef as any}\n          position=\"absolute\"\n          display=\"flex\"\n          alignItems=\"center\"\n          top={0}\n          bottom={0}\n          style={{ pointerEvents: isText ? \"none\" : undefined }}\n          {...{ [isPrefix ? \"left\" : \"right\"]: 1 }}\n        >\n          {isText ? (\n            <Text variant=\"sm-display\" color=\"mono60\" lineHeight={1}>\n              {label}\n            </Text>\n          ) : (\n            label\n          )}\n        </Box>\n      </Input>\n    </Box>\n  )\n})\n\nLabeledInput.displayName = \"LabeledInput\"\n"],"mappings":"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"}

package/dist/elements/LabeledInput/LabeledInput.story.js

@@ -15,14 +15,13 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var _default = {
+var _default = exports.default = {
   title: "Components/LabeledInput"
 };
-exports.default = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{
       label: "$USD",
@@ -67,9 +66,8 @@ var Default = function Default() {
     label: "$"
   }));
 };
-exports.Default = Default;
 Default.displayName = "Default";
-var CharacterCountExample = function CharacterCountExample() {
+var CharacterCountExample = exports.CharacterCountExample = function CharacterCountExample() {
   var defaultValue = "Hello world";
   var _useState = (0, _react.useState)(defaultValue.length),
     _useState2 = _slicedToArray(_useState, 2),
@@ -83,15 +81,13 @@ var CharacterCountExample = function CharacterCountExample() {
     defaultValue: defaultValue
   });
 };
-exports.CharacterCountExample = CharacterCountExample;
 CharacterCountExample.displayName = "CharacterCountExample";
-var CustomHeight = function CustomHeight() {
+var CustomHeight = exports.CustomHeight = function CustomHeight() {
   return /*#__PURE__*/_react.default.createElement(_LabeledInput.LabeledInput, {
     label: "\uD83D\uDD0E",
     height: 40,
     placeholder: "Input is 40px in height"
   });
 };
-exports.CustomHeight = CustomHeight;
 CustomHeight.displayName = "CustomHeight";
 //# sourceMappingURL=LabeledInput.story.js.map