@artsy/palette 39.0.1 → 39.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12,6 +12,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
12
12
  var BorderedRadio = (0, _styledComponents.default)(_Radio.Radio).withConfig({
13
13
  displayName: "BorderedRadio",
14
14
  componentId: "sc-1499ebf-0"
15
- })(["padding:", ";border-radius:2px;border:1px solid ", ";transition:background-color 0.25s;:hover:not(:disabled){background-color:", ";}:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;}:not(:last-child){border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;}"], (0, _themeGet.themeGet)("space.2"), (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("colors.black5"));
15
+ })(["padding:", ";border-radius:2px;border:1px solid ", ";transition:background-color 0.25s;&:hover:not(:disabled){background-color:", ";}&:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;}&:not(:last-child){border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;}"], (0, _themeGet.themeGet)("space.2"), (0, _themeGet.themeGet)("colors.black10"), (0, _themeGet.themeGet)("colors.black5"));
16
16
  exports.BorderedRadio = BorderedRadio;
17
17
  //# sourceMappingURL=BorderedRadio.js.map
@@ -1 +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<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"}
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<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,mTAC7B,IAAAC,kBAAQ,EAAC,SAAS,CAAC,EAEV,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EAIxB,IAAAA,kBAAQ,EAAC,eAAe,CAAC,CAahD;AAAAC,OAAA,CAAAP,aAAA,GAAAA,aAAA"}
@@ -114,7 +114,7 @@ var StyledInput = _styledComponents.default.input.withConfig({
114
114
  displayName: "Input__StyledInput",
115
115
  componentId: "sc-bysdh7-0"
116
116
  })(["width:100%;padding:0 ", ";appearance:none;line-height:1;border:1px solid;border-radius:3px;transition:border-color 0.25s,color 0.25s;font-family:", ";", ";::placeholder{transition:color 0.25s,opacity 0.25s;}", ";"], (0, _themeGet.themeGet)("space.1"), (0, _themeGet.themeGet)("fonts.sans"), _styledSystem.height, function (props) {
117
- return (0, _styledComponents.css)(["", " ", " ", " ", " ", " ", " &:hover{", "}&:not(:placeholder-shown){", " ", "}&:focus{outline:none;", " :not(:placeholder-shown){", " ", "}}&:disabled{cursor:default;", "}", ""], _tokens.INPUT_STATES.default, props.hover && _tokens.INPUT_STATES.hover, props.focus && _tokens.INPUT_STATES.focus, props.active && _tokens.INPUT_STATES.active, props.disabled && _tokens.INPUT_STATES.disabled, props.error && _tokens.INPUT_STATES.error, _tokens.INPUT_STATES.hover, _tokens.INPUT_STATES.completed, props.error && _tokens.INPUT_STATES.error, _tokens.INPUT_STATES.focus, _tokens.INPUT_STATES.active, props.error && _tokens.INPUT_STATES.error, _tokens.INPUT_STATES.disabled, props.title && (0, _styledComponents.css)(["::placeholder{opacity:0;}"]));
117
+ return (0, _styledComponents.css)(["", " ", " ", " ", " ", " ", " &:hover{", "}&:not(:placeholder-shown){", " ", "}&:focus{outline:none;", " &::placeholder{transition:", ";opacity:1;}:not(:placeholder-shown){", " ", "}}&:disabled{cursor:default;", "}", ""], _tokens.INPUT_STATES.default, props.hover && _tokens.INPUT_STATES.hover, props.focus && _tokens.INPUT_STATES.focus, props.active && _tokens.INPUT_STATES.active, props.disabled && _tokens.INPUT_STATES.disabled, props.error && _tokens.INPUT_STATES.error, _tokens.INPUT_STATES.hover, _tokens.INPUT_STATES.completed, props.error && _tokens.INPUT_STATES.error, _tokens.INPUT_STATES.focus, _helpers.FORM_ELEMENT_TRANSITION, _tokens.INPUT_STATES.active, props.error && _tokens.INPUT_STATES.error, _tokens.INPUT_STATES.disabled, props.title && (0, _styledComponents.css)(["&::placeholder{transition:", ";opacity:0;}"], _helpers.FORM_ELEMENT_TRANSITION));
118
118
  });
