@artsy/palette 38.12.2 → 38.13.0

package/dist/elements/BorderedRadio/BorderedRadio.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { RadioProps } from "../Radio";
-export declare type BorderedRadioProps = RadioProps;
+export declare type BorderedRadioProps<T = any> = RadioProps<T>;
 /** A radio button with a border */
-export declare const BorderedRadio: import("styled-components").StyledComponentClass<RadioProps, any, {
+export declare const BorderedRadio: import("styled-components").StyledComponentClass<RadioProps<unknown> & BorderedRadioProps<any>, any, {
     gap?: import("styled-system").ResponsiveValue<string | number, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     property?: string | undefined;
     alignContent?: import("styled-system").ResponsiveValue<string, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
@@ -317,7 +317,7 @@ export declare const BorderedRadio: import("styled-components").StyledComponentC
     onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onSelect?: ((selected: {
         selected: boolean;
-        value: string;
+        value: unknown;
     }) => void) | undefined;
     onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
@@ -364,9 +364,9 @@ export declare const BorderedRadio: import("styled-components").StyledComponentC
     focus?: boolean | undefined;
     disabled?: boolean | undefined;
     name?: string | undefined;
-    value?: string | undefined;
+    value?: unknown;
     hover?: boolean | undefined;
     selected?: boolean | undefined;
 } & {
     theme?: any;
-} & RadioProps>;
+} & BorderedRadioProps<any>>;

package/dist/elements/BorderedRadio/BorderedRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"BorderedRadio.js","names":["_themeGet","require","_styledComponents","_interopRequireDefault","_Radio","obj","__esModule","default","BorderedRadio","styled","Radio","withConfig","displayName","componentId","themeGet","exports"],"sources":["../../../src/elements/BorderedRadio/BorderedRadio.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport styled from \"styled-components\"\nimport { Radio, RadioProps } from \"../Radio\"\n\nexport type BorderedRadioProps = RadioProps\n\n/** A radio button with a border */\nexport const BorderedRadio = styled(Radio)<BorderedRadioProps>`\n  padding: ${themeGet(\"space.2\")};\n  border-radius: 2px;\n  border: 1px solid ${themeGet(\"colors.black10\")};\n  transition: background-color 0.25s;\n\n  :hover:not(:disabled) {\n    background-color: ${themeGet(\"colors.black5\")};\n  }\n\n  :not(:first-child) {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  :not(:last-child) {\n    border-bottom: 0;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n`\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA4C,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAI5C;AACO,IAAMG,aAAa,GAAG,IAAAC,yBAAM,EAACC,YAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gTAC7B,IAAAC,kBAAQ,EAAC,SAAS,CAAC,EAEV,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAIxB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,CAahD;AAAAC,OAAA,CAAAP,aAAA,GAAAA,aAAA"}
+{"version":3,"file":"BorderedRadio.js","names":["_themeGet","require","_styledComponents","_interopRequireDefault","_Radio","obj","__esModule","default","BorderedRadio","styled","Radio","withConfig","displayName","componentId","themeGet","exports"],"sources":["../../../src/elements/BorderedRadio/BorderedRadio.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport styled from \"styled-components\"\nimport { Radio, RadioProps } from \"../Radio\"\n\nexport type BorderedRadioProps<T = any> = RadioProps<T>\n\n/** A radio button with a border */\nexport const BorderedRadio = styled(Radio)<BorderedRadioProps>`\n  padding: ${themeGet(\"space.2\")};\n  border-radius: 2px;\n  border: 1px solid ${themeGet(\"colors.black10\")};\n  transition: background-color 0.25s;\n\n  :hover:not(:disabled) {\n    background-color: ${themeGet(\"colors.black5\")};\n  }\n\n  :not(:first-child) {\n    border-top-left-radius: 0;\n    border-top-right-radius: 0;\n  }\n\n  :not(:last-child) {\n    border-bottom: 0;\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n`\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAA4C,SAAAE,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAI5C;AACO,IAAMG,aAAa,GAAG,IAAAC,yBAAM,EAACC,YAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gTAC7B,IAAAC,kBAAQ,EAAC,SAAS,CAAC,EAEV,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAIxB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,CAahD;AAAAC,OAAA,CAAAP,aAAA,GAAAA,aAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"BorderedRadio.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_RadioGroup","_BorderedRadio","obj","__esModule","default","_default","title","exports","Default","createElement","States","states","defaultValue","deselectable","RadioGroup","onSelect","action","map","value","BorderedRadio","key","displayName"],"sources":["../../../src/elements/BorderedRadio/BorderedRadio.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { RadioGroup, RadioGroupProps } from \"../RadioGroup\"\nimport { BorderedRadio } from \"./BorderedRadio\"\n\nexport default {\n  title: \"Components/BorderedRadio\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<RadioGroupProps>>\n      states={[{}, { defaultValue: \"Aural\" }, { deselectable: true }]}\n    >\n      <RadioGroup onSelect={action(\"onSelect\")}>\n        {[\"Visual\", \"Linguistic\", \"Spatial\", \"Aural\", \"Gestural\"].map(\n          (value) => {\n            return (\n              <BorderedRadio key={value} value={value}>\n                {value}\n              </BorderedRadio>\n            )\n          }\n        )}\n      </RadioGroup>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA+C,SAAAE,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAEhC;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,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;MAAEC,YAAY,EAAE;IAAQ,CAAC,EAAE;MAAEC,YAAY,EAAE;IAAK,CAAC;EAAE,gBAEhEhB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,WAAA,CAAAc,UAAU;IAACC,QAAQ,EAAE,IAAAC,oBAAM,EAAC,UAAU;EAAE,GACtC,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAACC,GAAG,CAC3D,UAACC,KAAK,EAAK;IACT,oBACErB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,cAAA,CAAAkB,aAAa;MAACC,GAAG,EAAEF,KAAM;MAACA,KAAK,EAAEA;IAAM,GACrCA,KAAK,CACQ;EAEpB,CAAC,CACF,CACU,CACN;AAEb,CAAC;AAAAX,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAlBYA,OAAO,CAAAa,WAAA"}
+{"version":3,"file":"BorderedRadio.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_RadioGroup","_BorderedRadio","obj","__esModule","default","_default","title","exports","Default","createElement","States","states","defaultValue","deselectable","RadioGroup","onSelect","action","map","value","BorderedRadio","key","displayName"],"sources":["../../../src/elements/BorderedRadio/BorderedRadio.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { RadioGroup, RadioGroupProps } from \"../RadioGroup\"\nimport { BorderedRadio } from \"./BorderedRadio\"\n\nexport default {\n  title: \"Components/BorderedRadio\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<RadioGroupProps<string>>>\n      states={[{}, { defaultValue: \"Aural\" }, { deselectable: true }]}\n    >\n      <RadioGroup onSelect={action(\"onSelect\")}>\n        {[\"Visual\", \"Linguistic\", \"Spatial\", \"Aural\", \"Gestural\"].map(\n          (value) => {\n            return (\n              <BorderedRadio key={value} value={value}>\n                {value}\n              </BorderedRadio>\n            )\n          }\n        )}\n      </RadioGroup>\n    </States>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAA+C,SAAAE,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAEhC;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,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE;MAAEC,YAAY,EAAE;IAAQ,CAAC,EAAE;MAAEC,YAAY,EAAE;IAAK,CAAC;EAAE,gBAEhEhB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,WAAA,CAAAc,UAAU;IAACC,QAAQ,EAAE,IAAAC,oBAAM,EAAC,UAAU;EAAE,GACtC,CAAC,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,CAAC,CAACC,GAAG,CAC3D,UAACC,KAAK,EAAK;IACT,oBACErB,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,cAAA,CAAAkB,aAAa;MAACC,GAAG,EAAEF,KAAM;MAACA,KAAK,EAAEA;IAAM,GACrCA,KAAK,CACQ;EAEpB,CAAC,CACF,CACU,CACN;AAEb,CAAC;AAAAX,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAlBYA,OAAO,CAAAa,WAAA"}

package/dist/elements/Radio/Radio.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { FlexProps } from "../../elements/Flex";
 import { RADIO_SIZES } from "./tokens";
-export interface RadioProps extends FlexProps, Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
+export interface RadioProps<T> extends FlexProps, Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
     /** Disable interactions */
     disabled?: boolean;
     /** Select the button on render. If the Radio is inside a RadioGroup, use RadioGroup.defaultValue instead. */
@@ -13,7 +13,7 @@ export interface RadioProps extends FlexProps, Omit<React.HTMLAttributes<HTMLDiv
     /** Forces focus state */
     focus?: boolean;
     /** Value of radio button */
-    value?: string;
+    value?: T;
     /** Name of the radio button */
     name?: string;
     /** The label content, if not specified the children will be used  */
@@ -23,8 +23,8 @@ export interface RadioProps extends FlexProps, Omit<React.HTMLAttributes<HTMLDiv
     /** Callback when selected */
     onSelect?: (selected: {
         selected: boolean;
-        value: string;
+        value: T;
     }) => void;
 }
 /** A Radio button */
