@artsy/palette 41.8.1 → 42.0.0

package/dist/elements/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","names":["_themeGet","require","_react","_interopRequireWildcard","_styledComponents","_helpers","_RequiredField","_Box","_Text","_Tooltip","_tokens","_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","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Select","forwardRef","_ref","ref","description","disabled","error","focus","hover","id","options","required","selected","title","onSelect","onChange","rest","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","selectProps","_useState","useState","_useState2","selectedOption","setSelectedOption","_useState3","_useState4","isFocused","setIsFocused","_useState5","_useState6","isHovered","setIsHovered","createElement","Box","width","Tooltip","pointer","content","placement","Text","variant","color","textAlign","Container","mt","onMouseEnter","onMouseLeave","onFocus","onBlur","optionSelected","event","map","_ref2","text","StyledLabel","htmlFor","RequiredField","ml","exports","displayName","resetMixin","css","caretMixin","themeGet","_ref3","styled","withConfig","componentId","props","SELECT_STATES","completed","label","FORM_ELEMENT_TRANSITION"],"sources":["../../../src/elements/Select/Select.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { forwardRef, useState } from \"react\"\nimport styled, { css, ExecutionContext } from \"styled-components\"\nimport { FORM_ELEMENT_TRANSITION } from \"../../helpers\"\nimport { RequiredField } from \"../../shared/RequiredField\"\nimport { Box, BoxProps, splitBoxProps } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { Tooltip } from \"../Tooltip\"\nimport { SELECT_STATES } from \"./tokens\"\n\nexport interface Option {\n  value: string\n  text: string\n}\n\nexport interface SelectProps\n  extends BoxProps,\n    Omit<React.SelectHTMLAttributes<HTMLSelectElement>, \"onSelect\" | \"size\"> {\n  description?: string\n  disabled?: boolean\n  error?: string | boolean\n  focus?: boolean\n  hover?: boolean\n  name?: string\n  options: Option[]\n  required?: boolean\n  selected?: string\n  title?: string\n  onSelect?: (value: string) => void\n}\n\n/** A drop-down select menu */\nexport const Select = forwardRef<HTMLElement, SelectProps>(\n  (\n    {\n      description,\n      disabled,\n      error,\n      focus,\n      hover,\n      id,\n      name,\n      options,\n      required,\n      selected,\n      title,\n      onSelect,\n      onChange,\n      value,\n      ...rest\n    },\n    ref\n  ) => {\n    const [boxProps, selectProps] = splitBoxProps(rest)\n    // due to :has not available in Firefox yet, we need to add the styles to the label using JS\n    const [selectedOption, setSelectedOption] = useState(selected || value)\n    const [isFocused, setIsFocused] = useState(false)\n    const [isHovered, setIsHovered] = useState(false)\n\n    return (\n      <Box width=\"100%\" {...boxProps}>\n        {!!description && (\n          <Tooltip pointer content={description} placement=\"top-end\">\n            <Text variant=\"xs\" color=\"mono60\" textAlign=\"right\">\n              <u>What is this?</u>\n            </Text>\n          </Tooltip>\n        )}\n\n        <Container\n          mt={!!title && !description ? 1 : 0}\n          disabled={!!disabled}\n          hover={!!hover || isHovered}\n          error={error!}\n          focus={!!focus || isFocused}\n          title={title}\n          onMouseEnter={() => setIsHovered(true)}\n          onMouseLeave={() => setIsHovered(false)}\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n          optionSelected={!!selectedOption}\n        >\n          <select\n            ref={ref as any}\n            id={id}\n            disabled={disabled}\n            name={name}\n            value={selected || value}\n            onChange={(event) => {\n              onSelect && onSelect(event.target.value)\n              onChange && onChange(event)\n              setSelectedOption(event.target.value)\n            }}\n            {...selectProps}\n          >\n            {options.map(({ value, text }) => {\n              return (\n                <option value={value} key={value}>\n                  {text}\n                </option>\n              )\n            })}\n          </select>\n\n          {!!title && (\n            <StyledLabel htmlFor={id}>\n              {title}\n\n              <span />\n            </StyledLabel>\n          )}\n        </Container>\n\n        {required && !(error && typeof error === \"string\") && (\n          <RequiredField mt={0.5} ml={1} disabled={disabled} />\n        )}\n\n        {error && typeof error === \"string\" && (\n          <Text variant=\"xs\" mt={0.5} ml={1} color=\"red100\">\n            {error}\n          </Text>\n        )}\n      </Box>\n    )\n  }\n)\n\nSelect.displayName = \"Select\"\n\nconst resetMixin = css`\n  appearance: none;\n  background: none;\n  border: none;\n  outline: 0;\n  text-indent: 0.01px;\n  text-overflow: \"\";\n  border-radius: 0;\n\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 black;\n  }\n\n  option:not(:checked) {\n    color: black; /* prevent <option>s from becoming transparent as well */\n  }\n`\n\ninterface CaretProps extends ExecutionContext {\n  disabled?: boolean\n}\n\n/** Creates a small caret */\nexport const caretMixin = css`\n  &::after {\n    content: \"\";\n    cursor: inherit;\n    width: 0;\n    height: 0;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: ${themeGet(\"space.1\")};\n    pointer-events: none;\n    border-left: 4px solid transparent;\n    border-right: 4px solid transparent;\n    border-top: 4px solid\n      ${({ disabled }: CaretProps) => {\n        return disabled ? themeGet(\"colors.mono10\") : themeGet(\"colors.mono100\")\n      }};\n  }\n`\n\ntype ContainerProps = Required<\n  Pick<SelectProps, \"disabled\" | \"error\" | \"hover\" | \"focus\">\n  // adding optionSelected here to use it locally without adding it to the Select's props\n> & { optionSelected: boolean }\n\nconst Container = styled(Box)<ContainerProps>`\n  position: relative;\n  width: 100%;\n\n  > select {\n    ${resetMixin};\n    width: 100%;\n    /* 24px = space.1 + 4px-wide caret + space.1 */\n    padding: 0 24px 0 ${themeGet(\"space.1\")};\n    font-family: ${themeGet(\"fonts.sans\")};\n    border: 1px solid;\n    border-radius: 3px;\n    border-color: ${themeGet(\"colors.mono30\")};\n    cursor: pointer;\n    line-height: 1;\n    transition: color 0.25s, background-color 0.25s, border-color 0.25s;\n\n    ${(props) => {\n      return css`\n        ${SELECT_STATES.default}\n\n        ${props.hover && SELECT_STATES.hover}\n        ${props.focus && SELECT_STATES.focus}\n        ${props.disabled && SELECT_STATES.disabled}\n        ${props.error && SELECT_STATES.error}\n\n        &:hover {\n          ${SELECT_STATES.hover}\n        }\n\n        &:focus {\n          ${SELECT_STATES.focus}\n        }\n\n        &:disabled {\n          cursor: default;\n          ${SELECT_STATES.disabled}\n        }\n\n        &:not(:focus):not(:has(option[value=\"\"]:checked)) {\n          ${!(props.disabled || props.focus) && SELECT_STATES.completed}\n          ${props.error && SELECT_STATES.error}\n        }\n\n        &:not(:focus) {\n          // Firefox polyfill for :has\n          ${!!props.optionSelected &&\n          css`\n            ${!(props.disabled || props.focus) && SELECT_STATES.completed}\n            ${props.error && SELECT_STATES.error}\n          `}\n        }\n\n        &:not(:focus):has(option[value=\"\"]:checked) {\n          ${props.title &&\n          css`\n            color: transparent;\n          `}\n        }\n\n        &:not(:focus) {\n          // Firefox polyfill for :has\n          ${props.title &&\n          !props.optionSelected &&\n          css`\n            color: transparent;\n          `}\n        }\n      `\n    }};\n  }\n\n  ${caretMixin}\n`\n\nconst StyledLabel = styled.label`\n  position: absolute;\n  top: 50%;\n  left: 5px;\n  padding: 0 5px;\n  pointer-events: none;\n  transform: translateY(-50%);\n  transition: ${FORM_ELEMENT_TRANSITION};\n  transition-property: color, font-size, transform;\n  background-color: transparent;\n  font-family: ${themeGet(\"fonts.sans\")};\n\n  & > span {\n    background-color: ${themeGet(\"colors.mono0\")};\n    height: 100%;\n    width: 100%;\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n    transition: ${FORM_ELEMENT_TRANSITION};\n    transition-property: height, top;\n    transition-delay: 0.1s;\n  }\n`\n"],"mappings":"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"}
+{"version":3,"file":"Select.js","names":["_themeGet","require","_react","_interopRequireWildcard","_styledComponents","_helpers","_RequiredField","_Box","_Text","_Tooltip","_tokens","_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","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Select","exports","forwardRef","_ref","ref","description","disabled","error","focus","hover","id","options","required","selected","title","onSelect","onChange","rest","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","selectProps","_useState","useState","_useState2","selectedOption","setSelectedOption","_useState3","_useState4","isFocused","setIsFocused","_useState5","_useState6","isHovered","setIsHovered","createElement","Box","width","Tooltip","pointer","content","placement","Text","variant","color","textAlign","Container","mt","onMouseEnter","onMouseLeave","onFocus","onBlur","optionSelected","event","map","_ref2","text","StyledLabel","htmlFor","RequiredField","ml","displayName","resetMixin","css","caretMixin","themeGet","_ref3","styled","withConfig","componentId","props","SELECT_STATES","completed","label","FORM_ELEMENT_TRANSITION"],"sources":["../../../src/elements/Select/Select.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { forwardRef, useState } from \"react\"\nimport styled, { css, ExecutionContext } from \"styled-components\"\nimport { FORM_ELEMENT_TRANSITION } from \"../../helpers\"\nimport { RequiredField } from \"../../shared/RequiredField\"\nimport { Box, BoxProps, splitBoxProps } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { Tooltip } from \"../Tooltip\"\nimport { SELECT_STATES } from \"./tokens\"\n\nexport interface Option {\n  value: string\n  text: string\n}\n\nexport interface SelectProps\n  extends BoxProps,\n    Omit<React.SelectHTMLAttributes<HTMLSelectElement>, \"onSelect\" | \"size\"> {\n  description?: string\n  disabled?: boolean\n  error?: string | boolean\n  focus?: boolean\n  hover?: boolean\n  name?: string\n  options: Option[]\n  required?: boolean\n  selected?: string\n  title?: string\n  onSelect?: (value: string) => void\n}\n\n/** A drop-down select menu */\nexport const Select = forwardRef<HTMLElement, SelectProps>(\n  (\n    {\n      description,\n      disabled,\n      error,\n      focus,\n      hover,\n      id,\n      name,\n      options,\n      required,\n      selected,\n      title,\n      onSelect,\n      onChange,\n      value,\n      ...rest\n    },\n    ref\n  ) => {\n    const [boxProps, selectProps] = splitBoxProps(rest)\n    // due to :has not available in Firefox yet, we need to add the styles to the label using JS\n    const [selectedOption, setSelectedOption] = useState(selected || value)\n    const [isFocused, setIsFocused] = useState(false)\n    const [isHovered, setIsHovered] = useState(false)\n\n    return (\n      <Box width=\"100%\" {...boxProps}>\n        {!!description && (\n          <Tooltip pointer content={description} placement=\"top-end\">\n            <Text variant=\"xs\" color=\"mono60\" textAlign=\"right\">\n              <u>What is this?</u>\n            </Text>\n          </Tooltip>\n        )}\n\n        <Container\n          mt={!!title && !description ? 1 : 0}\n          disabled={!!disabled}\n          hover={!!hover || isHovered}\n          error={error!}\n          focus={!!focus || isFocused}\n          title={title}\n          onMouseEnter={() => setIsHovered(true)}\n          onMouseLeave={() => setIsHovered(false)}\n          onFocus={() => setIsFocused(true)}\n          onBlur={() => setIsFocused(false)}\n          optionSelected={!!selectedOption}\n        >\n          <select\n            ref={ref as any}\n            id={id}\n            disabled={disabled}\n            name={name}\n            value={selected || value}\n            onChange={(event) => {\n              onSelect && onSelect(event.target.value)\n              onChange && onChange(event)\n              setSelectedOption(event.target.value)\n            }}\n            {...selectProps}\n          >\n            {options.map(({ value, text }) => {\n              return (\n                <option value={value} key={value}>\n                  {text}\n                </option>\n              )\n            })}\n          </select>\n\n          {!!title && (\n            <StyledLabel htmlFor={id}>\n              {title}\n\n              <span />\n            </StyledLabel>\n          )}\n        </Container>\n\n        {required && !(error && typeof error === \"string\") && (\n          <RequiredField mt={0.5} ml={1} disabled={disabled} />\n        )}\n\n        {error && typeof error === \"string\" && (\n          <Text variant=\"xs\" mt={0.5} ml={1} color=\"red100\">\n            {error}\n          </Text>\n        )}\n      </Box>\n    )\n  }\n)\n\nSelect.displayName = \"Select\"\n\nconst resetMixin = css`\n  appearance: none;\n  background: none;\n  border: none;\n  outline: 0;\n  text-indent: 0.01px;\n  text-overflow: \"\";\n  border-radius: 0;\n\n  &:-moz-focusring {\n    color: transparent;\n    text-shadow: 0 0 0 black;\n  }\n\n  option:not(:checked) {\n    color: black; /* prevent <option>s from becoming transparent as well */\n  }\n`\n\ninterface CaretProps extends ExecutionContext {\n  disabled?: boolean\n}\n\n/** Creates a small caret */\nexport const caretMixin = css`\n  &::after {\n    content: \"\";\n    cursor: inherit;\n    width: 0;\n    height: 0;\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: ${themeGet(\"space.1\")};\n    pointer-events: none;\n    border-left: 4px solid transparent;\n    border-right: 4px solid transparent;\n    border-top: 4px solid\n      ${({ disabled }: CaretProps) => {\n        return disabled ? themeGet(\"colors.mono10\") : themeGet(\"colors.mono100\")\n      }};\n  }\n`\n\ntype ContainerProps = Required<\n  Pick<SelectProps, \"disabled\" | \"error\" | \"hover\" | \"focus\">\n  // adding optionSelected here to use it locally without adding it to the Select's props\n> & { optionSelected: boolean }\n\nconst Container = styled(Box)<ContainerProps>`\n  position: relative;\n  width: 100%;\n\n  > select {\n    ${resetMixin};\n    width: 100%;\n    /* 24px = space.1 + 4px-wide caret + space.1 */\n    padding: 0 24px 0 ${themeGet(\"space.1\")};\n    font-family: ${themeGet(\"fonts.sans\")};\n    border: 1px solid;\n    border-radius: 3px;\n    border-color: ${themeGet(\"colors.mono30\")};\n    cursor: pointer;\n    line-height: 1;\n    transition: color 0.25s, background-color 0.25s, border-color 0.25s;\n\n    ${(props) => {\n      return css`\n        ${SELECT_STATES.default}\n\n        ${props.hover && SELECT_STATES.hover}\n        ${props.focus && SELECT_STATES.focus}\n        ${props.disabled && SELECT_STATES.disabled}\n        ${props.error && SELECT_STATES.error}\n\n        &:hover {\n          ${SELECT_STATES.hover}\n        }\n\n        &:focus {\n          ${SELECT_STATES.focus}\n        }\n\n        &:disabled {\n          cursor: default;\n          ${SELECT_STATES.disabled}\n        }\n\n        &:not(:focus):not(:has(option[value=\"\"]:checked)) {\n          ${!(props.disabled || props.focus) && SELECT_STATES.completed}\n          ${props.error && SELECT_STATES.error}\n        }\n\n        &:not(:focus) {\n          // Firefox polyfill for :has\n          ${!!props.optionSelected &&\n          css`\n            ${!(props.disabled || props.focus) && SELECT_STATES.completed}\n            ${props.error && SELECT_STATES.error}\n          `}\n        }\n\n        &:not(:focus):has(option[value=\"\"]:checked) {\n          ${props.title &&\n          css`\n            color: transparent;\n          `}\n        }\n\n        &:not(:focus) {\n          // Firefox polyfill for :has\n          ${props.title &&\n          !props.optionSelected &&\n          css`\n            color: transparent;\n          `}\n        }\n      `\n    }};\n  }\n\n  ${caretMixin}\n`\n\nconst StyledLabel = styled.label`\n  position: absolute;\n  top: 50%;\n  left: 5px;\n  padding: 0 5px;\n  pointer-events: none;\n  transform: translateY(-50%);\n  transition: ${FORM_ELEMENT_TRANSITION};\n  transition-property: color, font-size, transform;\n  background-color: transparent;\n  font-family: ${themeGet(\"fonts.sans\")};\n\n  & > span {\n    background-color: ${themeGet(\"colors.mono0\")};\n    height: 100%;\n    width: 100%;\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n    transition: ${FORM_ELEMENT_TRANSITION};\n    transition-property: height, top;\n    transition-delay: 0.1s;\n  }\n`\n"],"mappings":";;;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAD,uBAAA,CAAAF,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,QAAA,GAAAR,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AAAwC,IAAAU,SAAA;AAAA,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAV,wBAAAc,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,eAAAC,GAAA,EAAAN,CAAA,WAAAO,eAAA,CAAAD,GAAA,KAAAE,qBAAA,CAAAF,GAAA,EAAAN,CAAA,KAAAS,2BAAA,CAAAH,GAAA,EAAAN,CAAA,KAAAU,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAA5B,MAAA,CAAAI,SAAA,CAAAyB,QAAA,CAAAvB,IAAA,CAAAmB,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAR,GAAA,EAAAiB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAjB,GAAA,CAAAJ,MAAA,EAAAqB,GAAA,GAAAjB,GAAA,CAAAJ,MAAA,WAAAF,CAAA,MAAAwB,IAAA,OAAAJ,KAAA,CAAAG,GAAA,GAAAvB,CAAA,GAAAuB,GAAA,EAAAvB,CAAA,IAAAwB,IAAA,CAAAxB,CAAA,IAAAM,GAAA,CAAAN,CAAA,UAAAwB,IAAA;AAAA,SAAAhB,sBAAAF,GAAA,EAAAN,CAAA,QAAAyB,EAAA,WAAAnB,GAAA,gCAAAoB,MAAA,IAAApB,GAAA,CAAAoB,MAAA,CAAAC,QAAA,KAAArB,GAAA,4BAAAmB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAhC,IAAA,CAAAa,GAAA,GAAA6B,IAAA,QAAAnC,CAAA,QAAAb,MAAA,CAAAsC,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAArC,IAAA,CAAAgC,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAA9B,MAAA,KAAAF,CAAA,GAAAiC,EAAA,iBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAArD,MAAA,CAAA4C,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAAzB,gBAAAD,GAAA,QAAAc,KAAA,CAAAqB,OAAA,CAAAnC,GAAA,UAAAA,GAAA;AAAA,SAAAoC,yBAAAvC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,GAAA6C,6BAAA,CAAAzC,MAAA,EAAAwC,QAAA,OAAArD,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAA0D,qBAAA,QAAAC,gBAAA,GAAA3D,MAAA,CAAA0D,qBAAA,CAAA1C,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA8C,gBAAA,CAAA5C,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAwD,gBAAA,CAAA9C,CAAA,OAAA2C,QAAA,CAAAI,OAAA,CAAAzD,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAyD,oBAAA,CAAAvD,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAA6C,8BAAAzC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,WAAAkD,UAAA,GAAA9D,MAAA,CAAA+D,IAAA,CAAA/C,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAiD,UAAA,CAAA/C,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAA2D,UAAA,CAAAjD,CAAA,OAAA2C,QAAA,CAAAI,OAAA,CAAAzD,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAuBxC;AACO,IAAMoD,MAAM,GAAAC,OAAA,CAAAD,MAAA,gBAAG,IAAAE,iBAAU,EAC9B,UAAAC,IAAA,EAkBEC,GAAG,EACA;EAAA,IAjBDC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IACLC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,EAAE,GAAAP,IAAA,CAAFO,EAAE;IACF1C,IAAI,GAAAmC,IAAA,CAAJnC,IAAI;IACJ2C,OAAO,GAAAR,IAAA,CAAPQ,OAAO;IACPC,QAAQ,GAAAT,IAAA,CAARS,QAAQ;IACRC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;IACRC,KAAK,GAAAX,IAAA,CAALW,KAAK;IACLC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;IACRC,SAAQ,GAAAb,IAAA,CAARa,QAAQ;IACR7B,KAAK,GAAAgB,IAAA,CAALhB,KAAK;IACF8B,IAAI,GAAA1B,wBAAA,CAAAY,IAAA,EAAAlF,SAAA;EAIT,IAAAiG,cAAA,GAAgC,IAAAC,kBAAa,EAACF,IAAI,CAAC;IAAAG,eAAA,GAAAlE,cAAA,CAAAgE,cAAA;IAA5CG,QAAQ,GAAAD,eAAA;IAAEE,WAAW,GAAAF,eAAA;EAC5B;EACA,IAAAG,SAAA,GAA4C,IAAAC,eAAQ,EAACX,QAAQ,IAAI1B,KAAK,CAAC;IAAAsC,UAAA,GAAAvE,cAAA,CAAAqE,SAAA;IAAhEG,cAAc,GAAAD,UAAA;IAAEE,iBAAiB,GAAAF,UAAA;EACxC,IAAAG,UAAA,GAAkC,IAAAJ,eAAQ,EAAC,KAAK,CAAC;IAAAK,UAAA,GAAA3E,cAAA,CAAA0E,UAAA;IAA1CE,SAAS,GAAAD,UAAA;IAAEE,YAAY,GAAAF,UAAA;EAC9B,IAAAG,UAAA,GAAkC,IAAAR,eAAQ,EAAC,KAAK,CAAC;IAAAS,UAAA,GAAA/E,cAAA,CAAA8E,UAAA;IAA1CE,SAAS,GAAAD,UAAA;IAAEE,YAAY,GAAAF,UAAA;EAE9B,oBACEzH,MAAA,CAAAkB,OAAA,CAAA0G,aAAA,CAACvH,IAAA,CAAAwH,GAAG,EAAA5F,QAAA;IAAC6F,KAAK,EAAC;EAAM,GAAKjB,QAAQ,GAC3B,CAAC,CAAChB,WAAW,iBACZ7F,MAAA,CAAAkB,OAAA,CAAA0G,aAAA,CAACrH,QAAA,CAAAwH,OAAO;IAACC,OAAO;IAACC,OAAO,EAAEpC,WAAY;IAACqC,SAAS,EAAC;EAAS,gBACxDlI,MAAA,CAAAkB,OAAA,CAAA0G,aAAA,CAACtH,KAAA,CAAA6H,IAAI;IAACC,OAAO,EAAC,IAAI;IAACC,KAAK,EAAC,QAAQ;IAACC,SAAS,EAAC;EAAO,gBACjDtI,MAAA,CAAAkB,OAAA,CAAA0G,aAAA,YAAG,eAAa,CAAI,CACf,CAEV,eAED5H,MAAA,CAAAkB,OAAA,CAAA0G,aAAA,CAACW,SAAS;IACRC,EAAE,EAAE,CAAC,CAAClC,KAAK,IAAI,CAACT,WAAW,GAAG,CAAC,GAAG,CAAE;IACpCC,QAAQ,EAAE,CAAC,CAACA,QAAS;IACrBG,KAAK,EAAE,CAAC,CAACA,KAAK,IAAIyB,SAAU;IAC5B3B,KAAK,EAAEA,KAAO;IACdC,KAAK,EAAE,CAAC,CAACA,KAAK,IAAIsB,SAAU;IAC5BhB,KAAK,EAAEA,KAAM;IACbmC,YAAY,EAAE,SAAdA,YAAYA,CAAA;MAAA,OAAQd,YAAY,CAAC,IAAI,CAAC;IAAA,CAAC;IACvCe,YAAY,EAAE,SAAdA,YAAYA,CAAA;MAAA,OAAQf,YAAY,CAAC,KAAK,CAAC;IAAA,CAAC;IACxCgB,OAAO,EAAE,SAATA,OAAOA,CAAA;MAAA,OAAQpB,YAAY,CAAC,IAAI,CAAC;IAAA,CAAC;IAClCqB,MAAM,EAAE,SAARA,MAAMA,CAAA;MAAA,OAAQrB,YAAY,CAAC,KAAK,CAAC;IAAA,CAAC;IAClCsB,cAAc,EAAE,CAAC,CAAC3B;EAAe,gBAEjClH,MAAA,CAAAkB,OAAA,CAAA0G,aAAA,WAAA3F,QAAA;IACE2D,GAAG,EAAEA,GAAW;IAChBM,EAAE,EAAEA,EAAG;IACPJ,QAAQ,EAAEA,QAAS;IACnBtC,IAAI,EAAEA,IAAK;IACXmB,KAAK,EAAE0B,QAAQ,IAAI1B,KAAM;IACzB6B,QAAQ,EAAE,SAAVA,QAAQA,CAAGsC,KAAK,EAAK;MACnBvC,QAAQ,IAAIA,QAAQ,CAACuC,KAAK,CAAC1G,MAAM,CAACuC,KAAK,CAAC;MACxC6B,SAAQ,IAAIA,SAAQ,CAACsC,KAAK,CAAC;MAC3B3B,iBAAiB,CAAC2B,KAAK,CAAC1G,MAAM,CAACuC,KAAK,CAAC;IACvC;EAAE,GACEmC,WAAW,GAEdX,OAAO,CAAC4C,GAAG,CAAC,UAAAC,KAAA,EAAqB;IAAA,IAAlBrE,KAAK,GAAAqE,KAAA,CAALrE,KAAK;MAAEsE,IAAI,GAAAD,KAAA,CAAJC,IAAI;IACzB,oBACEjJ,MAAA,CAAAkB,OAAA,CAAA0G,aAAA;MAAQjD,KAAK,EAAEA,KAAM;MAAChD,GAAG,EAAEgD;IAAM,GAC9BsE,IAAI,CACE;EAEb,CAAC,CAAC,CACK,EAER,CAAC,CAAC3C,KAAK,iBACNtG,MAAA,CAAAkB,OAAA,CAAA0G,aAAA,CAACsB,WAAW;IAACC,OAAO,EAAEjD;EAAG,GACtBI,KAAK,eAENtG,MAAA,CAAAkB,OAAA,CAAA0G,aAAA,cAAQ,CAEX,CACS,EAEXxB,QAAQ,IAAI,EAAEL,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,CAAC,iBAChD/F,MAAA,CAAAkB,OAAA,CAAA0G,aAAA,CAACxH,cAAA,CAAAgJ,aAAa;IAACZ,EAAE,EAAE,GAAI;IAACa,EAAE,EAAE,CAAE;IAACvD,QAAQ,EAAEA;EAAS,EACnD,EAEAC,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,iBACjC/F,MAAA,CAAAkB,OAAA,CAAA0G,aAAA,CAACtH,KAAA,CAAA6H,IAAI;IAACC,OAAO,EAAC,IAAI;IAACI,EAAE,EAAE,GAAI;IAACa,EAAE,EAAE,CAAE;IAAChB,KAAK,EAAC;EAAQ,GAC9CtC,KAAK,CAET,CACG;AAEV,CAAC,CACF;AAEDP,MAAM,CAAC8D,WAAW,GAAG,QAAQ;AAE7B,IAAMC,UAAU,OAAGC,qBAAG,iNAiBrB;AAMD;AACO,IAAMC,UAAU,GAAAhE,OAAA,CAAAgE,UAAA,OAAGD,qBAAG,kPAShB,IAAAE,kBAAQ,EAAC,SAAS,CAAC,EAKxB,UAAAC,KAAA,EAA8B;EAAA,IAA3B7D,QAAQ,GAAA6D,KAAA,CAAR7D,QAAQ;EACX,OAAOA,QAAQ,GAAG,IAAA4D,kBAAQ,EAAC,eAAe,CAAC,GAAG,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC;AAC1E,CAAC,CAEN;AAOD,IAAMnB,SAAS,GAAG,IAAAqB,yBAAM,EAAC/B,QAAG,CAAC,CAAAgC,UAAA;EAAAP,WAAA;EAAAQ,WAAA;AAAA,mQAKvBP,UAAU,EAGQ,IAAAG,kBAAQ,EAAC,SAAS,CAAC,EACxB,IAAAA,kBAAQ,EAAC,YAAY,CAAC,EAGrB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAKvC,UAACK,KAAK,EAAK;EACX,WAAOP,qBAAG,iPACNQ,qBAAa,CAAC9I,OAAO,EAErB6I,KAAK,CAAC9D,KAAK,IAAI+D,qBAAa,CAAC/D,KAAK,EAClC8D,KAAK,CAAC/D,KAAK,IAAIgE,qBAAa,CAAChE,KAAK,EAClC+D,KAAK,CAACjE,QAAQ,IAAIkE,qBAAa,CAAClE,QAAQ,EACxCiE,KAAK,CAAChE,KAAK,IAAIiE,qBAAa,CAACjE,KAAK,EAGhCiE,qBAAa,CAAC/D,KAAK,EAInB+D,qBAAa,CAAChE,KAAK,EAKnBgE,qBAAa,CAAClE,QAAQ,EAItB,EAAEiE,KAAK,CAACjE,QAAQ,IAAIiE,KAAK,CAAC/D,KAAK,CAAC,IAAIgE,qBAAa,CAACC,SAAS,EAC3DF,KAAK,CAAChE,KAAK,IAAIiE,qBAAa,CAACjE,KAAK,EAKlC,CAAC,CAACgE,KAAK,CAAClB,cAAc,QACxBW,qBAAG,iBACC,EAAEO,KAAK,CAACjE,QAAQ,IAAIiE,KAAK,CAAC/D,KAAK,CAAC,IAAIgE,qBAAa,CAACC,SAAS,EAC3DF,KAAK,CAAChE,KAAK,IAAIiE,qBAAa,CAACjE,KAAK,CACrC,EAICgE,KAAK,CAACzD,KAAK,QACbkD,qBAAG,yBAEF,EAKCO,KAAK,CAACzD,KAAK,IACb,CAACyD,KAAK,CAAClB,cAAc,QACrBW,qBAAG,yBAEF;AAGP,CAAC,EAGDC,UAAU,CACb;AAED,IAAMP,WAAW,GAAGU,yBAAM,CAACM,KAAK,CAAAL,UAAA;EAAAP,WAAA;EAAAQ,WAAA;AAAA,yYAOhBK,gCAAuB,EAGtB,IAAAT,kBAAQ,EAAC,YAAY,CAAC,EAGf,IAAAA,kBAAQ,EAAC,cAAc,CAAC,EAQ9BS,gCAAuB,CAIxC"}

