@artsy/palette 41.0.0-canary.1423.31655.0 → 41.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"Carousel.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_Box","_Clickable","_Text","_2","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_extends","assign","bind","target","arguments","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LOREM","Demo","_ref","_ref$widths","widths","map","_","_ref$heights","heights","rest","createElement","Box","mx","my","Carousel","onChange","action","width","Clickable","height","bg","border","borderColor","p","textAlign","Text","variant","displayName","_default","title","exports","Simple","Multiple","Fragment","SinglePage","story","SingleOverflowingItem","MultipleOverflowingItems","TwoishPages","ManyPages","VaryingWidths","VaryingHeights","DynamicItems","_useState","useState","_useState2","setWidths","useEffect","interval","setInterval","prevWidths","concat","clearInterval","parameters","chromatic","disable","CustomArrows","Previous","props","CarouselPrevious","style","transform","color","opacity","zIndex","Next","CarouselNext","CustomRailAndCells","Cell","React","forwardRef","ref","CarouselCell","display","pr","Rail","CarouselRail","transition","CarouselWithText","InitialIndexOnMount","initialIndex","NavigateViaProps","_useState3","_useState4","resetIndex","justifyContent","onClick","ConditionalChildren","PaginationByCell","paginateBy","PaginationByCellWithVaryingWidths"],"sources":["../../../src/elements/Carousel/Carousel.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useEffect, useState } from \"react\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Text } from \"../Text\"\nimport {\n  Carousel,\n  CarouselCell,\n  CarouselNext,\n  CarouselPrevious,\n  CarouselProps,\n  CarouselRail,\n} from \"./\"\n\nconst LOREM =\n  \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae, adipisci. Voluptate voluptatum porro facere atque dolores est neque ipsam quaerat necessitatibus? Deleniti tempora assumenda accusantium, quia quo ad rem expedita!\"\n\nconst Demo = ({\n  widths = Array.from(Array(10)).map((_) => 300),\n  heights = [400],\n  ...rest\n}: {\n  widths?: Array<number | string>\n  heights?: number[]\n} & Omit<CarouselProps, \"children\">) => {\n  return (\n    <Box mx={[2, 4]} my={2}>\n      <Carousel onChange={action(\"onChange\")} {...rest}>\n        {widths.map((width, i) => {\n          return (\n            <Clickable\n              key={i}\n              width={width}\n              height={heights[i % heights.length]}\n              bg=\"black10\"\n              border=\"1px solid\"\n              borderColor=\"black30\"\n              p={1}\n              textAlign=\"center\"\n            >\n              <Text variant=\"xs\">{i + 1}</Text>\n            </Clickable>\n          )\n        })}\n      </Carousel>\n    </Box>\n  )\n}\n\nexport default { title: \"Components/Carousel\" }\n\nexport const Simple = () => {\n  return <Demo />\n}\n\nexport const Multiple = () => {\n  return (\n    <>\n      <Demo />\n      <Demo />\n      <Demo />\n    </>\n  )\n}\n\nexport const SinglePage = () => {\n  const widths = [250, 250]\n  return <Demo widths={widths} />\n}\n\nSinglePage.story = {\n  name: \"Single page\",\n}\n\nexport const SingleOverflowingItem = () => {\n  const widths = [2000]\n  return <Demo widths={widths} />\n}\n\nSingleOverflowingItem.story = {\n  name: \"Single overflowing item\",\n}\n\nexport const MultipleOverflowingItems = () => {\n  const widths = [100, 2000, 1000, 100, 1000]\n  return <Demo widths={widths} />\n}\n\nMultipleOverflowingItems.story = {\n  name: \"Multiple overflowing items\",\n}\n\nexport const TwoishPages = () => {\n  const widths = Array.from(Array(5)).map((_) => 250)\n  return <Demo widths={widths} />\n}\n\nTwoishPages.story = {\n  name: \"Two-(ish) pages\",\n}\n\nexport const ManyPages = () => {\n  const widths = Array.from(Array(100)).map((_) => 250)\n  return <Demo widths={widths} />\n}\n\nManyPages.story = {\n  name: \"Many pages\",\n}\n\nexport const VaryingWidths = () => {\n  const widths = Array.from(Array(25)).map((_, i) => {\n    if (i % 15 === 0) return 400\n    if (i % 5 === 0) return 300\n    if (i % 3 === 0) return 333\n    if (i % 2 === 0) return 275\n    return 250\n  })\n\n  return <Demo widths={widths} />\n}\n\nVaryingWidths.story = {\n  name: \"Varying widths\",\n}\n\nexport const VaryingHeights = () => {\n  const widths = Array.from(Array(25)).map((_, i) => {\n    if (i % 15 === 0) return 400\n    if (i % 5 === 0) return 300\n    if (i % 3 === 0) return 333\n    if (i % 2 === 0) return 275\n    return 250\n  })\n\n  return <Demo widths={widths} heights={[400, 300, 333, 275]} />\n}\n\nVaryingHeights.story = {\n  name: \"Varying heights\",\n}\n\nexport const DynamicItems = () => {\n  const [widths, setWidths] = useState([300])\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setWidths((prevWidths) => [...prevWidths, 300])\n    }, 500)\n    return () => clearInterval(interval)\n  }, [])\n\n  return <Demo widths={widths} />\n}\n\nDynamicItems.story = {\n  name: \"Dynamic items\",\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const CustomArrows = () => {\n  return (\n    <Demo\n      Previous={(props) => (\n        <CarouselPrevious\n          {...props}\n          style={{ transform: \"translateX(0)\" }}\n          bg=\"black5\"\n          color=\"red100\"\n          height={300}\n          opacity={0.75}\n          zIndex={1}\n        />\n      )}\n      Next={(props) => {\n        return (\n          <CarouselNext\n            {...props}\n            style={{ transform: \"translateX(0)\" }}\n            bg=\"black5\"\n            color=\"red100\"\n            height={300}\n            opacity={0.75}\n            zIndex={1}\n          />\n        )\n      }}\n    />\n  )\n}\n\nCustomArrows.story = {\n  name: \"Custom arrows\",\n}\n\nexport const CustomRailAndCells = () => {\n  return (\n    <Demo\n      widths={[\"100%\", \"100%\", \"100%\", \"100%\"]}\n      // eslint-disable-next-line react/display-name\n      Cell={React.forwardRef((props, ref) => {\n        return (\n          <CarouselCell\n            {...props}\n            ref={ref as any}\n            display=\"inline-flex\"\n            width=\"100%\"\n            pr={0}\n          />\n        )\n      })}\n      Rail={(props) => {\n        return <CarouselRail {...props} transition=\"none\" display=\"block\" />\n      }}\n    />\n  )\n}\n\nCustomRailAndCells.story = {\n  name: \"Custom rail and cells\",\n}\n\nexport const CarouselWithText = () => {\n  return (\n    <Box mx={[2, 4]} my={2}>\n      <Carousel>\n        <Text bg=\"black10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"black10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"black10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"black10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"black10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"black10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n      </Carousel>\n    </Box>\n  )\n}\n\nCarouselWithText.story = {\n  name: \"Carousel with text\",\n}\n\nexport const InitialIndexOnMount = () => {\n  return <Demo initialIndex={3} />\n}\n\nInitialIndexOnMount.story = {\n  name: \"initialIndex on mount\",\n}\n\nexport const NavigateViaProps = () => {\n  const [initialIndex, resetIndex] = useState(0)\n  return (\n    <Box>\n      <Demo initialIndex={initialIndex} onChange={resetIndex} />\n      <Box display=\"flex\" justifyContent=\"space-around\">\n        <Clickable onClick={() => resetIndex(0)}>Navigate to page 1</Clickable>\n        <Clickable onClick={() => resetIndex(1)}>Navigate to page 2</Clickable>\n        <Clickable onClick={() => resetIndex(2)}>Navigate to page 3</Clickable>\n        <Clickable onClick={() => resetIndex(3)}>Navigate to page 4</Clickable>\n        <Clickable onClick={() => resetIndex(4)}>Navigate to page 5</Clickable>\n      </Box>\n    </Box>\n  )\n}\n\nNavigateViaProps.story = {\n  name: \"Navigate via props\",\n}\n\nexport const ConditionalChildren = () => {\n  return (\n    <Box mx={[2, 4]} my={2}>\n      <Carousel>\n        <Box bg=\"black10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">1</Text>\n        </Box>\n\n        <Box bg=\"black10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">2</Text>\n        </Box>\n\n        {false && (\n          <Box bg=\"black10\" width={300} height={300} p={2}>\n            <Text variant=\"xs\">3</Text>\n          </Box>\n        )}\n\n        {true && (\n          <Box bg=\"black10\" width={300} height={300} p={2}>\n            <Text variant=\"xs\">4</Text>\n          </Box>\n        )}\n\n        <Box bg=\"black10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">5</Text>\n        </Box>\n\n        <Box bg=\"black10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">6</Text>\n        </Box>\n      </Carousel>\n    </Box>\n  )\n}\n\nexport const PaginationByCell = () => {\n  return <Demo paginateBy=\"cell\" />\n}\n\nexport const PaginationByCellWithVaryingWidths = () => {\n  const widths = Array.from(Array(25)).map((_, i) => {\n    if (i % 15 === 0) return 400\n    if (i % 5 === 0) return 300\n    if (i % 3 === 0) return 333\n    if (i % 2 === 0) return 275\n    return 250\n  })\n\n  return <Demo paginateBy=\"cell\" widths={widths} />\n}\n"],"mappings":"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"}
+{"version":3,"file":"Carousel.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_Box","_Clickable","_Text","_2","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_extends","assign","bind","target","arguments","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LOREM","Demo","_ref","_ref$widths","widths","map","_","_ref$heights","heights","rest","createElement","Box","mx","my","Carousel","onChange","action","width","Clickable","height","bg","border","borderColor","p","textAlign","Text","variant","displayName","_default","title","exports","Simple","Multiple","Fragment","SinglePage","story","SingleOverflowingItem","MultipleOverflowingItems","TwoishPages","ManyPages","VaryingWidths","VaryingHeights","DynamicItems","_useState","useState","_useState2","setWidths","useEffect","interval","setInterval","prevWidths","concat","clearInterval","parameters","chromatic","disable","CustomArrows","Previous","props","CarouselPrevious","style","transform","color","opacity","zIndex","Next","CarouselNext","CustomRailAndCells","Cell","React","forwardRef","ref","CarouselCell","display","pr","Rail","CarouselRail","transition","CarouselWithText","InitialIndexOnMount","initialIndex","NavigateViaProps","_useState3","_useState4","resetIndex","justifyContent","onClick","ConditionalChildren","PaginationByCell","paginateBy","PaginationByCellWithVaryingWidths"],"sources":["../../../src/elements/Carousel/Carousel.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useEffect, useState } from \"react\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Text } from \"../Text\"\nimport {\n  Carousel,\n  CarouselCell,\n  CarouselNext,\n  CarouselPrevious,\n  CarouselProps,\n  CarouselRail,\n} from \"./\"\n\nconst LOREM =\n  \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae, adipisci. Voluptate voluptatum porro facere atque dolores est neque ipsam quaerat necessitatibus? Deleniti tempora assumenda accusantium, quia quo ad rem expedita!\"\n\nconst Demo = ({\n  widths = Array.from(Array(10)).map((_) => 300),\n  heights = [400],\n  ...rest\n}: {\n  widths?: Array<number | string>\n  heights?: number[]\n} & Omit<CarouselProps, \"children\">) => {\n  return (\n    <Box mx={[2, 4]} my={2}>\n      <Carousel onChange={action(\"onChange\")} {...rest}>\n        {widths.map((width, i) => {\n          return (\n            <Clickable\n              key={i}\n              width={width}\n              height={heights[i % heights.length]}\n              bg=\"mono10\"\n              border=\"1px solid\"\n              borderColor=\"mono30\"\n              p={1}\n              textAlign=\"center\"\n            >\n              <Text variant=\"xs\">{i + 1}</Text>\n            </Clickable>\n          )\n        })}\n      </Carousel>\n    </Box>\n  )\n}\n\nexport default { title: \"Components/Carousel\" }\n\nexport const Simple = () => {\n  return <Demo />\n}\n\nexport const Multiple = () => {\n  return (\n    <>\n      <Demo />\n      <Demo />\n      <Demo />\n    </>\n  )\n}\n\nexport const SinglePage = () => {\n  const widths = [250, 250]\n  return <Demo widths={widths} />\n}\n\nSinglePage.story = {\n  name: \"Single page\",\n}\n\nexport const SingleOverflowingItem = () => {\n  const widths = [2000]\n  return <Demo widths={widths} />\n}\n\nSingleOverflowingItem.story = {\n  name: \"Single overflowing item\",\n}\n\nexport const MultipleOverflowingItems = () => {\n  const widths = [100, 2000, 1000, 100, 1000]\n  return <Demo widths={widths} />\n}\n\nMultipleOverflowingItems.story = {\n  name: \"Multiple overflowing items\",\n}\n\nexport const TwoishPages = () => {\n  const widths = Array.from(Array(5)).map((_) => 250)\n  return <Demo widths={widths} />\n}\n\nTwoishPages.story = {\n  name: \"Two-(ish) pages\",\n}\n\nexport const ManyPages = () => {\n  const widths = Array.from(Array(100)).map((_) => 250)\n  return <Demo widths={widths} />\n}\n\nManyPages.story = {\n  name: \"Many pages\",\n}\n\nexport const VaryingWidths = () => {\n  const widths = Array.from(Array(25)).map((_, i) => {\n    if (i % 15 === 0) return 400\n    if (i % 5 === 0) return 300\n    if (i % 3 === 0) return 333\n    if (i % 2 === 0) return 275\n    return 250\n  })\n\n  return <Demo widths={widths} />\n}\n\nVaryingWidths.story = {\n  name: \"Varying widths\",\n}\n\nexport const VaryingHeights = () => {\n  const widths = Array.from(Array(25)).map((_, i) => {\n    if (i % 15 === 0) return 400\n    if (i % 5 === 0) return 300\n    if (i % 3 === 0) return 333\n    if (i % 2 === 0) return 275\n    return 250\n  })\n\n  return <Demo widths={widths} heights={[400, 300, 333, 275]} />\n}\n\nVaryingHeights.story = {\n  name: \"Varying heights\",\n}\n\nexport const DynamicItems = () => {\n  const [widths, setWidths] = useState([300])\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setWidths((prevWidths) => [...prevWidths, 300])\n    }, 500)\n    return () => clearInterval(interval)\n  }, [])\n\n  return <Demo widths={widths} />\n}\n\nDynamicItems.story = {\n  name: \"Dynamic items\",\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const CustomArrows = () => {\n  return (\n    <Demo\n      Previous={(props) => (\n        <CarouselPrevious\n          {...props}\n          style={{ transform: \"translateX(0)\" }}\n          bg=\"mono5\"\n          color=\"red100\"\n          height={300}\n          opacity={0.75}\n          zIndex={1}\n        />\n      )}\n      Next={(props) => {\n        return (\n          <CarouselNext\n            {...props}\n            style={{ transform: \"translateX(0)\" }}\n            bg=\"mono5\"\n            color=\"red100\"\n            height={300}\n            opacity={0.75}\n            zIndex={1}\n          />\n        )\n      }}\n    />\n  )\n}\n\nCustomArrows.story = {\n  name: \"Custom arrows\",\n}\n\nexport const CustomRailAndCells = () => {\n  return (\n    <Demo\n      widths={[\"100%\", \"100%\", \"100%\", \"100%\"]}\n      // eslint-disable-next-line react/display-name\n      Cell={React.forwardRef((props, ref) => {\n        return (\n          <CarouselCell\n            {...props}\n            ref={ref as any}\n            display=\"inline-flex\"\n            width=\"100%\"\n            pr={0}\n          />\n        )\n      })}\n      Rail={(props) => {\n        return <CarouselRail {...props} transition=\"none\" display=\"block\" />\n      }}\n    />\n  )\n}\n\nCustomRailAndCells.story = {\n  name: \"Custom rail and cells\",\n}\n\nexport const CarouselWithText = () => {\n  return (\n    <Box mx={[2, 4]} my={2}>\n      <Carousel>\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n\n        <Text bg=\"mono10\" p={1} width={300}>\n          {LOREM}\n        </Text>\n      </Carousel>\n    </Box>\n  )\n}\n\nCarouselWithText.story = {\n  name: \"Carousel with text\",\n}\n\nexport const InitialIndexOnMount = () => {\n  return <Demo initialIndex={3} />\n}\n\nInitialIndexOnMount.story = {\n  name: \"initialIndex on mount\",\n}\n\nexport const NavigateViaProps = () => {\n  const [initialIndex, resetIndex] = useState(0)\n  return (\n    <Box>\n      <Demo initialIndex={initialIndex} onChange={resetIndex} />\n      <Box display=\"flex\" justifyContent=\"space-around\">\n        <Clickable onClick={() => resetIndex(0)}>Navigate to page 1</Clickable>\n        <Clickable onClick={() => resetIndex(1)}>Navigate to page 2</Clickable>\n        <Clickable onClick={() => resetIndex(2)}>Navigate to page 3</Clickable>\n        <Clickable onClick={() => resetIndex(3)}>Navigate to page 4</Clickable>\n        <Clickable onClick={() => resetIndex(4)}>Navigate to page 5</Clickable>\n      </Box>\n    </Box>\n  )\n}\n\nNavigateViaProps.story = {\n  name: \"Navigate via props\",\n}\n\nexport const ConditionalChildren = () => {\n  return (\n    <Box mx={[2, 4]} my={2}>\n      <Carousel>\n        <Box bg=\"mono10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">1</Text>\n        </Box>\n\n        <Box bg=\"mono10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">2</Text>\n        </Box>\n\n        {false && (\n          <Box bg=\"mono10\" width={300} height={300} p={2}>\n            <Text variant=\"xs\">3</Text>\n          </Box>\n        )}\n\n        {true && (\n          <Box bg=\"mono10\" width={300} height={300} p={2}>\n            <Text variant=\"xs\">4</Text>\n          </Box>\n        )}\n\n        <Box bg=\"mono10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">5</Text>\n        </Box>\n\n        <Box bg=\"mono10\" width={300} height={300} p={2}>\n          <Text variant=\"xs\">6</Text>\n        </Box>\n      </Carousel>\n    </Box>\n  )\n}\n\nexport const PaginationByCell = () => {\n  return <Demo paginateBy=\"cell\" />\n}\n\nexport const PaginationByCellWithVaryingWidths = () => {\n  const widths = Array.from(Array(25)).map((_, i) => {\n    if (i % 15 === 0) return 400\n    if (i % 5 === 0) return 300\n    if (i % 3 === 0) return 333\n    if (i % 2 === 0) return 275\n    return 250\n  })\n\n  return <Demo paginateBy=\"cell\" widths={widths} />\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,EAAA,GAAAN,OAAA;AAOW,IAAAO,SAAA;AAAA,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAP,wBAAAW,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAAW,mBAAAC,GAAA,WAAAC,kBAAA,CAAAD,GAAA,KAAAE,gBAAA,CAAAF,GAAA,KAAAG,2BAAA,CAAAH,GAAA,KAAAI,kBAAA;AAAA,SAAAA,mBAAA,cAAAC,SAAA;AAAA,SAAAH,iBAAAI,IAAA,eAAAC,MAAA,oBAAAD,IAAA,CAAAC,MAAA,CAAAC,QAAA,aAAAF,IAAA,+BAAAG,KAAA,CAAAC,IAAA,CAAAJ,IAAA;AAAA,SAAAL,mBAAAD,GAAA,QAAAS,KAAA,CAAAE,OAAA,CAAAX,GAAA,UAAAY,iBAAA,CAAAZ,GAAA;AAAA,SAAAa,eAAAb,GAAA,EAAAc,CAAA,WAAAC,eAAA,CAAAf,GAAA,KAAAgB,qBAAA,CAAAhB,GAAA,EAAAc,CAAA,KAAAX,2BAAA,CAAAH,GAAA,EAAAc,CAAA,KAAAG,gBAAA;AAAA,SAAAA,iBAAA,cAAAZ,SAAA;AAAA,SAAAF,4BAAAe,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAN,iBAAA,CAAAM,CAAA,EAAAC,MAAA,OAAAC,CAAA,GAAA9B,MAAA,CAAAI,SAAA,CAAA2B,QAAA,CAAAzB,IAAA,CAAAsB,CAAA,EAAAI,KAAA,aAAAF,CAAA,iBAAAF,CAAA,CAAAK,WAAA,EAAAH,CAAA,GAAAF,CAAA,CAAAK,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAX,KAAA,CAAAC,IAAA,CAAAQ,CAAA,OAAAE,CAAA,+DAAAK,IAAA,CAAAL,CAAA,UAAAR,iBAAA,CAAAM,CAAA,EAAAC,MAAA;AAAA,SAAAP,kBAAAZ,GAAA,EAAA0B,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAA1B,GAAA,CAAA2B,MAAA,EAAAD,GAAA,GAAA1B,GAAA,CAAA2B,MAAA,WAAAb,CAAA,MAAAc,IAAA,OAAAnB,KAAA,CAAAiB,GAAA,GAAAZ,CAAA,GAAAY,GAAA,EAAAZ,CAAA,MAAAc,IAAA,CAAAd,CAAA,IAAAd,GAAA,CAAAc,CAAA,YAAAc,IAAA;AAAA,SAAAZ,sBAAAhB,GAAA,EAAAc,CAAA,QAAAe,EAAA,WAAA7B,GAAA,gCAAAO,MAAA,IAAAP,GAAA,CAAAO,MAAA,CAAAC,QAAA,KAAAR,GAAA,4BAAA6B,EAAA,QAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAH,EAAA,GAAAA,EAAA,CAAAjC,IAAA,CAAAI,GAAA,GAAAqC,IAAA,QAAAvB,CAAA,QAAAxB,MAAA,CAAAuC,EAAA,MAAAA,EAAA,UAAAM,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAApC,IAAA,CAAAiC,EAAA,GAAAS,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAAP,MAAA,KAAAb,CAAA,GAAAqB,EAAA,sBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAN,EAAA,CAAAa,MAAA,KAAAT,EAAA,GAAAJ,EAAA,CAAAa,MAAA,IAAApD,MAAA,CAAA2C,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAAnB,gBAAAf,GAAA,QAAAS,KAAA,CAAAE,OAAA,CAAAX,GAAA,UAAAA,GAAA;AAAA,SAAA2C,SAAA,IAAAA,QAAA,GAAArD,MAAA,CAAAsD,MAAA,GAAAtD,MAAA,CAAAsD,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAhC,CAAA,MAAAA,CAAA,GAAAiC,SAAA,CAAApB,MAAA,EAAAb,CAAA,UAAAkC,MAAA,GAAAD,SAAA,CAAAjC,CAAA,YAAArB,GAAA,IAAAuD,MAAA,QAAA1D,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAoD,MAAA,EAAAvD,GAAA,KAAAqD,MAAA,CAAArD,GAAA,IAAAuD,MAAA,CAAAvD,GAAA,gBAAAqD,MAAA,YAAAH,QAAA,CAAAM,KAAA,OAAAF,SAAA;AAAA,SAAAG,yBAAAF,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAF,MAAA,GAAAM,6BAAA,CAAAJ,MAAA,EAAAG,QAAA,OAAA1D,GAAA,EAAAqB,CAAA,MAAAxB,MAAA,CAAA+D,qBAAA,QAAAC,gBAAA,GAAAhE,MAAA,CAAA+D,qBAAA,CAAAL,MAAA,QAAAlC,CAAA,MAAAA,CAAA,GAAAwC,gBAAA,CAAA3B,MAAA,EAAAb,CAAA,MAAArB,GAAA,GAAA6D,gBAAA,CAAAxC,CAAA,OAAAqC,QAAA,CAAAI,OAAA,CAAA9D,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAA8D,oBAAA,CAAA5D,IAAA,CAAAoD,MAAA,EAAAvD,GAAA,aAAAqD,MAAA,CAAArD,GAAA,IAAAuD,MAAA,CAAAvD,GAAA,cAAAqD,MAAA;AAAA,SAAAM,8BAAAJ,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAF,MAAA,WAAAW,UAAA,GAAAnE,MAAA,CAAAoE,IAAA,CAAAV,MAAA,OAAAvD,GAAA,EAAAqB,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAA2C,UAAA,CAAA9B,MAAA,EAAAb,CAAA,MAAArB,GAAA,GAAAgE,UAAA,CAAA3C,CAAA,OAAAqC,QAAA,CAAAI,OAAA,CAAA9D,GAAA,kBAAAqD,MAAA,CAAArD,GAAA,IAAAuD,MAAA,CAAAvD,GAAA,YAAAqD,MAAA;AAEX,IAAMa,KAAK,GACT,yOAAyO;AAE3O,IAAMC,IAAI,GAAG,SAAPA,IAAIA,CAAAC,IAAA,EAO8B;EAAA,IAAAC,WAAA,GAAAD,IAAA,CANtCE,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAGrD,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,EAAE,CAAC,CAAC,CAACuD,GAAG,CAAC,UAACC,CAAC;MAAA,OAAK,GAAG;IAAA,EAAC,GAAAH,WAAA;IAAAI,YAAA,GAAAL,IAAA,CAC9CM,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,CAAC,GAAG,CAAC,GAAAA,YAAA;IACZE,IAAI,GAAAlB,wBAAA,CAAAW,IAAA,EAAAtF,SAAA;EAKP,oBACEN,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG;IAACC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAE;IAACC,EAAE,EAAE;EAAE,gBACrBvG,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAC/F,EAAA,CAAAmG,QAAQ,EAAA9B,QAAA;IAAC+B,QAAQ,EAAE,IAAAC,oBAAM,EAAC,UAAU;EAAE,GAAKP,IAAI,GAC7CL,MAAM,CAACC,GAAG,CAAC,UAACY,KAAK,EAAE9D,CAAC,EAAK;IACxB,oBACE7C,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACjG,UAAA,CAAAyG,SAAS;MACRpF,GAAG,EAAEqB,CAAE;MACP8D,KAAK,EAAEA,KAAM;MACbE,MAAM,EAAEX,OAAO,CAACrD,CAAC,GAAGqD,OAAO,CAACxC,MAAM,CAAE;MACpCoD,EAAE,EAAC,QAAQ;MACXC,MAAM,EAAC,WAAW;MAClBC,WAAW,EAAC,QAAQ;MACpBC,CAAC,EAAE,CAAE;MACLC,SAAS,EAAC;IAAQ,gBAElBlH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;MAACC,OAAO,EAAC;IAAI,GAAEvE,CAAC,GAAG,CAAC,CAAQ,CACvB;EAEhB,CAAC,CAAC,CACO,CACP;AAEV,CAAC;AA9BK8C,IAAI,CAAA0B,WAAA;AAAA,IAAAC,QAAA,GAgCK;EAAEC,KAAK,EAAE;AAAsB,CAAC;AAAAC,OAAA,CAAAzG,OAAA,GAAAuG,QAAA;AAExC,IAAMG,MAAM,GAAG,SAATA,MAAMA,CAAA,EAAS;EAC1B,oBAAOzH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI,OAAG;AACjB,CAAC;AAAA6B,OAAA,CAAAC,MAAA,GAAAA,MAAA;AAFYA,MAAM,CAAAJ,WAAA;AAIZ,IAAMK,QAAQ,GAAG,SAAXA,QAAQA,CAAA,EAAS;EAC5B,oBACE1H,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAApG,MAAA,CAAAe,OAAA,CAAA4G,QAAA,qBACE3H,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI,OAAG,eACR3F,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI,OAAG,eACR3F,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI,OAAG,CACP;AAEP,CAAC;AAAA6B,OAAA,CAAAE,QAAA,GAAAA,QAAA;AAEM,IAAME,UAAU,GAAG,SAAbA,UAAUA,CAAA,EAAS;EAC9B,IAAM9B,MAAM,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC;EACzB,oBAAO9F,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAACG,MAAM,EAAEA;EAAO,EAAG;AACjC,CAAC;AAAA0B,OAAA,CAAAI,UAAA,GAAAA,UAAA;AAHYA,UAAU,CAAAP,WAAA;AAKvBO,UAAU,CAACC,KAAK,GAAG;EACjBtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAMuE,qBAAqB,GAAG,SAAxBA,qBAAqBA,CAAA,EAAS;EACzC,IAAMhC,MAAM,GAAG,CAAC,IAAI,CAAC;EACrB,oBAAO9F,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAACG,MAAM,EAAEA;EAAO,EAAG;AACjC,CAAC;AAAA0B,OAAA,CAAAM,qBAAA,GAAAA,qBAAA;AAHYA,qBAAqB,CAAAT,WAAA;AAKlCS,qBAAqB,CAACD,KAAK,GAAG;EAC5BtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAMwE,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAA,EAAS;EAC5C,IAAMjC,MAAM,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC;EAC3C,oBAAO9F,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAACG,MAAM,EAAEA;EAAO,EAAG;AACjC,CAAC;AAAA0B,OAAA,CAAAO,wBAAA,GAAAA,wBAAA;AAHYA,wBAAwB,CAAAV,WAAA;AAKrCU,wBAAwB,CAACF,KAAK,GAAG;EAC/BtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAMyE,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC/B,IAAMlC,MAAM,GAAGtD,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,CAAC,CAAC,CAAC,CAACuD,GAAG,CAAC,UAACC,CAAC;IAAA,OAAK,GAAG;EAAA,EAAC;EACnD,oBAAOhG,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAACG,MAAM,EAAEA;EAAO,EAAG;AACjC,CAAC;AAAA0B,OAAA,CAAAQ,WAAA,GAAAA,WAAA;AAHYA,WAAW,CAAAX,WAAA;AAKxBW,WAAW,CAACH,KAAK,GAAG;EAClBtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAM0E,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EAC7B,IAAMnC,MAAM,GAAGtD,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,GAAG,CAAC,CAAC,CAACuD,GAAG,CAAC,UAACC,CAAC;IAAA,OAAK,GAAG;EAAA,EAAC;EACrD,oBAAOhG,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAACG,MAAM,EAAEA;EAAO,EAAG;AACjC,CAAC;AAAA0B,OAAA,CAAAS,SAAA,GAAAA,SAAA;AAHYA,SAAS,CAAAZ,WAAA;AAKtBY,SAAS,CAACJ,KAAK,GAAG;EAChBtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAM2E,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;EACjC,IAAMpC,MAAM,GAAGtD,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,EAAE,CAAC,CAAC,CAACuD,GAAG,CAAC,UAACC,CAAC,EAAEnD,CAAC,EAAK;IACjD,IAAIA,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG;IAC5B,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG;IAC3B,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG;IAC3B,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG;IAC3B,OAAO,GAAG;EACZ,CAAC,CAAC;EAEF,oBAAO7C,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAACG,MAAM,EAAEA;EAAO,EAAG;AACjC,CAAC;AAAA0B,OAAA,CAAAU,aAAA,GAAAA,aAAA;AAVYA,aAAa,CAAAb,WAAA;AAY1Ba,aAAa,CAACL,KAAK,GAAG;EACpBtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAM4E,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAClC,IAAMrC,MAAM,GAAGtD,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,EAAE,CAAC,CAAC,CAACuD,GAAG,CAAC,UAACC,CAAC,EAAEnD,CAAC,EAAK;IACjD,IAAIA,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG;IAC5B,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG;IAC3B,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG;IAC3B,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG;IAC3B,OAAO,GAAG;EACZ,CAAC,CAAC;EAEF,oBAAO7C,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAACG,MAAM,EAAEA,MAAO;IAACI,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG;EAAE,EAAG;AAChE,CAAC;AAAAsB,OAAA,CAAAW,cAAA,GAAAA,cAAA;AAVYA,cAAc,CAAAd,WAAA;AAY3Bc,cAAc,CAACN,KAAK,GAAG;EACrBtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAM6E,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;EAChC,IAAAC,SAAA,GAA4B,IAAAC,eAAQ,EAAC,CAAC,GAAG,CAAC,CAAC;IAAAC,UAAA,GAAA3F,cAAA,CAAAyF,SAAA;IAApCvC,MAAM,GAAAyC,UAAA;IAAEC,SAAS,GAAAD,UAAA;EACxB,IAAAE,gBAAS,EAAC,YAAM;IACd,IAAMC,QAAQ,GAAGC,WAAW,CAAC,YAAM;MACjCH,SAAS,CAAC,UAACI,UAAU;QAAA,UAAAC,MAAA,CAAA/G,kBAAA,CAAS8G,UAAU,IAAE,GAAG;MAAA,CAAC,CAAC;IACjD,CAAC,EAAE,GAAG,CAAC;IACP,OAAO;MAAA,OAAME,aAAa,CAACJ,QAAQ,CAAC;IAAA;EACtC,CAAC,EAAE,EAAE,CAAC;EAEN,oBAAO1I,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAACG,MAAM,EAAEA;EAAO,EAAG;AACjC,CAAC;AAAA0B,OAAA,CAAAY,YAAA,GAAAA,YAAA;AAVYA,YAAY,CAAAf,WAAA;AAYzBe,YAAY,CAACP,KAAK,GAAG;EACnBtE,IAAI,EAAE,eAAe;EACrBwF,UAAU,EAAE;IAAEC,SAAS,EAAE;MAAEC,OAAO,EAAE;IAAK;EAAE;AAC7C,CAAC;AAEM,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;EAChC,oBACElJ,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IACHwD,QAAQ,EAAE,SAAAA,SAACC,KAAK;MAAA,oBACdpJ,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAC/F,EAAA,CAAAgJ,gBAAgB,EAAA3E,QAAA,KACX0E,KAAK;QACTE,KAAK,EAAE;UAAEC,SAAS,EAAE;QAAgB,CAAE;QACtCzC,EAAE,EAAC,OAAO;QACV0C,KAAK,EAAC,QAAQ;QACd3C,MAAM,EAAE,GAAI;QACZ4C,OAAO,EAAE,IAAK;QACdC,MAAM,EAAE;MAAE,GACV;IAAA,CACF;IACFC,IAAI,EAAE,SAAAA,KAACP,KAAK,EAAK;MACf,oBACEpJ,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAC/F,EAAA,CAAAuJ,YAAY,EAAAlF,QAAA,KACP0E,KAAK;QACTE,KAAK,EAAE;UAAEC,SAAS,EAAE;QAAgB,CAAE;QACtCzC,EAAE,EAAC,OAAO;QACV0C,KAAK,EAAC,QAAQ;QACd3C,MAAM,EAAE,GAAI;QACZ4C,OAAO,EAAE,IAAK;QACdC,MAAM,EAAE;MAAE,GACV;IAEN;EAAE,EACF;AAEN,CAAC;AAAAlC,OAAA,CAAA0B,YAAA,GAAAA,YAAA;AA7BYA,YAAY,CAAA7B,WAAA;AA+BzB6B,YAAY,CAACrB,KAAK,GAAG;EACnBtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAMsG,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA,EAAS;EACtC,oBACE7J,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IACHG,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;IACvC;IAAA;IACAgE,IAAI,eAAEC,cAAK,CAACC,UAAU,CAAC,UAACZ,KAAK,EAAEa,GAAG,EAAK;MACrC,oBACEjK,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAC/F,EAAA,CAAA6J,YAAY,EAAAxF,QAAA,KACP0E,KAAK;QACTa,GAAG,EAAEA,GAAW;QAChBE,OAAO,EAAC,aAAa;QACrBxD,KAAK,EAAC,MAAM;QACZyD,EAAE,EAAE;MAAE,GACN;IAEN,CAAC,CAAE;IACHC,IAAI,EAAE,SAAAA,KAACjB,KAAK,EAAK;MACf,oBAAOpJ,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAC/F,EAAA,CAAAiK,YAAY,EAAA5F,QAAA,KAAK0E,KAAK;QAAEmB,UAAU,EAAC,MAAM;QAACJ,OAAO,EAAC;MAAO,GAAG;IACtE;EAAE,EACF;AAEN,CAAC;AAAA3C,OAAA,CAAAqC,kBAAA,GAAAA,kBAAA;AArBYA,kBAAkB,CAAAxC,WAAA;AAuB/BwC,kBAAkB,CAAChC,KAAK,GAAG;EACzBtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAMiH,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;EACpC,oBACExK,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG;IAACC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAE;IAACC,EAAE,EAAE;EAAE,gBACrBvG,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAC/F,EAAA,CAAAmG,QAAQ,qBACPxG,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACL,EAAE,EAAC,QAAQ;IAACG,CAAC,EAAE,CAAE;IAACN,KAAK,EAAE;EAAI,GAChCjB,KAAK,CACD,eAEP1F,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACL,EAAE,EAAC,QAAQ;IAACG,CAAC,EAAE,CAAE;IAACN,KAAK,EAAE;EAAI,GAChCjB,KAAK,CACD,eAEP1F,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACL,EAAE,EAAC,QAAQ;IAACG,CAAC,EAAE,CAAE;IAACN,KAAK,EAAE;EAAI,GAChCjB,KAAK,CACD,eAEP1F,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACL,EAAE,EAAC,QAAQ;IAACG,CAAC,EAAE,CAAE;IAACN,KAAK,EAAE;EAAI,GAChCjB,KAAK,CACD,eAEP1F,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACL,EAAE,EAAC,QAAQ;IAACG,CAAC,EAAE,CAAE;IAACN,KAAK,EAAE;EAAI,GAChCjB,KAAK,CACD,eAEP1F,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACL,EAAE,EAAC,QAAQ;IAACG,CAAC,EAAE,CAAE;IAACN,KAAK,EAAE;EAAI,GAChCjB,KAAK,CACD,CACE,CACP;AAEV,CAAC;AAAA8B,OAAA,CAAAgD,gBAAA,GAAAA,gBAAA;AA9BYA,gBAAgB,CAAAnD,WAAA;AAgC7BmD,gBAAgB,CAAC3C,KAAK,GAAG;EACvBtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAMkH,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EACvC,oBAAOzK,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAAC+E,YAAY,EAAE;EAAE,EAAG;AAClC,CAAC;AAAAlD,OAAA,CAAAiD,mBAAA,GAAAA,mBAAA;AAFYA,mBAAmB,CAAApD,WAAA;AAIhCoD,mBAAmB,CAAC5C,KAAK,GAAG;EAC1BtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAMoH,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;EACpC,IAAAC,UAAA,GAAmC,IAAAtC,eAAQ,EAAC,CAAC,CAAC;IAAAuC,UAAA,GAAAjI,cAAA,CAAAgI,UAAA;IAAvCF,YAAY,GAAAG,UAAA;IAAEC,UAAU,GAAAD,UAAA;EAC/B,oBACE7K,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG,qBACFrG,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAAC+E,YAAY,EAAEA,YAAa;IAACjE,QAAQ,EAAEqE;EAAW,EAAG,eAC1D9K,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG;IAAC8D,OAAO,EAAC,MAAM;IAACY,cAAc,EAAC;EAAc,gBAC/C/K,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACjG,UAAA,CAAAyG,SAAS;IAACoE,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMF,UAAU,CAAC,CAAC,CAAC;IAAA;EAAC,GAAC,oBAAkB,CAAY,eACvE9K,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACjG,UAAA,CAAAyG,SAAS;IAACoE,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMF,UAAU,CAAC,CAAC,CAAC;IAAA;EAAC,GAAC,oBAAkB,CAAY,eACvE9K,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACjG,UAAA,CAAAyG,SAAS;IAACoE,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMF,UAAU,CAAC,CAAC,CAAC;IAAA;EAAC,GAAC,oBAAkB,CAAY,eACvE9K,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACjG,UAAA,CAAAyG,SAAS;IAACoE,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMF,UAAU,CAAC,CAAC,CAAC;IAAA;EAAC,GAAC,oBAAkB,CAAY,eACvE9K,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACjG,UAAA,CAAAyG,SAAS;IAACoE,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMF,UAAU,CAAC,CAAC,CAAC;IAAA;EAAC,GAAC,oBAAkB,CAAY,CACnE,CACF;AAEV,CAAC;AAAAtD,OAAA,CAAAmD,gBAAA,GAAAA,gBAAA;AAdYA,gBAAgB,CAAAtD,WAAA;AAgB7BsD,gBAAgB,CAAC9C,KAAK,GAAG;EACvBtE,IAAI,EAAE;AACR,CAAC;AAEM,IAAM0H,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAA,EAAS;EACvC,oBACEjL,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG;IAACC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAE;IAACC,EAAE,EAAE;EAAE,gBACrBvG,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAC/F,EAAA,CAAAmG,QAAQ,qBACPxG,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG;IAACS,EAAE,EAAC,QAAQ;IAACH,KAAK,EAAE,GAAI;IAACE,MAAM,EAAE,GAAI;IAACI,CAAC,EAAE;EAAE,gBAC7CjH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,GAAC,CAAO,CACvB,eAENpH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG;IAACS,EAAE,EAAC,QAAQ;IAACH,KAAK,EAAE,GAAI;IAACE,MAAM,EAAE,GAAI;IAACI,CAAC,EAAE;EAAE,gBAC7CjH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,GAAC,CAAO,CACvB,EAEL,KAAK,iBACJpH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG;IAACS,EAAE,EAAC,QAAQ;IAACH,KAAK,EAAE,GAAI;IAACE,MAAM,EAAE,GAAI;IAACI,CAAC,EAAE;EAAE,gBAC7CjH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,GAAC,CAAO,CAE9B,EAEA,IAAI,iBACHpH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG;IAACS,EAAE,EAAC,QAAQ;IAACH,KAAK,EAAE,GAAI;IAACE,MAAM,EAAE,GAAI;IAACI,CAAC,EAAE;EAAE,gBAC7CjH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,GAAC,CAAO,CAE9B,eAEDpH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG;IAACS,EAAE,EAAC,QAAQ;IAACH,KAAK,EAAE,GAAI;IAACE,MAAM,EAAE,GAAI;IAACI,CAAC,EAAE;EAAE,gBAC7CjH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,GAAC,CAAO,CACvB,eAENpH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAClG,IAAA,CAAAmG,GAAG;IAACS,EAAE,EAAC,QAAQ;IAACH,KAAK,EAAE,GAAI;IAACE,MAAM,EAAE,GAAI;IAACI,CAAC,EAAE;EAAE,gBAC7CjH,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAAChG,KAAA,CAAA+G,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,GAAC,CAAO,CACvB,CACG,CACP;AAEV,CAAC;AAAAI,OAAA,CAAAyD,mBAAA,GAAAA,mBAAA;AAlCYA,mBAAmB,CAAA5D,WAAA;AAoCzB,IAAM6D,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;EACpC,oBAAOlL,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAACwF,UAAU,EAAC;EAAM,EAAG;AACnC,CAAC;AAAA3D,OAAA,CAAA0D,gBAAA,GAAAA,gBAAA;AAFYA,gBAAgB,CAAA7D,WAAA;AAItB,IAAM+D,iCAAiC,GAAG,SAApCA,iCAAiCA,CAAA,EAAS;EACrD,IAAMtF,MAAM,GAAGtD,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,EAAE,CAAC,CAAC,CAACuD,GAAG,CAAC,UAACC,CAAC,EAAEnD,CAAC,EAAK;IACjD,IAAIA,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,OAAO,GAAG;IAC5B,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG;IAC3B,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG;IAC3B,IAAIA,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG;IAC3B,OAAO,GAAG;EACZ,CAAC,CAAC;EAEF,oBAAO7C,MAAA,CAAAe,OAAA,CAAAqF,aAAA,CAACT,IAAI;IAACwF,UAAU,EAAC,MAAM;IAACrF,MAAM,EAAEA;EAAO,EAAG;AACnD,CAAC;AAAA0B,OAAA,CAAA4D,iCAAA,GAAAA,iCAAA;AAVYA,iCAAiC,CAAA/D,WAAA"}

package/dist/elements/Carousel/CarouselNavigation.js

@@ -17,7 +17,7 @@ var ARROW_TRANSITION_MS = 250;
 var Arrow = (0, _styledComponents.default)(_Clickable.Clickable).withConfig({
   displayName: "CarouselNavigation__Arrow",
   componentId: "sc-16jrffs-0"
-})(["position:absolute;top:0;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;transition:opacity ", "ms,color ", "ms;> svg{fill:currentColor;}&:hover,&:focus{outline:0;color:", ";}&:disabled{opacity:0;cursor:default;}"], ARROW_TRANSITION_MS, ARROW_TRANSITION_MS, (0, _themeGet.themeGet)("colors.black100"));
+})(["position:absolute;top:0;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;transition:opacity ", "ms,color ", "ms;> svg{fill:currentColor;}&:hover,&:focus{outline:0;color:", ";}&:disabled{opacity:0;cursor:default;}"], ARROW_TRANSITION_MS, ARROW_TRANSITION_MS, (0, _themeGet.themeGet)("colors.mono100"));
 
 /**
  * Set some easily overwriteable props using `defaultProps`
@@ -27,7 +27,7 @@ Arrow.defaultProps = {
     return (0, _helpers.space)(value);
   }),
   height: "100%",
-  color: "black60"
+  color: "mono60"
 };
 
 /**

package/dist/elements/Carousel/CarouselNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselNavigation.js","names":["_styledComponents","_interopRequireDefault","require","_helpers","_Clickable","_themeGet","obj","__esModule","default","ARROW_WIDTH","ARROW_TRANSITION_MS","Arrow","styled","Clickable","withConfig","displayName","componentId","themeGet","defaultProps","width","map","value","space","height","color","CarouselNext","exports","CarouselPrevious"],"sources":["../../../src/elements/Carousel/CarouselNavigation.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport { space } from \"../../helpers\"\nimport { SpacingUnit } from \"../../Theme\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nconst ARROW_WIDTH: SpacingUnit[] = [2, 4]\nconst ARROW_TRANSITION_MS = 250\n\n/** CarouselNavigationProps */\nexport type CarouselNavigationProps = ClickableProps\n\nconst Arrow = styled(Clickable)`\n  position: absolute;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  user-select: none;\n  transition: opacity ${ARROW_TRANSITION_MS}ms, color ${ARROW_TRANSITION_MS}ms;\n\n  > svg {\n    fill: currentColor;\n  }\n\n  &:hover,\n  &:focus {\n    outline: 0;\n    color: ${themeGet(\"colors.black100\")};\n  }\n\n  &:disabled {\n    opacity: 0;\n    cursor: default;\n  }\n`\n\n/**\n * Set some easily overwriteable props using `defaultProps`\n */\nArrow.defaultProps = {\n  width: ARROW_WIDTH.map((value) => space(value)),\n  height: \"100%\",\n  color: \"black60\",\n}\n\n/**\n * Default next button\n */\nexport const CarouselNext = styled(Arrow)`\n  right: 0;\n  transform: translateX(100%);\n`\n\n/**\n * Default previous button\n */\nexport const CarouselPrevious = styled(Arrow)`\n  left: 0;\n  transform: translateX(-100%);\n`\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAAmD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnD,IAAMG,WAA0B,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;AACzC,IAAMC,mBAAmB,GAAG,GAAG;;AAE/B;;AAGA,IAAMC,KAAK,GAAG,IAAAC,yBAAM,EAACC,oBAAS,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mQAQPN,mBAAmB,EAAaA,mBAAmB,EAS9D,IAAAO,kBAAQ,EAAC,iBAAiB,CAAC,CAOvC;;AAED;AACA;AACA;AACAN,KAAK,CAACO,YAAY,GAAG;EACnBC,KAAK,EAAEV,WAAW,CAACW,GAAG,CAAC,UAACC,KAAK;IAAA,OAAK,IAAAC,cAAK,EAACD,KAAK,CAAC;EAAA,EAAC;EAC/CE,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE;AACT,CAAC;;AAED;AACA;AACA;AACO,IAAMC,YAAY,GAAG,IAAAb,yBAAM,EAACD,KAAK,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAGxC;;AAED;AACA;AACA;AAFAU,OAAA,CAAAD,YAAA,GAAAA,YAAA;AAGO,IAAME,gBAAgB,GAAG,IAAAf,yBAAM,EAACD,KAAK,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAG5C;AAAAU,OAAA,CAAAC,gBAAA,GAAAA,gBAAA"}
+{"version":3,"file":"CarouselNavigation.js","names":["_styledComponents","_interopRequireDefault","require","_helpers","_Clickable","_themeGet","obj","__esModule","default","ARROW_WIDTH","ARROW_TRANSITION_MS","Arrow","styled","Clickable","withConfig","displayName","componentId","themeGet","defaultProps","width","map","value","space","height","color","CarouselNext","exports","CarouselPrevious"],"sources":["../../../src/elements/Carousel/CarouselNavigation.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport { space } from \"../../helpers\"\nimport { SpacingUnit } from \"../../Theme\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nconst ARROW_WIDTH: SpacingUnit[] = [2, 4]\nconst ARROW_TRANSITION_MS = 250\n\n/** CarouselNavigationProps */\nexport type CarouselNavigationProps = ClickableProps\n\nconst Arrow = styled(Clickable)`\n  position: absolute;\n  top: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  user-select: none;\n  transition: opacity ${ARROW_TRANSITION_MS}ms, color ${ARROW_TRANSITION_MS}ms;\n\n  > svg {\n    fill: currentColor;\n  }\n\n  &:hover,\n  &:focus {\n    outline: 0;\n    color: ${themeGet(\"colors.mono100\")};\n  }\n\n  &:disabled {\n    opacity: 0;\n    cursor: default;\n  }\n`\n\n/**\n * Set some easily overwriteable props using `defaultProps`\n */\nArrow.defaultProps = {\n  width: ARROW_WIDTH.map((value) => space(value)),\n  height: \"100%\",\n  color: \"mono60\",\n}\n\n/**\n * Default next button\n */\nexport const CarouselNext = styled(Arrow)`\n  right: 0;\n  transform: translateX(100%);\n`\n\n/**\n * Default previous button\n */\nexport const CarouselPrevious = styled(Arrow)`\n  left: 0;\n  transform: translateX(-100%);\n`\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAAmD,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnD,IAAMG,WAA0B,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;AACzC,IAAMC,mBAAmB,GAAG,GAAG;;AAE/B;;AAGA,IAAMC,KAAK,GAAG,IAAAC,yBAAM,EAACC,oBAAS,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,mQAQPN,mBAAmB,EAAaA,mBAAmB,EAS9D,IAAAO,kBAAQ,EAAC,gBAAgB,CAAC,CAOtC;;AAED;AACA;AACA;AACAN,KAAK,CAACO,YAAY,GAAG;EACnBC,KAAK,EAAEV,WAAW,CAACW,GAAG,CAAC,UAACC,KAAK;IAAA,OAAK,IAAAC,cAAK,EAACD,KAAK,CAAC;EAAA,EAAC;EAC/CE,MAAM,EAAE,MAAM;EACdC,KAAK,EAAE;AACT,CAAC;;AAED;AACA;AACA;AACO,IAAMC,YAAY,GAAG,IAAAb,yBAAM,EAACD,KAAK,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAGxC;;AAED;AACA;AACA;AAFAU,OAAA,CAAAD,YAAA,GAAAA,YAAA;AAGO,IAAME,gBAAgB,GAAG,IAAAf,yBAAM,EAACD,KAAK,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2CAG5C;AAAAU,OAAA,CAAAC,gBAAA,GAAAA,gBAAA"}

package/dist/elements/CarouselBar/CarouselBar.js

@@ -11,7 +11,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 var CarouselBar = function CarouselBar(props) {
   return /*#__PURE__*/_react.default.createElement(_ProgressBar.ProgressBar, _extends({
     height: "1px",
-    highlight: "black100",
+    highlight: "mono100",
     mt: 0,
     mb: 0,
     transition: "transform 250ms"

package/dist/elements/CarouselBar/CarouselBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselBar.js","names":["_react","_interopRequireDefault","require","_ProgressBar","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CarouselBar","props","createElement","ProgressBar","height","highlight","mt","mb","transition","exports","displayName"],"sources":["../../../src/elements/CarouselBar/CarouselBar.tsx"],"sourcesContent":["import React from \"react\"\nimport { ProgressBar, ProgressBarProps } from \"../ProgressBar\"\n\nexport type CarouselBarProps = ProgressBarProps\n\nexport const CarouselBar: React.FC<React.PropsWithChildren<CarouselBarProps>> = (props) => {\n  return (\n    <ProgressBar\n      height=\"1px\"\n      highlight=\"black100\"\n      mt={0}\n      mb={0}\n      transition=\"transform 250ms\"\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA8D,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAIvD,IAAMQ,WAAgE,GAAG,SAAnEA,WAAgEA,CAAIC,KAAK,EAAK;EACzF,oBACEtB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACpB,YAAA,CAAAqB,WAAW,EAAAjB,QAAA;IACVkB,MAAM,EAAC,KAAK;IACZC,SAAS,EAAC,UAAU;IACpBC,EAAE,EAAE,CAAE;IACNC,EAAE,EAAE,CAAE;IACNC,UAAU,EAAC;EAAiB,GACxBP,KAAK,EACT;AAEN,CAAC;AAAAQ,OAAA,CAAAT,WAAA,GAAAA,WAAA;AAXYA,WAAgE,CAAAU,WAAA"}
+{"version":3,"file":"CarouselBar.js","names":["_react","_interopRequireDefault","require","_ProgressBar","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","CarouselBar","props","createElement","ProgressBar","height","highlight","mt","mb","transition","exports","displayName"],"sources":["../../../src/elements/CarouselBar/CarouselBar.tsx"],"sourcesContent":["import React from \"react\"\nimport { ProgressBar, ProgressBarProps } from \"../ProgressBar\"\n\nexport type CarouselBarProps = ProgressBarProps\n\nexport const CarouselBar: React.FC<\n  React.PropsWithChildren<CarouselBarProps>\n> = (props) => {\n  return (\n    <ProgressBar\n      height=\"1px\"\n      highlight=\"mono100\"\n      mt={0}\n      mb={0}\n      transition=\"transform 250ms\"\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA8D,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAIvD,IAAMQ,WAEZ,GAAG,SAFSA,WAEZA,CAAIC,KAAK,EAAK;EACb,oBACEtB,MAAA,CAAAM,OAAA,CAAAiB,aAAA,CAACpB,YAAA,CAAAqB,WAAW,EAAAjB,QAAA;IACVkB,MAAM,EAAC,KAAK;IACZC,SAAS,EAAC,SAAS;IACnBC,EAAE,EAAE,CAAE;IACNC,EAAE,EAAE,CAAE;IACNC,UAAU,EAAC;EAAiB,GACxBP,KAAK,EACT;AAEN,CAAC;AAAAQ,OAAA,CAAAT,WAAA,GAAAA,WAAA;AAbYA,WAEZ,CAAAU,WAAA"}

package/dist/elements/Checkbox/tokens.js

@@ -8,33 +8,33 @@ var _themeGet = require("@styled-system/theme-get");
 var _styledComponents = require("styled-components");
 var CHECK_STATES = {
   default: {
-    resting: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.black30"), (0, _themeGet.themeGet)("colors.white100")),
-    selected: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.white100"))
+    resting: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.mono0"), (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("colors.mono0")),
+    selected: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.mono0"))
   },
   disabled: {
-    resting: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.black30"), (0, _themeGet.themeGet)("colors.white100")),
-    selected: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.black30"), (0, _themeGet.themeGet)("colors.black30"), (0, _themeGet.themeGet)("colors.white100"))
+    resting: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.mono0"), (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("colors.mono0")),
+    selected: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("colors.mono30"), (0, _themeGet.themeGet)("colors.mono0"))
   },
   hover: {
-    resting: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.white100")),
-    selected: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.white100"))
+    resting: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.mono0"), (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.mono0")),
+    selected: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.blue100"), (0, _themeGet.themeGet)("colors.mono0"))
   },
   focus: {
-    resting: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.white100")),
-    selected: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.black100"), (0, _themeGet.themeGet)("colors.white100"))
+    resting: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.mono0"), (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.mono0")),
+    selected: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.mono100"), (0, _themeGet.themeGet)("colors.mono0"))
   },
   error: {
-    resting: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.white100"), (0, _themeGet.themeGet)("colors.red100"), (0, _themeGet.themeGet)("colors.white100")),
-    selected: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.red100"), (0, _themeGet.themeGet)("colors.red100"), (0, _themeGet.themeGet)("colors.white100"))
+    resting: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.mono0"), (0, _themeGet.themeGet)("colors.red100"), (0, _themeGet.themeGet)("colors.mono0")),
+    selected: (0, _styledComponents.css)(["background-color:", ";border-color:", ";color:", ";"], (0, _themeGet.themeGet)("colors.red100"), (0, _themeGet.themeGet)("colors.red100"), (0, _themeGet.themeGet)("colors.mono0"))
   }
 };
 exports.CHECK_STATES = CHECK_STATES;
 var CHECKBOX_STATES = {
-  default: (0, _styledComponents.css)(["color:", ";"], (0, _themeGet.themeGet)("colors.black60")),
-  selected: (0, _styledComponents.css)(["color:", ";"], (0, _themeGet.themeGet)("colors.black100")),
-  focus: (0, _styledComponents.css)(["text-decoration:underline;color:", ";"], (0, _themeGet.themeGet)("colors.black100")),
+  default: (0, _styledComponents.css)(["color:", ";"], (0, _themeGet.themeGet)("colors.mono60")),
+  selected: (0, _styledComponents.css)(["color:", ";"], (0, _themeGet.themeGet)("colors.mono100")),
+  focus: (0, _styledComponents.css)(["text-decoration:underline;color:", ";"], (0, _themeGet.themeGet)("colors.mono100")),
   hover: (0, _styledComponents.css)(["text-decoration:underline;color:", ";"], (0, _themeGet.themeGet)("colors.blue100")),
-  disabled: (0, _styledComponents.css)(["pointer-events:none;color:", ";"], (0, _themeGet.themeGet)("colors.black30")),
+  disabled: (0, _styledComponents.css)(["pointer-events:none;color:", ";"], (0, _themeGet.themeGet)("colors.mono30")),
   error: (0, _styledComponents.css)(["color:", ";"], (0, _themeGet.themeGet)("colors.red100"))
 };
 exports.CHECKBOX_STATES = CHECKBOX_STATES;

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

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","CHECK_STATES","default","resting","css","themeGet","selected","disabled","hover","focus","error","exports","CHECKBOX_STATES"],"sources":["../../../src/elements/Checkbox/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\n\nexport const CHECK_STATES = {\n  default: {\n    resting: css`\n      background-color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black30\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.black100\")};\n      border-color: ${themeGet(\"colors.black100\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n  },\n  disabled: {\n    resting: css`\n      background-color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black30\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.black30\")};\n      border-color: ${themeGet(\"colors.black30\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n  },\n  hover: {\n    resting: css`\n      background-color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.blue100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n  },\n  focus: {\n    resting: css`\n      background-color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.black100\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.black100\")};\n      border-color: ${themeGet(\"colors.black100\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n  },\n  error: {\n    resting: css`\n      background-color: ${themeGet(\"colors.white100\")};\n      border-color: ${themeGet(\"colors.red100\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.red100\")};\n      border-color: ${themeGet(\"colors.red100\")};\n      color: ${themeGet(\"colors.white100\")};\n    `,\n  },\n} as const\n\nexport const CHECKBOX_STATES = {\n  default: css`\n    color: ${themeGet(\"colors.black60\")};\n  `,\n  selected: css`\n    color: ${themeGet(\"colors.black100\")};\n  `,\n  focus: css`\n    text-decoration: underline;\n    color: ${themeGet(\"colors.black100\")};\n  `,\n  hover: css`\n    text-decoration: underline;\n    color: ${themeGet(\"colors.blue100\")};\n  `,\n  disabled: css`\n    pointer-events: none;\n    color: ${themeGet(\"colors.black30\")};\n  `,\n  error: css`\n    color: ${themeGet(\"colors.red100\")};\n  `,\n} as const\n"],"mappings":"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"}
+{"version":3,"file":"tokens.js","names":["_themeGet","require","_styledComponents","CHECK_STATES","default","resting","css","themeGet","selected","disabled","hover","focus","error","exports","CHECKBOX_STATES"],"sources":["../../../src/elements/Checkbox/tokens.ts"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport { css } from \"styled-components\"\n\nexport const CHECK_STATES = {\n  default: {\n    resting: css`\n      background-color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.mono30\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.mono100\")};\n      border-color: ${themeGet(\"colors.mono100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n  },\n  disabled: {\n    resting: css`\n      background-color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.mono30\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.mono30\")};\n      border-color: ${themeGet(\"colors.mono30\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n  },\n  hover: {\n    resting: css`\n      background-color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.blue100\")};\n      border-color: ${themeGet(\"colors.blue100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n  },\n  focus: {\n    resting: css`\n      background-color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.mono100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.mono100\")};\n      border-color: ${themeGet(\"colors.mono100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n  },\n  error: {\n    resting: css`\n      background-color: ${themeGet(\"colors.mono0\")};\n      border-color: ${themeGet(\"colors.red100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n    selected: css`\n      background-color: ${themeGet(\"colors.red100\")};\n      border-color: ${themeGet(\"colors.red100\")};\n      color: ${themeGet(\"colors.mono0\")};\n    `,\n  },\n} as const\n\nexport const CHECKBOX_STATES = {\n  default: css`\n    color: ${themeGet(\"colors.mono60\")};\n  `,\n  selected: css`\n    color: ${themeGet(\"colors.mono100\")};\n  `,\n  focus: css`\n    text-decoration: underline;\n    color: ${themeGet(\"colors.mono100\")};\n  `,\n  hover: css`\n    text-decoration: underline;\n    color: ${themeGet(\"colors.blue100\")};\n  `,\n  disabled: css`\n    pointer-events: none;\n    color: ${themeGet(\"colors.mono30\")};\n  `,\n  error: css`\n    color: ${themeGet(\"colors.red100\")};\n  `,\n} as const\n"],"mappings":";;;;;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEO,IAAME,YAAY,GAAG;EAC1BC,OAAO,EAAE;IACPC,OAAO,MAAEC,qBAAG,2DACU,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EAC5B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,cAAc,CAAC,CAClC;IACDC,QAAQ,MAAEF,qBAAG,2DACS,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EAC9B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,cAAc,CAAC;EAErC,CAAC;EACDE,QAAQ,EAAE;IACRJ,OAAO,MAAEC,qBAAG,2DACU,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EAC5B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,cAAc,CAAC,CAClC;IACDC,QAAQ,MAAEF,qBAAG,2DACS,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,cAAc,CAAC;EAErC,CAAC;EACDG,KAAK,EAAE;IACLL,OAAO,MAAEC,qBAAG,2DACU,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EAC5B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,cAAc,CAAC,CAClC;IACDC,QAAQ,MAAEF,qBAAG,2DACS,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EAC9B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,cAAc,CAAC;EAErC,CAAC;EACDI,KAAK,EAAE;IACLN,OAAO,MAAEC,qBAAG,2DACU,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EAC5B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,cAAc,CAAC,CAClC;IACDC,QAAQ,MAAEF,qBAAG,2DACS,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,EAC9B,IAAAA,kBAAQ,EAAC,gBAAgB,CAAC,EACjC,IAAAA,kBAAQ,EAAC,cAAc,CAAC;EAErC,CAAC;EACDK,KAAK,EAAE;IACLP,OAAO,MAAEC,qBAAG,2DACU,IAAAC,kBAAQ,EAAC,cAAc,CAAC,EAC5B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,cAAc,CAAC,CAClC;IACDC,QAAQ,MAAEF,qBAAG,2DACS,IAAAC,kBAAQ,EAAC,eAAe,CAAC,EAC7B,IAAAA,kBAAQ,EAAC,eAAe,CAAC,EAChC,IAAAA,kBAAQ,EAAC,cAAc,CAAC;EAErC;AACF,CAAU;AAAAM,OAAA,CAAAV,YAAA,GAAAA,YAAA;AAEH,IAAMW,eAAe,GAAG;EAC7BV,OAAO,MAAEE,qBAAG,mBACD,IAAAC,kBAAQ,EAAC,eAAe,CAAC,CACnC;EACDC,QAAQ,MAAEF,qBAAG,mBACF,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,CACpC;EACDI,KAAK,MAAEL,qBAAG,6CAEC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,CACpC;EACDG,KAAK,MAAEJ,qBAAG,6CAEC,IAAAC,kBAAQ,EAAC,gBAAgB,CAAC,CACpC;EACDE,QAAQ,MAAEH,qBAAG,uCAEF,IAAAC,kBAAQ,EAAC,eAAe,CAAC,CACnC;EACDK,KAAK,MAAEN,qBAAG,mBACC,IAAAC,kBAAQ,EAAC,eAAe,CAAC;AAEtC,CAAU;AAAAM,OAAA,CAAAC,eAAA,GAAAA,eAAA"}