-export declare const Radio: React.FC<RadioProps>;
+export declare const Radio: <T>({ children, disabled, hover, focus, error, label, selected, value, size, onSelect, ...rest }: RadioProps<T>) => JSX.Element;

package/dist/elements/Radio/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_Flex","_isText","_Text","_RadioDot","_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","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Radio","_ref","children","disabled","hover","focus","error","label","selected","value","_ref$size","size","onSelect","rest","handleClick","handleKeyPress","event","preventDefault","title","description","createElement","Container","as","alignItems","role","onClick","tabIndex","onKeyPress","Flex","height","RADIO_SIZES","dotSize","width","alignSelf","mr","RadioDot","flexDirection","flex","isText","Text","variant","labelFontSize","lineHeight","undefined","descriptionFontSize","color","exports","displayName","styled","withConfig","componentId","props","css","RADIO_STATES","RADIO_DOT_STATES","resting"],"sources":["../../../src/elements/Radio/Radio.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { Flex, FlexProps } from \"../../elements/Flex\"\nimport { isText } from \"../../helpers/isText\"\nimport { Text } from \"../Text\"\nimport { RadioDot } from \"./RadioDot\"\nimport { RADIO_DOT_STATES, RADIO_STATES, RADIO_SIZES } from \"./tokens\"\n\nexport interface RadioProps\n  extends FlexProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Disable interactions */\n  disabled?: boolean\n  /** Select the button on render. If the Radio is inside a RadioGroup, use RadioGroup.defaultValue instead. */\n  selected?: boolean\n  /** Show an error indicator */\n  error?: boolean\n  /** Show hover state on render */\n  hover?: boolean\n  /** Forces focus state */\n  focus?: boolean\n  /** Value of radio button */\n  value?: string\n  /** Name of the radio button */\n  name?: string\n  /** The label content, if not specified the children will be used  */\n  label?: React.ReactNode\n  /** The radio size, if not specified, \"sm\" will be used  */\n  size?: keyof typeof RADIO_SIZES\n  /** Callback when selected */\n  onSelect?: (selected: { selected: boolean; value: string }) => void\n}\n\n/** A Radio button */\nexport const Radio: React.FC<RadioProps> = ({\n  children,\n  disabled,\n  hover,\n  focus,\n  error,\n  label,\n  selected,\n  value,\n  size = \"sm\",\n  onSelect,\n  ...rest\n}) => {\n  const handleClick = () => {\n    onSelect && onSelect({ selected: !selected, value: value! })\n  }\n\n  const handleKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \" \") {\n      event.preventDefault()\n      onSelect && onSelect({ selected: !selected, value: value! })\n    }\n  }\n\n  // TODO: Re-name props to match <Input />\n  const title = label ? label : children\n  const description = label ? children : null\n\n  return (\n    <Container\n      as=\"label\"\n      alignItems=\"center\"\n      role=\"radio\"\n      aria-checked={selected}\n      onClick={handleClick}\n      tabIndex={disabled ? -1 : 0}\n      onKeyPress={handleKeyPress}\n      disabled={disabled}\n      hover={hover}\n      focus={focus}\n      selected={selected}\n      error={error}\n      {...rest}\n    >\n      <Flex\n        height={RADIO_SIZES[size].dotSize}\n        width={RADIO_SIZES[size].dotSize}\n        alignSelf=\"start\"\n        mr={1}\n      >\n        <RadioDot\n          disabled={disabled}\n          hover={hover}\n          focus={focus}\n          selected={selected}\n          error={error}\n        />\n      </Flex>\n\n      <Flex flexDirection=\"column\" flex={1}>\n        <Flex alignItems=\"center\" flex={1}>\n          {isText(title) ? (\n            <Text\n              variant={RADIO_SIZES[size].labelFontSize}\n              lineHeight={description ? undefined : 1}\n            >\n              {title}\n            </Text>\n          ) : (\n            title\n          )}\n        </Flex>\n\n        {isText(description) ? (\n          <Text variant={RADIO_SIZES[size].descriptionFontSize} color=\"black60\">\n            {description}\n          </Text>\n        ) : (\n          description\n        )}\n      </Flex>\n    </Container>\n  )\n}\n\nconst Container = styled(Flex)<{\n  disabled?: boolean\n  error?: boolean\n  hover?: boolean\n  focus?: boolean\n  selected?: boolean\n}>`\n  ${(props) => {\n    return css`\n      ${props.selected ? RADIO_STATES.selected : RADIO_STATES.default}\n      ${props.focus && RADIO_STATES.focus}\n      ${props.hover && RADIO_STATES.hover}\n      ${props.disabled && RADIO_STATES.disabled}\n      ${props.error && RADIO_STATES.error}\n\n      &:hover {\n        ${!props.error &&\n        !props.disabled &&\n        css`\n          ${RADIO_STATES.hover}\n\n          // Radio\n          > ${RadioDot} {\n            ${props.selected\n              ? RADIO_DOT_STATES.hover.selected\n              : RADIO_DOT_STATES.hover.resting}\n          }\n        `}\n      }\n\n      &:focus {\n        ${RADIO_STATES.focus}\n\n        // Radio\n        > ${RadioDot} {\n          ${props.selected\n            ? RADIO_DOT_STATES.focus.selected\n            : RADIO_DOT_STATES.focus.resting}\n        }\n      }\n\n      &:disabled {\n        pointer-events: none;\n        ${RADIO_STATES.disabled}\n      }\n    `\n  }}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Radio.js","names":["_react","_interopRequireDefault","require","_styledComponents","_interopRequireWildcard","_Flex","_isText","_Text","_RadioDot","_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","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Radio","_ref","children","disabled","hover","focus","error","label","selected","value","_ref$size","size","onSelect","rest","handleClick","handleKeyPress","event","preventDefault","title","description","createElement","Container","as","alignItems","role","onClick","tabIndex","onKeyPress","Flex","height","RADIO_SIZES","dotSize","width","alignSelf","mr","RadioDot","flexDirection","flex","isText","Text","variant","labelFontSize","lineHeight","undefined","descriptionFontSize","color","exports","displayName","styled","withConfig","componentId","props","css","RADIO_STATES","RADIO_DOT_STATES","resting"],"sources":["../../../src/elements/Radio/Radio.tsx"],"sourcesContent":["import React from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { Flex, FlexProps } from \"../../elements/Flex\"\nimport { isText } from \"../../helpers/isText\"\nimport { Text } from \"../Text\"\nimport { RadioDot } from \"./RadioDot\"\nimport { RADIO_DOT_STATES, RADIO_STATES, RADIO_SIZES } from \"./tokens\"\n\nexport interface RadioProps<T>\n  extends FlexProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  /** Disable interactions */\n  disabled?: boolean\n  /** Select the button on render. If the Radio is inside a RadioGroup, use RadioGroup.defaultValue instead. */\n  selected?: boolean\n  /** Show an error indicator */\n  error?: boolean\n  /** Show hover state on render */\n  hover?: boolean\n  /** Forces focus state */\n  focus?: boolean\n  /** Value of radio button */\n  value?: T\n  /** Name of the radio button */\n  name?: string\n  /** The label content, if not specified the children will be used  */\n  label?: React.ReactNode\n  /** The radio size, if not specified, \"sm\" will be used  */\n  size?: keyof typeof RADIO_SIZES\n  /** Callback when selected */\n  onSelect?: (selected: { selected: boolean; value: T }) => void\n}\n\n/** A Radio button */\nexport const Radio = <T,>({\n  children,\n  disabled,\n  hover,\n  focus,\n  error,\n  label,\n  selected,\n  value,\n  size = \"sm\",\n  onSelect,\n  ...rest\n}: RadioProps<T>) => {\n  const handleClick = () => {\n    onSelect && onSelect({ selected: !selected, value: value! })\n  }\n\n  const handleKeyPress = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (event.key === \" \") {\n      event.preventDefault()\n      onSelect && onSelect({ selected: !selected, value: value! })\n    }\n  }\n\n  // TODO: Re-name props to match <Input />\n  const title = label ? label : children\n  const description = label ? children : null\n\n  return (\n    <Container\n      as=\"label\"\n      alignItems=\"center\"\n      role=\"radio\"\n      aria-checked={selected}\n      onClick={handleClick}\n      tabIndex={disabled ? -1 : 0}\n      onKeyPress={handleKeyPress}\n      disabled={disabled}\n      hover={hover}\n      focus={focus}\n      selected={selected}\n      error={error}\n      {...rest}\n    >\n      <Flex\n        height={RADIO_SIZES[size].dotSize}\n        width={RADIO_SIZES[size].dotSize}\n        alignSelf=\"start\"\n        mr={1}\n      >\n        <RadioDot\n          disabled={disabled}\n          hover={hover}\n          focus={focus}\n          selected={selected}\n          error={error}\n        />\n      </Flex>\n\n      <Flex flexDirection=\"column\" flex={1}>\n        <Flex alignItems=\"center\" flex={1}>\n          {isText(title) ? (\n            <Text\n              variant={RADIO_SIZES[size].labelFontSize}\n              lineHeight={description ? undefined : 1}\n            >\n              {title}\n            </Text>\n          ) : (\n            title\n          )}\n        </Flex>\n\n        {isText(description) ? (\n          <Text variant={RADIO_SIZES[size].descriptionFontSize} color=\"black60\">\n            {description}\n          </Text>\n        ) : (\n          description\n        )}\n      </Flex>\n    </Container>\n  )\n}\n\nconst Container = styled(Flex)<{\n  disabled?: boolean\n  error?: boolean\n  hover?: boolean\n  focus?: boolean\n  selected?: boolean\n}>`\n  ${(props) => {\n    return css`\n      ${props.selected ? RADIO_STATES.selected : RADIO_STATES.default}\n      ${props.focus && RADIO_STATES.focus}\n      ${props.hover && RADIO_STATES.hover}\n      ${props.disabled && RADIO_STATES.disabled}\n      ${props.error && RADIO_STATES.error}\n\n      &:hover {\n        ${!props.error &&\n        !props.disabled &&\n        css`\n          ${RADIO_STATES.hover}\n\n          // Radio\n          > ${RadioDot} {\n            ${props.selected\n              ? RADIO_DOT_STATES.hover.selected\n              : RADIO_DOT_STATES.hover.resting}\n          }\n        `}\n      }\n\n      &:focus {\n        ${RADIO_STATES.focus}\n\n        // Radio\n        > ${RadioDot} {\n          ${props.selected\n            ? RADIO_DOT_STATES.focus.selected\n            : RADIO_DOT_STATES.focus.resting}\n        }\n      }\n\n      &:disabled {\n        pointer-events: none;\n        ${RADIO_STATES.disabled}\n      }\n    `\n  }}\n`\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Flex","_Text","_Radio","obj","__esModule","default","_default","title","exports","Default","createElement","States","states","selected","focus","hover","disabled","error","label","width","children","size","Radio","displayName","SplitLabel","Flex","justifyContent","flex","Text","variant","color"],"sources":["../../../src/elements/Radio/Radio.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Radio, RadioProps } from \"./Radio\"\n\nexport default {\n  title: \"Components/Radio\",\n}\n\nexport const Default = () => {\n  return (\n    <States<RadioProps>\n      states={[\n        {},\n        { selected: true },\n        { focus: true },\n        { focus: true, selected: true },\n        { hover: true },\n        { hover: true, selected: true },\n        { disabled: true },\n        { disabled: true, selected: true },\n        { error: true },\n        { error: true, selected: true },\n        {\n          label: \"A label that takes up multiple lines\",\n          width: \"200px\",\n          children: \"This is my description\",\n        },\n        {\n          label: \"A small sized radio\",\n          size: \"sm\",\n          children: \"This is my description\",\n        },\n        {\n          label: \"A medium sized radio\",\n          size: \"md\",\n          children: \"This is my description\",\n        },\n        {\n          label: \"A large sized radio\",\n          size: \"lg\",\n          children: \"This is my description\",\n        },\n      ]}\n    >\n      <Radio>A label</Radio>\n    </States>\n  )\n}\n\nexport const SplitLabel = () => {\n  return (\n    <Radio>\n      <Flex justifyContent=\"space-between\" flex={1}>\n        <Text variant=\"sm-display\">Label</Text>\n\n        <Text variant=\"xs\" color=\"black60\">\n          Subtitle\n        </Text>\n      </Flex>\n    </Radio>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA2C,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAE5B;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEb,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,gBAAA,CAAAY,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAEC,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAED,QAAQ,EAAE;IAAK,CAAC,EAC/B;MAAEE,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAEF,QAAQ,EAAE;IAAK,CAAC,EAC/B;MAAEG,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAEA,QAAQ,EAAE,IAAI;MAAEH,QAAQ,EAAE;IAAK,CAAC,EAClC;MAAEI,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAEJ,QAAQ,EAAE;IAAK,CAAC,EAC/B;MACEK,KAAK,EAAE,sCAAsC;MAC7CC,KAAK,EAAE,OAAO;MACdC,QAAQ,EAAE;IACZ,CAAC,EACD;MACEF,KAAK,EAAE,qBAAqB;MAC5BG,IAAI,EAAE,IAAI;MACVD,QAAQ,EAAE;IACZ,CAAC,EACD;MACEF,KAAK,EAAE,sBAAsB;MAC7BG,IAAI,EAAE,IAAI;MACVD,QAAQ,EAAE;IACZ,CAAC,EACD;MACEF,KAAK,EAAE,qBAAqB;MAC5BG,IAAI,EAAE,IAAI;MACVD,QAAQ,EAAE;IACZ,CAAC;EACD,gBAEFxB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACR,MAAA,CAAAoB,KAAK,QAAC,SAAO,CAAQ,CACf;AAEb,CAAC;AAAAd,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAvCYA,OAAO,CAAAc,WAAA;AAyCb,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;EAC9B,oBACE5B,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACR,MAAA,CAAAoB,KAAK,qBACJ1B,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACV,KAAA,CAAAyB,IAAI;IAACC,cAAc,EAAC,eAAe;IAACC,IAAI,EAAE;EAAE,gBAC3C/B,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAA2B,IAAI;IAACC,OAAO,EAAC;EAAY,GAAC,OAAK,CAAO,eAEvCjC,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAA2B,IAAI;IAACC,OAAO,EAAC,IAAI;IAACC,KAAK,EAAC;EAAS,GAAC,UAEnC,CAAO,CACF,CACD;AAEZ,CAAC;AAAAtB,OAAA,CAAAgB,UAAA,GAAAA,UAAA;AAZYA,UAAU,CAAAD,WAAA"}
+{"version":3,"file":"Radio.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Flex","_Text","_Radio","obj","__esModule","default","_default","title","exports","Default","createElement","States","states","selected","focus","hover","disabled","error","label","width","children","size","Radio","displayName","SplitLabel","Flex","justifyContent","flex","Text","variant","color"],"sources":["../../../src/elements/Radio/Radio.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Radio, RadioProps } from \"./Radio\"\n\nexport default {\n  title: \"Components/Radio\",\n}\n\nexport const Default = () => {\n  return (\n    <States<RadioProps<string>>\n      states={[\n        {},\n        { selected: true },\n        { focus: true },\n        { focus: true, selected: true },\n        { hover: true },\n        { hover: true, selected: true },\n        { disabled: true },\n        { disabled: true, selected: true },\n        { error: true },\n        { error: true, selected: true },\n        {\n          label: \"A label that takes up multiple lines\",\n          width: \"200px\",\n          children: \"This is my description\",\n        },\n        {\n          label: \"A small sized radio\",\n          size: \"sm\",\n          children: \"This is my description\",\n        },\n        {\n          label: \"A medium sized radio\",\n          size: \"md\",\n          children: \"This is my description\",\n        },\n        {\n          label: \"A large sized radio\",\n          size: \"lg\",\n          children: \"This is my description\",\n        },\n      ]}\n    >\n      <Radio>A label</Radio>\n    </States>\n  )\n}\n\nexport const SplitLabel = () => {\n  return (\n    <Radio>\n      <Flex justifyContent=\"space-between\" flex={1}>\n        <Text variant=\"sm-display\">Label</Text>\n\n        <Text variant=\"xs\" color=\"black60\">\n          Subtitle\n        </Text>\n      </Flex>\n    </Radio>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA2C,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAE5B;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAH,OAAA,GAAAC,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEb,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,gBAAA,CAAAY,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAEC,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAED,QAAQ,EAAE;IAAK,CAAC,EAC/B;MAAEE,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAEF,QAAQ,EAAE;IAAK,CAAC,EAC/B;MAAEG,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAEA,QAAQ,EAAE,IAAI;MAAEH,QAAQ,EAAE;IAAK,CAAC,EAClC;MAAEI,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAEJ,QAAQ,EAAE;IAAK,CAAC,EAC/B;MACEK,KAAK,EAAE,sCAAsC;MAC7CC,KAAK,EAAE,OAAO;MACdC,QAAQ,EAAE;IACZ,CAAC,EACD;MACEF,KAAK,EAAE,qBAAqB;MAC5BG,IAAI,EAAE,IAAI;MACVD,QAAQ,EAAE;IACZ,CAAC,EACD;MACEF,KAAK,EAAE,sBAAsB;MAC7BG,IAAI,EAAE,IAAI;MACVD,QAAQ,EAAE;IACZ,CAAC,EACD;MACEF,KAAK,EAAE,qBAAqB;MAC5BG,IAAI,EAAE,IAAI;MACVD,QAAQ,EAAE;IACZ,CAAC;EACD,gBAEFxB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACR,MAAA,CAAAoB,KAAK,QAAC,SAAO,CAAQ,CACf;AAEb,CAAC;AAAAd,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAvCYA,OAAO,CAAAc,WAAA;AAyCb,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;EAC9B,oBACE5B,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACR,MAAA,CAAAoB,KAAK,qBACJ1B,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACV,KAAA,CAAAyB,IAAI;IAACC,cAAc,EAAC,eAAe;IAACC,IAAI,EAAE;EAAE,gBAC3C/B,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAA2B,IAAI;IAACC,OAAO,EAAC;EAAY,GAAC,OAAK,CAAO,eAEvCjC,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAA2B,IAAI;IAACC,OAAO,EAAC,IAAI;IAACC,KAAK,EAAC;EAAS,GAAC,UAEnC,CAAO,CACF,CACD;AAEZ,CAAC;AAAAtB,OAAA,CAAAgB,UAAA,GAAAA,UAAA;AAZYA,UAAU,CAAAD,WAAA"}