package/dist/elements/Select/Select.story.js

@@ -8,10 +8,9 @@ var _react = _interopRequireDefault(require("react"));
 var _storybookStates = require("storybook-states");
 var _Select = require("./Select");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   title: "Components/Select"
 };
-exports.default = _default;
 var OPTIONS = [{
   text: "Please select",
   value: ""
@@ -37,7 +36,7 @@ var OPTIONS = [{
   text: "Artwork year (asc.)",
   value: "year"
 }];
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       focus: true
@@ -81,6 +80,5 @@ var Default = function Default() {
     options: OPTIONS
   }));
 };
-exports.Default = Default;
 Default.displayName = "Default";
 //# sourceMappingURL=Select.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Select.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Select","obj","__esModule","default","_default","title","exports","OPTIONS","text","value","Default","createElement","States","states","focus","hover","error","disabled","description","required","selected","id","Select","options","displayName"],"sources":["../../../src/elements/Select/Select.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Select, SelectProps } from \"./Select\"\n\nexport default {\n  title: \"Components/Select\",\n}\n\nconst OPTIONS = [\n  { text: \"Please select\", value: \"\" },\n  { text: \"Default\", value: \"-decayed_merch\" },\n  { text: \"Price (desc.)\", value: \"-has_price,-prices\" },\n  { text: \"Price (asc.)\", value: \"-has_price,prices\" },\n  { text: \"Recently updated\", value: \"-partner_updated_at\" },\n  { text: \"Recently added\", value: \"-published_at\" },\n  { text: \"Artwork year (desc.)\", value: \"-year\" },\n  { text: \"Artwork year (asc.)\", value: \"year\" },\n]\n\nexport const Default = () => {\n  return (\n    <States<Partial<SelectProps>>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { error: \"Something went wrong.\" },\n        { disabled: true },\n        { title: \"Sort\" },\n        { title: \"Sort\", description: \"A description of sorting\" },\n        { title: \"Sort\", focus: true },\n        { title: \"Sort\", hover: true },\n        { title: \"Sort\", error: \"Something went wrong.\" },\n        { title: \"Sort\", disabled: true },\n        { title: \"Sort\", required: true },\n        { selected: \"year\" },\n        { title: \"Pick something\", required: true, id: \"pick\" },\n        { title: \"Pick something\", description: \"This matters a lot.\" },\n      ]}\n    >\n      <Select options={OPTIONS} />\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA8C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAE/B;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAED,IAAMG,OAAO,GAAG,CACd;EAAEC,IAAI,EAAE,eAAe;EAAEC,KAAK,EAAE;AAAG,CAAC,EACpC;EAAED,IAAI,EAAE,SAAS;EAAEC,KAAK,EAAE;AAAiB,CAAC,EAC5C;EAAED,IAAI,EAAE,eAAe;EAAEC,KAAK,EAAE;AAAqB,CAAC,EACtD;EAAED,IAAI,EAAE,cAAc;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACpD;EAAED,IAAI,EAAE,kBAAkB;EAAEC,KAAK,EAAE;AAAsB,CAAC,EAC1D;EAAED,IAAI,EAAE,gBAAgB;EAAEC,KAAK,EAAE;AAAgB,CAAC,EAClD;EAAED,IAAI,EAAE,sBAAsB;EAAEC,KAAK,EAAE;AAAQ,CAAC,EAChD;EAAED,IAAI,EAAE,qBAAqB;EAAEC,KAAK,EAAE;AAAO,CAAC,CAC/C;AAEM,IAAMC,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEd,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACZ,gBAAA,CAAAa,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,KAAK,EAAE;IAAK,CAAC,EACf;MAAEC,KAAK,EAAE;IAAK,CAAC,EACf;MAAEC,KAAK,EAAE;IAAwB,CAAC,EAClC;MAAEC,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAEZ,KAAK,EAAE;IAAO,CAAC,EACjB;MAAEA,KAAK,EAAE,MAAM;MAAEa,WAAW,EAAE;IAA2B,CAAC,EAC1D;MAAEb,KAAK,EAAE,MAAM;MAAES,KAAK,EAAE;IAAK,CAAC,EAC9B;MAAET,KAAK,EAAE,MAAM;MAAEU,KAAK,EAAE;IAAK,CAAC,EAC9B;MAAEV,KAAK,EAAE,MAAM;MAAEW,KAAK,EAAE;IAAwB,CAAC,EACjD;MAAEX,KAAK,EAAE,MAAM;MAAEY,QAAQ,EAAE;IAAK,CAAC,EACjC;MAAEZ,KAAK,EAAE,MAAM;MAAEc,QAAQ,EAAE;IAAK,CAAC,EACjC;MAAEC,QAAQ,EAAE;IAAO,CAAC,EACpB;MAAEf,KAAK,EAAE,gBAAgB;MAAEc,QAAQ,EAAE,IAAI;MAAEE,EAAE,EAAE;IAAO,CAAC,EACvD;MAAEhB,KAAK,EAAE,gBAAgB;MAAEa,WAAW,EAAE;IAAsB,CAAC;EAC/D,gBAEFtB,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACX,OAAA,CAAAsB,MAAM;IAACC,OAAO,EAAEhB;EAAQ,EAAG,CACrB;AAEb,CAAC;AAAAD,OAAA,CAAAI,OAAA,GAAAA,OAAA;AAxBYA,OAAO,CAAAc,WAAA"}