package/dist/elements/Clickable/Clickable.story.js

@@ -32,7 +32,7 @@ var Default = function Default() {
       children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Inherits the page\u2019s", /*#__PURE__*/_react.default.createElement("br", null), "text alignment.")
     }, {
       bg: "red100",
-      color: "white100",
+      color: "mono0",
       m: 2,
       p: 1
     }]

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

@@ -1 +1 @@
-{"version":3,"file":"Clickable.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_Box","_Clickable","_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","textDecoration","cursor","children","Fragment","bg","color","m","p","Clickable","onClick","action","displayName","Submit","_useState","useState","_useState2","isSubmitted","setSubmitted","onSubmit","e","preventDefault","setTimeout","Box","mt","border","type","mr","story"],"sources":["../../../src/elements/Clickable/Clickable.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Box } from \"../Box\"\nimport { Clickable, ClickableProps } from \"./Clickable\"\n\nexport default {\n  title: \"Components/Clickable\",\n}\n\nexport const Default = () => {\n  return (\n    <States<ClickableProps>\n      states={[\n        {},\n        { textDecoration: \"underline\" },\n        { cursor: \"default\" },\n        {\n          children: (\n            <>\n              Inherits the page’s\n              <br />\n              text alignment.\n            </>\n          ),\n        },\n        {\n          bg: \"red100\",\n          color: \"white100\",\n          m: 2,\n          p: 1,\n        },\n      ]}\n    >\n      <Clickable onClick={action(\"onClick\")}>Clickable</Clickable>\n    </States>\n  )\n}\n\nexport const Submit = () => {\n  const [isSubmitted, setSubmitted] = useState(false)\n\n  return (\n    <form\n      onSubmit={(e) => {\n        e.preventDefault()\n        setSubmitted(true)\n\n        setTimeout(() => {\n          setSubmitted(false)\n        }, 1000)\n      }}\n    >\n      <pre>submitted? {isSubmitted ? \"yes\" : \"no\"}</pre>\n\n      <Box mt={1}>\n        <Clickable border=\"1px solid\" p={2} type=\"button\" mr={1}>\n          type=\"button\"\n        </Clickable>\n\n        <Clickable border=\"1px solid\" p={2} type=\"submit\">\n          type=\"submit\"\n        </Clickable>\n      </Box>\n    </form>\n  )\n}\n\nSubmit.story = {\n  name: \"Does not submit forms by default\",\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AAAuD,SAAAM,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAAW,eAAAC,GAAA,EAAAC,CAAA,WAAAC,eAAA,CAAAF,GAAA,KAAAG,qBAAA,CAAAH,GAAA,EAAAC,CAAA,KAAAG,2BAAA,CAAAJ,GAAA,EAAAC,CAAA,KAAAI,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAApB,MAAA,CAAAI,SAAA,CAAAiB,QAAA,CAAAf,IAAA,CAAAW,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAT,GAAA,EAAAkB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,EAAAD,GAAA,GAAAlB,GAAA,CAAAmB,MAAA,WAAAlB,CAAA,MAAAmB,IAAA,OAAAL,KAAA,CAAAG,GAAA,GAAAjB,CAAA,GAAAiB,GAAA,EAAAjB,CAAA,MAAAmB,IAAA,CAAAnB,CAAA,IAAAD,GAAA,CAAAC,CAAA,YAAAmB,IAAA;AAAA,SAAAjB,sBAAAH,GAAA,EAAAC,CAAA,QAAAoB,EAAA,WAAArB,GAAA,gCAAAsB,MAAA,IAAAtB,GAAA,CAAAsB,MAAA,CAAAC,QAAA,KAAAvB,GAAA,4BAAAqB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAzB,IAAA,CAAAI,GAAA,GAAA+B,IAAA,QAAA9B,CAAA,QAAAX,MAAA,CAAA+B,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAA9B,IAAA,CAAAyB,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAAT,MAAA,KAAAlB,CAAA,GAAA4B,EAAA,sBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAA9C,MAAA,CAAAqC,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAA1B,gBAAAF,GAAA,QAAAe,KAAA,CAAAsB,OAAA,CAAArC,GAAA,UAAAA,GAAA;AAAA,IAAAsC,QAAA,GAExC;EACbC,KAAK,EAAE;AACT,CAAC;AAAAC,OAAA,CAAAxD,OAAA,GAAAsD,QAAA;AAEM,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEtE,MAAA,CAAAa,OAAA,CAAA0D,aAAA,CAACrE,gBAAA,CAAAsE,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,cAAc,EAAE;IAAY,CAAC,EAC/B;MAAEC,MAAM,EAAE;IAAU,CAAC,EACrB;MACEC,QAAQ,eACN5E,MAAA,CAAAa,OAAA,CAAA0D,aAAA,CAAAvE,MAAA,CAAAa,OAAA,CAAAgE,QAAA,QAAE,0BAEA,eAAA7E,MAAA,CAAAa,OAAA,CAAA0D,aAAA,YAAM,mBAER;IAEJ,CAAC,EACD;MACEO,EAAE,EAAE,QAAQ;MACZC,KAAK,EAAE,UAAU;MACjBC,CAAC,EAAE,CAAC;MACJC,CAAC,EAAE;IACL,CAAC;EACD,gBAEFjF,MAAA,CAAAa,OAAA,CAAA0D,aAAA,CAACnE,UAAA,CAAA8E,SAAS;IAACC,OAAO,EAAE,IAAAC,oBAAM,EAAC,SAAS;EAAE,GAAC,WAAS,CAAY,CACrD;AAEb,CAAC;AAAAf,OAAA,CAAAC,OAAA,GAAAA,OAAA;AA3BYA,OAAO,CAAAe,WAAA;AA6Bb,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAA,EAAS;EAC1B,IAAAC,SAAA,GAAoC,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,GAAA7D,cAAA,CAAA2D,SAAA;IAA5CG,WAAW,GAAAD,UAAA;IAAEE,YAAY,GAAAF,UAAA;EAEhC,oBACEzF,MAAA,CAAAa,OAAA,CAAA0D,aAAA;IACEqB,QAAQ,EAAE,SAAAA,SAACC,CAAC,EAAK;MACfA,CAAC,CAACC,cAAc,EAAE;MAClBH,YAAY,CAAC,IAAI,CAAC;MAElBI,UAAU,CAAC,YAAM;QACfJ,YAAY,CAAC,KAAK,CAAC;MACrB,CAAC,EAAE,IAAI,CAAC;IACV;EAAE,gBAEF3F,MAAA,CAAAa,OAAA,CAAA0D,aAAA,cAAK,aAAW,EAACmB,WAAW,GAAG,KAAK,GAAG,IAAI,CAAO,eAElD1F,MAAA,CAAAa,OAAA,CAAA0D,aAAA,CAACpE,IAAA,CAAA6F,GAAG;IAACC,EAAE,EAAE;EAAE,gBACTjG,MAAA,CAAAa,OAAA,CAAA0D,aAAA,CAACnE,UAAA,CAAA8E,SAAS;IAACgB,MAAM,EAAC,WAAW;IAACjB,CAAC,EAAE,CAAE;IAACkB,IAAI,EAAC,QAAQ;IAACC,EAAE,EAAE;EAAE,GAAC,iBAEzD,CAAY,eAEZpG,MAAA,CAAAa,OAAA,CAAA0D,aAAA,CAACnE,UAAA,CAAA8E,SAAS;IAACgB,MAAM,EAAC,WAAW;IAACjB,CAAC,EAAE,CAAE;IAACkB,IAAI,EAAC;EAAQ,GAAC,iBAElD,CAAY,CACR,CACD;AAEX,CAAC;AAAA9B,OAAA,CAAAiB,MAAA,GAAAA,MAAA;AA3BYA,MAAM,CAAAD,WAAA;AA6BnBC,MAAM,CAACe,KAAK,GAAG;EACb1D,IAAI,EAAE;AACR,CAAC"}
+{"version":3,"file":"Clickable.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_Box","_Clickable","_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","textDecoration","cursor","children","Fragment","bg","color","m","p","Clickable","onClick","action","displayName","Submit","_useState","useState","_useState2","isSubmitted","setSubmitted","onSubmit","e","preventDefault","setTimeout","Box","mt","border","type","mr","story"],"sources":["../../../src/elements/Clickable/Clickable.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Box } from \"../Box\"\nimport { Clickable, ClickableProps } from \"./Clickable\"\n\nexport default {\n  title: \"Components/Clickable\",\n}\n\nexport const Default = () => {\n  return (\n    <States<ClickableProps>\n      states={[\n        {},\n        { textDecoration: \"underline\" },\n        { cursor: \"default\" },\n        {\n          children: (\n            <>\n              Inherits the page’s\n              <br />\n              text alignment.\n            </>\n          ),\n        },\n        {\n          bg: \"red100\",\n          color: \"mono0\",\n          m: 2,\n          p: 1,\n        },\n      ]}\n    >\n      <Clickable onClick={action(\"onClick\")}>Clickable</Clickable>\n    </States>\n  )\n}\n\nexport const Submit = () => {\n  const [isSubmitted, setSubmitted] = useState(false)\n\n  return (\n    <form\n      onSubmit={(e) => {\n        e.preventDefault()\n        setSubmitted(true)\n\n        setTimeout(() => {\n          setSubmitted(false)\n        }, 1000)\n      }}\n    >\n      <pre>submitted? {isSubmitted ? \"yes\" : \"no\"}</pre>\n\n      <Box mt={1}>\n        <Clickable border=\"1px solid\" p={2} type=\"button\" mr={1}>\n          type=\"button\"\n        </Clickable>\n\n        <Clickable border=\"1px solid\" p={2} type=\"submit\">\n          type=\"submit\"\n        </Clickable>\n      </Box>\n    </form>\n  )\n}\n\nSubmit.story = {\n  name: \"Does not submit forms by default\",\n}\n"],"mappings":"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"}