119
119
  var StyledLabel = _styledComponents.default.label.withConfig({
120
120
  displayName: "Input__StyledLabel",
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","names":["_themeGet","require","_react","_interopRequireWildcard","_styledComponents","_styledSystem","_RequiredField","_Box","_Text","_Tooltip","_tokens","_helpers","_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","Input","React","forwardRef","_ref","ref","children","className","description","disabled","error","required","focus","hover","title","height","labelOffset","showCounter","_ref$defaultValue","defaultValue","onChange","rest","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","inputProps","_React$useState","useState","_React$useState2","setValue","handleChange","useCallback","event","nextValue","currentTarget","createElement","Box","width","Tooltip","pointer","content","placement","Text","variant","color","textAlign","position","mt","StyledInput","placeholder","StyledLabel","htmlFor","maxLength","display","mx","RequiredField","flex","String","ml","exports","displayName","styled","input","withConfig","componentId","themeGet","systemHeight","props","css","INPUT_STATES","active","completed","label","FORM_ELEMENT_TRANSITION","_ref2"],"sources":["../../../src/elements/Input/Input.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { useCallback } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { height as systemHeight } from \"styled-system\"\nimport { RequiredField } from \"../../shared/RequiredField\"\nimport { Box, BoxProps, splitBoxProps } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { Tooltip } from \"../Tooltip\"\nimport { INPUT_STATES } from \"./tokens\"\nimport { FORM_ELEMENT_TRANSITION } from \"../../helpers\"\n\nexport interface InputProps\n extends BoxProps,\n Omit<\n React.InputHTMLAttributes<HTMLInputElement>,\n \"size\" | \"width\" | \"height\" | \"capture\"\n > {\n active?: boolean\n description?: string\n disabled?: boolean\n error?: string | boolean\n focus?: boolean\n hover?: boolean\n required?: boolean\n title?: string\n labelOffset?: number\n showCounter?: boolean\n}\n\n/** Input component */\nexport const Input: React.ForwardRefExoticComponent<\n InputProps & { ref?: React.Ref<HTMLInputElement> }\n> = React.forwardRef(\n (\n {\n children,\n className,\n description,\n disabled,\n error,\n required,\n focus,\n hover,\n title,\n height,\n labelOffset,\n showCounter,\n defaultValue = \"\",\n onChange,\n ...rest\n },\n ref\n ) => {\n const [boxProps, inputProps] = splitBoxProps(rest)\n const [value, setValue] = React.useState(inputProps.value || defaultValue)\n\n const handleChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n const nextValue = event.currentTarget.value\n setValue(nextValue)\n onChange?.(event)\n },\n [onChange]\n )\n\n return (\n <Box width=\"100%\" className={className} {...boxProps}>\n {!!description && (\n <Tooltip pointer content={description} placement=\"top-end\">\n <Text variant=\"xs\" color=\"black60\" textAlign=\"right\">\n <u>What is this?</u>\n </Text>\n </Tooltip>\n )}\n\n <Box position=\"relative\" mt={!!title && !description ? 1 : 0}>\n <StyledInput\n ref={ref as any}\n disabled={disabled}\n focus={focus}\n hover={hover}\n error={!!error}\n required={required}\n height={(height ?? 50) as any}\n name={inputProps.name}\n title={title}\n labelOffset={labelOffset}\n defaultValue={defaultValue}\n onChange={handleChange}\n placeholder={inputProps.placeholder || \" \"}\n {...inputProps}\n />\n\n {!!title && (\n <StyledLabel labelOffset={labelOffset} htmlFor={inputProps.name}>\n {title}\n <span />\n </StyledLabel>\n )}\n\n {children}\n </Box>\n\n {(required || (inputProps?.maxLength && showCounter)) &&\n !(error && typeof error === \"string\") && (\n <Box display=\"flex\" mt={0.5} mx={1}>\n {required && <RequiredField disabled={disabled} flex={1} />}\n\n {!!inputProps?.maxLength && showCounter && (\n <Text flex={1} variant=\"xs\" color=\"black60\" textAlign=\"right\">\n {String(value).length}/{inputProps.maxLength}\n </Text>\n )}\n </Box>\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\nInput.displayName = \"Input\"\n\ntype StyledInputProps = Pick<\n InputProps,\n \"disabled\" | \"error\" | \"hover\" | \"focus\" | \"active\" | \"title\" | \"labelOffset\"\n>\n\nconst StyledInput = styled.input<StyledInputProps>`\n width: 100%;\n padding: 0 ${themeGet(\"space.1\")};\n appearance: none;\n line-height: 1;\n border: 1px solid;\n border-radius: 3px;\n transition: border-color 0.25s, color 0.25s;\n font-family: ${themeGet(\"fonts.sans\")};\n ${systemHeight};\n\n ::placeholder {\n transition: color 0.25s, opacity 0.25s;\n }\n\n ${(props) => {\n return css`\n ${INPUT_STATES.default}\n ${props.hover && INPUT_STATES.hover}\n ${props.focus && INPUT_STATES.focus}\n ${props.active && INPUT_STATES.active}\n ${props.disabled && INPUT_STATES.disabled}\n ${props.error && INPUT_STATES.error}\n\n &:hover {\n ${INPUT_STATES.hover}\n }\n\n &:not(:placeholder-shown) {\n ${INPUT_STATES.completed}\n ${props.error && INPUT_STATES.error}\n }\n\n &:focus {\n outline: none;\n ${INPUT_STATES.focus}\n\n :not(:placeholder-shown) {\n ${INPUT_STATES.active}\n ${props.error && INPUT_STATES.error}\n }\n }\n\n &:disabled {\n cursor: default;\n ${INPUT_STATES.disabled}\n }\n\n ${props.title &&\n css`\n ::placeholder {\n opacity: 0;\n }\n `}\n `\n }};\n`\n\nconst StyledLabel = styled.label<StyledInputProps>`\n position: absolute;\n top: 50%;\n left: 5px;\n padding: 0 5px;\n background-color: transparent;\n transform: translateY(-50%);\n transition: ${FORM_ELEMENT_TRANSITION};\n transition-property: color, transform, padding, font-size;\n font-family: ${themeGet(\"fonts.sans\")};\n pointer-events: none;\n\n & > span {\n background-color: ${themeGet(\"colors.white100\")};\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 ${({ labelOffset }) =>\n !!labelOffset &&\n css`\n padding-left: ${labelOffset - 5}px;\n `}\n`\n"],"mappings":"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"}
1
+ {"version":3,"file":"Input.js","names":["_themeGet","require","_react","_interopRequireWildcard","_styledComponents","_styledSystem","_RequiredField","_Box","_Text","_Tooltip","_tokens","_helpers","_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","Input","React","forwardRef","_ref","ref","children","className","description","disabled","error","required","focus","hover","title","height","labelOffset","showCounter","_ref$defaultValue","defaultValue","onChange","rest","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","inputProps","_React$useState","useState","_React$useState2","setValue","handleChange","useCallback","event","nextValue","currentTarget","createElement","Box","width","Tooltip","pointer","content","placement","Text","variant","color","textAlign","position","mt","StyledInput","placeholder","StyledLabel","htmlFor","maxLength","display","mx","RequiredField","flex","String","ml","exports","displayName","styled","input","withConfig","componentId","themeGet","systemHeight","props","css","INPUT_STATES","active","completed","FORM_ELEMENT_TRANSITION","label","_ref2"],"sources":["../../../src/elements/Input/Input.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { useCallback } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { height as systemHeight } from \"styled-system\"\nimport { RequiredField } from \"../../shared/RequiredField\"\nimport { Box, BoxProps, splitBoxProps } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { Tooltip } from \"../Tooltip\"\nimport { INPUT_STATES } from \"./tokens\"\nimport { FORM_ELEMENT_TRANSITION } from \"../../helpers\"\n\nexport interface InputProps\n extends BoxProps,\n Omit<\n React.InputHTMLAttributes<HTMLInputElement>,\n \"size\" | \"width\" | \"height\" | \"capture\"\n > {\n active?: boolean\n description?: string\n disabled?: boolean\n error?: string | boolean\n focus?: boolean\n hover?: boolean\n required?: boolean\n title?: string\n labelOffset?: number\n showCounter?: boolean\n}\n\n/** Input component */\nexport const Input: React.ForwardRefExoticComponent<\n InputProps & { ref?: React.Ref<HTMLInputElement> }\n> = React.forwardRef(\n (\n {\n children,\n className,\n description,\n disabled,\n error,\n required,\n focus,\n hover,\n title,\n height,\n labelOffset,\n showCounter,\n defaultValue = \"\",\n onChange,\n ...rest\n },\n ref\n ) => {\n const [boxProps, inputProps] = splitBoxProps(rest)\n const [value, setValue] = React.useState(inputProps.value || defaultValue)\n\n const handleChange = useCallback(\n (event: React.ChangeEvent<HTMLInputElement>) => {\n const nextValue = event.currentTarget.value\n setValue(nextValue)\n onChange?.(event)\n },\n [onChange]\n )\n\n return (\n <Box width=\"100%\" className={className} {...boxProps}>\n {!!description && (\n <Tooltip pointer content={description} placement=\"top-end\">\n <Text variant=\"xs\" color=\"black60\" textAlign=\"right\">\n <u>What is this?</u>\n </Text>\n </Tooltip>\n )}\n\n <Box position=\"relative\" mt={!!title && !description ? 1 : 0}>\n <StyledInput\n ref={ref as any}\n disabled={disabled}\n focus={focus}\n hover={hover}\n error={!!error}\n required={required}\n height={(height ?? 50) as any}\n name={inputProps.name}\n title={title}\n labelOffset={labelOffset}\n defaultValue={defaultValue}\n onChange={handleChange}\n placeholder={inputProps.placeholder || \" \"}\n {...inputProps}\n />\n\n {!!title && (\n <StyledLabel labelOffset={labelOffset} htmlFor={inputProps.name}>\n {title}\n <span />\n </StyledLabel>\n )}\n\n {children}\n </Box>\n\n {(required || (inputProps?.maxLength && showCounter)) &&\n !(error && typeof error === \"string\") && (\n <Box display=\"flex\" mt={0.5} mx={1}>\n {required && <RequiredField disabled={disabled} flex={1} />}\n\n {!!inputProps?.maxLength && showCounter && (\n <Text flex={1} variant=\"xs\" color=\"black60\" textAlign=\"right\">\n {String(value).length}/{inputProps.maxLength}\n </Text>\n )}\n </Box>\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\nInput.displayName = \"Input\"\n\ntype StyledInputProps = Pick<\n InputProps,\n \"disabled\" | \"error\" | \"hover\" | \"focus\" | \"active\" | \"title\" | \"labelOffset\"\n>\n\nconst StyledInput = styled.input<StyledInputProps>`\n width: 100%;\n padding: 0 ${themeGet(\"space.1\")};\n appearance: none;\n line-height: 1;\n border: 1px solid;\n border-radius: 3px;\n transition: border-color 0.25s, color 0.25s;\n font-family: ${themeGet(\"fonts.sans\")};\n ${systemHeight};\n\n ::placeholder {\n transition: color 0.25s, opacity 0.25s;\n }\n\n ${(props) => {\n return css`\n ${INPUT_STATES.default}\n ${props.hover && INPUT_STATES.hover}\n ${props.focus && INPUT_STATES.focus}\n ${props.active && INPUT_STATES.active}\n ${props.disabled && INPUT_STATES.disabled}\n ${props.error && INPUT_STATES.error}\n\n &:hover {\n ${INPUT_STATES.hover}\n }\n\n &:not(:placeholder-shown) {\n ${INPUT_STATES.completed}\n ${props.error && INPUT_STATES.error}\n }\n\n &:focus {\n outline: none;\n ${INPUT_STATES.focus}\n\n &::placeholder {\n transition: ${FORM_ELEMENT_TRANSITION};\n opacity: 1;\n }\n\n :not(:placeholder-shown) {\n ${INPUT_STATES.active}\n ${props.error && INPUT_STATES.error}\n }\n }\n\n &:disabled {\n cursor: default;\n ${INPUT_STATES.disabled}\n }\n\n ${props.title &&\n css`\n &::placeholder {\n transition: ${FORM_ELEMENT_TRANSITION};\n opacity: 0;\n }\n `}\n `\n }};\n`\n\nconst StyledLabel = styled.label<StyledInputProps>`\n position: absolute;\n top: 50%;\n left: 5px;\n padding: 0 5px;\n background-color: transparent;\n transform: translateY(-50%);\n transition: ${FORM_ELEMENT_TRANSITION};\n transition-property: color, transform, padding, font-size;\n font-family: ${themeGet(\"fonts.sans\")};\n pointer-events: none;\n\n & > span {\n background-color: ${themeGet(\"colors.white100\")};\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 ${({ labelOffset }) =>\n !!labelOffset &&\n css`\n padding-left: ${labelOffset - 5}px;\n `}\n`\n"],"mappings":"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"}
@@ -26,6 +26,9 @@ exports.default = _default;
26
26
  var Default = function Default() {
27
27
  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
28
28
  states: [{}, {
29
+ title: "Your offer",
30
+ name: "offer"
31
+ }, {
29
32
  focus: true
30
33
  }, {
31
34
  hover: true
@@ -38,9 +41,6 @@ var Default = function Default() {
38
41
  }, {
39
42
  disabled: true,
40
43
  value: "Example value"
41
- }, {
42
- title: "Your offer",
43
- name: "offer"
44
44
  }, {
45
45
  title: "Your offer with a big title",
46
46
  name: "offer-big-title"
@@ -1 +1 @@
1
- {"version":3,"file":"Input.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_styledComponents","_interopRequireDefault","_Button","_Input","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","title","exports","Default","createElement","States","states","focus","hover","active","error","disabled","required","maxLength","showCounter","description","width","Input","placeholder","displayName","StyledInput","styled","withConfig","componentId","Styled","Required","mt","type","Button","WithState","_useState","useState","_useState2","setValue","onChange","e","currentTarget","CustomHeight","height"],"sources":["../../../src/elements/Input/Input.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport styled from \"styled-components\"\nimport { Button } from \"../Button\"\nimport { Input, InputProps } from \"./Input\"\n\nexport default {\n title: \"Components/Input\",\n}\n\nexport const Default = () => {\n return (\n <States<InputProps>\n states={[\n {},\n { focus: true },\n { hover: true },\n { active: true },\n { error: \"Something went wrong.\" },\n { disabled: true },\n { disabled: true, value: \"Example value\" },\n { title: \"Your offer\", name: \"offer\" },\n { title: \"Your offer with a big title\", name: \"offer-big-title\" },\n {\n title: \"Your offer with a really really long title\",\n name: \"offer-really-long-title\",\n },\n { title: \"Your offer\", required: true },\n { title: \"Your offer\", maxLength: 50 },\n {\n title: \"Your offer\",\n required: true,\n maxLength: 50,\n showCounter: true,\n },\n { title: \"Your offer\", description: \"This is my description\" },\n { width: \"50%\" },\n ]}\n >\n <Input placeholder=\"Start typing…\" />\n </States>\n )\n}\n\nconst StyledInput = styled(Input)`\n border: 1px solid red;\n\n > input {\n border: 2px solid green;\n }\n`\n\nexport const Styled = () => {\n return <StyledInput placeholder=\"style should target container div\" />\n}\n\nexport const Required = () => {\n return (\n <form>\n <Input\n title=\"Example\"\n required\n placeholder=\"Submission should be blocked unless this has a value\"\n />\n\n <Input\n mt={1}\n title=\"Email\"\n required\n placeholder=\"Requires a valid email\"\n type=\"email\"\n />\n\n <Button mt={1}>Submit</Button>\n </form>\n )\n}\n\nexport const WithState = () => {\n const [value, setValue] = useState(\"\")\n\n return (\n <Input\n title=\"Example\"\n value={value}\n onChange={(e) => setValue(e.currentTarget.value)}\n placeholder=\"Start typing…\"\n maxLength={50}\n showCounter\n />\n )\n}\n\nexport const CustomHeight = () => {\n return <Input height={40} placeholder=\"Input is 40px in height\" />\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"Input.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_styledComponents","_interopRequireDefault","_Button","_Input","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","title","exports","Default","createElement","States","states","focus","hover","active","error","disabled","required","maxLength","showCounter","description","width","Input","placeholder","displayName","StyledInput","styled","withConfig","componentId","Styled","Required","mt","type","Button","WithState","_useState","useState","_useState2","setValue","onChange","e","currentTarget","CustomHeight","height"],"sources":["../../../src/elements/Input/Input.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport styled from \"styled-components\"\nimport { Button } from \"../Button\"\nimport { Input, InputProps } from \"./Input\"\n\nexport default {\n title: \"Components/Input\",\n}\n\nexport const Default = () => {\n return (\n <States<InputProps>\n states={[\n {},\n { title: \"Your offer\", name: \"offer\" },\n { focus: true },\n { hover: true },\n { active: true },\n { error: \"Something went wrong.\" },\n { disabled: true },\n { disabled: true, value: \"Example value\" },\n { title: \"Your offer with a big title\", name: \"offer-big-title\" },\n {\n title: \"Your offer with a really really long title\",\n name: \"offer-really-long-title\",\n },\n { title: \"Your offer\", required: true },\n { title: \"Your offer\", maxLength: 50 },\n {\n title: \"Your offer\",\n required: true,\n maxLength: 50,\n showCounter: true,\n },\n { title: \"Your offer\", description: \"This is my description\" },\n { width: \"50%\" },\n ]}\n >\n <Input placeholder=\"Start typing…\" />\n </States>\n )\n}\n\nconst StyledInput = styled(Input)`\n border: 1px solid red;\n\n > input {\n border: 2px solid green;\n }\n`\n\nexport const Styled = () => {\n return <StyledInput placeholder=\"style should target container div\" />\n}\n\nexport const Required = () => {\n return (\n <form>\n <Input\n title=\"Example\"\n required\n placeholder=\"Submission should be blocked unless this has a value\"\n />\n\n <Input\n mt={1}\n title=\"Email\"\n required\n placeholder=\"Requires a valid email\"\n type=\"email\"\n />\n\n <Button mt={1}>Submit</Button>\n </form>\n )\n}\n\nexport const WithState = () => {\n const [value, setValue] = useState(\"\")\n\n return (\n <Input\n title=\"Example\"\n value={value}\n onChange={(e) => setValue(e.currentTarget.value)}\n placeholder=\"Start typing…\"\n maxLength={50}\n showCounter\n />\n )\n}\n\nexport const CustomHeight = () => {\n return <Input height={40} placeholder=\"Input is 40px in height\" />\n}\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@artsy/palette",
3
- "version": "39.0.1",
3
+ "version": "39.0.3",
4
4
  "description": "Design system library for react components",
5
5
  "main": "dist/index.js",
6
6
  "publishConfig": {
@@ -181,5 +181,5 @@
181
181
  "url": "http://localhost"
182
182
  }
183
183
  },
184
- "gitHead": "1b68504b491353f0fe4f0da677dd47e0ee6435bb"
184
+ "gitHead": "119f81a511570dbfd448eb135e3077e4c3921936"
185
185
  }