+{"version":3,"file":"Select.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Select","obj","__esModule","default","_default","exports","title","OPTIONS","text","value","Default","createElement","States","states","focus","hover","error","disabled","description","required","selected","id","Select","options","displayName"],"sources":["../../../src/elements/Select/Select.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Select, SelectProps } from \"./Select\"\n\nexport default {\n  title: \"Components/Select\",\n}\n\nconst OPTIONS = [\n  { text: \"Please select\", value: \"\" },\n  { text: \"Default\", value: \"-decayed_merch\" },\n  { text: \"Price (desc.)\", value: \"-has_price,-prices\" },\n  { text: \"Price (asc.)\", value: \"-has_price,prices\" },\n  { text: \"Recently updated\", value: \"-partner_updated_at\" },\n  { text: \"Recently added\", value: \"-published_at\" },\n  { text: \"Artwork year (desc.)\", value: \"-year\" },\n  { text: \"Artwork year (asc.)\", value: \"year\" },\n]\n\nexport const Default = () => {\n  return (\n    <States<Partial<SelectProps>>\n      states={[\n        {},\n        { focus: true },\n        { hover: true },\n        { error: \"Something went wrong.\" },\n        { disabled: true },\n        { title: \"Sort\" },\n        { title: \"Sort\", description: \"A description of sorting\" },\n        { title: \"Sort\", focus: true },\n        { title: \"Sort\", hover: true },\n        { title: \"Sort\", error: \"Something went wrong.\" },\n        { title: \"Sort\", disabled: true },\n        { title: \"Sort\", required: true },\n        { selected: \"year\" },\n        { title: \"Pick something\", required: true, id: \"pick\" },\n        { title: \"Pick something\", description: \"This matters a lot.\" },\n      ]}\n    >\n      <Select options={OPTIONS} />\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA8C,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE/B;EACbG,KAAK,EAAE;AACT,CAAC;AAED,IAAMC,OAAO,GAAG,CACd;EAAEC,IAAI,EAAE,eAAe;EAAEC,KAAK,EAAE;AAAG,CAAC,EACpC;EAAED,IAAI,EAAE,SAAS;EAAEC,KAAK,EAAE;AAAiB,CAAC,EAC5C;EAAED,IAAI,EAAE,eAAe;EAAEC,KAAK,EAAE;AAAqB,CAAC,EACtD;EAAED,IAAI,EAAE,cAAc;EAAEC,KAAK,EAAE;AAAoB,CAAC,EACpD;EAAED,IAAI,EAAE,kBAAkB;EAAEC,KAAK,EAAE;AAAsB,CAAC,EAC1D;EAAED,IAAI,EAAE,gBAAgB;EAAEC,KAAK,EAAE;AAAgB,CAAC,EAClD;EAAED,IAAI,EAAE,sBAAsB;EAAEC,KAAK,EAAE;AAAQ,CAAC,EAChD;EAAED,IAAI,EAAE,qBAAqB;EAAEC,KAAK,EAAE;AAAO,CAAC,CAC/C;AAEM,IAAMC,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEd,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACZ,gBAAA,CAAAa,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,KAAK,EAAE;IAAK,CAAC,EACf;MAAEC,KAAK,EAAE;IAAK,CAAC,EACf;MAAEC,KAAK,EAAE;IAAwB,CAAC,EAClC;MAAEC,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAEX,KAAK,EAAE;IAAO,CAAC,EACjB;MAAEA,KAAK,EAAE,MAAM;MAAEY,WAAW,EAAE;IAA2B,CAAC,EAC1D;MAAEZ,KAAK,EAAE,MAAM;MAAEQ,KAAK,EAAE;IAAK,CAAC,EAC9B;MAAER,KAAK,EAAE,MAAM;MAAES,KAAK,EAAE;IAAK,CAAC,EAC9B;MAAET,KAAK,EAAE,MAAM;MAAEU,KAAK,EAAE;IAAwB,CAAC,EACjD;MAAEV,KAAK,EAAE,MAAM;MAAEW,QAAQ,EAAE;IAAK,CAAC,EACjC;MAAEX,KAAK,EAAE,MAAM;MAAEa,QAAQ,EAAE;IAAK,CAAC,EACjC;MAAEC,QAAQ,EAAE;IAAO,CAAC,EACpB;MAAEd,KAAK,EAAE,gBAAgB;MAAEa,QAAQ,EAAE,IAAI;MAAEE,EAAE,EAAE;IAAO,CAAC,EACvD;MAAEf,KAAK,EAAE,gBAAgB;MAAEY,WAAW,EAAE;IAAsB,CAAC;EAC/D,gBAEFtB,MAAA,CAAAO,OAAA,CAAAQ,aAAA,CAACX,OAAA,CAAAsB,MAAM;IAACC,OAAO,EAAEhB;EAAQ,EAAG,CACrB;AAEb,CAAC;AAxBYG,OAAO,CAAAc,WAAA"}