package/dist/elements/RadioGroup/RadioGroup.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { FlexProps } from "../Flex";
 import { RadioProps } from "../Radio";
-export interface RadioGroupProps extends FlexProps {
+export interface RadioGroupProps<T> extends FlexProps {
     /** Ability to deselect the selection */
     deselectable?: boolean;
     /** Disable interactions */
@@ -9,27 +9,27 @@ export interface RadioGroupProps extends FlexProps {
     /** Text to display when disabled */
     disabledText?: string;
     /** Callback when selected */
-    onSelect?: (selectedOption: string) => void;
+    onSelect?: (selectedOption: T) => void;
     /** Default value of radio button */
-    defaultValue?: string;
+    defaultValue?: T;
     /** Child <Radio /> elements */
-    children: Array<React.ReactElement<RadioProps>> | React.ReactElement<RadioProps>;
+    children: Array<React.ReactElement<RadioProps<T>>> | React.ReactElement<RadioProps<T>>;
 }
-interface RadioGroupState {
-    selectedOption: string | null;
+interface RadioGroupState<T> {
+    selectedOption: T | null;
 }
 /**
  * A stateful collection of Radio buttons
  */
-export declare class RadioGroup extends React.Component<RadioGroupProps, RadioGroupState> {
+export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {
     state: {
-        selectedOption: string | null;
+        selectedOption: T | null;
     };
     componentDidUpdate(prevProps: any): void;
     onSelect: ({ value }: {
         value: any;
     }) => void;
-    renderRadioButtons(): React.ReactElement<RadioProps, string | React.JSXElementConstructor<any>>[];
+    renderRadioButtons(): React.ReactElement<RadioProps<T>, string | React.JSXElementConstructor<any>>[];
     render(): JSX.Element;
 }
 export {};

package/dist/elements/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","names":["_react","_interopRequireDefault","require","_Flex","_Text","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_classCallCheck","instance","Constructor","TypeError","_defineProperties","props","descriptor","enumerable","configurable","writable","defineProperty","_toPropertyKey","_createClass","protoProps","staticProps","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","Number","_inherits","subClass","superClass","create","constructor","value","_setPrototypeOf","o","p","setPrototypeOf","__proto__","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf","result","NewTarget","Reflect","construct","_possibleConstructorReturn","self","_assertThisInitialized","ReferenceError","sham","Proxy","Boolean","valueOf","e","getPrototypeOf","RadioGroup","_React$Component","_super","_this","_len","args","Array","_key","concat","state","selectedOption","defaultValue","onSelect","_ref","update","deselectable","setState","componentDidUpdate","prevProps","renderRadioButtons","_this2","React","Children","map","children","child","cloneElement","disabled","selected","_child$props$onSelect","_child$props","render","_this$props","disabledText","_onSelect","_defaultValue","_children","rest","createElement","Flex","flexDirection","Text","variant","mb","color","Component","exports","displayName"],"sources":["../../../src/elements/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import React from \"react\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { RadioProps } from \"../Radio\"\nimport { Text } from \"../Text\"\n\nexport interface RadioGroupProps extends FlexProps {\n  /** Ability to deselect the selection */\n  deselectable?: boolean\n  /** Disable interactions */\n  disabled?: boolean\n  /** Text to display when disabled */\n  disabledText?: string\n  /** Callback when selected */\n  onSelect?: (selectedOption: string) => void\n  /** Default value of radio button */\n  defaultValue?: string\n  /** Child <Radio /> elements */\n  children:\n    | Array<React.ReactElement<RadioProps>>\n    | React.ReactElement<RadioProps>\n}\n\ninterface RadioGroupState {\n  selectedOption: string | null\n}\n\n/**\n * A stateful collection of Radio buttons\n */\nexport class RadioGroup extends React.Component<\n  RadioGroupProps,\n  RadioGroupState\n> {\n  state = {\n    selectedOption: this.props.defaultValue || null,\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.defaultValue !== this.props.defaultValue) {\n      this.setState({\n        selectedOption: this.props.defaultValue!,\n      })\n    }\n  }\n\n  onSelect = ({ value }) => {\n    // After state update, call back up the tree with the latest state\n    const update = () => {\n      if (this.props.onSelect) {\n        this.props.onSelect(this.state.selectedOption!)\n      }\n    }\n\n    if (this.props.deselectable) {\n      if (this.state.selectedOption === value) {\n        this.setState(\n          {\n            selectedOption: null,\n          },\n          update\n        )\n        return\n      }\n    }\n\n    this.setState({ selectedOption: value }, update)\n  }\n\n  renderRadioButtons() {\n    return React.Children.map(\n      this.props.children,\n      (child: React.ReactElement<RadioProps>) => {\n        return React.cloneElement(child, {\n          disabled:\n            child.props.disabled !== undefined\n              ? child.props.disabled\n              : this.props.disabled,\n          onSelect: child.props.onSelect\n            ? (selected) => {\n                this.onSelect(selected)\n                child.props.onSelect?.(selected)\n              }\n            : this.onSelect,\n          // FIXME: Throw an error `child.props.selected' is set once we enable the dev code elimination.\n          selected: this.state.selectedOption === child.props.value,\n        })\n      }\n    )\n  }\n\n  render() {\n    const {\n      disabled,\n      disabledText,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      onSelect: _onSelect,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      defaultValue: _defaultValue,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      children: _children,\n      ...rest\n    } = this.props\n    return (\n      <Flex flexDirection=\"column\" {...rest}>\n        {disabled && disabledText && (\n          <Text variant=\"xs\" mb={1} color=\"black60\">\n            {disabledText}\n          </Text>\n        )}\n\n        {this.renderRadioButtons()}\n      </Flex>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"RadioGroup.js","names":["_react","_interopRequireDefault","require","_Flex","_Text","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_classCallCheck","instance","Constructor","TypeError","_defineProperties","props","descriptor","enumerable","configurable","writable","defineProperty","_toPropertyKey","_createClass","protoProps","staticProps","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","Number","_inherits","subClass","superClass","create","constructor","value","_setPrototypeOf","o","p","setPrototypeOf","__proto__","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf","result","NewTarget","Reflect","construct","_possibleConstructorReturn","self","_assertThisInitialized","ReferenceError","sham","Proxy","Boolean","valueOf","e","getPrototypeOf","RadioGroup","_React$Component","_super","_this","_len","args","Array","_key","concat","state","selectedOption","defaultValue","onSelect","_ref","update","deselectable","setState","componentDidUpdate","prevProps","renderRadioButtons","_this2","React","Children","map","children","child","cloneElement","disabled","selected","_child$props$onSelect","_child$props","render","_this$props","disabledText","_onSelect","_defaultValue","_children","rest","createElement","Flex","flexDirection","Text","variant","mb","color","Component","exports","displayName"],"sources":["../../../src/elements/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import React from \"react\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { RadioProps } from \"../Radio\"\nimport { Text } from \"../Text\"\n\nexport interface RadioGroupProps<T> extends FlexProps {\n  /** Ability to deselect the selection */\n  deselectable?: boolean\n  /** Disable interactions */\n  disabled?: boolean\n  /** Text to display when disabled */\n  disabledText?: string\n  /** Callback when selected */\n  onSelect?: (selectedOption: T) => void\n  /** Default value of radio button */\n  defaultValue?: T\n  /** Child <Radio /> elements */\n  children:\n    | Array<React.ReactElement<RadioProps<T>>>\n    | React.ReactElement<RadioProps<T>>\n}\n\ninterface RadioGroupState<T> {\n  selectedOption: T | null\n}\n\n/**\n * A stateful collection of Radio buttons\n */\nexport class RadioGroup<T> extends React.Component<\n  RadioGroupProps<T>,\n  RadioGroupState<T>\n> {\n  state = {\n    selectedOption: this.props.defaultValue || null,\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.defaultValue !== this.props.defaultValue) {\n      this.setState({\n        selectedOption: this.props.defaultValue!,\n      })\n    }\n  }\n\n  onSelect = ({ value }) => {\n    // After state update, call back up the tree with the latest state\n    const update = () => {\n      if (this.props.onSelect) {\n        this.props.onSelect(this.state.selectedOption!)\n      }\n    }\n\n    if (this.props.deselectable) {\n      if (this.state.selectedOption === value) {\n        this.setState(\n          {\n            selectedOption: null,\n          },\n          update\n        )\n        return\n      }\n    }\n\n    this.setState({ selectedOption: value }, update)\n  }\n\n  renderRadioButtons() {\n    return React.Children.map(\n      this.props.children,\n      (child: React.ReactElement<RadioProps<T>>) => {\n        return React.cloneElement(child, {\n          disabled:\n            child.props.disabled !== undefined\n              ? child.props.disabled\n              : this.props.disabled,\n          onSelect: child.props.onSelect\n            ? (selected) => {\n                this.onSelect(selected)\n                child.props.onSelect?.(selected)\n              }\n            : this.onSelect,\n          // FIXME: Throw an error `child.props.selected' is set once we enable the dev code elimination.\n          selected: this.state.selectedOption === child.props.value,\n        })\n      }\n    )\n  }\n\n  render() {\n    const {\n      disabled,\n      disabledText,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      onSelect: _onSelect,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      defaultValue: _defaultValue,\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      children: _children,\n      ...rest\n    } = this.props\n    return (\n      <Flex flexDirection=\"column\" {...rest}>\n        {disabled && disabledText && (\n          <Text variant=\"xs\" mb={1} color=\"black60\">\n            {disabledText}\n          </Text>\n        )}\n\n        {this.renderRadioButtons()}\n      </Flex>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/elements/RadioGroup/RadioGroup.story.d.ts

@@ -9,3 +9,4 @@ export declare const WithDefaultValue: {
         name: string;
     };
 };
+export declare const OtherTypes: () => JSX.Element;

package/dist/elements/RadioGroup/RadioGroup.story.js

@@ -4,7 +4,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.WithDefaultValue = exports.Default = void 0;
+exports.default = exports.WithDefaultValue = exports.OtherTypes = exports.Default = void 0;
 var _addonActions = require("@storybook/addon-actions");
 var _react = _interopRequireWildcard(require("react"));
 var _storybookStates = require("storybook-states");
@@ -80,4 +80,19 @@ exports.WithDefaultValue = WithDefaultValue;
 WithDefaultValue.story = {
   name: "With default value"
 };
+var OtherTypes = function OtherTypes() {
+  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, null, /*#__PURE__*/_react.default.createElement(_RadioGroup.RadioGroup, {
+    onSelect: (0, _addonActions.action)("onSelect")
+  }, /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
+    value: true,
+    label: "Yes"
+  }), /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
+    y: 0.5
+  }), /*#__PURE__*/_react.default.createElement(_Radio.Radio, {
+    value: false,
+    label: "No"
+  })));
+};
+exports.OtherTypes = OtherTypes;
+OtherTypes.displayName = "OtherTypes";
 //# sourceMappingURL=RadioGroup.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_Spacer","_Button","_Radio","_RadioGroup","_Join","_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","_default","title","exports","Default","createElement","States","states","defaultValue","deselectable","disabled","disabledText","RadioGroup","onSelect","action","Join","separator","Spacer","y","map","Radio","label","displayName","WithDefaultValue","_useState","useState","_useState2","setValue","Fragment","Button","mb","onClick","story"],"sources":["../../../src/elements/RadioGroup/RadioGroup.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Spacer } from \"../Spacer\"\nimport { Button } from \"../Button\"\nimport { Radio } from \"../Radio/Radio\"\nimport { RadioGroup, RadioGroupProps } from \"./RadioGroup\"\nimport { Join } from \"../Join\"\n\nexport default {\n  title: \"Components/RadioGroup\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<RadioGroupProps>>\n      states={[\n        {},\n        { defaultValue: \"Aural\" },\n        { deselectable: true },\n        { disabled: true },\n        { disabled: true, disabledText: \"Reason for disabled\" },\n      ]}\n    >\n      <RadioGroup onSelect={action(\"onSelect\")}>\n        <Join separator={<Spacer y={0.5} />}>\n          {[\"Visual\", \"Linguistic\", \"Spatial\", \"Aural\", \"Gestural\"].map(\n            (value) => {\n              return <Radio key={value} value={value} label={value} />\n            }\n          )}\n        </Join>\n      </RadioGroup>\n    </States>\n  )\n}\n\nexport const WithDefaultValue = () => {\n  const [defaultValue, setValue] = useState(\"PICKUP\")\n\n  return (\n    <>\n      <Button\n        mb={2}\n        onClick={() => {\n          setValue(defaultValue === \"PICKUP\" ? \"SHIP\" : \"PICKUP\")\n        }}\n      >\n        Toggle default value: {defaultValue}\n      </Button>\n\n      <RadioGroup defaultValue={defaultValue} onSelect={action(\"onSelect\")}>\n        <Radio value=\"SHIP\" label=\"Provide shipping address\" />\n        <Spacer y={0.5} />\n        <Radio value=\"PICKUP\" label=\"Arrange for pickup\" />\n      </RadioGroup>\n    </>\n  )\n}\n\nWithDefaultValue.story = {\n  name: \"With default value\",\n}\n"],"mappings":"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"}
