@artsy/palette 41.0.0-canary.1423.31655.0 → 41.0.0

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

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

package/dist/elements/Label/Label.js

@@ -19,16 +19,16 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var LABEL_VARIANTS = {
   light: {
-    backgroundColor: "black10",
-    color: "black100"
+    backgroundColor: "mono10",
+    color: "mono100"
   },
   dark: {
-    backgroundColor: "black100",
-    color: "white100"
+    backgroundColor: "mono100",
+    color: "mono0"
   },
   brand: {
     backgroundColor: "blue100",
-    color: "white100"
+    color: "mono0"
   }
 };
 exports.LABEL_VARIANTS = LABEL_VARIANTS;

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

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

package/dist/elements/LabeledInput/LabeledInput.js

@@ -66,7 +66,7 @@ var LabeledInput = /*#__PURE__*/_react.default.forwardRef(function (_ref, forwar
     }
   }, _defineProperty({}, isPrefix ? "left" : "right", 1)), isText ? /*#__PURE__*/_react.default.createElement(_Text.Text, {
     variant: "sm-display",
-    color: "black60",
+    color: "mono60",
     lineHeight: 1
   }, label) : label)));
 });

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

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

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

@@ -32,7 +32,7 @@ var Default = function Default() {
       placeholder: "Clickable label",
       label: /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, {
         onClick: (0, _addonActions.action)("onClick"),
-        bg: "black60",
+        bg: "mono60",
         width: 18,
         height: 18,
         borderRadius: "50%"

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

@@ -1 +1 @@
-{"version":3,"file":"LabeledInput.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_Clickable","_LabeledInput","_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","label","placeholder","type","Clickable","onClick","action","bg","width","height","borderRadius","description","variant","showCounter","maxLength","LabeledInput","displayName","CharacterCountExample","defaultValue","_useState","useState","_useState2","setLength","onChange","e","currentTarget","CustomHeight"],"sources":["../../../src/elements/LabeledInput/LabeledInput.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Clickable } from \"../Clickable\"\nimport { LabeledInput, LabeledInputProps } from \"./LabeledInput\"\n\nexport default {\n  title: \"Components/LabeledInput\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<LabeledInputProps>>\n      states={[\n        { label: \"$USD\", placeholder: \"Min\", type: \"number\" },\n        {\n          placeholder: \"Clickable label\",\n          label: (\n            <Clickable\n              onClick={action(\"onClick\")}\n              bg=\"black60\"\n              width={18}\n              height={18}\n              borderRadius=\"50%\"\n            />\n          ),\n        },\n        { title: \"Amount\" },\n        { title: \"Amount\", description: \"Currency: USD\" },\n        {\n          label: \"USD\",\n          variant: \"prefix\",\n          title: \"Your offer\",\n          placeholder: \"Start typing...\",\n          name: \"offer\",\n        },\n        {\n          label: \"USD\",\n          variant: \"suffix\",\n          title: \"Your offer\",\n          placeholder: \"Start typing...\",\n          name: \"offer\",\n        },\n        {\n          label: \"USD\",\n          variant: \"suffix\",\n          title: \"Your offer\",\n          placeholder: \"Start typing...\",\n          name: \"offer\",\n          showCounter: true,\n          maxLength: 40,\n        },\n      ]}\n    >\n      <LabeledInput label=\"$\" />\n    </States>\n  )\n}\n\nexport const CharacterCountExample = () => {\n  const defaultValue = \"Hello world\"\n  const [length, setLength] = useState(defaultValue.length)\n  return (\n    <LabeledInput\n      label={length}\n      onChange={(e) => setLength(e.currentTarget.value.length)}\n      defaultValue={defaultValue}\n    />\n  )\n}\n\nexport const CustomHeight = () => {\n  return (\n    <LabeledInput\n      label=\"🔎\"\n      height={40}\n      placeholder=\"Input is 40px in height\"\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"LabeledInput.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_Clickable","_LabeledInput","_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","label","placeholder","type","Clickable","onClick","action","bg","width","height","borderRadius","description","variant","showCounter","maxLength","LabeledInput","displayName","CharacterCountExample","defaultValue","_useState","useState","_useState2","setLength","onChange","e","currentTarget","CustomHeight"],"sources":["../../../src/elements/LabeledInput/LabeledInput.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Clickable } from \"../Clickable\"\nimport { LabeledInput, LabeledInputProps } from \"./LabeledInput\"\n\nexport default {\n  title: \"Components/LabeledInput\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<LabeledInputProps>>\n      states={[\n        { label: \"$USD\", placeholder: \"Min\", type: \"number\" },\n        {\n          placeholder: \"Clickable label\",\n          label: (\n            <Clickable\n              onClick={action(\"onClick\")}\n              bg=\"mono60\"\n              width={18}\n              height={18}\n              borderRadius=\"50%\"\n            />\n          ),\n        },\n        { title: \"Amount\" },\n        { title: \"Amount\", description: \"Currency: USD\" },\n        {\n          label: \"USD\",\n          variant: \"prefix\",\n          title: \"Your offer\",\n          placeholder: \"Start typing...\",\n          name: \"offer\",\n        },\n        {\n          label: \"USD\",\n          variant: \"suffix\",\n          title: \"Your offer\",\n          placeholder: \"Start typing...\",\n          name: \"offer\",\n        },\n        {\n          label: \"USD\",\n          variant: \"suffix\",\n          title: \"Your offer\",\n          placeholder: \"Start typing...\",\n          name: \"offer\",\n          showCounter: true,\n          maxLength: 40,\n        },\n      ]}\n    >\n      <LabeledInput label=\"$\" />\n    </States>\n  )\n}\n\nexport const CharacterCountExample = () => {\n  const defaultValue = \"Hello world\"\n  const [length, setLength] = useState(defaultValue.length)\n  return (\n    <LabeledInput\n      label={length}\n      onChange={(e) => setLength(e.currentTarget.value.length)}\n      defaultValue={defaultValue}\n    />\n  )\n}\n\nexport const CustomHeight = () => {\n  return (\n    <LabeledInput\n      label=\"🔎\"\n      height={40}\n      placeholder=\"Input is 40px in height\"\n    />\n  )\n}\n"],"mappings":"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"}