package/dist/elements/Drawer/Drawer.js

@@ -38,7 +38,7 @@ var Drawer = function Drawer(_ref) {
     enabled: open,
     onEscapeKey: onClose
   }, /*#__PURE__*/_react.default.createElement(Content, {
-    backgroundColor: "white100",
+    backgroundColor: "mono0",
     height: "100%",
     width: ["100%", "auto"],
     overflowX: "hidden",

package/dist/elements/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","names":["_react","_interopRequireDefault","require","_Box","_Flex","_styledComponents","_interopRequireWildcard","_styledSystem","_reactFocusOn","_usePortal2","_themeGet","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Drawer","_ref","children","_ref$anchor","anchor","_ref$zIndex","zIndex","DEFAULT_DRAWER_Z_INDEX","open","onClose","_usePortal","usePortal","createPortal","createElement","Container","style","pointerEvents","transform","Focus","onClickOutside","enabled","onEscapeKey","Content","backgroundColor","height","width","overflowX","overflowY","transition","concat","Overlay","display","onClick","opacity","exports","styled","Box","withConfig","displayName","componentId","props","css","themeGet","Flex","FocusOn"],"sources":["../../../src/elements/Drawer/Drawer.tsx"],"sourcesContent":["import React, { FC } from \"react\"\nimport { Box } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport styled, { css } from \"styled-components\"\nimport { zIndex } from \"styled-system\"\nimport { FocusOn } from \"react-focus-on\"\nimport { usePortal } from \"../../utils/usePortal\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport interface DrawerProps {\n  open: boolean\n  anchor?: \"left\" | \"right\"\n  zIndex?: number\n  onClose?(): void\n}\n\nexport const Drawer: FC<React.PropsWithChildren<DrawerProps>> = ({\n  children,\n  anchor = \"right\",\n  zIndex = DEFAULT_DRAWER_Z_INDEX,\n  open,\n  onClose,\n}) => {\n  const { createPortal } = usePortal()\n\n  return createPortal(\n    <Container\n      zIndex={zIndex}\n      anchor={anchor}\n      style={{\n        pointerEvents: open ? \"auto\" : \"none\",\n        transform: open ? \"translateX(0)\" : \"none\",\n      }}\n    >\n      <Focus onClickOutside={onClose} enabled={open} onEscapeKey={onClose}>\n        <Content\n          backgroundColor=\"white100\"\n          height=\"100%\"\n          width={[\"100%\", \"auto\"]}\n          overflowX=\"hidden\"\n          overflowY=\"scroll\"\n          anchor={anchor}\n          zIndex={zIndex}\n          transition={\n            open\n              ? \"transform .6s cubic-bezier(0.190, 1.000, 0.220, 1.000)\" // easeOutExpo\n              : \"transform 1s cubic-bezier(0.075, 0.820, 0.165, 1.000)\" // easeOutCirc\n          }\n          style={{\n            transform: open\n              ? \"translateX(0)\"\n              : `translateX(${anchor === \"left\" ? \"-110%\" : \"110%\"})`,\n          }}\n        >\n          {children}\n        </Content>\n      </Focus>\n\n      <Overlay\n        display={[\"none\", \"flex\"]}\n        onClick={onClose}\n        data-testid=\"drawer-overlay\"\n        width=\"inherit\"\n        style={{\n          opacity: open ? 1 : 0,\n        }}\n      />\n    </Container>\n  )\n}\n\nconst DEFAULT_DRAWER_Z_INDEX = 1\n\nconst Content = styled(Box)<\n  Pick<DrawerProps, \"anchor\"> & { transition: string }\n>`\n  position: absolute;\n  top: 0;\n  -webkit-overflow-scrolling: touch;\n\n  ${(props) => css`\n    transition: ${props.transition};\n  `}\n\n  ${(props) => css`\n    ${props.anchor === \"left\" ? \"left: 0;\" : \"right: 0;\"}\n  `};\n`\n\nconst Overlay = styled(Box)`\n  height: 100%;\n  background: ${themeGet(\"effects.backdrop\")};\n  transition: opacity 150ms linear 50ms;\n`\n\nconst Container = styled(Flex)<Pick<DrawerProps, \"anchor\">>`\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  ${zIndex}\n  position: fixed;\n\n  ${(props) => {\n    return css`\n      flex-direction: ${props.anchor === \"left\" ? \"row\" : \"row-reverse\"};\n    `\n  }}\n`\n\nconst Focus = styled(FocusOn)`\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n`\n"],"mappings":"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"}
+{"version":3,"file":"Drawer.js","names":["_react","_interopRequireDefault","require","_Box","_Flex","_styledComponents","_interopRequireWildcard","_styledSystem","_reactFocusOn","_usePortal2","_themeGet","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","Drawer","_ref","children","_ref$anchor","anchor","_ref$zIndex","zIndex","DEFAULT_DRAWER_Z_INDEX","open","onClose","_usePortal","usePortal","createPortal","createElement","Container","style","pointerEvents","transform","Focus","onClickOutside","enabled","onEscapeKey","Content","backgroundColor","height","width","overflowX","overflowY","transition","concat","Overlay","display","onClick","opacity","exports","styled","Box","withConfig","displayName","componentId","props","css","themeGet","Flex","FocusOn"],"sources":["../../../src/elements/Drawer/Drawer.tsx"],"sourcesContent":["import React, { FC } from \"react\"\nimport { Box } from \"../Box\"\nimport { Flex } from \"../Flex\"\nimport styled, { css } from \"styled-components\"\nimport { zIndex } from \"styled-system\"\nimport { FocusOn } from \"react-focus-on\"\nimport { usePortal } from \"../../utils/usePortal\"\nimport { themeGet } from \"@styled-system/theme-get\"\n\nexport interface DrawerProps {\n  open: boolean\n  anchor?: \"left\" | \"right\"\n  zIndex?: number\n  onClose?(): void\n}\n\nexport const Drawer: FC<React.PropsWithChildren<DrawerProps>> = ({\n  children,\n  anchor = \"right\",\n  zIndex = DEFAULT_DRAWER_Z_INDEX,\n  open,\n  onClose,\n}) => {\n  const { createPortal } = usePortal()\n\n  return createPortal(\n    <Container\n      zIndex={zIndex}\n      anchor={anchor}\n      style={{\n        pointerEvents: open ? \"auto\" : \"none\",\n        transform: open ? \"translateX(0)\" : \"none\",\n      }}\n    >\n      <Focus onClickOutside={onClose} enabled={open} onEscapeKey={onClose}>\n        <Content\n          backgroundColor=\"mono0\"\n          height=\"100%\"\n          width={[\"100%\", \"auto\"]}\n          overflowX=\"hidden\"\n          overflowY=\"scroll\"\n          anchor={anchor}\n          zIndex={zIndex}\n          transition={\n            open\n              ? \"transform .6s cubic-bezier(0.190, 1.000, 0.220, 1.000)\" // easeOutExpo\n              : \"transform 1s cubic-bezier(0.075, 0.820, 0.165, 1.000)\" // easeOutCirc\n          }\n          style={{\n            transform: open\n              ? \"translateX(0)\"\n              : `translateX(${anchor === \"left\" ? \"-110%\" : \"110%\"})`,\n          }}\n        >\n          {children}\n        </Content>\n      </Focus>\n\n      <Overlay\n        display={[\"none\", \"flex\"]}\n        onClick={onClose}\n        data-testid=\"drawer-overlay\"\n        width=\"inherit\"\n        style={{\n          opacity: open ? 1 : 0,\n        }}\n      />\n    </Container>\n  )\n}\n\nconst DEFAULT_DRAWER_Z_INDEX = 1\n\nconst Content = styled(Box)<\n  Pick<DrawerProps, \"anchor\"> & { transition: string }\n>`\n  position: absolute;\n  top: 0;\n  -webkit-overflow-scrolling: touch;\n\n  ${(props) => css`\n    transition: ${props.transition};\n  `}\n\n  ${(props) => css`\n    ${props.anchor === \"left\" ? \"left: 0;\" : \"right: 0;\"}\n  `};\n`\n\nconst Overlay = styled(Box)`\n  height: 100%;\n  background: ${themeGet(\"effects.backdrop\")};\n  transition: opacity 150ms linear 50ms;\n`\n\nconst Container = styled(Flex)<Pick<DrawerProps, \"anchor\">>`\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  ${zIndex}\n  position: fixed;\n\n  ${(props) => {\n    return css`\n      flex-direction: ${props.anchor === \"left\" ? \"row\" : \"row-reverse\"};\n    `\n  }}\n`\n\nconst Focus = styled(FocusOn)`\n  height: 100%;\n  align-items: center;\n  justify-content: center;\n`\n"],"mappings":"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"}