package/dist/elements/Select/tokens.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.SELECT_STATES = void 0;
 var _themeGet = require("@styled-system/theme-get");
 var _styledComponents = require("styled-components");
-var SELECT_STATES = {
+var SELECT_STATES = exports.SELECT_STATES = {
   default: (0, _styledComponents.css)(["height:50px;font-size:", ";color:", ";border-color:", ";+ label{color:", ";font-size:", ";}&:not(:has(option[value=\"\"]:checked)) + label{transform:translateY(-150%);font-size:", ";& > span{height:2px;top:50%;}}", ""], (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)("textVariants.sm-display.fontSize"), (0, _themeGet.themeGet)("textVariants.xs.fontSize"), function (_ref) {
     var optionSelected = _ref.optionSelected;
     return optionSelected && (0, _styledComponents.css)(["+ label{transform:translateY(-150%);font-size:", ";& > span{height:2px;top:50%;}}"], (0, _themeGet.themeGet)("textVariants.xs.fontSize"));
@@ -30,5 +30,4 @@ var SELECT_STATES = {
   }),
   error: (0, _styledComponents.css)(["color:", ";border-color:", ";+ label{color:", ";}"], (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.red100"), (0, _themeGet.themeGet)("colors.red100"))
 };
-exports.SELECT_STATES = SELECT_STATES;
 //# sourceMappingURL=tokens.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","SELECT_STATES","default","css","themeGet","_ref","optionSelected","focus","_ref2","hover","_ref3","disabled","completed","_ref4","_ref5","error","exports"],"sources":["../../../src/elements/Select/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css, ExecutionContext } from \"styled-components\"\nimport { State } from \"./types\"\n\ninterface SelectProps extends ExecutionContext {\n  optionSelected?: boolean\n  disabled?: boolean\n}\n\nexport const SELECT_STATES: Record<State, any> = {\n  default: css`\n    height: 50px;\n    font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.mono30\")};\n\n    + label {\n      color: ${themeGet(\"colors.mono60\")};\n      font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n    }\n\n    &:not(:has(option[value=\"\"]:checked)) + label {\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected }: SelectProps) =>\n      optionSelected &&\n      css`\n        + label {\n          transform: translateY(-150%);\n          font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n          & > span {\n            height: 2px;\n            top: 50%;\n          }\n        }\n      `}\n  `,\n  focus: css`\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.blue100\")};\n    text-decoration: underline;\n\n    + label {\n      color: ${themeGet(\"colors.blue100\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    &:has(option[value=\"\"]:checked) + label {\n      text-decoration: underline;\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected }: SelectProps) =>\n      !optionSelected &&\n      css`\n        + label {\n          text-decoration: underline;\n        }\n      `}\n  `,\n  hover: css`\n    color: ${themeGet(\"colors.blue100\")};\n    border-color: ${themeGet(\"colors.mono60\")};\n    text-decoration: underline;\n\n    + label {\n      color: ${themeGet(\"colors.mono60\")};\n    }\n\n    &:has(option[value=\"\"]:checked):not(:disabled) + label {\n      color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected, disabled }: SelectProps) =>\n      !optionSelected &&\n      !disabled &&\n      css`\n        + label {\n          color: ${themeGet(\"colors.blue100\")};\n          text-decoration: underline;\n        }\n      `}\n  `,\n  completed: css`\n    border-color: ${themeGet(\"colors.mono60\")};\n    text-decoration: none;\n\n    + label {\n      color: ${themeGet(\"colors.mono60\")};\n    }\n\n    &:not(:has(option[value=\"\"]:checked)) + label {\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected }: SelectProps) =>\n      optionSelected &&\n      css`\n        + label {\n          transform: translateY(-150%);\n          font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n          & > span {\n            height: 2px;\n            top: 50%;\n          }\n        }\n      `}\n  `,\n  disabled: css`\n    color: ${themeGet(\"colors.mono30\")};\n    border-color: ${themeGet(\"colors.mono30\")};\n    text-decoration: none;\n\n    + label {\n      color: ${themeGet(\"colors.mono30\")};\n      text-decoration: none;\n    }\n\n    &:not(:has(option[value=\"\"]:checked)) + label {\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected }: SelectProps) =>\n      optionSelected &&\n      css`\n        + label {\n          transform: translateY(-150%);\n          font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n          & > span {\n            height: 2px;\n            top: 50%;\n          }\n        }\n      `}\n  `,\n  error: css`\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.red100\")};\n\n    + label {\n      color: ${themeGet(\"colors.red100\")};\n    }\n  `,\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAQO,IAAME,aAAiC,GAAG;EAC/CC,OAAO,MAAEC,qBAAG,gOAEG,IAAAC,kBAAQ,EAAC,kCAAkC,CAAC,EAChD,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EACrB,IAAAA,kBAAQ,EAAC,kCAAkC,CAAC,EAK5C,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EASjD,UAAAC,IAAA;IAAA,IAAGC,cAAc,GAAAD,IAAA,CAAdC,cAAc;IAAA,OACjBA,cAAc,QACdH,qBAAG,yFAGc,IAAAC,kBAAQ,EAAC,0BAA0B,CAAC,CAOpD;EAAA,EACJ;EACDG,KAAK,MAAEJ,qBAAG,oOACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAEtB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EAajD,UAAAI,KAAA;IAAA,IAAGF,cAAc,GAAAE,KAAA,CAAdF,cAAc;IAAA,OACjB,CAACA,cAAc,QACfH,qBAAG,0CAIF;EAAA,EACJ;EACDM,KAAK,MAAEN,qBAAG,sLACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAI9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAIzB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAKnC,UAAAM,KAAA;IAAA,IAAGJ,cAAc,GAAAI,KAAA,CAAdJ,cAAc;MAAEK,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAA,OAC3B,CAACL,cAAc,IACf,CAACK,QAAQ,QACTR,qBAAG,sDAEU,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,CAGtC;EAAA,EACJ;EACDQ,SAAS,MAAET,qBAAG,gMACI,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAI9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAKrB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EASjD,UAAAS,KAAA;IAAA,IAAGP,cAAc,GAAAO,KAAA,CAAdP,cAAc;IAAA,OACjBA,cAAc,QACdH,qBAAG,yFAGc,IAAAC,kBAAQ,EAAC,0BAA0B,CAAC,CAOpD;EAAA,EACJ;EACDO,QAAQ,MAAER,qBAAG,gOACF,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAClB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAI9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAMrB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EASjD,UAAAU,KAAA;IAAA,IAAGR,cAAc,GAAAQ,KAAA,CAAdR,cAAc;IAAA,OACjBA,cAAc,QACdH,qBAAG,yFAGc,IAAAC,kBAAQ,EAAC,0BAA0B,CAAC,CAOpD;EAAA,EACJ;EACDW,KAAK,MAAEZ,qBAAG,yDACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC;AAGxC,CAAC;AAAAY,OAAA,CAAAf,aAAA,GAAAA,aAAA"}
+{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","SELECT_STATES","exports","default","css","themeGet","_ref","optionSelected","focus","_ref2","hover","_ref3","disabled","completed","_ref4","_ref5","error"],"sources":["../../../src/elements/Select/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css, ExecutionContext } from \"styled-components\"\nimport { State } from \"./types\"\n\ninterface SelectProps extends ExecutionContext {\n  optionSelected?: boolean\n  disabled?: boolean\n}\n\nexport const SELECT_STATES: Record<State, any> = {\n  default: css`\n    height: 50px;\n    font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.mono30\")};\n\n    + label {\n      color: ${themeGet(\"colors.mono60\")};\n      font-size: ${themeGet(\"textVariants.sm-display.fontSize\")};\n    }\n\n    &:not(:has(option[value=\"\"]:checked)) + label {\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected }: SelectProps) =>\n      optionSelected &&\n      css`\n        + label {\n          transform: translateY(-150%);\n          font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n          & > span {\n            height: 2px;\n            top: 50%;\n          }\n        }\n      `}\n  `,\n  focus: css`\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.blue100\")};\n    text-decoration: underline;\n\n    + label {\n      color: ${themeGet(\"colors.blue100\")};\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    &:has(option[value=\"\"]:checked) + label {\n      text-decoration: underline;\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected }: SelectProps) =>\n      !optionSelected &&\n      css`\n        + label {\n          text-decoration: underline;\n        }\n      `}\n  `,\n  hover: css`\n    color: ${themeGet(\"colors.blue100\")};\n    border-color: ${themeGet(\"colors.mono60\")};\n    text-decoration: underline;\n\n    + label {\n      color: ${themeGet(\"colors.mono60\")};\n    }\n\n    &:has(option[value=\"\"]:checked):not(:disabled) + label {\n      color: ${themeGet(\"colors.blue100\")};\n      text-decoration: underline;\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected, disabled }: SelectProps) =>\n      !optionSelected &&\n      !disabled &&\n      css`\n        + label {\n          color: ${themeGet(\"colors.blue100\")};\n          text-decoration: underline;\n        }\n      `}\n  `,\n  completed: css`\n    border-color: ${themeGet(\"colors.mono60\")};\n    text-decoration: none;\n\n    + label {\n      color: ${themeGet(\"colors.mono60\")};\n    }\n\n    &:not(:has(option[value=\"\"]:checked)) + label {\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected }: SelectProps) =>\n      optionSelected &&\n      css`\n        + label {\n          transform: translateY(-150%);\n          font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n          & > span {\n            height: 2px;\n            top: 50%;\n          }\n        }\n      `}\n  `,\n  disabled: css`\n    color: ${themeGet(\"colors.mono30\")};\n    border-color: ${themeGet(\"colors.mono30\")};\n    text-decoration: none;\n\n    + label {\n      color: ${themeGet(\"colors.mono30\")};\n      text-decoration: none;\n    }\n\n    &:not(:has(option[value=\"\"]:checked)) + label {\n      transform: translateY(-150%);\n      font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n      & > span {\n        height: 2px;\n        top: 50%;\n      }\n    }\n\n    // Firefox polyfill for :has\n    ${({ optionSelected }: SelectProps) =>\n      optionSelected &&\n      css`\n        + label {\n          transform: translateY(-150%);\n          font-size: ${themeGet(\"textVariants.xs.fontSize\")};\n\n          & > span {\n            height: 2px;\n            top: 50%;\n          }\n        }\n      `}\n  `,\n  error: css`\n    color: ${themeGet(\"colors.mono100\")};\n    border-color: ${themeGet(\"colors.red100\")};\n\n    + label {\n      color: ${themeGet(\"colors.red100\")};\n    }\n  `,\n}\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAQO,IAAME,aAAiC,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC/CE,OAAO,MAAEC,qBAAG,gOAEG,IAAAC,kBAAQ,EAAC,kCAAkC,CAAC,EAChD,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EACrB,IAAAA,kBAAQ,EAAC,kCAAkC,CAAC,EAK5C,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EASjD,UAAAC,IAAA;IAAA,IAAGC,cAAc,GAAAD,IAAA,CAAdC,cAAc;IAAA,OACjBA,cAAc,QACdH,qBAAG,yFAGc,IAAAC,kBAAQ,EAAC,0BAA0B,CAAC,CAOpD;EAAA,EACJ;EACDG,KAAK,MAAEJ,qBAAG,oOACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAI/B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAEtB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EAajD,UAAAI,KAAA;IAAA,IAAGF,cAAc,GAAAE,KAAA,CAAdF,cAAc;IAAA,OACjB,CAACA,cAAc,QACfH,qBAAG,0CAIF;EAAA,EACJ;EACDM,KAAK,MAAEN,qBAAG,sLACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAI9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAIzB,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAKnC,UAAAM,KAAA;IAAA,IAAGJ,cAAc,GAAAI,KAAA,CAAdJ,cAAc;MAAEK,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAA,OAC3B,CAACL,cAAc,IACf,CAACK,QAAQ,QACTR,qBAAG,sDAEU,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,CAGtC;EAAA,EACJ;EACDQ,SAAS,MAAET,qBAAG,gMACI,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAI9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAKrB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EASjD,UAAAS,KAAA;IAAA,IAAGP,cAAc,GAAAO,KAAA,CAAdP,cAAc;IAAA,OACjBA,cAAc,QACdH,qBAAG,yFAGc,IAAAC,kBAAQ,EAAC,0BAA0B,CAAC,CAOpD;EAAA,EACJ;EACDO,QAAQ,MAAER,qBAAG,gOACF,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAClB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAI9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAMrB,IAAAA,kBAAQ,EAAC,0BAA0B,CAAC,EASjD,UAAAU,KAAA;IAAA,IAAGR,cAAc,GAAAQ,KAAA,CAAdR,cAAc;IAAA,OACjBA,cAAc,QACdH,qBAAG,yFAGc,IAAAC,kBAAQ,EAAC,0BAA0B,CAAC,CAOpD;EAAA,EACJ;EACDW,KAAK,MAAEZ,qBAAG,yDACC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EACnB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAG9B,IAAAA,kBAAQ,EAAC,eAAe,CAAC;AAGxC,CAAC"}

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

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

package/dist/elements/Separator/Separator.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BorderProps, ColorProps, SpaceProps, WidthProps } from "styled-system";
 export interface SeparatorProps extends SpaceProps, WidthProps, BorderProps, ColorProps {
 }

package/dist/elements/Separator/Separator.js

@@ -10,11 +10,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 /**
  * A horizontal divider whose width and spacing can be adjusted
  */
-var Separator = _styledComponents.default.div.withConfig({
+var Separator = exports.Separator = _styledComponents.default.div.withConfig({
   displayName: "Separator",
   componentId: "sc-49gck8-0"
 })(["border-width:1px;border-style:solid;border-bottom-width:0;background-color:transparent;border-color:currentColor;margin:0;", ";"], (0, _styledSystem.compose)(_styledSystem.space, _styledSystem.width, _styledSystem.border, _styledSystem.color));
-exports.Separator = Separator;
 Separator.defaultProps = {
   width: "100%",
   color: "mono10"

package/dist/elements/Separator/Separator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Separator.js","names":["_styledComponents","_interopRequireDefault","require","_styledSystem","obj","__esModule","default","Separator","styled","div","withConfig","displayName","componentId","compose","space","width","border","color","exports","defaultProps"],"sources":["../../../src/elements/Separator/Separator.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport {\n  border,\n  BorderProps,\n  color,\n  ColorProps,\n  compose,\n  space,\n  SpaceProps,\n  width,\n  WidthProps,\n} from \"styled-system\"\n\nexport interface SeparatorProps\n  extends SpaceProps,\n    WidthProps,\n    BorderProps,\n    ColorProps {}\n\n/**\n * A horizontal divider whose width and spacing can be adjusted\n */\nexport const Separator = styled.div<SeparatorProps>`\n  border-width: 1px;\n  border-style: solid;\n  border-bottom-width: 0;\n  background-color: transparent;\n  border-color: currentColor;\n  margin: 0;\n  ${compose(space, width, border, color)};\n`\n\nSeparator.defaultProps = {\n  width: \"100%\",\n  color: \"mono10\",\n}\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAUsB,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAQtB;AACA;AACA;AACO,IAAMG,SAAS,GAAGC,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wIAO/B,IAAAC,qBAAO,EAACC,mBAAK,EAAEC,mBAAK,EAAEC,oBAAM,EAAEC,mBAAK,CAAC,CACvC;AAAAC,OAAA,CAAAX,SAAA,GAAAA,SAAA;AAEDA,SAAS,CAACY,YAAY,GAAG;EACvBJ,KAAK,EAAE,MAAM;EACbE,KAAK,EAAE;AACT,CAAC"}
+{"version":3,"file":"Separator.js","names":["_styledComponents","_interopRequireDefault","require","_styledSystem","obj","__esModule","default","Separator","exports","styled","div","withConfig","displayName","componentId","compose","space","width","border","color","defaultProps"],"sources":["../../../src/elements/Separator/Separator.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport {\n  border,\n  BorderProps,\n  color,\n  ColorProps,\n  compose,\n  space,\n  SpaceProps,\n  width,\n  WidthProps,\n} from \"styled-system\"\n\nexport interface SeparatorProps\n  extends SpaceProps,\n    WidthProps,\n    BorderProps,\n    ColorProps {}\n\n/**\n * A horizontal divider whose width and spacing can be adjusted\n */\nexport const Separator = styled.div<SeparatorProps>`\n  border-width: 1px;\n  border-style: solid;\n  border-bottom-width: 0;\n  background-color: transparent;\n  border-color: currentColor;\n  margin: 0;\n  ${compose(space, width, border, color)};\n`\n\nSeparator.defaultProps = {\n  width: \"100%\",\n  color: \"mono10\",\n}\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAUsB,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAQtB;AACA;AACA;AACO,IAAMG,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wIAO/B,IAAAC,qBAAO,EAACC,mBAAK,EAAEC,mBAAK,EAAEC,oBAAM,EAAEC,mBAAK,CAAC,CACvC;AAEDX,SAAS,CAACY,YAAY,GAAG;EACvBH,KAAK,EAAE,MAAM;EACbE,KAAK,EAAE;AACT,CAAC"}

package/dist/elements/Separator/Separator.story.js

@@ -8,11 +8,10 @@ var _react = _interopRequireDefault(require("react"));
 var _storybookStates = require("storybook-states");
 var _Separator = require("./Separator");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   title: "Components/Separator"
 };
-exports.default = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       color: "mono30"
@@ -26,6 +25,5 @@ var Default = function Default() {
     as: "hr"
   }));
 };
-exports.Default = Default;
 Default.displayName = "Default";
 //# sourceMappingURL=Separator.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Separator.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Separator","obj","__esModule","default","_default","title","exports","Default","createElement","States","states","color","borderColor","borderWidth","my","Separator","as","displayName"],"sources":["../../../src/elements/Separator/Separator.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Separator, SeparatorProps } from \"./Separator\"\n\nexport default {\n  title: \"Components/Separator\",\n}\n\nexport const Default = () => {\n  return (\n    <States<SeparatorProps>\n      states={[\n        {},\n        { color: \"mono30\" },\n        { borderColor: \"red100\" },\n        { borderWidth: 5, my: 2 },\n      ]}\n    >\n      <Separator as=\"hr\" />\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAuD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAExC;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,KAAK,EAAE;IAAS,CAAC,EACnB;MAAEC,WAAW,EAAE;IAAS,CAAC,EACzB;MAAEC,WAAW,EAAE,CAAC;MAAEC,EAAE,EAAE;IAAE,CAAC;EACzB,gBAEFlB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,UAAA,CAAAe,SAAS;IAACC,EAAE,EAAC;EAAI,EAAG,CACd;AAEb,CAAC;AAAAV,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAbYA,OAAO,CAAAU,WAAA"}
+{"version":3,"file":"Separator.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Separator","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","color","borderColor","borderWidth","my","Separator","as","displayName"],"sources":["../../../src/elements/Separator/Separator.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Separator, SeparatorProps } from \"./Separator\"\n\nexport default {\n  title: \"Components/Separator\",\n}\n\nexport const Default = () => {\n  return (\n    <States<SeparatorProps>\n      states={[\n        {},\n        { color: \"mono30\" },\n        { borderColor: \"red100\" },\n        { borderWidth: 5, my: 2 },\n      ]}\n    >\n      <Separator as=\"hr\" />\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAuD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAExC;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,KAAK,EAAE;IAAS,CAAC,EACnB;MAAEC,WAAW,EAAE;IAAS,CAAC,EACzB;MAAEC,WAAW,EAAE,CAAC;MAAEC,EAAE,EAAE;IAAE,CAAC;EACzB,gBAEFlB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,UAAA,CAAAe,SAAS;IAACC,EAAE,EAAC;EAAI,EAAG,CACd;AAEb,CAAC;AAbYT,OAAO,CAAAU,WAAA"}

package/dist/elements/Shelf/Shelf.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { BoxProps } from "../Box";
 import { FlexProps } from "../Flex";
 /** ShelfProps */
-export declare type ShelfProps = BoxProps & {
+export type ShelfProps = BoxProps & {
     alignItems?: FlexProps["alignItems"];
     showProgress?: boolean;
     snap?: "none" | "start" | "end" | "center";

package/dist/elements/Shelf/Shelf.js

@@ -22,8 +22,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 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; }
@@ -32,7 +32,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 /**
  * A Shelf is a new kind of carousel...
  */
-var Shelf = function Shelf(_ref) {
+var Shelf = exports.Shelf = function Shelf(_ref) {
   var _ref$alignItems = _ref.alignItems,
     alignItems = _ref$alignItems === void 0 ? "flex-end" : _ref$alignItems,
     _ref$showProgress = _ref.showProgress,
@@ -218,7 +218,6 @@ var Shelf = function Shelf(_ref) {
     viewport: viewportRef.current
   }));
 };
-exports.Shelf = Shelf;
 Shelf.displayName = "Shelf";
 var Container = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "Shelf__Container",

package/dist/elements/Shelf/Shelf.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shelf.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_useCursor2","_visuallyDisableScrollbar","_Box","_Carousel","_FullBleed","_ShelfNavigation","_ShelfScrollBar","_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","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Shelf","_ref","_ref$alignItems","alignItems","_ref$showProgress","showProgress","_ref$snap","snap","children","onChange","rest","cells","useMemo","Children","toArray","filter","isValidElement","map","child","ref","createRef","containerRef","useRef","viewportRef","_useState","useState","_useState2","mounted","setMounted","_useState3","_useState4","pages","setPages","_useState5","_useState6","offset","setOffset","_useState7","_useState8","atStart","setAtStart","init","useCallback","current","container","values","_ref2","Math","ceil","clientWidth","paginateCarousel","viewport","_container$getBoundin","getBoundingClientRect","x","useEffect","window","addEventListener","removeEventListener","_useCursor","useCursor","max","pageIndex","index","setCursor","handler","nearestPage","find","currentPage","_pages","nextPage","Infinity","scrollLeft","passive","scrollToPage","xPosition","scrollTo","left","behavior","handleNext","handlePrev","createElement","Container","Nav","as","bottom","Previous","onClick","disabled","Next","FullBleed","right","marginLeft","Viewport","Rail","position","mb","_ref3","isFirst","isLast","Cell","pl","undefined","pr","CELL_GAP_PADDING_AMOUNT","style","scrollSnapAlign","ShelfScrollBar","exports","displayName","styled","Box","withConfig","componentId","visuallyDisableScrollbar","ShelfNext","ShelfPrevious"],"sources":["../../../src/elements/Shelf/Shelf.tsx"],"sourcesContent":["import React, {\n  Children,\n  createRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport styled from \"styled-components\"\nimport { useCursor } from \"use-cursor\"\nimport { visuallyDisableScrollbar } from \"../../helpers/visuallyDisableScrollbar\"\nimport { Box, BoxProps } from \"../Box\"\nimport { CELL_GAP_PADDING_AMOUNT, paginateCarousel } from \"../Carousel\"\nimport { FlexProps } from \"../Flex\"\nimport { FullBleed } from \"../FullBleed\"\nimport { ShelfNext, ShelfPrevious } from \"./ShelfNavigation\"\nimport { ShelfScrollBar } from \"./ShelfScrollBar\"\n\n/** ShelfProps */\nexport type ShelfProps = BoxProps & {\n  alignItems?: FlexProps[\"alignItems\"]\n  showProgress?: boolean\n  snap?: \"none\" | \"start\" | \"end\" | \"center\"\n  children: JSX.Element | JSX.Element[]\n  onChange?(index: number): void\n}\n\n/**\n * A Shelf is a new kind of carousel...\n */\nexport const Shelf: React.FC<React.PropsWithChildren<ShelfProps>> = ({\n  alignItems = \"flex-end\",\n  showProgress = true,\n  snap = \"none\",\n  children,\n  onChange,\n  ...rest\n}) => {\n  const cells = useMemo(\n    () =>\n      Children.toArray(children)\n        .filter(isValidElement)\n        .map((child) => ({ child, ref: createRef<HTMLLIElement>() })),\n    [children]\n  )\n\n  const containerRef = useRef<HTMLDivElement | null>(null)\n  const viewportRef = useRef<HTMLDivElement | null>(null)\n\n  const [mounted, setMounted] = useState(false)\n  const [pages, setPages] = useState([0])\n  const [offset, setOffset] = useState(0)\n  const [atStart, setAtStart] = useState(true)\n\n  const init = useCallback(() => {\n    if (containerRef.current === null) return\n\n    const { current: container } = containerRef\n\n    // Set page-stops\n    const values = cells.map(({ ref }, i) => {\n      // If we have an offset we actually want to subtract it from\n      // the first and last elements.\n      if (offset !== 0 && (i === 0 || i === cells.length - 1)) {\n        return Math.ceil(ref.current!.clientWidth - offset)\n      }\n\n      return ref.current!.clientWidth\n    })\n\n    setPages(\n      paginateCarousel({\n        // Here we use the container width instead of the viewport width.\n        // The viewport has been extended to the full width of the window;\n        // we want to scroll to the parent boundaries instead.\n        viewport: container.clientWidth,\n        values,\n      })\n    )\n\n    // Set offset to accomodate full-bleed and line up initially with page-margins\n    const { x } = container.getBoundingClientRect()\n    setOffset(x)\n\n    setMounted(true)\n  }, [cells, offset])\n\n  useEffect(() => {\n    init()\n\n    window.addEventListener(\"resize\", init)\n    return () => {\n      window.removeEventListener(\"resize\", init)\n    }\n  }, [init])\n\n  const { index: pageIndex, setCursor } = useCursor({\n    max: pages.length,\n  })\n\n  // Keep page cursor in sync with scroll position\n  useEffect(() => {\n    if (viewportRef.current === null) return\n\n    const { current: viewport } = viewportRef\n\n    const handler = () => {\n      const nearestPage = pages.find((currentPage, i) => {\n        const nextPage = pages[i + 1] ?? Infinity\n        return (\n          viewport.scrollLeft >= currentPage && viewport.scrollLeft < nextPage\n        )\n      })\n\n      setCursor(pages.indexOf(nearestPage!))\n      setAtStart(viewport.scrollLeft === 0)\n    }\n\n    viewport.addEventListener(\"scroll\", handler, { passive: true })\n    return () => {\n      viewport.removeEventListener(\"scroll\", handler)\n    }\n  }, [pages, setCursor])\n\n  // Announce page changes\n  useEffect(() => {\n    onChange && onChange(pageIndex)\n  }, [onChange, pageIndex])\n\n  // Scroll to a specific page-stop\n  const scrollToPage = (index: number) => {\n    const xPosition = pages[index]\n    scrollTo(xPosition)\n  }\n\n  const scrollTo = (xPosition: number) => {\n    if (viewportRef.current === null) return\n\n    const { current: viewport } = viewportRef\n\n    if (viewport.scrollTo) {\n      viewport.scrollTo({ left: xPosition, behavior: \"smooth\" })\n      return\n    }\n\n    viewport.scrollLeft = xPosition\n  }\n\n  // One side-effect of scrolling to the next page index instead of\n  // setting it directly is that you can't scroll to the next one via click until\n  // you've arrived. We may want to reconsider this approach; though this is the\n  // simplest way to keep these values in sync with one another.\n  const handleNext = () => {\n    scrollToPage(pageIndex + 1)\n  }\n\n  const handlePrev = () => {\n    if (pageIndex === 0) {\n      scrollTo(0)\n      return\n    }\n\n    scrollToPage(pageIndex - 1)\n  }\n\n  return (\n    <Container ref={containerRef as any} {...rest}>\n      <Nav\n        as=\"nav\"\n        // We can't position relative to the FullBleed rail —\n        // so offset the bottom by the bottom margin + the height of the scrollbar.\n        bottom={[23, 63]}\n      >\n        <Previous\n          onClick={handlePrev}\n          disabled={atStart}\n          aria-label=\"Previous page\"\n        />\n\n        <Next\n          onClick={handleNext}\n          disabled={pageIndex === pages.length - 1}\n          aria-label=\"Next page\"\n        />\n      </Nav>\n\n      <FullBleed\n        // To prevent any page jank we initially partially disable this component\n        // so that content is left aligned with the parent container and then once\n        // we have the offset and page values; we reset it to actually full-bleed.\n        // The `offset` will push the content up to the parent margin.\n        {...(!mounted ? { left: null, right: null, marginLeft: null } : {})}\n      >\n        <Viewport ref={viewportRef as any}>\n          <Rail as=\"ul\" position=\"relative\" alignItems={alignItems} mb={[2, 6]}>\n            {cells.map(({ child, ref }, i) => {\n              const isFirst = i === 0\n              const isLast = i === cells.length - 1\n\n              return (\n                <Cell\n                  as=\"li\"\n                  key={i}\n                  ref={ref as any}\n                  pl={isFirst ? offset : undefined}\n                  pr={!isLast ? CELL_GAP_PADDING_AMOUNT : offset}\n                  style={{ scrollSnapAlign: snap }}\n                >\n                  {child}\n                </Cell>\n              )\n            })}\n          </Rail>\n        </Viewport>\n      </FullBleed>\n\n      {showProgress && <ShelfScrollBar viewport={viewportRef.current} />}\n    </Container>\n  )\n}\n\nconst Container = styled(Box)`\n  position: relative;\n  width: 100%;\n\n  > nav {\n    transition: opacity 250ms;\n    transition-delay: 100ms;\n    opacity: 0;\n  }\n\n  &:hover {\n    > nav {\n      opacity: 1;\n    }\n  }\n`\n\nconst Nav = styled(Box)`\n  pointer-events: none;\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  right: 0;\n  left: 0;\n`\n\nconst Viewport = styled(Box)`\n  display: flex;\n  height: 100%;\n  padding: 0;\n  list-style: none;\n  overflow-y: hidden;\n  overflow-x: scroll;\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n  ${visuallyDisableScrollbar}\n`\n\nconst Rail = styled(Box)`\n  display: flex;\n  width: 100%;\n  height: 100%;\n  margin-top: 0;\n  margin-left: 0;\n  margin-right: 0;\n  padding: 0;\n  list-style: none;\n  white-space: nowrap;\n`\n\nconst Cell = styled(Box)`\n  white-space: normal;\n`\n\nconst Next = styled(ShelfNext)`\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  right: 0;\n\n  @media (hover: none) {\n    display: none;\n  }\n`\n\nconst Previous = styled(ShelfPrevious)`\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0;\n\n  @media (hover: none) {\n    display: none;\n  }\n`\n"],"mappings":"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"}
+{"version":3,"file":"Shelf.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_useCursor2","_visuallyDisableScrollbar","_Box","_Carousel","_FullBleed","_ShelfNavigation","_ShelfScrollBar","_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","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Shelf","exports","_ref","_ref$alignItems","alignItems","_ref$showProgress","showProgress","_ref$snap","snap","children","onChange","rest","cells","useMemo","Children","toArray","filter","isValidElement","map","child","ref","createRef","containerRef","useRef","viewportRef","_useState","useState","_useState2","mounted","setMounted","_useState3","_useState4","pages","setPages","_useState5","_useState6","offset","setOffset","_useState7","_useState8","atStart","setAtStart","init","useCallback","current","container","values","_ref2","Math","ceil","clientWidth","paginateCarousel","viewport","_container$getBoundin","getBoundingClientRect","x","useEffect","window","addEventListener","removeEventListener","_useCursor","useCursor","max","pageIndex","index","setCursor","handler","nearestPage","find","currentPage","_pages","nextPage","Infinity","scrollLeft","passive","scrollToPage","xPosition","scrollTo","left","behavior","handleNext","handlePrev","createElement","Container","Nav","as","bottom","Previous","onClick","disabled","Next","FullBleed","right","marginLeft","Viewport","Rail","position","mb","_ref3","isFirst","isLast","Cell","pl","undefined","pr","CELL_GAP_PADDING_AMOUNT","style","scrollSnapAlign","ShelfScrollBar","displayName","styled","Box","withConfig","componentId","visuallyDisableScrollbar","ShelfNext","ShelfPrevious"],"sources":["../../../src/elements/Shelf/Shelf.tsx"],"sourcesContent":["import React, {\n  Children,\n  createRef,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport styled from \"styled-components\"\nimport { useCursor } from \"use-cursor\"\nimport { visuallyDisableScrollbar } from \"../../helpers/visuallyDisableScrollbar\"\nimport { Box, BoxProps } from \"../Box\"\nimport { CELL_GAP_PADDING_AMOUNT, paginateCarousel } from \"../Carousel\"\nimport { FlexProps } from \"../Flex\"\nimport { FullBleed } from \"../FullBleed\"\nimport { ShelfNext, ShelfPrevious } from \"./ShelfNavigation\"\nimport { ShelfScrollBar } from \"./ShelfScrollBar\"\n\n/** ShelfProps */\nexport type ShelfProps = BoxProps & {\n  alignItems?: FlexProps[\"alignItems\"]\n  showProgress?: boolean\n  snap?: \"none\" | \"start\" | \"end\" | \"center\"\n  children: JSX.Element | JSX.Element[]\n  onChange?(index: number): void\n}\n\n/**\n * A Shelf is a new kind of carousel...\n */\nexport const Shelf: React.FC<React.PropsWithChildren<ShelfProps>> = ({\n  alignItems = \"flex-end\",\n  showProgress = true,\n  snap = \"none\",\n  children,\n  onChange,\n  ...rest\n}) => {\n  const cells = useMemo(\n    () =>\n      Children.toArray(children)\n        .filter(isValidElement)\n        .map((child) => ({ child, ref: createRef<HTMLLIElement>() })),\n    [children]\n  )\n\n  const containerRef = useRef<HTMLDivElement | null>(null)\n  const viewportRef = useRef<HTMLDivElement | null>(null)\n\n  const [mounted, setMounted] = useState(false)\n  const [pages, setPages] = useState([0])\n  const [offset, setOffset] = useState(0)\n  const [atStart, setAtStart] = useState(true)\n\n  const init = useCallback(() => {\n    if (containerRef.current === null) return\n\n    const { current: container } = containerRef\n\n    // Set page-stops\n    const values = cells.map(({ ref }, i) => {\n      // If we have an offset we actually want to subtract it from\n      // the first and last elements.\n      if (offset !== 0 && (i === 0 || i === cells.length - 1)) {\n        return Math.ceil(ref.current!.clientWidth - offset)\n      }\n\n      return ref.current!.clientWidth\n    })\n\n    setPages(\n      paginateCarousel({\n        // Here we use the container width instead of the viewport width.\n        // The viewport has been extended to the full width of the window;\n        // we want to scroll to the parent boundaries instead.\n        viewport: container.clientWidth,\n        values,\n      })\n    )\n\n    // Set offset to accomodate full-bleed and line up initially with page-margins\n    const { x } = container.getBoundingClientRect()\n    setOffset(x)\n\n    setMounted(true)\n  }, [cells, offset])\n\n  useEffect(() => {\n    init()\n\n    window.addEventListener(\"resize\", init)\n    return () => {\n      window.removeEventListener(\"resize\", init)\n    }\n  }, [init])\n\n  const { index: pageIndex, setCursor } = useCursor({\n    max: pages.length,\n  })\n\n  // Keep page cursor in sync with scroll position\n  useEffect(() => {\n    if (viewportRef.current === null) return\n\n    const { current: viewport } = viewportRef\n\n    const handler = () => {\n      const nearestPage = pages.find((currentPage, i) => {\n        const nextPage = pages[i + 1] ?? Infinity\n        return (\n          viewport.scrollLeft >= currentPage && viewport.scrollLeft < nextPage\n        )\n      })\n\n      setCursor(pages.indexOf(nearestPage!))\n      setAtStart(viewport.scrollLeft === 0)\n    }\n\n    viewport.addEventListener(\"scroll\", handler, { passive: true })\n    return () => {\n      viewport.removeEventListener(\"scroll\", handler)\n    }\n  }, [pages, setCursor])\n\n  // Announce page changes\n  useEffect(() => {\n    onChange && onChange(pageIndex)\n  }, [onChange, pageIndex])\n\n  // Scroll to a specific page-stop\n  const scrollToPage = (index: number) => {\n    const xPosition = pages[index]\n    scrollTo(xPosition)\n  }\n\n  const scrollTo = (xPosition: number) => {\n    if (viewportRef.current === null) return\n\n    const { current: viewport } = viewportRef\n\n    if (viewport.scrollTo) {\n      viewport.scrollTo({ left: xPosition, behavior: \"smooth\" })\n      return\n    }\n\n    viewport.scrollLeft = xPosition\n  }\n\n  // One side-effect of scrolling to the next page index instead of\n  // setting it directly is that you can't scroll to the next one via click until\n  // you've arrived. We may want to reconsider this approach; though this is the\n  // simplest way to keep these values in sync with one another.\n  const handleNext = () => {\n    scrollToPage(pageIndex + 1)\n  }\n\n  const handlePrev = () => {\n    if (pageIndex === 0) {\n      scrollTo(0)\n      return\n    }\n\n    scrollToPage(pageIndex - 1)\n  }\n\n  return (\n    <Container ref={containerRef as any} {...rest}>\n      <Nav\n        as=\"nav\"\n        // We can't position relative to the FullBleed rail —\n        // so offset the bottom by the bottom margin + the height of the scrollbar.\n        bottom={[23, 63]}\n      >\n        <Previous\n          onClick={handlePrev}\n          disabled={atStart}\n          aria-label=\"Previous page\"\n        />\n\n        <Next\n          onClick={handleNext}\n          disabled={pageIndex === pages.length - 1}\n          aria-label=\"Next page\"\n        />\n      </Nav>\n\n      <FullBleed\n        // To prevent any page jank we initially partially disable this component\n        // so that content is left aligned with the parent container and then once\n        // we have the offset and page values; we reset it to actually full-bleed.\n        // The `offset` will push the content up to the parent margin.\n        {...(!mounted ? { left: null, right: null, marginLeft: null } : {})}\n      >\n        <Viewport ref={viewportRef as any}>\n          <Rail as=\"ul\" position=\"relative\" alignItems={alignItems} mb={[2, 6]}>\n            {cells.map(({ child, ref }, i) => {\n              const isFirst = i === 0\n              const isLast = i === cells.length - 1\n\n              return (\n                <Cell\n                  as=\"li\"\n                  key={i}\n                  ref={ref as any}\n                  pl={isFirst ? offset : undefined}\n                  pr={!isLast ? CELL_GAP_PADDING_AMOUNT : offset}\n                  style={{ scrollSnapAlign: snap }}\n                >\n                  {child}\n                </Cell>\n              )\n            })}\n          </Rail>\n        </Viewport>\n      </FullBleed>\n\n      {showProgress && <ShelfScrollBar viewport={viewportRef.current} />}\n    </Container>\n  )\n}\n\nconst Container = styled(Box)`\n  position: relative;\n  width: 100%;\n\n  > nav {\n    transition: opacity 250ms;\n    transition-delay: 100ms;\n    opacity: 0;\n  }\n\n  &:hover {\n    > nav {\n      opacity: 1;\n    }\n  }\n`\n\nconst Nav = styled(Box)`\n  pointer-events: none;\n  position: absolute;\n  z-index: 1;\n  top: 0;\n  right: 0;\n  left: 0;\n`\n\nconst Viewport = styled(Box)`\n  display: flex;\n  height: 100%;\n  padding: 0;\n  list-style: none;\n  overflow-y: hidden;\n  overflow-x: scroll;\n  -webkit-overflow-scrolling: touch;\n  scroll-snap-type: x mandatory;\n  ${visuallyDisableScrollbar}\n`\n\nconst Rail = styled(Box)`\n  display: flex;\n  width: 100%;\n  height: 100%;\n  margin-top: 0;\n  margin-left: 0;\n  margin-right: 0;\n  padding: 0;\n  list-style: none;\n  white-space: nowrap;\n`\n\nconst Cell = styled(Box)`\n  white-space: normal;\n`\n\nconst Next = styled(ShelfNext)`\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  right: 0;\n\n  @media (hover: none) {\n    display: none;\n  }\n`\n\nconst Previous = styled(ShelfPrevious)`\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0;\n\n  @media (hover: none) {\n    display: none;\n  }\n`\n"],"mappings":"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"}

