[{"importDeclarations":[{"moduleName":"react","bindings":["React"]},{"moduleName":"@storybook/react","bindings":["storiesOf"]},{"moduleName":"@storybook/addon-actions","bindings":["action"]},{"moduleName":"@storybook/addon-knobs","bindings":["withKnobs","text","boolean","select"]},{"moduleName":"@storybook/addon-a11y","bindings":["withA11y"]},{"moduleName":"./Button","bindings":["Button","buttonTypes"]},{"moduleName":"../Icons","bindings":["icons"]}],"stories":[{"externalComponentId":"5e38546e7a0ded6dda308d55","kind":"Buttons","name":"Editable New","dsmInfo":{"id":"5e38546e7a0ded6dda308d55","docgenInfo":{"description":"","displayName":"Button","methods":[],"props":{"children":{"type":{"name":"node"},"required":false,"description":"This prop should only be used in rare cases if you need a more custom button","defaultValue":{"value":"null","computed":false}},"type":{"type":{"name":"string"},"required":false,"description":"Type of button, import button types for a complete list, primary is default","defaultValue":{"value":"cx(styles.primary)","computed":true}},"buttonText":{"type":{"name":"string"},"required":false,"description":"Text for the button","defaultValue":{"value":"''","computed":false}},"ariaLabel":{"type":{"name":"string"},"required":false,"description":"Aria label required if only using icon or if button text is vague","defaultValue":{"value":"null","computed":false}},"isSubmit":{"type":{"name":"bool"},"required":false,"description":"Is this button being used a a form submit button","defaultValue":{"value":"false","computed":false}},"buttonClass":{"type":{"name":"string"},"required":false,"description":"Additional class if needed","defaultValue":{"value":"null","computed":false}},"isLoading":{"type":{"name":"bool"},"required":false,"description":"State at which to show loading spinner","defaultValue":{"value":"false","computed":false}},"disabled":{"type":{"name":"bool"},"required":false,"description":"State at which to disable onClick","defaultValue":{"value":"false","computed":false}},"onClick":{"type":{"name":"func"},"required":false,"description":"Action to take onClick","defaultValue":{"value":"() => null","computed":false}},"asLink":{"type":{"name":"bool"},"required":false,"description":"Is this Button functioning as a link?","defaultValue":{"value":"false","computed":false}},"extraButtonProps":{"type":{"name":"shape","value":{}},"required":false,"description":"Any additional attributes you want to give to the button","defaultValue":{"value":"null","computed":false}},"inverted":{"type":{"name":"bool"},"required":false,"description":"Do you want to invert the colors of the button","defaultValue":{"value":"false","computed":false}},"shouldLocalize":{"type":{"name":"bool"},"required":false,"description":"Do you want to localize the button text","defaultValue":{"value":"true","computed":false}},"buttonIcon":{"type":{"name":"func"},"required":false,"description":"Icon to add to the left of the button","defaultValue":{"value":"null","computed":false}},"buttonIconRight":{"type":{"name":"func"},"required":false,"description":"Icon to the right of button text if needed","defaultValue":{"value":"null","computed":false}},"buttonIconSize":{"type":{"name":"number"},"required":false,"description":"Change Icon size, this should only be used in special cases","defaultValue":{"value":"13","computed":false}}}}},"frameworkMetadata":{"returnStatement":"<Button\n        type={buttonTypes.editableNew}\n        onClick={action('clicked')}\n        buttonText={buttonText()}\n        disabled={isDisabled()}\n        isLoading={isLoading()}\n        asLink={isLink()}\n        extraButtonProps={isLink() && { href: 'http://google.com', target: '_blank' }}\n        buttonIcon={showIcons() && icons[buttonIcon()]}\n        buttonIconRight={showIconRight() && icons[buttonIconRight()]}\n        shouldLocalize\n      />"}},{"externalComponentId":"5e3862a74fe2fd9145b5dddc","kind":"Buttons","name":"Info New","dsmInfo":{"id":"5e3862a74fe2fd9145b5dddc","docgenInfo":{"description":"","displayName":"Button","methods":[],"props":{"children":{"type":{"name":"node"},"required":false,"description":"This prop should only be used in rare cases if you need a more custom button","defaultValue":{"value":"null","computed":false}},"type":{"type":{"name":"string"},"required":false,"description":"Type of button, import button types for a complete list, primary is default","defaultValue":{"value":"cx(styles.primary)","computed":true}},"buttonText":{"type":{"name":"string"},"required":false,"description":"Text for the button","defaultValue":{"value":"''","computed":false}},"ariaLabel":{"type":{"name":"string"},"required":false,"description":"Aria label required if only using icon or if button text is vague","defaultValue":{"value":"null","computed":false}},"isSubmit":{"type":{"name":"bool"},"required":false,"description":"Is this button being used a a form submit button","defaultValue":{"value":"false","computed":false}},"buttonClass":{"type":{"name":"string"},"required":false,"description":"Additional class if needed","defaultValue":{"value":"null","computed":false}},"isLoading":{"type":{"name":"bool"},"required":false,"description":"State at which to show loading spinner","defaultValue":{"value":"false","computed":false}},"disabled":{"type":{"name":"bool"},"required":false,"description":"State at which to disable onClick","defaultValue":{"value":"false","computed":false}},"onClick":{"type":{"name":"func"},"required":false,"description":"Action to take onClick","defaultValue":{"value":"() => null","computed":false}},"asLink":{"type":{"name":"bool"},"required":false,"description":"Is this Button functioning as a link?","defaultValue":{"value":"false","computed":false}},"extraButtonProps":{"type":{"name":"shape","value":{}},"required":false,"description":"Any additional attributes you want to give to the button","defaultValue":{"value":"null","computed":false}},"inverted":{"type":{"name":"bool"},"required":false,"description":"Do you want to invert the colors of the button","defaultValue":{"value":"false","computed":false}},"shouldLocalize":{"type":{"name":"bool"},"required":false,"description":"Do you want to localize the button text","defaultValue":{"value":"true","computed":false}},"buttonIcon":{"type":{"name":"func"},"required":false,"description":"Icon to add to the left of the button","defaultValue":{"value":"null","computed":false}},"buttonIconRight":{"type":{"name":"func"},"required":false,"description":"Icon to the right of button text if needed","defaultValue":{"value":"null","computed":false}},"buttonIconSize":{"type":{"name":"number"},"required":false,"description":"Change Icon size, this should only be used in special cases","defaultValue":{"value":"13","computed":false}}}}},"frameworkMetadata":{"returnStatement":"<Button\n        type={buttonTypes.infoNew}\n        onClick={action('clicked')}\n        buttonText={buttonText()}\n        disabled={isDisabled()}\n        isLoading={isLoading()}\n        asLink={isLink()}\n        extraButtonProps={isLink() && { href: 'http://google.com', target: '_blank' }}\n        buttonIcon={showIcons() && icons[buttonIcon()]}\n        buttonIconRight={showIconRight() && icons[buttonIconRight()]}\n        shouldLocalize\n      />"}},{"externalComponentId":"5e383e79d76a6cc7874a207f","kind":"Buttons","name":"Secondary","dsmInfo":{"id":"5e383e79d76a6cc7874a207f","docgenInfo":{"description":"","displayName":"Button","methods":[],"props":{"children":{"type":{"name":"node"},"required":false,"description":"This prop should only be used in rare cases if you need a more custom button","defaultValue":{"value":"null","computed":false}},"type":{"type":{"name":"string"},"required":false,"description":"Type of button, import button types for a complete list, primary is default","defaultValue":{"value":"cx(styles.primary)","computed":true}},"buttonText":{"type":{"name":"string"},"required":false,"description":"Text for the button","defaultValue":{"value":"''","computed":false}},"ariaLabel":{"type":{"name":"string"},"required":false,"description":"Aria label required if only using icon or if button text is vague","defaultValue":{"value":"null","computed":false}},"isSubmit":{"type":{"name":"bool"},"required":false,"description":"Is this button being used a a form submit button","defaultValue":{"value":"false","computed":false}},"buttonClass":{"type":{"name":"string"},"required":false,"description":"Additional class if needed","defaultValue":{"value":"null","computed":false}},"isLoading":{"type":{"name":"bool"},"required":false,"description":"State at which to show loading spinner","defaultValue":{"value":"false","computed":false}},"disabled":{"type":{"name":"bool"},"required":false,"description":"State at which to disable onClick","defaultValue":{"value":"false","computed":false}},"onClick":{"type":{"name":"func"},"required":false,"description":"Action to take onClick","defaultValue":{"value":"() => null","computed":false}},"asLink":{"type":{"name":"bool"},"required":false,"description":"Is this Button functioning as a link?","defaultValue":{"value":"false","computed":false}},"extraButtonProps":{"type":{"name":"shape","value":{}},"required":false,"description":"Any additional attributes you want to give to the button","defaultValue":{"value":"null","computed":false}},"inverted":{"type":{"name":"bool"},"required":false,"description":"Do you want to invert the colors of the button","defaultValue":{"value":"false","computed":false}},"shouldLocalize":{"type":{"name":"bool"},"required":false,"description":"Do you want to localize the button text","defaultValue":{"value":"true","computed":false}},"buttonIcon":{"type":{"name":"func"},"required":false,"description":"Icon to add to the left of the button","defaultValue":{"value":"null","computed":false}},"buttonIconRight":{"type":{"name":"func"},"required":false,"description":"Icon to the right of button text if needed","defaultValue":{"value":"null","computed":false}},"buttonIconSize":{"type":{"name":"number"},"required":false,"description":"Change Icon size, this should only be used in special cases","defaultValue":{"value":"13","computed":false}}}}},"frameworkMetadata":{"returnStatement":"<Button\n        type={buttonTypes.secondary}\n        onClick={action('clicked')}\n        buttonText={buttonText()}\n        disabled={isDisabled()}\n        isLoading={isLoading()}\n        asLink={isLink()}\n        extraButtonProps={isLink() && { href: 'http://google.com', target: '_blank' }}\n        buttonIcon={showIcons() && icons[buttonIcon()]}\n        buttonIconRight={showIconRight() && icons[buttonIconRight()]}\n        shouldLocalize\n      />"}},{"externalComponentId":"5e331ad170092c6455abb1c7","kind":"Buttons","name":"Primary","dsmInfo":{"id":"5e331ad170092c6455abb1c7","docgenInfo":{"description":"","displayName":"Button","methods":[],"props":{"children":{"type":{"name":"node"},"required":false,"description":"This prop should only be used in rare cases if you need a more custom button","defaultValue":{"value":"null","computed":false}},"type":{"type":{"name":"string"},"required":false,"description":"Type of button, import button types for a complete list, primary is default","defaultValue":{"value":"cx(styles.primary)","computed":true}},"buttonText":{"type":{"name":"string"},"required":false,"description":"Text for the button","defaultValue":{"value":"''","computed":false}},"ariaLabel":{"type":{"name":"string"},"required":false,"description":"Aria label required if only using icon or if button text is vague","defaultValue":{"value":"null","computed":false}},"isSubmit":{"type":{"name":"bool"},"required":false,"description":"Is this button being used a a form submit button","defaultValue":{"value":"false","computed":false}},"buttonClass":{"type":{"name":"string"},"required":false,"description":"Additional class if needed","defaultValue":{"value":"null","computed":false}},"isLoading":{"type":{"name":"bool"},"required":false,"description":"State at which to show loading spinner","defaultValue":{"value":"false","computed":false}},"disabled":{"type":{"name":"bool"},"required":false,"description":"State at which to disable onClick","defaultValue":{"value":"false","computed":false}},"onClick":{"type":{"name":"func"},"required":false,"description":"Action to take onClick","defaultValue":{"value":"() => null","computed":false}},"asLink":{"type":{"name":"bool"},"required":false,"description":"Is this Button functioning as a link?","defaultValue":{"value":"false","computed":false}},"extraButtonProps":{"type":{"name":"shape","value":{}},"required":false,"description":"Any additional attributes you want to give to the button","defaultValue":{"value":"null","computed":false}},"inverted":{"type":{"name":"bool"},"required":false,"description":"Do you want to invert the colors of the button","defaultValue":{"value":"false","computed":false}},"shouldLocalize":{"type":{"name":"bool"},"required":false,"description":"Do you want to localize the button text","defaultValue":{"value":"true","computed":false}},"buttonIcon":{"type":{"name":"func"},"required":false,"description":"Icon to add to the left of the button","defaultValue":{"value":"null","computed":false}},"buttonIconRight":{"type":{"name":"func"},"required":false,"description":"Icon to the right of button text if needed","defaultValue":{"value":"null","computed":false}},"buttonIconSize":{"type":{"name":"number"},"required":false,"description":"Change Icon size, this should only be used in special cases","defaultValue":{"value":"13","computed":false}}}}},"frameworkMetadata":{"returnStatement":"<Button\n          onClick={action('clicked')}\n          buttonText={buttonText()}\n          disabled={isDisabled()}\n          isLoading={isLoading()}\n          asLink={isLink()}\n          extraButtonProps={isLink() && { href: 'http://google.com', target: '_blank' }}\n          buttonIcon={showIcons() && icons[buttonIcon()]}\n          buttonIconRight={showIconRight() && icons[buttonIconRight()]}\n          shouldLocalize\n        />"}}]},{"importDeclarations":[{"moduleName":"react","bindings":["React"]},{"moduleName":"@storybook/react","bindings":["storiesOf"]},{"moduleName":"@storybook/addon-knobs","bindings":["withKnobs","text","boolean"]},{"moduleName":"@storybook/addon-actions","bindings":["action"]},{"moduleName":"@storybook/addon-a11y","bindings":["withA11y"]},{"moduleName":"../ErrorMessage","bindings":["ErrorMessage"]},{"moduleName":"./Checkbox","bindings":["Checkbox"]}],"stories":[{"externalComponentId":"5e3d9fcee8465251b832b9e5","kind":"Form Elements","name":"Checkbox","dsmInfo":{"id":"5e3d9fcee8465251b832b9e5","docgenInfo":{"description":"","displayName":"Checkbox","methods":[],"props":{"label":{"type":{"name":"string"},"required":false,"description":"The label on the input.","defaultValue":{"value":"''","computed":false}},"labelClass":{"type":{"name":"string"},"required":false,"description":"Class passed to label","defaultValue":{"value":"null","computed":false}},"isFormGroupHeading":{"type":{"name":"bool"},"required":false,"description":"Is the label a form group heading","defaultValue":{"value":"false","computed":false}},"value":{"type":{"name":"union","value":[{"name":"string"},{"name":"number"},{"name":"bool"},{"name":"arrayOf","value":{"name":"any"}}]},"required":false,"description":"The value of the input.","defaultValue":{"value":"undefined","computed":true}},"name":{"type":{"name":"string"},"required":false,"description":"Name of input.","defaultValue":{"value":"undefined","computed":true}},"isChecked":{"type":{"name":"bool"},"required":false,"description":"Is it checked?","defaultValue":{"value":"undefined","computed":true}},"inline":{"type":{"name":"bool"},"required":false,"description":"Display inline.","defaultValue":{"value":"false","computed":false}},"onChange":{"type":{"name":"func"},"required":false,"description":"Called when changed.","defaultValue":{"value":"undefined","computed":true}},"id":{"type":{"name":"string"},"required":true,"description":"The id of the input."},"required":{"type":{"name":"bool"},"required":false,"description":"Is there a little red *?","defaultValue":{"value":"false","computed":false}},"bold":{"type":{"name":"bool"},"required":false,"description":"Is the label bold","defaultValue":{"value":"false","computed":false}},"error":{"type":{"name":"union","value":[{"name":"func"},{"name":"string"},{"name":"bool"}]},"required":false,"description":"String or function passed to ErrorBox","defaultValue":{"value":"undefined","computed":true}},"disabled":{"type":{"name":"bool"},"required":false,"description":"Is this checkable?","defaultValue":{"value":"false","computed":false}},"className":{"type":{"name":"string"},"required":false,"description":"Custom className","defaultValue":{"value":"''","computed":false}},"onBlur":{"type":{"name":"func"},"required":false,"description":"Called on blurring field.","defaultValue":{"value":"undefined","computed":true}},"large":{"type":{"name":"bool"},"required":false,"description":"Is the checkbox large","defaultValue":{"value":"false","computed":false}},"shouldLocalize":{"type":{"name":"bool"},"required":false,"description":"Should the label be localized?","defaultValue":{"value":"false","computed":false}},"title":{"type":{"name":"string"},"required":false,"description":"","defaultValue":{"value":"undefined","computed":true}}}}},"frameworkMetadata":{"returnStatement":"<div>\n      <Checkbox\n        onClick={action('clicked')}\n        label={label()}\n        id=\"checkbox1\"\n        disabled={isDisabled()}\n        error={error()}\n      />\n      {error() && <ErrorMessage id=\"checkbox1-error\" message=\"There's an error here.\" />}\n    </div>"}}]},{"importDeclarations":[{"moduleName":"react","bindings":["React"]},{"moduleName":"@storybook/react","bindings":["storiesOf"]},{"moduleName":"@storybook/addon-a11y","bindings":["withA11y"]},{"moduleName":"./LocalizeWidget","bindings":["LocalizeWidget"]}],"stories":[{"externalComponentId":"5e723abd39ddbc59a5abc5d1","kind":"LocalizeWidget","name":"Basic","dsmInfo":{"id":"5e723abd39ddbc59a5abc5d1","docgenInfo":{"description":"","displayName":"LocalizeWidget","methods":[]}},"frameworkMetadata":{"returnStatement":"<LocalizeWidget />"}}]},{"importDeclarations":[{"moduleName":"react","bindings":["React"]},{"moduleName":"@storybook/react","bindings":["storiesOf"]},{"moduleName":"@storybook/addon-actions","bindings":["action"]},{"moduleName":"@storybook/addon-knobs","bindings":["withKnobs","boolean"]},{"moduleName":"@storybook/addon-a11y","bindings":["withA11y"]},{"moduleName":"./RadioButton","bindings":["RadioButton"]}],"stories":[{"externalComponentId":"5e432a883c6c585f4bd7faea","kind":"Form Elements","name":"Radio Button","dsmInfo":{"id":"5e432a883c6c585f4bd7faea","docgenInfo":{"description":"","displayName":"RadioButton","methods":[],"props":{"label":{"type":{"name":"string"},"required":false,"description":"The label on the input.","defaultValue":{"value":"''","computed":false}},"value":{"type":{"name":"string"},"required":false,"description":"The value of the input.","defaultValue":{"value":"undefined","computed":true}},"name":{"type":{"name":"string"},"required":false,"description":"Name of input.","defaultValue":{"value":"undefined","computed":true}},"onChange":{"type":{"name":"func"},"required":false,"description":"Called when changed.","defaultValue":{"value":"() => {}","computed":false}},"id":{"type":{"name":"string"},"required":true,"description":"The id of the input."},"isChecked":{"type":{"name":"bool"},"required":false,"description":"Attribute on input (is selected)","defaultValue":{"value":"false","computed":false}},"className":{"type":{"name":"string"},"required":false,"description":"Custom ClassName for radioButton","defaultValue":{"value":"''","computed":false}},"required":{"type":{"name":"bool"},"required":false,"description":"Is the input *required?","defaultValue":{"value":"false","computed":false}},"big":{"type":{"name":"bool"},"required":false,"description":"Style for label","defaultValue":{"value":"false","computed":false}},"tabIndex":{"type":{"name":"number"},"required":false,"description":"Aria attribute to make radio input focusable","defaultValue":{"value":"undefined","computed":true}},"inline":{"type":{"name":"bool"},"required":false,"description":"Used for styling; true - inline; false - block","defaultValue":{"value":"false","computed":false}},"disabled":{"type":{"name":"bool"},"required":false,"description":"Is this disabled?","defaultValue":{"value":"false","computed":false}}}}},"frameworkMetadata":{"returnStatement":"<div>\n      <RadioButton\n        onClick={action('clicked')}\n        checked={isChecked()}\n        disabled={isDisabled()}\n        label=\"Check Me!\"\n        id=\"radio1\"\n      />\n    </div>"}}]},{"importDeclarations":[{"moduleName":"react","bindings":["React"]},{"moduleName":"@storybook/react","bindings":["storiesOf"]},{"moduleName":"@storybook/addon-actions","bindings":["action"]},{"moduleName":"@storybook/addon-knobs","bindings":["withKnobs","text","boolean"]},{"moduleName":"@storybook/addon-a11y","bindings":["withA11y"]},{"moduleName":"./TextInput","bindings":["TextInput"]},{"moduleName":"../Label","bindings":["Label"]}],"stories":[{"externalComponentId":"5e42e76694a441c74c2ee45b","kind":"Form Elements","name":"Text Input","dsmInfo":{"id":"5e42e76694a441c74c2ee45b","docgenInfo":null},"frameworkMetadata":{"returnStatement":"<div style={{ width: '75%' }} data-notranslate>\n        <Label label={label()} formGroupHeading={formGroupHeading()} forId=\"text-input1\" />\n        <TextInput\n          onClick={action('clicked')}\n          placeholder=\"Placeholder Text\"\n          id=\"text-input1\"\n          isMultiLine={isMultiLine()}\n          disabled={disabled()}\n          error={error()}\n        />\n      </div>"}}]}]