package/dist/elements/Dropdown/Dropdown.d.ts

@@ -31,10 +31,12 @@ export interface DropdownProps extends Omit<BoxProps, "children"> {
     keepInDOM?: boolean;
     openDropdownByClick?: boolean;
     children: Children;
+    /** Optionally disable flipping (default: `true`) */
+    flip?: boolean;
 }
 /**
  * A `Dropdown` is a small modal-type element which is anchored, and can be
  * positioned relative to, another element and designed to be transitioned in on hover or on click.
  */
-export declare const Dropdown: ({ placement, visible: _visible, keepInDOM, children, offset, dropdown, dropdownZIndex, openDropdownByClick, transition: _transition, ...rest }: DropdownProps) => React.JSX.Element;
+export declare const Dropdown: ({ placement, visible: _visible, keepInDOM, children, offset, dropdown, dropdownZIndex, openDropdownByClick, transition: _transition, flip, ...rest }: DropdownProps) => React.JSX.Element;
 export {};

package/dist/elements/Dropdown/Dropdown.js

@@ -12,7 +12,8 @@ var _usePortal2 = require("../../utils/usePortal");
 var _Box = require("../Box");
 var _reactFocusOn = require("react-focus-on");
 var _themeGet = require("@styled-system/theme-get");
-var _excluded = ["placement", "visible", "keepInDOM", "children", "offset", "dropdown", "dropdownZIndex", "openDropdownByClick", "transition"];
+var _esToolkit = require("es-toolkit");
+var _excluded = ["placement", "visible", "keepInDOM", "children", "offset", "dropdown", "dropdownZIndex", "openDropdownByClick", "transition", "flip"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -49,6 +50,8 @@ var Dropdown = function Dropdown(_ref) {
     openDropdownByClick = _ref.openDropdownByClick,
     _ref$transition = _ref.transition,
     _transition = _ref$transition === void 0 ? true : _ref$transition,
+    _ref$flip = _ref.flip,
+    flip = _ref$flip === void 0 ? true : _ref$flip,
     rest = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0, _react.useState)(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -94,7 +97,9 @@ var Dropdown = function Dropdown(_ref) {
   var _usePosition = (0, _utils.usePosition)({
       position: placement,
       offset: 0,
-      active: visible
+      active: visible,
+      flip: flip,
+      padding: offset
     }),
     anchorRef = _usePosition.anchorRef,
     panelRef = _usePosition.tooltipRef,
@@ -226,6 +231,32 @@ var Dropdown = function Dropdown(_ref) {
     createPortal = _usePortal.createPortal;
   var isPointer = !openDropdownByClick && pointerRef.current;
   var focusEnabled = visible && !isPointer;
+  var _useState5 = (0, _react.useState)(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    maxHeight = _useState6[0],
+    setMaxHeight = _useState6[1];
+  (0, _react.useEffect)(function () {
+    var calculate = (0, _esToolkit.debounce)(function () {
+      if (!anchorRef.current) return;
+      var nextMaxHeight = (0, _utils.calculateMaxHeight)({
+        anchorRect: anchorRef.current.getBoundingClientRect(),
+        position: placement,
+        offset: offset
+      });
+      setMaxHeight(nextMaxHeight);
+    }, 500);
+    window.addEventListener("resize", calculate, {
+      passive: true
+    });
+    window.addEventListener("scroll", calculate, {
+      passive: true
+    });
+    calculate();
+    return function () {
+      window.removeEventListener("resize", calculate);
+      window.removeEventListener("scroll", calculate);
+    };
+  }, [anchorRef, offset, placement, visible]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children === null || children === void 0 ? void 0 : children({
     anchorRef: anchorRef,
     anchorProps: anchorProps,
@@ -246,11 +277,11 @@ var Dropdown = function Dropdown(_ref) {
   }, openDropdownByClick ? {} : {
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
+  }, {
+    maxHeight: maxHeight + offset
   }, padding, rest), /*#__PURE__*/_react.default.createElement(Panel, {
-    bg: "white100",
-    border: "1px solid",
-    borderColor: "black10",
     transition: _transition,
+    maxHeight: maxHeight,
     style: transition ?
     // In
     {
@@ -281,8 +312,11 @@ var Container = (0, _styledComponents.default)(_Box.Box).withConfig({
 var Panel = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "Dropdown__Panel",
   componentId: "sc-je1xqj-1"
-})(["transition:", ";box-shadow:", ";> div{max-height:100vh;overflow-y:auto;}"], function (_ref7) {
+})(["transition:", ";> div{max-height:", ";box-shadow:", ";background-color:", ";border:1px solid ", ";overflow-y:auto;}"], function (_ref7) {
   var transition = _ref7.transition;
   return transition ? "opacity 250ms ease-out, transform 250ms ease-out" : "none";
-}, (0, _themeGet.themeGet)("effects.flatShadow"));
+}, function (_ref8) {
+  var maxHeight = _ref8.maxHeight;
+  return maxHeight ? "".concat(maxHeight, "px") : "100vh";
+}, (0, _themeGet.themeGet)("effects.flatShadow"), (0, _themeGet.themeGet)("colors.mono0"), (0, _themeGet.themeGet)("colors.mono10"));
 //# sourceMappingURL=Dropdown.js.map