@artsy/palette 41.8.1 → 42.0.0

package/dist/elements/GridColumns/GridColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridColumns.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_Box","_CSSGrid","_calculateGridColumn","_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","GridColumns","styled","CSSGrid","withConfig","displayName","componentId","exports","defaultProps","gridColumnGap","gridRowGap","Cell","Box","gridColumn","Column","_ref","span","start","wrap","rest","gridColumnValue","useMemo","calculateGridColumn","createElement","Fragment","ColumnWrap","_ref2","display","map","value","GRID_COLUMN_FULL_WIDTHS","includes"],"sources":["../../../src/elements/GridColumns/GridColumns.tsx"],"sourcesContent":["import React, { useMemo } from \"react\"\nimport styled from \"styled-components\"\nimport { gridColumn, GridColumnProps } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\nimport { CSSGrid, CSSGridProps } from \"../CSSGrid\"\nimport {\n  calculateGridColumn,\n  ColumnCell,\n  GRID_COLUMN_FULL_WIDTHS,\n} from \"./calculateGridColumn\"\n\n/** GridColumns implements `Box` and the common grid properties */\nexport type GridColumnsProps = Omit<CSSGridProps, \"gridTemplateColumns\">\n\n/**\n * A 12-column fluid grid\n */\nexport const GridColumns = styled(CSSGrid)`\n  grid-template-columns: repeat(12, 1fr);\n`\n\nGridColumns.defaultProps = {\n  gridColumnGap: [1, 2],\n  gridRowGap: [1, 2],\n}\n\ntype CellProps = ColumnCell & GridColumnProps & BoxProps\n\nconst Cell = styled(Box)<CellProps>`\n  ${gridColumn}\n`\n\n/** Column implements `Box` and `gridColumn` */\nexport type ColumnProps = CellProps & {\n  /** denotes whether or not to break to a new row after column */\n  wrap?: boolean\n  children?: React.ReactNode\n}\n\n/**\n * A column sits within the GridColumns and spans the columns,\n * sitting between gutters.\n */\nexport const Column: React.FC<React.PropsWithChildren<ColumnProps>> = ({\n  span,\n  start,\n  wrap,\n  ...rest\n}) => {\n  const gridColumnValue = useMemo(() => {\n    return calculateGridColumn({ span, start })\n  }, [span, start])\n\n  return (\n    <>\n      <Cell gridColumn={gridColumnValue} {...rest} />\n      {wrap && <ColumnWrap gridColumnValue={gridColumnValue} />}\n    </>\n  )\n}\n\nconst ColumnWrap: React.FC<React.PropsWithChildren<{ gridColumnValue: string[] }>> = ({\n  gridColumnValue,\n}) => {\n  return (\n    <Cell\n      // Spans the remainder of the columns until the end\n      gridColumn={[\"auto / -1\"]}\n      // Hides the break if the value presented is going to span the full\n      // width of the column anyway. Prevents duplicated row gaps.\n      display={gridColumnValue.map((value) => {\n        return GRID_COLUMN_FULL_WIDTHS.includes(value) ? \"none\" : \"block\"\n      })}\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"GridColumns.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_Box","_CSSGrid","_calculateGridColumn","_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","GridColumns","exports","styled","CSSGrid","withConfig","displayName","componentId","defaultProps","gridColumnGap","gridRowGap","Cell","Box","gridColumn","Column","_ref","span","start","wrap","rest","gridColumnValue","useMemo","calculateGridColumn","createElement","Fragment","ColumnWrap","_ref2","display","map","value","GRID_COLUMN_FULL_WIDTHS","includes"],"sources":["../../../src/elements/GridColumns/GridColumns.tsx"],"sourcesContent":["import React, { useMemo } from \"react\"\nimport styled from \"styled-components\"\nimport { gridColumn, GridColumnProps } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\nimport { CSSGrid, CSSGridProps } from \"../CSSGrid\"\nimport {\n  calculateGridColumn,\n  ColumnCell,\n  GRID_COLUMN_FULL_WIDTHS,\n} from \"./calculateGridColumn\"\n\n/** GridColumns implements `Box` and the common grid properties */\nexport type GridColumnsProps = Omit<CSSGridProps, \"gridTemplateColumns\">\n\n/**\n * A 12-column fluid grid\n */\nexport const GridColumns = styled(CSSGrid)`\n  grid-template-columns: repeat(12, 1fr);\n`\n\nGridColumns.defaultProps = {\n  gridColumnGap: [1, 2],\n  gridRowGap: [1, 2],\n}\n\ntype CellProps = ColumnCell & GridColumnProps & BoxProps\n\nconst Cell = styled(Box)<CellProps>`\n  ${gridColumn}\n`\n\n/** Column implements `Box` and `gridColumn` */\nexport type ColumnProps = CellProps & {\n  /** denotes whether or not to break to a new row after column */\n  wrap?: boolean\n  children?: React.ReactNode\n}\n\n/**\n * A column sits within the GridColumns and spans the columns,\n * sitting between gutters.\n */\nexport const Column: React.FC<React.PropsWithChildren<ColumnProps>> = ({\n  span,\n  start,\n  wrap,\n  ...rest\n}) => {\n  const gridColumnValue = useMemo(() => {\n    return calculateGridColumn({ span, start })\n  }, [span, start])\n\n  return (\n    <>\n      <Cell gridColumn={gridColumnValue} {...rest} />\n      {wrap && <ColumnWrap gridColumnValue={gridColumnValue} />}\n    </>\n  )\n}\n\nconst ColumnWrap: React.FC<React.PropsWithChildren<{ gridColumnValue: string[] }>> = ({\n  gridColumnValue,\n}) => {\n  return (\n    <Cell\n      // Spans the remainder of the columns until the end\n      gridColumn={[\"auto / -1\"]}\n      // Hides the break if the value presented is going to span the full\n      // width of the column anyway. Prevents duplicated row gaps.\n      display={gridColumnValue.map((value) => {\n        return GRID_COLUMN_FULL_WIDTHS.includes(value) ? \"none\" : \"block\"\n      })}\n    />\n  )\n}\n"],"mappings":"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"}

package/dist/elements/GridColumns/GridColumns.story.js

@@ -30,11 +30,10 @@ var GridColumnsDebug = function GridColumnsDebug() {
   }));
 };
 GridColumnsDebug.displayName = "GridColumnsDebug";