package/dist/elements/Marquee/Marquee.js

@@ -25,16 +25,16 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var VARIANTS = {
   defaultLight: {
-    backgroundColor: "black10",
-    color: "black100"
+    backgroundColor: "mono10",
+    color: "mono100"
   },
   defaultDark: {
-    backgroundColor: "black10",
-    color: "black100"
+    backgroundColor: "mono10",
+    color: "mono100"
   },
   brand: {
-    backgroundColor: "black10",
-    color: "black100"
+    backgroundColor: "mono10",
+    color: "mono100"
   }
 };
 var move = function move(props) {

package/dist/elements/Marquee/Marquee.js.map

@@ -1 +1 @@
-{"version":3,"file":"Marquee.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_styledSystem","_Flex","_Box","_Text","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_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","VARIANTS","defaultLight","backgroundColor","color","defaultDark","brand","move","props","keyframes","offset","Container","styled","Box","withConfig","displayName","componentId","variant","variants","StyledText","Text","Inner","div","speed","Item","Marquee","_ref","marqueeText","_ref$divider","divider","_ref$speed","_ref$variant","rest","containerEl","useRef","childEl","_useState","useState","_useState2","amount","setAmount","_useState3","_useState4","setOffset","useEffect","current","containerWidth","getBoundingClientRect","width","childWidth","targetAmount","Math","min","ceil","createElement","ref","map","_","Flex","px","py","exports"],"sources":["../../../src/elements/Marquee/Marquee.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\"\nimport styled, { keyframes } from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Flex } from \"../Flex\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Text } from \"../Text\"\n\nconst VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"black10\",\n    color: \"black100\",\n  },\n  defaultDark: {\n    backgroundColor: \"black10\",\n    color: \"black100\",\n  },\n  brand: {\n    backgroundColor: \"black10\",\n    color: \"black100\",\n  },\n}\n\nconst move = (props) => keyframes`\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(-${props.offset}px);\n  }\n`\n\nconst Container = styled(Box)<{ variant: keyof typeof VARIANTS }>`\n  ${variant({ variants: VARIANTS })}\n  width: 100%;\n  overflow-x: hidden;\n`\nconst StyledText = styled(Text)`\n  ${variant({ variants: VARIANTS })}\n  white-space: nowrap;\n`\n\nconst Inner = styled.div<{ speed: string; offset: number }>`\n  animation: ${move} ${(props) => props.speed} infinite linear;\n  cursor: default;\n  user-select: none;\n  white-space: nowrap;\n`\n\nconst Item = styled.div`\n  display: inline-block;\n`\n\nexport interface MarqueeProps extends BoxProps {\n  variant?: keyof typeof VARIANTS\n  speed?: string\n  color?: string\n  marqueeText: string\n  divider?: boolean\n}\n\nexport const Marquee: React.FC<React.PropsWithChildren<MarqueeProps>> = ({\n  marqueeText,\n  divider = true,\n  speed = \"10s\",\n  variant = \"defaultDark\",\n  color,\n  ...rest\n}) => {\n  const containerEl = useRef<HTMLDivElement | null>(null)\n  const childEl = useRef<HTMLDivElement | null>(null)\n\n  const [amount, setAmount] = useState(1)\n  const [offset, setOffset] = useState(0)\n\n  useEffect(() => {\n    if (!childEl.current || !containerEl.current) {\n      return\n    }\n    const containerWidth = containerEl.current.getBoundingClientRect().width\n    const childWidth = childEl.current.getBoundingClientRect().width\n    const targetAmount = Math.min(Math.ceil(containerWidth / childWidth), 100)\n\n    setOffset(targetAmount * childWidth)\n    setAmount(Math.ceil(targetAmount * 2))\n  }, [])\n\n  return (\n    <Container\n      ref={containerEl as any}\n      backgroundColor={color}\n      variant={variant}\n      {...rest}\n    >\n      <Inner speed={speed} offset={offset}>\n        {Array.from(Array(amount)).map((_, i) => (\n          <Item key={i} ref={childEl as any}>\n            <Flex>\n              <StyledText px={[2, 4]} py={0.5} variant=\"xs\">\n                {marqueeText}\n              </StyledText>\n              {divider && (\n                <StyledText px={[1, 4]} py={0.5} variant=\"xs\">\n                  •\n                </StyledText>\n              )}\n            </Flex>\n          </Item>\n        ))}\n      </Inner>\n    </Container>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Marquee.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_styledSystem","_Flex","_Box","_Text","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_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","VARIANTS","defaultLight","backgroundColor","color","defaultDark","brand","move","props","keyframes","offset","Container","styled","Box","withConfig","displayName","componentId","variant","variants","StyledText","Text","Inner","div","speed","Item","Marquee","_ref","marqueeText","_ref$divider","divider","_ref$speed","_ref$variant","rest","containerEl","useRef","childEl","_useState","useState","_useState2","amount","setAmount","_useState3","_useState4","setOffset","useEffect","current","containerWidth","getBoundingClientRect","width","childWidth","targetAmount","Math","min","ceil","createElement","ref","map","_","Flex","px","py","exports"],"sources":["../../../src/elements/Marquee/Marquee.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\"\nimport styled, { keyframes } from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Flex } from \"../Flex\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Text } from \"../Text\"\n\nconst VARIANTS = {\n  defaultLight: {\n    backgroundColor: \"mono10\",\n    color: \"mono100\",\n  },\n  defaultDark: {\n    backgroundColor: \"mono10\",\n    color: \"mono100\",\n  },\n  brand: {\n    backgroundColor: \"mono10\",\n    color: \"mono100\",\n  },\n}\n\nconst move = (props) => keyframes`\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(-${props.offset}px);\n  }\n`\n\nconst Container = styled(Box)<{ variant: keyof typeof VARIANTS }>`\n  ${variant({ variants: VARIANTS })}\n  width: 100%;\n  overflow-x: hidden;\n`\nconst StyledText = styled(Text)`\n  ${variant({ variants: VARIANTS })}\n  white-space: nowrap;\n`\n\nconst Inner = styled.div<{ speed: string; offset: number }>`\n  animation: ${move} ${(props) => props.speed} infinite linear;\n  cursor: default;\n  user-select: none;\n  white-space: nowrap;\n`\n\nconst Item = styled.div`\n  display: inline-block;\n`\n\nexport interface MarqueeProps extends BoxProps {\n  variant?: keyof typeof VARIANTS\n  speed?: string\n  color?: string\n  marqueeText: string\n  divider?: boolean\n}\n\nexport const Marquee: React.FC<React.PropsWithChildren<MarqueeProps>> = ({\n  marqueeText,\n  divider = true,\n  speed = \"10s\",\n  variant = \"defaultDark\",\n  color,\n  ...rest\n}) => {\n  const containerEl = useRef<HTMLDivElement | null>(null)\n  const childEl = useRef<HTMLDivElement | null>(null)\n\n  const [amount, setAmount] = useState(1)\n  const [offset, setOffset] = useState(0)\n\n  useEffect(() => {\n    if (!childEl.current || !containerEl.current) {\n      return\n    }\n    const containerWidth = containerEl.current.getBoundingClientRect().width\n    const childWidth = childEl.current.getBoundingClientRect().width\n    const targetAmount = Math.min(Math.ceil(containerWidth / childWidth), 100)\n\n    setOffset(targetAmount * childWidth)\n    setAmount(Math.ceil(targetAmount * 2))\n  }, [])\n\n  return (\n    <Container\n      ref={containerEl as any}\n      backgroundColor={color}\n      variant={variant}\n      {...rest}\n    >\n      <Inner speed={speed} offset={offset}>\n        {Array.from(Array(amount)).map((_, i) => (\n          <Item key={i} ref={childEl as any}>\n            <Flex>\n              <StyledText px={[2, 4]} py={0.5} variant=\"xs\">\n                {marqueeText}\n              </StyledText>\n              {divider && (\n                <StyledText px={[1, 4]} py={0.5} variant=\"xs\">\n                  •\n                </StyledText>\n              )}\n            </Flex>\n          </Item>\n        ))}\n      </Inner>\n    </Container>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/Message/Message.js

@@ -16,8 +16,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var MESSAGE_VARIANTS = {
   default: {
-    backgroundColor: "black5",
-    color: "black100"
+    backgroundColor: "mono5",
+    color: "mono100"
   },
   info: {
     backgroundColor: "blue10",
@@ -60,7 +60,7 @@ var Message = function Message(_ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? "default" : _ref$variant,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var color = variant === "default" ? "black60" : "black100";
+  var color = variant === "default" ? "mono60" : "mono100";
   return /*#__PURE__*/_react.default.createElement(Container, _extends({
     p: 2,
     variant: variant

package/dist/elements/Message/Message.js.map

@@ -1 +1 @@
-{"version":3,"file":"Message.js","names":["_react","_interopRequireDefault","require","_styledComponents","_styledSystem","_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","MESSAGE_VARIANTS","backgroundColor","color","info","success","alert","warning","error","exports","Container","styled","Flex","withConfig","displayName","componentId","variant","variants","Message","_ref","children","title","_ref$variant","rest","createElement","p","Text"],"sources":["../../../src/elements/Message/Message.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { Text } from \"../Text\"\n\nexport const MESSAGE_VARIANTS = {\n  default: {\n    backgroundColor: \"black5\",\n    color: \"black100\",\n  },\n  info: {\n    backgroundColor: \"blue10\",\n    color: \"blue100\",\n  },\n  success: {\n    backgroundColor: \"green10\",\n    color: \"green150\",\n  },\n  alert: {\n    backgroundColor: \"orange10\",\n    color: \"orange150\",\n  },\n  warning: {\n    backgroundColor: \"yellow10\",\n    color: \"yellow150\",\n  },\n  error: {\n    backgroundColor: \"red10\",\n    color: \"red100\",\n  },\n}\n\nexport type MessageVariant = keyof typeof MESSAGE_VARIANTS\n\nexport interface MessageProps extends FlexProps {\n  children?: React.ReactNode\n  title?: string\n  variant?: MessageVariant\n}\n\nconst Container = styled(Flex)<MessageProps>`\n  ${variant({ variants: MESSAGE_VARIANTS })}\n  flex-direction: column;\n`\n\n/**\n * `Message` is used for in-line communication. These should fill the allotted\n * container or space they are placed and key for temporal messages and\n * comments within flows. Additionally, they can be used to highlight particular\n * messaging within a specific section of a page or screen.\n */\nexport const Message: React.FC<React.PropsWithChildren<MessageProps>> = ({\n  children,\n  title,\n  variant = \"default\",\n  ...rest\n}) => {\n  const color = variant === \"default\" ? \"black60\" : \"black100\"\n\n  return (\n    <Container p={2} variant={variant} {...rest}>\n      <Text variant=\"sm-display\" color=\"currentColor\">\n        {title}\n      </Text>\n\n      <Text variant=\"sm-display\" color={color}>\n        {children}\n      </Text>\n    </Container>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Message.js","names":["_react","_interopRequireDefault","require","_styledComponents","_styledSystem","_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","MESSAGE_VARIANTS","backgroundColor","color","info","success","alert","warning","error","exports","Container","styled","Flex","withConfig","displayName","componentId","variant","variants","Message","_ref","children","title","_ref$variant","rest","createElement","p","Text"],"sources":["../../../src/elements/Message/Message.tsx"],"sourcesContent":["import React from \"react\"\nimport styled from \"styled-components\"\nimport { variant } from \"styled-system\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { Text } from \"../Text\"\n\nexport const MESSAGE_VARIANTS = {\n  default: {\n    backgroundColor: \"mono5\",\n    color: \"mono100\",\n  },\n  info: {\n    backgroundColor: \"blue10\",\n    color: \"blue100\",\n  },\n  success: {\n    backgroundColor: \"green10\",\n    color: \"green150\",\n  },\n  alert: {\n    backgroundColor: \"orange10\",\n    color: \"orange150\",\n  },\n  warning: {\n    backgroundColor: \"yellow10\",\n    color: \"yellow150\",\n  },\n  error: {\n    backgroundColor: \"red10\",\n    color: \"red100\",\n  },\n}\n\nexport type MessageVariant = keyof typeof MESSAGE_VARIANTS\n\nexport interface MessageProps extends FlexProps {\n  children?: React.ReactNode\n  title?: string\n  variant?: MessageVariant\n}\n\nconst Container = styled(Flex)<MessageProps>`\n  ${variant({ variants: MESSAGE_VARIANTS })}\n  flex-direction: column;\n`\n\n/**\n * `Message` is used for in-line communication. These should fill the allotted\n * container or space they are placed and key for temporal messages and\n * comments within flows. Additionally, they can be used to highlight particular\n * messaging within a specific section of a page or screen.\n */\nexport const Message: React.FC<React.PropsWithChildren<MessageProps>> = ({\n  children,\n  title,\n  variant = \"default\",\n  ...rest\n}) => {\n  const color = variant === \"default\" ? \"mono60\" : \"mono100\"\n\n  return (\n    <Container p={2} variant={variant} {...rest}>\n      <Text variant=\"sm-display\" color=\"currentColor\">\n        {title}\n      </Text>\n\n      <Text variant=\"sm-display\" color={color}>\n        {children}\n      </Text>\n    </Container>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/Modal/ModalBase.story.js

@@ -69,7 +69,7 @@ var Example = function Example() {
     textAlign: "center"
   }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
     variant: "sm-display",
-    color: "white100"
+    color: "mono0"
   }, /*#__PURE__*/_react.default.createElement(_Join.Join, {
     separator: /*#__PURE__*/_react.default.createElement(_Spacer.Spacer, {
       y: 2

package/dist/elements/Modal/ModalBase.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBase.story.js","names":["_react","_interopRequireWildcard","require","_Text","_Box","_Button","_Input","_Join","_Spacer","_ModalBase","_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","Example","_ref","undefined","bodyChildren","dialogChildren","defer","rest","_useState","useState","_useState2","open","setOpen","label","handleClose","_useState3","_useState4","deferred","setDeferred","useEffect","setTimeout","createElement","Fragment","Button","variant","onClick","ModalBase","onClose","Box","background","p","width","height","style","border","textAlign","Text","color","Join","separator","Spacer","y","Input","placeholder","_default","title","exports","Default","displayName","DeferredFocusables","Fullscreen","dialogProps","alignItems","justifyContent","Scrolling","map","_"],"sources":["../../../src/elements/Modal/ModalBase.story.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { Text } from \"../Text\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Input } from \"../Input\"\nimport { Join } from \"../Join\"\nimport { Spacer } from \"../Spacer\"\nimport { ModalBase, ModalBaseProps } from \"./ModalBase\"\n\nconst Example: React.FC<React.PropsWithChildren<ModalBaseProps & {\n  dialogChildren?: JSX.Element\n  bodyChildren?: JSX.Element\n  /** Simulates an input being added after render */\n  defer?: boolean\n}>> = ({ bodyChildren, dialogChildren, defer, ...rest } = {}) => {\n  const [open, setOpen] = useState(false)\n  const label = open ? \"opened\" : \"open\"\n  const handleClose = () => setOpen(false)\n\n  const [deferred, setDeferred] = useState(false)\n\n  useEffect(() => {\n    if (defer && open) {\n      setTimeout(() => {\n        setDeferred(true)\n      }, 1000)\n    }\n  }, [defer, open])\n\n  return (\n    <>\n      <Button variant=\"primaryGray\" onClick={() => setOpen(true)}>\n        {label}\n      </Button>\n\n      {bodyChildren}\n\n      {open && (\n        <ModalBase onClose={handleClose} {...rest}>\n          <Box\n            background=\"black\"\n            p={4}\n            width=\"100%\"\n            height=\"100%\"\n            style={{ border: \"2px solid red\" }}\n          >\n            <Box textAlign=\"center\">\n              <Text variant=\"sm-display\" color=\"white100\">\n                <Join separator={<Spacer y={2} />}>\n                  <>Some example content. Click outside to close.</>\n                  <Button variant=\"primaryWhite\" onClick={handleClose}>\n                    Or click here to close.\n                  </Button>\n                  <Input placeholder=\"Just an example for focusing\" />\n                  <Input placeholder=\"Just an example for focusing\" />\n                  {dialogChildren}\n                  {deferred && <Input placeholder=\"Deferred input\" />}\n                </Join>\n              </Text>\n            </Box>\n          </Box>\n        </ModalBase>\n      )}\n    </>\n  )\n}\n\nexport default { title: \"Components/ModalBase\" }\n\nexport const Default = () => {\n  return <Example />\n}\n\nexport const DeferredFocusables = () => {\n  return <Example defer />\n}\n\nexport const Fullscreen = () => {\n  return (\n    <Example\n      dialogProps={{\n        width: \"100%\",\n        height: \"100%\",\n        background: \"black\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n      }}\n    />\n  )\n}\n\nexport const Scrolling = () => {\n  return (\n    <Example\n      bodyChildren={\n        <>\n          {Array.from(Array(100)).map((_, i) => (\n            <div key={i}>content should not scroll when modal is open</div>\n          ))}\n        </>\n      }\n      dialogChildren={\n        <>\n          {Array.from(Array(100)).map((_, i) => (\n            <div key={i}>content should be scrollable</div>\n          ))}\n        </>\n      }\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ModalBase.story.js","names":["_react","_interopRequireWildcard","require","_Text","_Box","_Button","_Input","_Join","_Spacer","_ModalBase","_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","Example","_ref","undefined","bodyChildren","dialogChildren","defer","rest","_useState","useState","_useState2","open","setOpen","label","handleClose","_useState3","_useState4","deferred","setDeferred","useEffect","setTimeout","createElement","Fragment","Button","variant","onClick","ModalBase","onClose","Box","background","p","width","height","style","border","textAlign","Text","color","Join","separator","Spacer","y","Input","placeholder","_default","title","exports","Default","displayName","DeferredFocusables","Fullscreen","dialogProps","alignItems","justifyContent","Scrolling","map","_"],"sources":["../../../src/elements/Modal/ModalBase.story.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { Text } from \"../Text\"\nimport { Box } from \"../Box\"\nimport { Button } from \"../Button\"\nimport { Input } from \"../Input\"\nimport { Join } from \"../Join\"\nimport { Spacer } from \"../Spacer\"\nimport { ModalBase, ModalBaseProps } from \"./ModalBase\"\n\nconst Example: React.FC<\n  React.PropsWithChildren<\n    ModalBaseProps & {\n      dialogChildren?: JSX.Element\n      bodyChildren?: JSX.Element\n      /** Simulates an input being added after render */\n      defer?: boolean\n    }\n  >\n> = ({ bodyChildren, dialogChildren, defer, ...rest } = {}) => {\n  const [open, setOpen] = useState(false)\n  const label = open ? \"opened\" : \"open\"\n  const handleClose = () => setOpen(false)\n\n  const [deferred, setDeferred] = useState(false)\n\n  useEffect(() => {\n    if (defer && open) {\n      setTimeout(() => {\n        setDeferred(true)\n      }, 1000)\n    }\n  }, [defer, open])\n\n  return (\n    <>\n      <Button variant=\"primaryGray\" onClick={() => setOpen(true)}>\n        {label}\n      </Button>\n\n      {bodyChildren}\n\n      {open && (\n        <ModalBase onClose={handleClose} {...rest}>\n          <Box\n            background=\"black\"\n            p={4}\n            width=\"100%\"\n            height=\"100%\"\n            style={{ border: \"2px solid red\" }}\n          >\n            <Box textAlign=\"center\">\n              <Text variant=\"sm-display\" color=\"mono0\">\n                <Join separator={<Spacer y={2} />}>\n                  <>Some example content. Click outside to close.</>\n                  <Button variant=\"primaryWhite\" onClick={handleClose}>\n                    Or click here to close.\n                  </Button>\n                  <Input placeholder=\"Just an example for focusing\" />\n                  <Input placeholder=\"Just an example for focusing\" />\n                  {dialogChildren}\n                  {deferred && <Input placeholder=\"Deferred input\" />}\n                </Join>\n              </Text>\n            </Box>\n          </Box>\n        </ModalBase>\n      )}\n    </>\n  )\n}\n\nexport default { title: \"Components/ModalBase\" }\n\nexport const Default = () => {\n  return <Example />\n}\n\nexport const DeferredFocusables = () => {\n  return <Example defer />\n}\n\nexport const Fullscreen = () => {\n  return (\n    <Example\n      dialogProps={{\n        width: \"100%\",\n        height: \"100%\",\n        background: \"black\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n      }}\n    />\n  )\n}\n\nexport const Scrolling = () => {\n  return (\n    <Example\n      bodyChildren={\n        <>\n          {Array.from(Array(100)).map((_, i) => (\n            <div key={i}>content should not scroll when modal is open</div>\n          ))}\n        </>\n      }\n      dialogChildren={\n        <>\n          {Array.from(Array(100)).map((_, i) => (\n            <div key={i}>content should be scrollable</div>\n          ))}\n        </>\n      }\n    />\n  )\n}\n"],"mappings":"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"}

package/dist/elements/ModalDialog/ModalDialog.story.js

@@ -98,51 +98,51 @@ var Default = function Default() {
       width: 800,
       title: "With Left Panel",
       leftPanel: /*#__PURE__*/_react.default.createElement(_Box.Box, {
-        bg: "black100",
+        bg: "mono100",
         width: 300,
         flexShrink: 0,
         p: 1
       }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
         variant: "xs",
-        color: "white100"
+        color: "mono0"
       }, "Some custom content on the left"))
     }, {
       width: 800,
       title: "With Right Panel",
       rightPanel: /*#__PURE__*/_react.default.createElement(_Box.Box, {
-        bg: "black100",
+        bg: "mono100",
         width: 300,
         flexShrink: 0,
         p: 1
       }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
         variant: "xs",
-        color: "white100"
+        color: "mono0"
       }, "Some custom content on the left"))
     }, {
       width: "100%",
       title: "With Left and Right Panels",
       leftPanel: /*#__PURE__*/_react.default.createElement(_Box.Box, {
-        bg: "black100",
+        bg: "mono100",
         width: 300,
         flexShrink: 0,
         p: 1
       }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
         variant: "xs",
-        color: "white100"
+        color: "mono0"
       }, "Some custom content on the left")),
       rightPanel: /*#__PURE__*/_react.default.createElement(_Box.Box, {
-        bg: "black100",
+        bg: "mono100",
         width: 300,
         flexShrink: 0,
         p: 1
       }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
         variant: "xs",
-        color: "white100"
+        color: "mono0"
       }, "Some custom content on the left"))
     }, {
       title: "With Header",
       header: /*#__PURE__*/_react.default.createElement(_Box.Box, {
-        bg: "black10",
+        bg: "mono10",
         p: 2,
         textAlign: "center"
       }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
@@ -151,7 +151,7 @@ var Default = function Default() {
     }, {
       title: "With Header and Footer",
       header: /*#__PURE__*/_react.default.createElement(_Box.Box, {
-        bg: "black10",
+        bg: "mono10",
         p: 2,
         textAlign: "center"
       }, /*#__PURE__*/_react.default.createElement(_Text.Text, {

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

@@ -1 +1 @@
-{"version":3,"file":"ModalDialog.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_Text","_Button","_ModalDialog","_Box","_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","LOREM","_default","title","exports","Demo","_ref","children","rest","_useState","useState","_useState2","open","setOpen","createElement","Fragment","Button","onClick","ModalDialog","onClose","Text","variant","repeat","Default","States","states","width","hasLogo","footer","leftPanel","Box","bg","flexShrink","p","color","rightPanel","header","textAlign","zIndex","props","displayName"],"sources":["../../../src/elements/ModalDialog/ModalDialog.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Text } from \"../Text\"\nimport { Button } from \"../Button\"\nimport { ModalDialog, ModalDialogProps } from \"./ModalDialog\"\nimport { Box } from \"../Box\"\n\nconst LOREM =\n  \"Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloribus sed iure repellendus animi, aliquid aut fuga maxime nemo minus quas. Error, incidunt fugit similique quidem culpa hic! Nemo, quas rerum. \"\n\nexport default {\n  title: \"Components/ModalDialog\",\n}\n\nconst Demo = ({ children, ...rest }: Partial<ModalDialogProps>) => {\n  const [open, setOpen] = useState(false)\n\n  return (\n    <>\n      <Button onClick={() => setOpen(true)}>Open Modal</Button>\n\n      {open && (\n        <ModalDialog onClose={() => setOpen(false)} {...rest}>\n          {children ? children : <Text variant=\"sm\">{LOREM.repeat(15)}</Text>}\n        </ModalDialog>\n      )}\n    </>\n  )\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<ModalDialogProps>>\n      states={[\n        {\n          children: <Text variant=\"sm\">{LOREM}</Text>,\n        },\n        { title: \"Modal Title\" },\n        { title: \"100% Width\", width: \"100%\" },\n        { title: \"Responsive Percentage Width\", width: [\"75%\", \"66%\", \"50%\"] },\n        { title: \"Responsive Width\", width: [\"100%\", 550] },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n        },\n        { hasLogo: true },\n        { title: \"Modal Title\", hasLogo: true },\n        {\n          children: <Text variant=\"sm\">{LOREM}</Text>,\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        { title: \"Modal Title\", footer: <Button width=\"100%\">Confirm</Button> },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n          hasLogo: true,\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        {\n          width: 800,\n          title: \"With Left Panel\",\n          leftPanel: (\n            <Box bg=\"black100\" width={300} flexShrink={0} p={1}>\n              <Text variant=\"xs\" color=\"white100\">\n                Some custom content on the left\n              </Text>\n            </Box>\n          ),\n        },\n        {\n          width: 800,\n          title: \"With Right Panel\",\n          rightPanel: (\n            <Box bg=\"black100\" width={300} flexShrink={0} p={1}>\n              <Text variant=\"xs\" color=\"white100\">\n                Some custom content on the left\n              </Text>\n            </Box>\n          ),\n        },\n        {\n          width: \"100%\",\n          title: \"With Left and Right Panels\",\n          leftPanel: (\n            <Box bg=\"black100\" width={300} flexShrink={0} p={1}>\n              <Text variant=\"xs\" color=\"white100\">\n                Some custom content on the left\n              </Text>\n            </Box>\n          ),\n          rightPanel: (\n            <Box bg=\"black100\" width={300} flexShrink={0} p={1}>\n              <Text variant=\"xs\" color=\"white100\">\n                Some custom content on the left\n              </Text>\n            </Box>\n          ),\n        },\n        {\n          title: \"With Header\",\n          header: (\n            <Box bg=\"black10\" p={2} textAlign=\"center\">\n              <Text variant=\"xs\">Header Content</Text>\n            </Box>\n          ),\n        },\n        {\n          title: \"With Header and Footer\",\n          header: (\n            <Box bg=\"black10\" p={2} textAlign=\"center\">\n              <Text variant=\"xs\">Header Content</Text>\n            </Box>\n          ),\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        {\n          title: \"With custom z-index\",\n          zIndex: 1000,\n        },\n        {\n          title: <Box bg=\"red\">Custom title</Box>,\n        },\n      ]}\n    >\n      {(props) => <Demo {...props} />}\n    </States>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"ModalDialog.story.js","names":["_react","_interopRequireWildcard","require","_storybookStates","_Text","_Button","_ModalDialog","_Box","_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","LOREM","_default","title","exports","Demo","_ref","children","rest","_useState","useState","_useState2","open","setOpen","createElement","Fragment","Button","onClick","ModalDialog","onClose","Text","variant","repeat","Default","States","states","width","hasLogo","footer","leftPanel","Box","bg","flexShrink","p","color","rightPanel","header","textAlign","zIndex","props","displayName"],"sources":["../../../src/elements/ModalDialog/ModalDialog.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Text } from \"../Text\"\nimport { Button } from \"../Button\"\nimport { ModalDialog, ModalDialogProps } from \"./ModalDialog\"\nimport { Box } from \"../Box\"\n\nconst LOREM =\n  \"Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloribus sed iure repellendus animi, aliquid aut fuga maxime nemo minus quas. Error, incidunt fugit similique quidem culpa hic! Nemo, quas rerum. \"\n\nexport default {\n  title: \"Components/ModalDialog\",\n}\n\nconst Demo = ({ children, ...rest }: Partial<ModalDialogProps>) => {\n  const [open, setOpen] = useState(false)\n\n  return (\n    <>\n      <Button onClick={() => setOpen(true)}>Open Modal</Button>\n\n      {open && (\n        <ModalDialog onClose={() => setOpen(false)} {...rest}>\n          {children ? children : <Text variant=\"sm\">{LOREM.repeat(15)}</Text>}\n        </ModalDialog>\n      )}\n    </>\n  )\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<ModalDialogProps>>\n      states={[\n        {\n          children: <Text variant=\"sm\">{LOREM}</Text>,\n        },\n        { title: \"Modal Title\" },\n        { title: \"100% Width\", width: \"100%\" },\n        { title: \"Responsive Percentage Width\", width: [\"75%\", \"66%\", \"50%\"] },\n        { title: \"Responsive Width\", width: [\"100%\", 550] },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n        },\n        { hasLogo: true },\n        { title: \"Modal Title\", hasLogo: true },\n        {\n          children: <Text variant=\"sm\">{LOREM}</Text>,\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        { title: \"Modal Title\", footer: <Button width=\"100%\">Confirm</Button> },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        {\n          title:\n            \"Modal Title with a longer title or headline text that runs on for mutliple lines\",\n          hasLogo: true,\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        {\n          width: 800,\n          title: \"With Left Panel\",\n          leftPanel: (\n            <Box bg=\"mono100\" width={300} flexShrink={0} p={1}>\n              <Text variant=\"xs\" color=\"mono0\">\n                Some custom content on the left\n              </Text>\n            </Box>\n          ),\n        },\n        {\n          width: 800,\n          title: \"With Right Panel\",\n          rightPanel: (\n            <Box bg=\"mono100\" width={300} flexShrink={0} p={1}>\n              <Text variant=\"xs\" color=\"mono0\">\n                Some custom content on the left\n              </Text>\n            </Box>\n          ),\n        },\n        {\n          width: \"100%\",\n          title: \"With Left and Right Panels\",\n          leftPanel: (\n            <Box bg=\"mono100\" width={300} flexShrink={0} p={1}>\n              <Text variant=\"xs\" color=\"mono0\">\n                Some custom content on the left\n              </Text>\n            </Box>\n          ),\n          rightPanel: (\n            <Box bg=\"mono100\" width={300} flexShrink={0} p={1}>\n              <Text variant=\"xs\" color=\"mono0\">\n                Some custom content on the left\n              </Text>\n            </Box>\n          ),\n        },\n        {\n          title: \"With Header\",\n          header: (\n            <Box bg=\"mono10\" p={2} textAlign=\"center\">\n              <Text variant=\"xs\">Header Content</Text>\n            </Box>\n          ),\n        },\n        {\n          title: \"With Header and Footer\",\n          header: (\n            <Box bg=\"mono10\" p={2} textAlign=\"center\">\n              <Text variant=\"xs\">Header Content</Text>\n            </Box>\n          ),\n          footer: <Button width=\"100%\">Confirm</Button>,\n        },\n        {\n          title: \"With custom z-index\",\n          zIndex: 1000,\n        },\n        {\n          title: <Box bg=\"red\">Custom title</Box>,\n        },\n      ]}\n    >\n      {(props) => <Demo {...props} />}\n    </States>\n  )\n}\n"],"mappings":"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"}