package/dist/elements/Shelf/Shelf.story.js

@@ -17,15 +17,14 @@ 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; }
 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 _default = {
+var _default = exports.default = {
   title: "Components/Shelf"
 };
-exports.default = _default;
 var Demo = function Demo(_ref) {
   var _ref$amount = _ref.amount,
     amount = _ref$amount === void 0 ? 25 : _ref$amount,
@@ -50,7 +49,7 @@ var Demo = function Demo(_ref) {
   }));
 };
 Demo.displayName = "Demo";
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_Box.Box, {
     maxWidth: 1920,
     mx: "auto"
@@ -64,9 +63,8 @@ var Default = function Default() {
     }]
   }, /*#__PURE__*/_react.default.createElement(Demo, null))));
 };
-exports.Default = Default;
 Default.displayName = "Default";
-var DifferingAmounts = function DifferingAmounts() {
+var DifferingAmounts = exports.DifferingAmounts = function DifferingAmounts() {
   return /*#__PURE__*/_react.default.createElement(_Box.Box, {
     maxWidth: 1920,
     mx: "auto"
@@ -84,9 +82,8 @@ var DifferingAmounts = function DifferingAmounts() {
     }]
   }, /*#__PURE__*/_react.default.createElement(Demo, null))));
 };
-exports.DifferingAmounts = DifferingAmounts;
 DifferingAmounts.displayName = "DifferingAmounts";