+{"version":3,"file":"RadioGroup.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_Spacer","_Button","_Radio","_RadioGroup","_Join","_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","_default","title","exports","Default","createElement","States","states","defaultValue","deselectable","disabled","disabledText","RadioGroup","onSelect","action","Join","separator","Spacer","y","map","Radio","label","displayName","WithDefaultValue","_useState","useState","_useState2","setValue","Fragment","Button","mb","onClick","story","OtherTypes"],"sources":["../../../src/elements/RadioGroup/RadioGroup.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Spacer } from \"../Spacer\"\nimport { Button } from \"../Button\"\nimport { Radio } from \"../Radio/Radio\"\nimport { RadioGroup, RadioGroupProps } from \"./RadioGroup\"\nimport { Join } from \"../Join\"\n\nexport default {\n  title: \"Components/RadioGroup\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<RadioGroupProps<string>>>\n      states={[\n        {},\n        { defaultValue: \"Aural\" },\n        { deselectable: true },\n        { disabled: true },\n        { disabled: true, disabledText: \"Reason for disabled\" },\n      ]}\n    >\n      <RadioGroup onSelect={action(\"onSelect\")}>\n        <Join separator={<Spacer y={0.5} />}>\n          {[\"Visual\", \"Linguistic\", \"Spatial\", \"Aural\", \"Gestural\"].map(\n            (value) => {\n              return <Radio key={value} value={value} label={value} />\n            }\n          )}\n        </Join>\n      </RadioGroup>\n    </States>\n  )\n}\n\nexport const WithDefaultValue = () => {\n  const [defaultValue, setValue] = useState(\"PICKUP\")\n\n  return (\n    <>\n      <Button\n        mb={2}\n        onClick={() => {\n          setValue(defaultValue === \"PICKUP\" ? \"SHIP\" : \"PICKUP\")\n        }}\n      >\n        Toggle default value: {defaultValue}\n      </Button>\n\n      <RadioGroup defaultValue={defaultValue} onSelect={action(\"onSelect\")}>\n        <Radio value=\"SHIP\" label=\"Provide shipping address\" />\n        <Spacer y={0.5} />\n        <Radio value=\"PICKUP\" label=\"Arrange for pickup\" />\n      </RadioGroup>\n    </>\n  )\n}\n\nWithDefaultValue.story = {\n  name: \"With default value\",\n}\n\nexport const OtherTypes = () => {\n  return (\n    <States<Partial<RadioGroupProps<boolean | undefined>>>>\n      <RadioGroup onSelect={action(\"onSelect\")}>\n        <Radio value={true} label=\"Yes\" />\n\n        <Spacer y={0.5} />\n\n        <Radio value={false} label=\"No\" />\n      </RadioGroup>\n    </States>\n  )\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "38.12.2",
+  "version": "38.13.0",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -182,5 +182,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "ed01577b5506ae3b33e0090cb1210682af01561a"
+  "gitHead": "556dd6b7db51315eaed004c02fed9b1500c28cde"
 }