-var _default = {
+var _default = exports.default = {
   title: "Components/GridColumns"
 };
-exports.default = _default;
-var RealWorldExample = function RealWorldExample() {
+var RealWorldExample = exports.RealWorldExample = function RealWorldExample() {
   return /*#__PURE__*/_react.default.createElement(_GridColumns.GridColumns, {
     position: "relative",
     m: 2
@@ -62,12 +61,11 @@ var RealWorldExample = function RealWorldExample() {
     height: 400
   })));
 };
-exports.RealWorldExample = RealWorldExample;
 RealWorldExample.displayName = "RealWorldExample";
 RealWorldExample.story = {
   name: "Real-world Example"
 };
-var KitchenSink = function KitchenSink() {
+var KitchenSink = exports.KitchenSink = function KitchenSink() {
   return /*#__PURE__*/_react.default.createElement(_GridColumns.GridColumns, {
     border: "1px solid blue",
     position: "relative"
@@ -182,12 +180,11 @@ var KitchenSink = function KitchenSink() {
     color: "mono0"
   }, "A custom grid-column value")));
 };
-exports.KitchenSink = KitchenSink;
 KitchenSink.displayName = "KitchenSink";
 KitchenSink.story = {
   name: "Kitchen sink"
 };
-var CustomGutters = function CustomGutters() {
+var CustomGutters = exports.CustomGutters = function CustomGutters() {
   return /*#__PURE__*/_react.default.createElement(_GridColumns.GridColumns, {
     gridColumnGap: 4,
     gridRowGap: 1
@@ -241,7 +238,6 @@ var CustomGutters = function CustomGutters() {
     height: 100
   }));
 };
-exports.CustomGutters = CustomGutters;
 CustomGutters.displayName = "CustomGutters";
 CustomGutters.story = {
   name: "Custom gutters"

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

@@ -1 +1 @@
-{"version":3,"file":"GridColumns.story.js","names":["_react","_interopRequireDefault","require","_Box","_Text","_GridColumns","obj","__esModule","default","IPSUM","GridColumnsDebug","createElement","GridColumns","position","top","left","width","height","style","pointerEvents","Array","from","map","_","i","Column","key","span","bg","displayName","_default","title","exports","RealWorldExample","m","wrap","Text","as","variant","mb","start","Box","borderRadius","story","name","KitchenSink","border","color","gridColumn","CustomGutters","gridColumnGap","gridRowGap"],"sources":["../../../src/elements/GridColumns/GridColumns.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Box } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { Column, GridColumns } from \"./GridColumns\"\n\nconst IPSUM =\n  \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto deleniti recusandae ullam laudantium ut reiciendis, doloribus qui sequi id ea, ad suscipit eos placeat magnam consequatur sunt, quaerat eius saepe.\"\n\nconst GridColumnsDebug = () => (\n  <GridColumns\n    position=\"absolute\"\n    top={0}\n    left={0}\n    width=\"100%\"\n    height=\"100%\"\n    style={{ pointerEvents: \"none\" }}\n  >\n    {Array.from(Array(12)).map((_, i) => (\n      <Column key={i} span={[1]} bg=\"rgba(255, 0, 0, 0.05)\" height=\"100%\" />\n    ))}\n  </GridColumns>\n)\n\nexport default {\n  title: \"Components/GridColumns\",\n}\n\nexport const RealWorldExample = () => {\n  return (\n    <GridColumns position=\"relative\" m={2}>\n      <GridColumnsDebug />\n\n      <Column span={6} wrap>\n        <Text as=\"h1\" variant=\"xl\">\n          Page Title Long Enough So As To Line Break\n        </Text>\n      </Column>\n\n      <Column span={6}>\n        <Text as=\"h2\" variant=\"lg-display\" mb={1}>\n          Page subtitle\n        </Text>\n\n        <Text>{IPSUM}</Text>\n      </Column>\n\n      <Column span={5} start={8}>\n        <Text variant=\"sm-display\" mb={1}>\n          Featured content\n        </Text>\n\n        <Box bg=\"mono10\" borderRadius={4} height={400} />\n      </Column>\n    </GridColumns>\n  )\n}\n\nRealWorldExample.story = {\n  name: \"Real-world Example\",\n}\n\nexport const KitchenSink = () => {\n  return (\n    <GridColumns border=\"1px solid blue\" position=\"relative\">\n      <GridColumnsDebug />\n\n      <Column border=\"1px solid red\" span={4}>\n        <Text>{IPSUM}</Text>\n      </Column>\n\n      <Column border=\"1px solid red\" span={4}>\n        <Text>{IPSUM}</Text>\n      </Column>\n\n      <Column border=\"1px solid green\" span={4}>\n        <Text>{IPSUM}</Text>\n      </Column>\n\n      <Column border=\"1px solid red\" span={4} wrap>\n        <Text>\n          {IPSUM} {IPSUM}\n        </Text>\n      </Column>\n\n      <Column bg=\"mono100\" span={[6]}>\n        <Text color=\"mono0\">This remains 2-columns at all breakpoints</Text>\n      </Column>\n\n      <Column bg=\"mono100\" span={[6]}>\n        <Text color=\"mono0\">This remains 2-columns at all breakpoints</Text>\n      </Column>\n\n      <Column bg=\"mono100\" span={6}>\n        <Text color=\"mono0\">\n          These are 2-columns at large breakpoints, and 1 at mobile\n        </Text>\n      </Column>\n\n      <Column bg=\"mono100\" span={6}>\n        <Text color=\"mono0\">\n          These are 2-columns at large breakpoints, and 1 at mobile\n        </Text>\n      </Column>\n\n      <Column\n        start={[2, 3, 4]}\n        span={[9, 6, 3]}\n        height={300}\n        bg=\"mono10\"\n        borderRadius={4}\n      />\n\n      <Column height={200} bg=\"purple100\" span={[12, 6]} start={[1, 4]} wrap />\n\n      <Column bg=\"mono100\" start={4}>\n        <Text color=\"mono0\">{IPSUM}</Text>\n      </Column>\n\n      <Column border=\"1px solid red\" span={4} start={1}>\n        <Text>{IPSUM}</Text>\n      </Column>\n\n      <Column border=\"1px solid red\" span={4} start={6}>\n        <Text>{IPSUM}</Text>\n      </Column>\n\n      <Column border=\"1px solid red\" span={2} start={11}>\n        <Text>{IPSUM}</Text>\n      </Column>\n\n      <Column bg=\"red\" span={1} start={1} height={100} wrap />\n\n      <Column bg=\"red\" span={1} start={2} height={100} wrap />\n\n      <Column bg=\"red\" span={1} start={3} height={100} wrap />\n\n      <Column bg=\"red\" span={1} start={4} height={100} wrap />\n\n      <Column bg=\"red\" span={1} start={5} height={100} wrap />\n\n      <Column bg=\"red\" span={1} start={6} height={100} wrap />\n\n      <Column bg=\"red\" span={1} start={7} height={100} wrap />\n\n      <Column gridColumn=\"3 / 9\" bg=\"purple100\">\n        <Text color=\"mono0\">A custom grid-column value</Text>\n      </Column>\n    </GridColumns>\n  )\n}\n\nKitchenSink.story = {\n  name: \"Kitchen sink\",\n}\n\nexport const CustomGutters = () => {\n  return (\n    <GridColumns gridColumnGap={4} gridRowGap={1}>\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n    </GridColumns>\n  )\n}\n\nCustomGutters.story = {\n  name: \"Custom gutters\",\n}\n"],"mappings":"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"}
+{"version":3,"file":"GridColumns.story.js","names":["_react","_interopRequireDefault","require","_Box","_Text","_GridColumns","obj","__esModule","default","IPSUM","GridColumnsDebug","createElement","GridColumns","position","top","left","width","height","style","pointerEvents","Array","from","map","_","i","Column","key","span","bg","displayName","_default","exports","title","RealWorldExample","m","wrap","Text","as","variant","mb","start","Box","borderRadius","story","name","KitchenSink","border","color","gridColumn","CustomGutters","gridColumnGap","gridRowGap"],"sources":["../../../src/elements/GridColumns/GridColumns.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Box } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { Column, GridColumns } from \"./GridColumns\"\n\nconst IPSUM =\n  \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto deleniti recusandae ullam laudantium ut reiciendis, doloribus qui sequi id ea, ad suscipit eos placeat magnam consequatur sunt, quaerat eius saepe.\"\n\nconst GridColumnsDebug = () => (\n  <GridColumns\n    position=\"absolute\"\n    top={0}\n    left={0}\n    width=\"100%\"\n    height=\"100%\"\n    style={{ pointerEvents: \"none\" }}\n  >\n    {Array.from(Array(12)).map((_, i) => (\n      <Column key={i} span={[1]} bg=\"rgba(255, 0, 0, 0.05)\" height=\"100%\" />\n    ))}\n  </GridColumns>\n)\n\nexport default {\n  title: \"Components/GridColumns\",\n}\n\nexport const RealWorldExample = () => {\n  return (\n    <GridColumns position=\"relative\" m={2}>\n      <GridColumnsDebug />\n\n      <Column span={6} wrap>\n        <Text as=\"h1\" variant=\"xl\">\n          Page Title Long Enough So As To Line Break\n        </Text>\n      </Column>\n\n      <Column span={6}>\n        <Text as=\"h2\" variant=\"lg-display\" mb={1}>\n          Page subtitle\n        </Text>\n\n        <Text>{IPSUM}</Text>\n      </Column>\n\n      <Column span={5} start={8}>\n        <Text variant=\"sm-display\" mb={1}>\n          Featured content\n        </Text>\n\n        <Box bg=\"mono10\" borderRadius={4} height={400} />\n      </Column>\n    </GridColumns>\n  )\n}\n\nRealWorldExample.story = {\n  name: \"Real-world Example\",\n}\n\nexport const KitchenSink = () => {\n  return (\n    <GridColumns border=\"1px solid blue\" position=\"relative\">\n      <GridColumnsDebug />\n\n      <Column border=\"1px solid red\" span={4}>\n        <Text>{IPSUM}</Text>\n      </Column>\n\n      <Column border=\"1px solid red\" span={4}>\n        <Text>{IPSUM}</Text>\n      </Column>\n\n      <Column border=\"1px solid green\" span={4}>\n        <Text>{IPSUM}</Text>\n      </Column>\n\n      <Column border=\"1px solid red\" span={4} wrap>\n        <Text>\n          {IPSUM} {IPSUM}\n        </Text>\n      </Column>\n\n      <Column bg=\"mono100\" span={[6]}>\n        <Text color=\"mono0\">This remains 2-columns at all breakpoints</Text>\n      </Column>\n\n      <Column bg=\"mono100\" span={[6]}>\n        <Text color=\"mono0\">This remains 2-columns at all breakpoints</Text>\n      </Column>\n\n      <Column bg=\"mono100\" span={6}>\n        <Text color=\"mono0\">\n          These are 2-columns at large breakpoints, and 1 at mobile\n        </Text>\n      </Column>\n\n      <Column bg=\"mono100\" span={6}>\n        <Text color=\"mono0\">\n          These are 2-columns at large breakpoints, and 1 at mobile\n        </Text>\n      </Column>\n\n      <Column\n        start={[2, 3, 4]}\n        span={[9, 6, 3]}\n        height={300}\n        bg=\"mono10\"\n        borderRadius={4}\n      />\n\n      <Column height={200} bg=\"purple100\" span={[12, 6]} start={[1, 4]} wrap />\n\n      <Column bg=\"mono100\" start={4}>\n        <Text color=\"mono0\">{IPSUM}</Text>\n      </Column>\n\n      <Column border=\"1px solid red\" span={4} start={1}>\n        <Text>{IPSUM}</Text>\n      </Column>\n\n      <Column border=\"1px solid red\" span={4} start={6}>\n        <Text>{IPSUM}</Text>\n      </Column>\n\n      <Column border=\"1px solid red\" span={2} start={11}>\n        <Text>{IPSUM}</Text>\n      </Column>\n\n      <Column bg=\"red\" span={1} start={1} height={100} wrap />\n\n      <Column bg=\"red\" span={1} start={2} height={100} wrap />\n\n      <Column bg=\"red\" span={1} start={3} height={100} wrap />\n\n      <Column bg=\"red\" span={1} start={4} height={100} wrap />\n\n      <Column bg=\"red\" span={1} start={5} height={100} wrap />\n\n      <Column bg=\"red\" span={1} start={6} height={100} wrap />\n\n      <Column bg=\"red\" span={1} start={7} height={100} wrap />\n\n      <Column gridColumn=\"3 / 9\" bg=\"purple100\">\n        <Text color=\"mono0\">A custom grid-column value</Text>\n      </Column>\n    </GridColumns>\n  )\n}\n\nKitchenSink.story = {\n  name: \"Kitchen sink\",\n}\n\nexport const CustomGutters = () => {\n  return (\n    <GridColumns gridColumnGap={4} gridRowGap={1}>\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n      <Column span={2} bg=\"mono10\" height={100} />\n    </GridColumns>\n  )\n}\n\nCustomGutters.story = {\n  name: \"Custom gutters\",\n}\n"],"mappings":"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"}

package/dist/elements/GridColumns/calculateGridColumn.d.ts

@@ -1,7 +1,7 @@
 /** Number of columns a cell may span */
-export declare type ColumnSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export type ColumnSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 /** Column number to begin a cell at */
-export declare type ColumnStart = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+export type ColumnStart = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 export interface ColumnCell {
     /** number (between 1 and 12) of columns to span */
     span?: ColumnSpan | ColumnSpan[];

package/dist/elements/GridColumns/calculateGridColumn.js

@@ -9,14 +9,11 @@ exports.calculateGridColumn = exports.NUMBER_OF_COLUMNS = exports.LAST_COLUMN_PO
 /** Column number to begin a cell at */
 
 /** The number of columns */
-var NUMBER_OF_COLUMNS = 12;
+var NUMBER_OF_COLUMNS = exports.NUMBER_OF_COLUMNS = 12;
 /** Position of the first column, 1-based */
-exports.NUMBER_OF_COLUMNS = NUMBER_OF_COLUMNS;
-var FIRST_COLUMN_POSITION = 1;
+var FIRST_COLUMN_POSITION = exports.FIRST_COLUMN_POSITION = 1;
 /** Position of the last column, 1-based */
-exports.FIRST_COLUMN_POSITION = FIRST_COLUMN_POSITION;
-var LAST_COLUMN_POSITION = NUMBER_OF_COLUMNS + 1;
-exports.LAST_COLUMN_POSITION = LAST_COLUMN_POSITION;
+var LAST_COLUMN_POSITION = exports.LAST_COLUMN_POSITION = NUMBER_OF_COLUMNS + 1;
 var normalizeValue = function normalizeValue(_ref) {
   var left = _ref.left,
     right = _ref.right,
@@ -41,7 +38,7 @@ var valueAtOrLast = function valueAtOrLast(xs, i) {
  * Builds a value for `gridColumn` based on the assumptions laid out
  * by our 12-column grid.
  */
-var calculateGridColumn = function calculateGridColumn(_ref2) {
+var calculateGridColumn = exports.calculateGridColumn = function calculateGridColumn(_ref2) {
   var columnSpan = _ref2.span,
     columnStart = _ref2.start;
   var spans = normalizeValue({
@@ -82,7 +79,5 @@ var calculateGridColumn = function calculateGridColumn(_ref2) {
 };
 
 /** Hardcoded list of full-width column spans */
-exports.calculateGridColumn = calculateGridColumn;
-var GRID_COLUMN_FULL_WIDTHS = ["1 / -1", "1 / 12", "1 / span 12", "span 12"];
-exports.GRID_COLUMN_FULL_WIDTHS = GRID_COLUMN_FULL_WIDTHS;
+var GRID_COLUMN_FULL_WIDTHS = exports.GRID_COLUMN_FULL_WIDTHS = ["1 / -1", "1 / 12", "1 / span 12", "span 12"];
 //# sourceMappingURL=calculateGridColumn.js.map

package/dist/elements/GridColumns/calculateGridColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"calculateGridColumn.js","names":["NUMBER_OF_COLUMNS","exports","FIRST_COLUMN_POSITION","LAST_COLUMN_POSITION","normalizeValue","_ref","left","right","fallback","valueAtOrLast","xs","i","undefined","length","calculateGridColumn","_ref2","columnSpan","span","columnStart","start","spans","starts","map","Error","concat","GRID_COLUMN_FULL_WIDTHS"],"sources":["../../../src/elements/GridColumns/calculateGridColumn.tsx"],"sourcesContent":["/** Number of columns a cell may span */\nexport type ColumnSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n/** Column number to begin a cell at */\nexport type ColumnStart = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n\nexport interface ColumnCell {\n  /** number (between 1 and 12) of columns to span */\n  span?: ColumnSpan | ColumnSpan[]\n  /** number (between 1 and 12) of columns to begin at */\n  start?: ColumnStart | ColumnStart[]\n}\n\n/** The number of columns */\nexport const NUMBER_OF_COLUMNS = 12\n/** Position of the first column, 1-based */\nexport const FIRST_COLUMN_POSITION = 1\n/** Position of the last column, 1-based */\nexport const LAST_COLUMN_POSITION = NUMBER_OF_COLUMNS + 1\n\nconst normalizeValue = <T extends number>({\n  left,\n  right,\n  fallback,\n}: {\n  left?: T | T[]\n  right?: T | T[]\n  fallback: T\n}): T[] => {\n  if (typeof left === \"undefined\") return [] as T[]\n\n  // If we have responsive values for `right`, then we presumably\n  // want to keep the `left` the same across them\n  if (\n    typeof left === \"number\" &&\n    (typeof right !== \"number\" && typeof right !== \"undefined\")\n  ) {\n    return [left]\n  }\n\n  // If we have a single value for `left`, collapse it to full-width at\n  // the mobile breakpoint, otherwise respect the responsive values.\n  return typeof left === \"number\" ? [fallback, left] : left\n}\n\nconst valueAtOrLast = <T extends unknown>(xs: T[], i: number) => {\n  return xs[i] !== null && xs[i] !== undefined ? xs[i] : xs[xs.length - 1]\n}\n\n/**\n * Builds a value for `gridColumn` based on the assumptions laid out\n * by our 12-column grid.\n */\nexport const calculateGridColumn = ({\n  span: columnSpan,\n  start: columnStart,\n}: ColumnCell) => {\n  const spans = normalizeValue({\n    left: columnSpan,\n    right: columnStart,\n    fallback: NUMBER_OF_COLUMNS,\n  })\n\n  const starts = normalizeValue({\n    left: columnStart,\n    right: columnSpan,\n    fallback: FIRST_COLUMN_POSITION,\n  })\n\n  // Nothing set, return default\n  if (spans.length === 0 && starts.length === 0) {\n    return []\n  }\n\n  // More starts than spans, favor start\n  if (starts.length > spans.length) {\n    return starts.map((start, i) => {\n      const span = valueAtOrLast(spans, i)\n      if (span && span + start > LAST_COLUMN_POSITION) {\n        throw new Error(\"`span` and `start` must fit within the grid\")\n      }\n      return span ? `${start} / span ${span}` : `${start} / -1`\n    })\n  }\n\n  // Starts and spans, or spans and the only start\n  return spans.map((span, i) => {\n    const start = valueAtOrLast(starts, i)\n\n    if (start && start + span > LAST_COLUMN_POSITION) {\n      throw new Error(\"`span` and `start` must fit within the grid\")\n    }\n\n    return start ? `${start} / span ${span}` : `span ${span}`\n  })\n}\n\n/** Hardcoded list of full-width column spans */\nexport const GRID_COLUMN_FULL_WIDTHS = [\n  \"1 / -1\",\n  \"1 / 12\",\n  \"1 / span 12\",\n  \"span 12\",\n]\n"],"mappings":"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"}
+{"version":3,"file":"calculateGridColumn.js","names":["NUMBER_OF_COLUMNS","exports","FIRST_COLUMN_POSITION","LAST_COLUMN_POSITION","normalizeValue","_ref","left","right","fallback","valueAtOrLast","xs","i","undefined","length","calculateGridColumn","_ref2","columnSpan","span","columnStart","start","spans","starts","map","Error","concat","GRID_COLUMN_FULL_WIDTHS"],"sources":["../../../src/elements/GridColumns/calculateGridColumn.tsx"],"sourcesContent":["/** Number of columns a cell may span */\nexport type ColumnSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n/** Column number to begin a cell at */\nexport type ColumnStart = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n\nexport interface ColumnCell {\n  /** number (between 1 and 12) of columns to span */\n  span?: ColumnSpan | ColumnSpan[]\n  /** number (between 1 and 12) of columns to begin at */\n  start?: ColumnStart | ColumnStart[]\n}\n\n/** The number of columns */\nexport const NUMBER_OF_COLUMNS = 12\n/** Position of the first column, 1-based */\nexport const FIRST_COLUMN_POSITION = 1\n/** Position of the last column, 1-based */\nexport const LAST_COLUMN_POSITION = NUMBER_OF_COLUMNS + 1\n\nconst normalizeValue = <T extends number>({\n  left,\n  right,\n  fallback,\n}: {\n  left?: T | T[]\n  right?: T | T[]\n  fallback: T\n}): T[] => {\n  if (typeof left === \"undefined\") return [] as T[]\n\n  // If we have responsive values for `right`, then we presumably\n  // want to keep the `left` the same across them\n  if (\n    typeof left === \"number\" &&\n    (typeof right !== \"number\" && typeof right !== \"undefined\")\n  ) {\n    return [left]\n  }\n\n  // If we have a single value for `left`, collapse it to full-width at\n  // the mobile breakpoint, otherwise respect the responsive values.\n  return typeof left === \"number\" ? [fallback, left] : left\n}\n\nconst valueAtOrLast = <T extends unknown>(xs: T[], i: number) => {\n  return xs[i] !== null && xs[i] !== undefined ? xs[i] : xs[xs.length - 1]\n}\n\n/**\n * Builds a value for `gridColumn` based on the assumptions laid out\n * by our 12-column grid.\n */\nexport const calculateGridColumn = ({\n  span: columnSpan,\n  start: columnStart,\n}: ColumnCell) => {\n  const spans = normalizeValue({\n    left: columnSpan,\n    right: columnStart,\n    fallback: NUMBER_OF_COLUMNS,\n  })\n\n  const starts = normalizeValue({\n    left: columnStart,\n    right: columnSpan,\n    fallback: FIRST_COLUMN_POSITION,\n  })\n\n  // Nothing set, return default\n  if (spans.length === 0 && starts.length === 0) {\n    return []\n  }\n\n  // More starts than spans, favor start\n  if (starts.length > spans.length) {\n    return starts.map((start, i) => {\n      const span = valueAtOrLast(spans, i)\n      if (span && span + start > LAST_COLUMN_POSITION) {\n        throw new Error(\"`span` and `start` must fit within the grid\")\n      }\n      return span ? `${start} / span ${span}` : `${start} / -1`\n    })\n  }\n\n  // Starts and spans, or spans and the only start\n  return spans.map((span, i) => {\n    const start = valueAtOrLast(starts, i)\n\n    if (start && start + span > LAST_COLUMN_POSITION) {\n      throw new Error(\"`span` and `start` must fit within the grid\")\n    }\n\n    return start ? `${start} / span ${span}` : `span ${span}`\n  })\n}\n\n/** Hardcoded list of full-width column spans */\nexport const GRID_COLUMN_FULL_WIDTHS = [\n  \"1 / -1\",\n  \"1 / 12\",\n  \"1 / span 12\",\n  \"span 12\",\n]\n"],"mappings":"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"}

package/dist/elements/HTML/HTML.d.ts

@@ -3,7 +3,7 @@ import { TextProps } from "../Text";
 /**
  * HTML
  */
-export declare type HTMLProps = TextProps & HTMLAttributes<HTMLDivElement | HTMLHeadingElement | HTMLParagraphElement> & ({
+export type HTMLProps = TextProps & HTMLAttributes<HTMLDivElement | HTMLHeadingElement | HTMLParagraphElement> & ({
     html: string;
 } | {
     children: React.ReactNode;

package/dist/elements/HTML/HTML.js

@@ -24,8 +24,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 /**
  * Sets reasonable defaults for tags that we might encounter in Markdown output.
  */
-var htmlMixin = (0, _styledComponents.css)(["h1,h2,h3,h4,h5,ul,ol,p,blockquote,pre,hr{margin:", "px auto;&:first-child{margin-top:0;}&:last-child{margin-bottom:0;}}hr{height:1px;border:0;background-color:", ";}"], (0, _themeGet.themeGet)("space.1"), (0, _themeGet.themeGet)("colors.mono10"));
-exports.htmlMixin = htmlMixin;
+var htmlMixin = exports.htmlMixin = (0, _styledComponents.css)(["h1,h2,h3,h4,h5,ul,ol,p,blockquote,pre,hr{margin:", "px auto;&:first-child{margin-top:0;}&:last-child{margin-bottom:0;}}hr{height:1px;border:0;background-color:", ";}"], (0, _themeGet.themeGet)("space.1"), (0, _themeGet.themeGet)("colors.mono10"));
 var Container = (0, _styledComponents.default)(_Text.Text).withConfig({
   displayName: "HTML__Container",
   componentId: "sc-1im40xc-0"
@@ -39,7 +38,7 @@ Container.defaultProps = {
  * If `html` prop is passed; it's set as innerHTML, otherwise contents are wrapped
  * with default HTML styling.
  */
-var HTML = function HTML(props) {
+var HTML = exports.HTML = function HTML(props) {
   if ("html" in props) {
     var html = props.html,
       htmlRest = _objectWithoutProperties(props, _excluded);
@@ -53,7 +52,6 @@ var HTML = function HTML(props) {
     childrenRest = _objectWithoutProperties(props, _excluded2);
   return /*#__PURE__*/_react.default.createElement(Container, childrenRest, children);
 };
-exports.HTML = HTML;
 HTML.displayName = "HTML";
 HTML.displayName = "HTML";
 //# sourceMappingURL=HTML.js.map

package/dist/elements/HTML/HTML.js.map

@@ -1 +1 @@
-{"version":3,"file":"HTML.js","names":["_themeGet","require","_react","_interopRequireDefault","_styledComponents","_interopRequireWildcard","_Text","_excluded","_excluded2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","htmlMixin","css","themeGet","exports","Container","styled","Text","withConfig","displayName","componentId","defaultProps","variant","HTML","props","html","htmlRest","createElement","dangerouslySetInnerHTML","__html","children","childrenRest"],"sources":["../../../src/elements/HTML/HTML.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { HTMLAttributes } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { Text, TextProps } from \"../Text\"\n\n/**\n * HTML\n */\nexport type HTMLProps = TextProps &\n  HTMLAttributes<HTMLDivElement | HTMLHeadingElement | HTMLParagraphElement> &\n  ({ html: string } | { children: React.ReactNode })\n\n/**\n * Sets reasonable defaults for tags that we might encounter in Markdown output.\n */\nexport const htmlMixin = css`\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  ul,\n  ol,\n  p,\n  blockquote,\n  pre,\n  hr {\n    margin: ${themeGet(\"space.1\")}px auto;\n\n    &:first-child {\n      margin-top: 0;\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: 0;\n    background-color: ${themeGet(\"colors.mono10\")};\n  }\n`\n\nconst Container = styled(Text)`\n  ${htmlMixin}\n`\n\nContainer.defaultProps = {\n  variant: \"sm\",\n}\n\n/**\n * Sets reasonable defaults for tags that we might encounter in Markdown output.\n * If `html` prop is passed; it's set as innerHTML, otherwise contents are wrapped\n * with default HTML styling.\n */\nexport const HTML: React.FC<React.PropsWithChildren<HTMLProps>> = (props) => {\n  if (\"html\" in props) {\n    const { html, ...htmlRest } = props\n    return (\n      <Container dangerouslySetInnerHTML={{ __html: html }} {...htmlRest} />\n    )\n  }\n\n  const { children, ...childrenRest } = props\n  return <Container {...childrenRest}>{children}</Container>\n}\n\nHTML.displayName = \"HTML\"\n"],"mappings":"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"}
+{"version":3,"file":"HTML.js","names":["_themeGet","require","_react","_interopRequireDefault","_styledComponents","_interopRequireWildcard","_Text","_excluded","_excluded2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","htmlMixin","exports","css","themeGet","Container","styled","Text","withConfig","displayName","componentId","defaultProps","variant","HTML","props","html","htmlRest","createElement","dangerouslySetInnerHTML","__html","children","childrenRest"],"sources":["../../../src/elements/HTML/HTML.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { HTMLAttributes } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { Text, TextProps } from \"../Text\"\n\n/**\n * HTML\n */\nexport type HTMLProps = TextProps &\n  HTMLAttributes<HTMLDivElement | HTMLHeadingElement | HTMLParagraphElement> &\n  ({ html: string } | { children: React.ReactNode })\n\n/**\n * Sets reasonable defaults for tags that we might encounter in Markdown output.\n */\nexport const htmlMixin = css`\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  ul,\n  ol,\n  p,\n  blockquote,\n  pre,\n  hr {\n    margin: ${themeGet(\"space.1\")}px auto;\n\n    &:first-child {\n      margin-top: 0;\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: 0;\n    background-color: ${themeGet(\"colors.mono10\")};\n  }\n`\n\nconst Container = styled(Text)`\n  ${htmlMixin}\n`\n\nContainer.defaultProps = {\n  variant: \"sm\",\n}\n\n/**\n * Sets reasonable defaults for tags that we might encounter in Markdown output.\n * If `html` prop is passed; it's set as innerHTML, otherwise contents are wrapped\n * with default HTML styling.\n */\nexport const HTML: React.FC<React.PropsWithChildren<HTMLProps>> = (props) => {\n  if (\"html\" in props) {\n    const { html, ...htmlRest } = props\n    return (\n      <Container dangerouslySetInnerHTML={{ __html: html }} {...htmlRest} />\n    )\n  }\n\n  const { children, ...childrenRest } = props\n  return <Container {...childrenRest}>{children}</Container>\n}\n\nHTML.displayName = \"HTML\"\n"],"mappings":"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"}

package/dist/elements/HTML/HTML.story.js

@@ -8,11 +8,10 @@ var _react = _interopRequireDefault(require("react"));
 var _HTML = require("./HTML");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 var HTML_EXAMPLE = "\n<h1>H1 Headline</h1>\n\n<h2>H2 Headline</h2>\n\n<h3>H3 Headline</h3>\n\n<h4>H4 Headline</h4>\n\n<p>I\u2019m <em>of the opinion</em> that they use <strong>no <em>inert</em> material.</strong> All their equipment and instruments are alive, in some form or other.</p>\n\n<p>They don\u2019t construct or build at all. The idea of making is foreign to them. They utilize existing forms. Even their ships\u2014</p>\n\n<ol>\n  <li>first</li>\n  <li>second</li>\n  <li>third</li>\n</ol>\n\n<ul>\n  <li>first</li>\n  <li>second</li>\n  <li>third</li>\n</ul>\n\n<hr />\n\n<pre><code>this is a code block</code></pre>\n\n<blockquote>This is a block quote</blockquote>\n";
-var _default = {
+var _default = exports.default = {
   title: "Components/HTML"
 };
-exports.default = _default;
-var Html = function Html() {
+var Html = exports.Html = function Html() {
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_HTML.HTML, {
     style: {
       border: "1px dotted"
@@ -33,14 +32,12 @@ var Html = function Html() {
     html: HTML_EXAMPLE
   }));
 };
-exports.Html = Html;
 Html.story = {
   name: "HTML"
 };
-var DefaultHtmlStyling = function DefaultHtmlStyling() {
+var DefaultHtmlStyling = exports.DefaultHtmlStyling = function DefaultHtmlStyling() {
   return /*#__PURE__*/_react.default.createElement(_HTML.HTML, null, /*#__PURE__*/_react.default.createElement("h1", null, "H1 Headline"), /*#__PURE__*/_react.default.createElement("h2", null, "H2 Headline"), /*#__PURE__*/_react.default.createElement("h3", null, "H3 Headline"), /*#__PURE__*/_react.default.createElement("h4", null, "H4 Headline"), /*#__PURE__*/_react.default.createElement("p", null, "I\u2019m ", /*#__PURE__*/_react.default.createElement("em", null, "of the opinion"), " that they use", " ", /*#__PURE__*/_react.default.createElement("strong", null, "no ", /*#__PURE__*/_react.default.createElement("em", null, "inert"), " material."), " ", "All their equipment and instruments are alive, in some form or other."), /*#__PURE__*/_react.default.createElement("p", null, "They don\u2019t construct or build at all. The idea of making is foreign to them. They utilize existing forms. Even their ships\u2014"), /*#__PURE__*/_react.default.createElement("ol", null, /*#__PURE__*/_react.default.createElement("li", null, "first"), /*#__PURE__*/_react.default.createElement("li", null, "second"), /*#__PURE__*/_react.default.createElement("li", null, "third")), /*#__PURE__*/_react.default.createElement("ul", null, /*#__PURE__*/_react.default.createElement("li", null, "first"), /*#__PURE__*/_react.default.createElement("li", null, "second"), /*#__PURE__*/_react.default.createElement("li", null, "third")), /*#__PURE__*/_react.default.createElement("hr", null), /*#__PURE__*/_react.default.createElement("pre", null, /*#__PURE__*/_react.default.createElement("code", null, "this is a code block")), /*#__PURE__*/_react.default.createElement("blockquote", null, "This is a block quote"));
 };
-exports.DefaultHtmlStyling = DefaultHtmlStyling;
 DefaultHtmlStyling.displayName = "DefaultHtmlStyling";
 DefaultHtmlStyling.story = {
   name: "Default HTML styling"

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

@@ -1 +1 @@
-{"version":3,"file":"HTML.story.js","names":["_react","_interopRequireDefault","require","_HTML","obj","__esModule","default","HTML_EXAMPLE","_default","title","exports","Html","createElement","Fragment","HTML","style","border","variant","html","story","name","DefaultHtmlStyling","displayName"],"sources":["../../../src/elements/HTML/HTML.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { HTML } from \"./HTML\"\n\nconst HTML_EXAMPLE = `\n<h1>H1 Headline</h1>\n\n<h2>H2 Headline</h2>\n\n<h3>H3 Headline</h3>\n\n<h4>H4 Headline</h4>\n\n<p>I’m <em>of the opinion</em> that they use <strong>no <em>inert</em> material.</strong> All their equipment and instruments are alive, in some form or other.</p>\n\n<p>They don’t construct or build at all. The idea of making is foreign to them. They utilize existing forms. Even their ships—</p>\n\n<ol>\n  <li>first</li>\n  <li>second</li>\n  <li>third</li>\n</ol>\n\n<ul>\n  <li>first</li>\n  <li>second</li>\n  <li>third</li>\n</ul>\n\n<hr />\n\n<pre><code>this is a code block</code></pre>\n\n<blockquote>This is a block quote</blockquote>\n`\n\nexport default {\n  title: \"Components/HTML\",\n}\n\nexport const Html = () => {\n  return (\n    <>\n      <HTML\n        style={{ border: \"1px dotted\" }}\n        variant=\"lg-display\"\n        html={HTML_EXAMPLE}\n      />\n      <HTML style={{ border: \"1px dotted\" }} variant=\"sm\" html={HTML_EXAMPLE} />\n      <HTML style={{ border: \"1px dotted\" }} variant=\"xs\" html={HTML_EXAMPLE} />\n    </>\n  )\n}\n\nHtml.story = {\n  name: \"HTML\",\n}\n\nexport const DefaultHtmlStyling = () => {\n  return (\n    <HTML>\n      <h1>H1 Headline</h1>\n\n      <h2>H2 Headline</h2>\n\n      <h3>H3 Headline</h3>\n\n      <h4>H4 Headline</h4>\n\n      <p>\n        I’m <em>of the opinion</em> that they use{\" \"}\n        <strong>\n          no <em>inert</em> material.\n        </strong>{\" \"}\n        All their equipment and instruments are alive, in some form or other.\n      </p>\n\n      <p>\n        They don’t construct or build at all. The idea of making is foreign to\n        them. They utilize existing forms. Even their ships—\n      </p>\n\n      <ol>\n        <li>first</li>\n        <li>second</li>\n        <li>third</li>\n      </ol>\n\n      <ul>\n        <li>first</li>\n        <li>second</li>\n        <li>third</li>\n      </ul>\n\n      <hr />\n\n      <pre>\n        <code>this is a code block</code>\n      </pre>\n\n      <blockquote>This is a block quote</blockquote>\n    </HTML>\n  )\n}\n\nDefaultHtmlStyling.story = {\n  name: \"Default HTML styling\",\n}\n"],"mappings":"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"}
+{"version":3,"file":"HTML.story.js","names":["_react","_interopRequireDefault","require","_HTML","obj","__esModule","default","HTML_EXAMPLE","_default","exports","title","Html","createElement","Fragment","HTML","style","border","variant","html","story","name","DefaultHtmlStyling","displayName"],"sources":["../../../src/elements/HTML/HTML.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { HTML } from \"./HTML\"\n\nconst HTML_EXAMPLE = `\n<h1>H1 Headline</h1>\n\n<h2>H2 Headline</h2>\n\n<h3>H3 Headline</h3>\n\n<h4>H4 Headline</h4>\n\n<p>I’m <em>of the opinion</em> that they use <strong>no <em>inert</em> material.</strong> All their equipment and instruments are alive, in some form or other.</p>\n\n<p>They don’t construct or build at all. The idea of making is foreign to them. They utilize existing forms. Even their ships—</p>\n\n<ol>\n  <li>first</li>\n  <li>second</li>\n  <li>third</li>\n</ol>\n\n<ul>\n  <li>first</li>\n  <li>second</li>\n  <li>third</li>\n</ul>\n\n<hr />\n\n<pre><code>this is a code block</code></pre>\n\n<blockquote>This is a block quote</blockquote>\n`\n\nexport default {\n  title: \"Components/HTML\",\n}\n\nexport const Html = () => {\n  return (\n    <>\n      <HTML\n        style={{ border: \"1px dotted\" }}\n        variant=\"lg-display\"\n        html={HTML_EXAMPLE}\n      />\n      <HTML style={{ border: \"1px dotted\" }} variant=\"sm\" html={HTML_EXAMPLE} />\n      <HTML style={{ border: \"1px dotted\" }} variant=\"xs\" html={HTML_EXAMPLE} />\n    </>\n  )\n}\n\nHtml.story = {\n  name: \"HTML\",\n}\n\nexport const DefaultHtmlStyling = () => {\n  return (\n    <HTML>\n      <h1>H1 Headline</h1>\n\n      <h2>H2 Headline</h2>\n\n      <h3>H3 Headline</h3>\n\n      <h4>H4 Headline</h4>\n\n      <p>\n        I’m <em>of the opinion</em> that they use{\" \"}\n        <strong>\n          no <em>inert</em> material.\n        </strong>{\" \"}\n        All their equipment and instruments are alive, in some form or other.\n      </p>\n\n      <p>\n        They don’t construct or build at all. The idea of making is foreign to\n        them. They utilize existing forms. Even their ships—\n      </p>\n\n      <ol>\n        <li>first</li>\n        <li>second</li>\n        <li>third</li>\n      </ol>\n\n      <ul>\n        <li>first</li>\n        <li>second</li>\n        <li>third</li>\n      </ul>\n\n      <hr />\n\n      <pre>\n        <code>this is a code block</code>\n      </pre>\n\n      <blockquote>This is a block quote</blockquote>\n    </HTML>\n  )\n}\n\nDefaultHtmlStyling.story = {\n  name: \"Default HTML styling\",\n}\n"],"mappings":"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"}

package/dist/elements/HorizontalOverflow/HorizontalOverflow.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { BoxProps } from "../Box";
-export declare type HorizontalOverflowProps = BoxProps & {
+export type HorizontalOverflowProps = BoxProps & {
     children: React.ReactNode;
 };
 export declare const HorizontalOverflow: React.ForwardRefExoticComponent<BoxProps & {

package/dist/elements/HorizontalOverflow/HorizontalOverflow.js

@@ -22,8 +22,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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; }
@@ -43,7 +43,7 @@ var Rail = (0, _styledComponents.default)(_Box.Box).withConfig({
   displayName: "HorizontalOverflow__Rail",
   componentId: "sc-yzjfm6-2"
 })(["white-space:nowrap;min-width:100%;height:100%;"]);
-var HorizontalOverflow = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, forwardedRef) {
+var HorizontalOverflow = exports.HorizontalOverflow = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, forwardedRef) {
   var children = _ref3.children,
     rest = _objectWithoutProperties(_ref3, _excluded);
   var ref = (0, _react.useRef)();
@@ -91,6 +91,5 @@ var HorizontalOverflow = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, fo
     verticalAlign: "top"
   }, railProps), children)));
 });
-exports.HorizontalOverflow = HorizontalOverflow;
 HorizontalOverflow.displayName = "HorizontalOverflow";
 //# sourceMappingURL=HorizontalOverflow.js.map

package/dist/elements/HorizontalOverflow/HorizontalOverflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalOverflow.js","names":["_composeReactRefs","_interopRequireDefault","require","_themeGet","_react","_interopRequireWildcard","_styledComponents","_styledSystem","_visuallyDisableScrollbar","_splitProps","_Box","_excluded","_excluded2","_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","splitRailProps","splitProps","compose","padding","justifyContent","border","Overlay","styled","Box","withConfig","displayName","componentId","themeGet","_ref2","atEnd","Viewport","visuallyDisableScrollbar","Rail","HorizontalOverflow","forwardRef","_ref3","forwardedRef","children","rest","ref","useRef","useEffect","updateAtEnd","window","addEventListener","removeEventListener","_splitRailProps","_splitRailProps2","railProps","_splitRailProps2$","_ref","boxProps","_useState","useState","_useState2","setAtEnd","current","_ref$current","scrollLeft","scrollWidth","clientWidth","Math","abs","createElement","composeRefs","onScroll","display","verticalAlign","exports"],"sources":["../../../src/elements/HorizontalOverflow/HorizontalOverflow.tsx"],"sourcesContent":["import composeRefs from \"@seznam/compose-react-refs\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport React, { forwardRef, useEffect, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport {\n  border,\n  BorderProps,\n  compose,\n  justifyContent,\n  JustifyContentProps,\n  padding,\n  PaddingProps,\n} from \"styled-system\"\nimport { visuallyDisableScrollbar } from \"../../helpers/visuallyDisableScrollbar\"\nimport { splitProps } from \"../../utils/splitProps\"\nimport { Box, BoxProps } from \"../Box\"\n\nconst splitRailProps = splitProps<\n  PaddingProps & JustifyContentProps & BorderProps\n>(compose(padding, justifyContent, border))\n\nconst Overlay = styled(Box)<{ atEnd: boolean }>`\n  position: relative;\n\n  /* Fade-out gradient */\n  &::after {\n    display: block;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: ${themeGet(\"space.6\")};\n    z-index: 1;\n    pointer-events: none;\n    background: ${themeGet(\"effects.fadeRight\")};\n    /* Hide when scrolled all the way over */\n    transition: opacity 250ms;\n    opacity: ${({ atEnd }) => (atEnd ? 0 : 1)};\n  }\n`\n\nconst Viewport = styled(Box)`\n  height: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  ${visuallyDisableScrollbar}\n`\n\nconst Rail = styled(Box)`\n  white-space: nowrap;\n  min-width: 100%;\n  height: 100%;\n`\n\nexport type HorizontalOverflowProps = BoxProps & { children: React.ReactNode }\n\nexport const HorizontalOverflow = forwardRef<\n  HTMLDivElement,\n  HorizontalOverflowProps\n>(({ children, ...rest }, forwardedRef) => {\n  const ref = useRef<HTMLDivElement | null>()\n\n  useEffect(() => {\n    updateAtEnd()\n    window.addEventListener(\"resize\", updateAtEnd)\n    return () => {\n      window.removeEventListener(\"resize\", updateAtEnd)\n    }\n  }, [])\n\n  // FIXME: REACT_18_UPGRADE\n  // @ts-ignore\n  const [railProps, { ref: _ref, ...boxProps }] = splitRailProps(rest)\n\n  const [atEnd, setAtEnd] = useState(false)\n\n  const updateAtEnd = () => {\n    if (!ref.current) return\n\n    const {\n      current: { scrollLeft, scrollWidth, clientWidth },\n    } = ref\n\n    // Check if we're at the end of the scroll (within 1px)\n    if (Math.abs(scrollLeft + clientWidth - scrollWidth) <= 1) {\n      setAtEnd(true)\n      return\n    }\n\n    setAtEnd(false)\n  }\n\n  return (\n    <Overlay atEnd={atEnd} {...boxProps}>\n      <Viewport\n        ref={composeRefs(ref, forwardedRef) as any}\n        onScroll={updateAtEnd}\n      >\n        <Rail display=\"inline-flex\" verticalAlign=\"top\" {...railProps}>\n          {children}\n        </Rail>\n      </Viewport>\n    </Overlay>\n  )\n})\n\nHorizontalOverflow.displayName = \"HorizontalOverflow\"\n"],"mappings":"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"}
+{"version":3,"file":"HorizontalOverflow.js","names":["_composeReactRefs","_interopRequireDefault","require","_themeGet","_react","_interopRequireWildcard","_styledComponents","_styledSystem","_visuallyDisableScrollbar","_splitProps","_Box","_excluded","_excluded2","_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","splitRailProps","splitProps","compose","padding","justifyContent","border","Overlay","styled","Box","withConfig","displayName","componentId","themeGet","_ref2","atEnd","Viewport","visuallyDisableScrollbar","Rail","HorizontalOverflow","exports","forwardRef","_ref3","forwardedRef","children","rest","ref","useRef","useEffect","updateAtEnd","window","addEventListener","removeEventListener","_splitRailProps","_splitRailProps2","railProps","_splitRailProps2$","_ref","boxProps","_useState","useState","_useState2","setAtEnd","current","_ref$current","scrollLeft","scrollWidth","clientWidth","Math","abs","createElement","composeRefs","onScroll","display","verticalAlign"],"sources":["../../../src/elements/HorizontalOverflow/HorizontalOverflow.tsx"],"sourcesContent":["import composeRefs from \"@seznam/compose-react-refs\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport React, { forwardRef, useEffect, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport {\n  border,\n  BorderProps,\n  compose,\n  justifyContent,\n  JustifyContentProps,\n  padding,\n  PaddingProps,\n} from \"styled-system\"\nimport { visuallyDisableScrollbar } from \"../../helpers/visuallyDisableScrollbar\"\nimport { splitProps } from \"../../utils/splitProps\"\nimport { Box, BoxProps } from \"../Box\"\n\nconst splitRailProps = splitProps<\n  PaddingProps & JustifyContentProps & BorderProps\n>(compose(padding, justifyContent, border))\n\nconst Overlay = styled(Box)<{ atEnd: boolean }>`\n  position: relative;\n\n  /* Fade-out gradient */\n  &::after {\n    display: block;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: ${themeGet(\"space.6\")};\n    z-index: 1;\n    pointer-events: none;\n    background: ${themeGet(\"effects.fadeRight\")};\n    /* Hide when scrolled all the way over */\n    transition: opacity 250ms;\n    opacity: ${({ atEnd }) => (atEnd ? 0 : 1)};\n  }\n`\n\nconst Viewport = styled(Box)`\n  height: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  ${visuallyDisableScrollbar}\n`\n\nconst Rail = styled(Box)`\n  white-space: nowrap;\n  min-width: 100%;\n  height: 100%;\n`\n\nexport type HorizontalOverflowProps = BoxProps & { children: React.ReactNode }\n\nexport const HorizontalOverflow = forwardRef<\n  HTMLDivElement,\n  HorizontalOverflowProps\n>(({ children, ...rest }, forwardedRef) => {\n  const ref = useRef<HTMLDivElement | null>()\n\n  useEffect(() => {\n    updateAtEnd()\n    window.addEventListener(\"resize\", updateAtEnd)\n    return () => {\n      window.removeEventListener(\"resize\", updateAtEnd)\n    }\n  }, [])\n\n  // FIXME: REACT_18_UPGRADE\n  // @ts-ignore\n  const [railProps, { ref: _ref, ...boxProps }] = splitRailProps(rest)\n\n  const [atEnd, setAtEnd] = useState(false)\n\n  const updateAtEnd = () => {\n    if (!ref.current) return\n\n    const {\n      current: { scrollLeft, scrollWidth, clientWidth },\n    } = ref\n\n    // Check if we're at the end of the scroll (within 1px)\n    if (Math.abs(scrollLeft + clientWidth - scrollWidth) <= 1) {\n      setAtEnd(true)\n      return\n    }\n\n    setAtEnd(false)\n  }\n\n  return (\n    <Overlay atEnd={atEnd} {...boxProps}>\n      <Viewport\n        ref={composeRefs(ref, forwardedRef) as any}\n        onScroll={updateAtEnd}\n      >\n        <Rail display=\"inline-flex\" verticalAlign=\"top\" {...railProps}>\n          {children}\n        </Rail>\n      </Viewport>\n    </Overlay>\n  )\n})\n\nHorizontalOverflow.displayName = \"HorizontalOverflow\"\n"],"mappings":"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"}

package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.js

@@ -12,11 +12,10 @@ var _Spacer = require("../Spacer");
 var _Join = require("../Join");
 var _Box = require("../Box");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = {
+var _default = exports.default = {
   title: "Components/HorizontalOverflow"
 };
-exports.default = _default;
-var Default = function Default() {
+var Default = exports.Default = function Default() {
   return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
     states: [{}, {
       children: /*#__PURE__*/_react.default.createElement(_Text.Text, {
@@ -39,9 +38,8 @@ var Default = function Default() {
     }, "Example #", i);
   }))));
 };
-exports.Default = Default;
 Default.displayName = "Default";
-var FillHeightCenteredContent = function FillHeightCenteredContent() {
+var FillHeightCenteredContent = exports.FillHeightCenteredContent = function FillHeightCenteredContent() {
   return /*#__PURE__*/_react.default.createElement(_Box.Box, {
     height: 100,
     bg: "red10"
@@ -63,6 +61,5 @@ var FillHeightCenteredContent = function FillHeightCenteredContent() {
     }, "Example #", i);
   }))));
 };
-exports.FillHeightCenteredContent = FillHeightCenteredContent;
 FillHeightCenteredContent.displayName = "FillHeightCenteredContent";
 //# sourceMappingURL=HorizontalOverflow.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalOverflow.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_HorizontalOverflow","_Text","_Spacer","_Join","_Box","obj","__esModule","default","_default","title","exports","Default","createElement","States","states","children","Text","variant","HorizontalOverflow","bg","p","Join","separator","Spacer","x","Array","from","map","_","i","key","color","mr","displayName","FillHeightCenteredContent","Box","height","border","display","alignItems"],"sources":["../../../src/elements/HorizontalOverflow/HorizontalOverflow.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport {\n  HorizontalOverflow,\n  HorizontalOverflowProps,\n} from \"./HorizontalOverflow\"\nimport { Text } from \"../Text\"\nimport { Spacer } from \"../Spacer\"\nimport { Join } from \"../Join\"\nimport { Box } from \"../Box\"\n\nexport default {\n  title: \"Components/HorizontalOverflow\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<HorizontalOverflowProps>>\n      states={[\n        {},\n        { children: <Text variant=\"sm-display\">Not overflowing</Text> },\n      ]}\n    >\n      <HorizontalOverflow bg=\"mono10\" p={2}>\n        <Join separator={<Spacer x={2} />}>\n          {Array.from(Array(50)).map((_, i) => (\n            <Text key={i} variant=\"sm-display\" color=\"mono100\" mr={2}>\n              Example #{i}\n            </Text>\n          ))}\n        </Join>\n      </HorizontalOverflow>\n    </States>\n  )\n}\n\nexport const FillHeightCenteredContent = () => {\n  return (\n    <Box height={100} bg=\"red10\">\n      <HorizontalOverflow border=\"1px solid\" p={2} height=\"100%\">\n        <Join separator={<Spacer x={2} />}>\n          {Array.from(Array(50)).map((_, i) => (\n            <Text\n              key={i}\n              variant=\"sm-display\"\n              color=\"mono100\"\n              display=\"flex\"\n              alignItems=\"center\"\n            >\n              Example #{i}\n            </Text>\n          ))}\n        </Join>\n      </HorizontalOverflow>\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"HorizontalOverflow.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_HorizontalOverflow","_Text","_Spacer","_Join","_Box","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","children","Text","variant","HorizontalOverflow","bg","p","Join","separator","Spacer","x","Array","from","map","_","i","key","color","mr","displayName","FillHeightCenteredContent","Box","height","border","display","alignItems"],"sources":["../../../src/elements/HorizontalOverflow/HorizontalOverflow.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport {\n  HorizontalOverflow,\n  HorizontalOverflowProps,\n} from \"./HorizontalOverflow\"\nimport { Text } from \"../Text\"\nimport { Spacer } from \"../Spacer\"\nimport { Join } from \"../Join\"\nimport { Box } from \"../Box\"\n\nexport default {\n  title: \"Components/HorizontalOverflow\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<HorizontalOverflowProps>>\n      states={[\n        {},\n        { children: <Text variant=\"sm-display\">Not overflowing</Text> },\n      ]}\n    >\n      <HorizontalOverflow bg=\"mono10\" p={2}>\n        <Join separator={<Spacer x={2} />}>\n          {Array.from(Array(50)).map((_, i) => (\n            <Text key={i} variant=\"sm-display\" color=\"mono100\" mr={2}>\n              Example #{i}\n            </Text>\n          ))}\n        </Join>\n      </HorizontalOverflow>\n    </States>\n  )\n}\n\nexport const FillHeightCenteredContent = () => {\n  return (\n    <Box height={100} bg=\"red10\">\n      <HorizontalOverflow border=\"1px solid\" p={2} height=\"100%\">\n        <Join separator={<Spacer x={2} />}>\n          {Array.from(Array(50)).map((_, i) => (\n            <Text\n              key={i}\n              variant=\"sm-display\"\n              color=\"mono100\"\n              display=\"flex\"\n              alignItems=\"center\"\n            >\n              Example #{i}\n            </Text>\n          ))}\n        </Join>\n      </HorizontalOverflow>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAIA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AAA4B,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEb;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEf,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACb,gBAAA,CAAAc,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,QAAQ,eAAEnB,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACX,KAAA,CAAAe,IAAI;QAACC,OAAO,EAAC;MAAY,GAAC,iBAAe;IAAQ,CAAC;EAC/D,gBAEFrB,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACZ,mBAAA,CAAAkB,kBAAkB;IAACC,EAAE,EAAC,QAAQ;IAACC,CAAC,EAAE;EAAE,gBACnCxB,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAkB,IAAI;IAACC,SAAS,eAAE1B,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACV,OAAA,CAAAqB,MAAM;MAACC,CAAC,EAAE;IAAE;EAAI,GAC/BC,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,EAAE,CAAC,CAAC,CAACE,GAAG,CAAC,UAACC,CAAC,EAAEC,CAAC;IAAA,oBAC9BjC,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACX,KAAA,CAAAe,IAAI;MAACc,GAAG,EAAED,CAAE;MAACZ,OAAO,EAAC,YAAY;MAACc,KAAK,EAAC,SAAS;MAACC,EAAE,EAAE;IAAE,GAAC,WAC/C,EAACH,CAAC,CACN;EAAA,CACR,CAAC,CACG,CACY,CACd;AAEb,CAAC;AAnBYlB,OAAO,CAAAsB,WAAA;AAqBb,IAAMC,yBAAyB,GAAAzB,OAAA,CAAAyB,yBAAA,GAAG,SAA5BA,yBAAyBA,CAAA,EAAS;EAC7C,oBACEtC,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAA+B,GAAG;IAACC,MAAM,EAAE,GAAI;IAACjB,EAAE,EAAC;EAAO,gBAC1BvB,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACZ,mBAAA,CAAAkB,kBAAkB;IAACmB,MAAM,EAAC,WAAW;IAACjB,CAAC,EAAE,CAAE;IAACgB,MAAM,EAAC;EAAM,gBACxDxC,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAAkB,IAAI;IAACC,SAAS,eAAE1B,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACV,OAAA,CAAAqB,MAAM;MAACC,CAAC,EAAE;IAAE;EAAI,GAC/BC,KAAK,CAACC,IAAI,CAACD,KAAK,CAAC,EAAE,CAAC,CAAC,CAACE,GAAG,CAAC,UAACC,CAAC,EAAEC,CAAC;IAAA,oBAC9BjC,MAAA,CAAAW,OAAA,CAAAK,aAAA,CAACX,KAAA,CAAAe,IAAI;MACHc,GAAG,EAAED,CAAE;MACPZ,OAAO,EAAC,YAAY;MACpBc,KAAK,EAAC,SAAS;MACfO,OAAO,EAAC,MAAM;MACdC,UAAU,EAAC;IAAQ,GACpB,WACU,EAACV,CAAC,CACN;EAAA,CACR,CAAC,CACG,CACY,CACjB;AAEV,CAAC;AApBYK,yBAAyB,CAAAD,WAAA"}

package/dist/elements/Image/Image.js

@@ -19,12 +19,12 @@ function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input ==
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 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 Image = function Image(_ref) {
+var Image = exports.Image = function Image(_ref) {
   var className = _ref.className,
     height = _ref.height,
     _ref$lazyLoad = _ref.lazyLoad,
@@ -110,6 +110,5 @@ var Image = function Image(_ref) {
     style: style
   }, boxProps, commonImgProps));
 };
-exports.Image = Image;
 Image.displayName = "Image";
 //# sourceMappingURL=Image.js.map