-var NavigationButtons = function NavigationButtons() {
+var NavigationButtons = exports.NavigationButtons = function NavigationButtons() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       hover: true
@@ -100,9 +97,8 @@ var NavigationButtons = function NavigationButtons() {
     }]
   }, /*#__PURE__*/_react.default.createElement(_ShelfNavigation.ShelfNext, null));
 };
-exports.NavigationButtons = NavigationButtons;
 NavigationButtons.displayName = "NavigationButtons";
-var ClientSideUpdates = function ClientSideUpdates() {
+var ClientSideUpdates = exports.ClientSideUpdates = function ClientSideUpdates() {
   var _useState = (0, _react.useState)(1),
     _useState2 = _slicedToArray(_useState, 2),
     amount = _useState2[0],
@@ -119,7 +115,6 @@ var ClientSideUpdates = function ClientSideUpdates() {
     amount: amount
   }));
 };
-exports.ClientSideUpdates = ClientSideUpdates;
 ClientSideUpdates.story = {
   parameters: {
     chromatic: {

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

@@ -1 +1 @@
-{"version":3,"file":"Shelf.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_Box","_Text","_Shelf","_ShelfNavigation","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","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","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_default","title","exports","Demo","_ref","_ref$amount","amount","rest","createElement","Shelf","map","_","height","j","Box","width","bg","border","borderColor","p","display","alignItems","justifyContent","Text","variant","displayName","Default","maxWidth","mx","States","states","showProgress","DifferingAmounts","NavigationButtons","hover","focus","disabled","ShelfNext","ClientSideUpdates","_useState","useState","_useState2","setAmount","useEffect","interval","setInterval","Math","floor","random","clearInterval","Fragment","story","parameters","chromatic","disable"],"sources":["../../../src/elements/Shelf/Shelf.story.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Box } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { Shelf, ShelfProps } from \"./Shelf\"\nimport { ShelfNavigationProps, ShelfNext } from \"./ShelfNavigation\"\n\nexport default {\n  title: \"Components/Shelf\",\n}\n\nconst Demo = ({\n  amount = 25,\n  ...rest\n}: Partial<ShelfProps> & { amount?: number }) => {\n  return (\n    <Shelf {...rest}>\n      {Array.from(Array(amount))\n        .map((_, i) => [300, 250, 200, 333, 400][i % 5])\n        .map((height, j) => (\n          <Box\n            key={j}\n            width={300}\n            height={height}\n            bg=\"mono10\"\n            border=\"1px solid\"\n            borderColor=\"mono30\"\n            p={1}\n            display=\"flex\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n          >\n            <Text variant=\"sm-display\">{j + 1}</Text>\n          </Box>\n        ))}\n    </Shelf>\n  )\n}\n\nexport const Default = () => {\n  return (\n    <Box maxWidth={1920} mx=\"auto\">\n      <Box mx={[2, 4]}>\n        <States<Partial<ShelfProps>>\n          states={[{}, { alignItems: \"center\" }, { showProgress: false }]}\n        >\n          <Demo />\n        </States>\n      </Box>\n    </Box>\n  )\n}\n\nexport const DifferingAmounts = () => {\n  return (\n    <Box maxWidth={1920} mx=\"auto\">\n      <Box mx={[2, 4]}>\n        <States<Partial<ShelfProps> & { amount: number }>\n          states={[\n            { amount: 1 },\n            { amount: 3 },\n            { amount: 20 },\n            { amount: 10 },\n          ]}\n        >\n          <Demo />\n        </States>\n      </Box>\n    </Box>\n  )\n}\n\nexport const NavigationButtons = () => {\n  return (\n    <States<ShelfNavigationProps>\n      states={[\n        {},\n        { hover: true },\n        { focus: true },\n        { disabled: true },\n        { hover: true, focus: true },\n      ]}\n    >\n      <ShelfNext />\n    </States>\n  )\n}\n\nexport const ClientSideUpdates = () => {\n  const [amount, setAmount] = useState(1)\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setAmount(Math.floor(Math.random() * Math.floor(15)) + 1)\n    }, 1000)\n    return () => {\n      clearInterval(interval)\n    }\n  }, [])\n\n  return (\n    <>\n      <pre>Amount: {amount}</pre>\n      <Demo amount={amount} />\n    </>\n  )\n}\n\nClientSideUpdates.story = {\n  parameters: { chromatic: { disable: true } },\n}\n"],"mappings":"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"}
+{"version":3,"file":"Shelf.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_Box","_Text","_Shelf","_ShelfNavigation","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","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","_objectWithoutProperties","source","excluded","target","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_default","exports","title","Demo","_ref","_ref$amount","amount","rest","createElement","Shelf","map","_","height","j","Box","width","bg","border","borderColor","p","display","alignItems","justifyContent","Text","variant","displayName","Default","maxWidth","mx","States","states","showProgress","DifferingAmounts","NavigationButtons","hover","focus","disabled","ShelfNext","ClientSideUpdates","_useState","useState","_useState2","setAmount","useEffect","interval","setInterval","Math","floor","random","clearInterval","Fragment","story","parameters","chromatic","disable"],"sources":["../../../src/elements/Shelf/Shelf.story.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Box } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { Shelf, ShelfProps } from \"./Shelf\"\nimport { ShelfNavigationProps, ShelfNext } from \"./ShelfNavigation\"\n\nexport default {\n  title: \"Components/Shelf\",\n}\n\nconst Demo = ({\n  amount = 25,\n  ...rest\n}: Partial<ShelfProps> & { amount?: number }) => {\n  return (\n    <Shelf {...rest}>\n      {Array.from(Array(amount))\n        .map((_, i) => [300, 250, 200, 333, 400][i % 5])\n        .map((height, j) => (\n          <Box\n            key={j}\n            width={300}\n            height={height}\n            bg=\"mono10\"\n            border=\"1px solid\"\n            borderColor=\"mono30\"\n            p={1}\n            display=\"flex\"\n            alignItems=\"center\"\n            justifyContent=\"center\"\n          >\n            <Text variant=\"sm-display\">{j + 1}</Text>\n          </Box>\n        ))}\n    </Shelf>\n  )\n}\n\nexport const Default = () => {\n  return (\n    <Box maxWidth={1920} mx=\"auto\">\n      <Box mx={[2, 4]}>\n        <States<Partial<ShelfProps>>\n          states={[{}, { alignItems: \"center\" }, { showProgress: false }]}\n        >\n          <Demo />\n        </States>\n      </Box>\n    </Box>\n  )\n}\n\nexport const DifferingAmounts = () => {\n  return (\n    <Box maxWidth={1920} mx=\"auto\">\n      <Box mx={[2, 4]}>\n        <States<Partial<ShelfProps> & { amount: number }>\n          states={[\n            { amount: 1 },\n            { amount: 3 },\n            { amount: 20 },\n            { amount: 10 },\n          ]}\n        >\n          <Demo />\n        </States>\n      </Box>\n    </Box>\n  )\n}\n\nexport const NavigationButtons = () => {\n  return (\n    <States<ShelfNavigationProps>\n      states={[\n        {},\n        { hover: true },\n        { focus: true },\n        { disabled: true },\n        { hover: true, focus: true },\n      ]}\n    >\n      <ShelfNext />\n    </States>\n  )\n}\n\nexport const ClientSideUpdates = () => {\n  const [amount, setAmount] = useState(1)\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setAmount(Math.floor(Math.random() * Math.floor(15)) + 1)\n    }, 1000)\n    return () => {\n      clearInterval(interval)\n    }\n  }, [])\n\n  return (\n    <>\n      <pre>Amount: {amount}</pre>\n      <Demo amount={amount} />\n    </>\n  )\n}\n\nClientSideUpdates.story = {\n  parameters: { chromatic: { disable: true } },\n}\n"],"mappings":"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"}

package/dist/elements/Shelf/ShelfNavigation.js

@@ -31,23 +31,21 @@ var Arrow = (0, _styledComponents.default)(_Clickable.Clickable).withConfig({
 /**
  * Default next button
  */
-var ShelfNext = function ShelfNext(props) {
+var ShelfNext = exports.ShelfNext = function ShelfNext(props) {
   return /*#__PURE__*/_react.default.createElement(Arrow, props, /*#__PURE__*/_react.default.createElement(_ChevronRightIcon.default, {
     width: 15,
     height: 15
   }));
 };
-exports.ShelfNext = ShelfNext;
 ShelfNext.displayName = "ShelfNext";
 /**
  * Default previous button
  */
-var ShelfPrevious = function ShelfPrevious(props) {
+var ShelfPrevious = exports.ShelfPrevious = function ShelfPrevious(props) {
   return /*#__PURE__*/_react.default.createElement(Arrow, props, /*#__PURE__*/_react.default.createElement(_ChevronLeftIcon.default, {
     width: 15,
     height: 15
   }));
 };
-exports.ShelfPrevious = ShelfPrevious;
 ShelfPrevious.displayName = "ShelfPrevious";
 //# sourceMappingURL=ShelfNavigation.js.map