@mirohq/design-system-grid 2.1.15 → 2.1.16-themes.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/main.js +2 -2
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +2 -2
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +236 -214
  6. package/package.json +3 -3
package/dist/main.js CHANGED
@@ -54,10 +54,10 @@ const StyledGrid = designSystemStitches.styled(designSystemPrimitive.Primitive.d
54
54
  gapX: designSystemUtils.mapKeysToVariants(designSystemStitches.theme["space-gap"], "rowGap"),
55
55
  gapY: designSystemUtils.mapKeysToVariants(designSystemStitches.theme["space-gap"], "columnGap"),
56
56
  columns: designSystemUtils.mapKeysToVariants(SIZES$1, (key) => ({
57
- gridTemplateColumns: `repeat(${key}, 1fr)`
57
+ gridTemplateColumns: "repeat(".concat(key, ", 1fr)")
58
58
  })),
59
59
  rows: designSystemUtils.mapKeysToVariants(SIZES$1, (key) => ({
60
- gridTemplateRows: `repeat(${key}, 1fr)`
60
+ gridTemplateRows: "repeat(".concat(key, ", 1fr)")
61
61
  })),
62
62
  justify: {
63
63
  start: {
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"main.js","sources":["../src/grid.styled.ts","../src/partials/item.styled.ts","../src/partials/item.tsx","../src/grid.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled, theme } from '@mirohq/design-system-stitches'\nimport { createConstants, mapKeysToVariants } from '@mirohq/design-system-utils'\n\nexport const SIZES = createConstants(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12)\n\nexport const StyledGrid = styled(Primitive.div, {\n display: 'grid',\n variants: {\n align: {\n start: {\n alignItems: 'start',\n },\n center: {\n alignItems: 'center',\n },\n end: {\n alignItems: 'end',\n },\n stretch: {\n alignItems: 'stretch',\n },\n baseline: {\n alignItems: 'baseline',\n },\n },\n flow: {\n row: {\n gridAutoFlow: 'row',\n },\n column: {\n gridAutoFlow: 'column',\n },\n dense: {\n gridAutoFlow: 'dense',\n },\n rowDense: {\n gridAutoFlow: 'row dense',\n },\n columnDense: {\n gridAutoFlow: 'column dense',\n },\n },\n gap: mapKeysToVariants(theme['space-gap'], 'gap'),\n gapX: mapKeysToVariants(theme['space-gap'], 'rowGap'),\n gapY: mapKeysToVariants(theme['space-gap'], 'columnGap'),\n columns: mapKeysToVariants(SIZES, key => ({\n gridTemplateColumns: `repeat(${key}, 1fr)`,\n })),\n rows: mapKeysToVariants(SIZES, key => ({\n gridTemplateRows: `repeat(${key}, 1fr)`,\n })),\n justify: {\n start: {\n justifyContent: 'start',\n },\n center: {\n justifyContent: 'center',\n },\n end: {\n justifyContent: 'end',\n },\n stretch: {\n justifyContent: 'stretch',\n },\n between: {\n justifyContent: 'space-between',\n },\n around: {\n justifyContent: 'space-around',\n },\n evenly: {\n justifyContent: 'space-evenly',\n },\n },\n justifyItems: {\n start: {\n justifyItems: 'start',\n },\n center: {\n justifyItems: 'center',\n },\n end: {\n justifyItems: 'end',\n },\n stretch: {\n justifyItems: 'stretch',\n },\n },\n },\n})\n\nexport type StyledGridProps = ComponentPropsWithRef<typeof StyledGrid>\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { mapKeysToVariants, createConstants } from '@mirohq/design-system-utils'\n\nimport { SIZES as GRID_SIZES } from '../grid.styled'\n\nconst ADDITIONAL_COLUMNS_ROWS_SIZES = createConstants(-1)\nconst SIZES = { ...ADDITIONAL_COLUMNS_ROWS_SIZES, ...GRID_SIZES }\n\nexport const StyledItem = styled(Primitive.div, {\n variants: {\n columnStart: mapKeysToVariants(SIZES, key => ({ gridColumnStart: key })),\n rowStart: mapKeysToVariants(SIZES, key => ({ gridRowStart: key })),\n columnEnd: mapKeysToVariants(SIZES, key => ({ gridColumnEnd: key })),\n rowEnd: mapKeysToVariants(SIZES, key => ({ gridRowEnd: key })),\n },\n})\n\nexport type StyledItemProps = ComponentPropsWithRef<typeof StyledItem>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledItem } from './item.styled'\nimport type { StyledItemProps } from './item.styled'\n\nexport interface ItemProps extends StyledItemProps {\n /**\n * Determines the grid item's start position within the grid referring to a column number.\n */\n columnStart?: StyledItemProps['columnStart']\n\n /**\n * Determines the grid item's start position within the grid referring to a row number.\n */\n rowStart?: StyledItemProps['rowStart']\n /**\n * Determines the grid item's end position within the grid referring to a column number.\n */\n columnEnd?: StyledItemProps['columnEnd']\n /**\n * Determines the grid item's end position within the grid referring to a row number.\n */\n rowEnd?: StyledItemProps['rowEnd']\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n (props, forwardRef) => <StyledItem {...props} ref={forwardRef} />\n)\n","import React from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\n\nimport { StyledGrid } from './grid.styled'\nimport type { StyledGridProps } from './grid.styled'\nimport { Item } from './partials/item'\n\nexport interface GridProps extends StyledGridProps {\n /**\n * Defines how elements are aligned along the block (column) axis.\n */\n align?: StyledGridProps['align']\n\n /**\n * Defines how elements are aligned along the inline (row) axis.\n */\n justify?: StyledGridProps['justify']\n\n /**\n * Aligns grid items along the inline (row) axis.\n * This value applies to all grid items inside the container.\n */\n justifyItems?: StyledGridProps['justifyItems']\n\n /**\n * Defines how elements are automatically placed in the grid.\n */\n flow?: StyledGridProps['flow']\n\n /**\n * Defines the width of the gutter between both columns and rows. It uses the\n * [space](/?path=/docs/foundation-spacing--page)\n */\n gap?: StyledGridProps['gap']\n\n /**\n * Defines the width of the gutter between rows. It uses the\n * [space](/?path=/docs/foundation-spacing--page)\n */\n gapX?: StyledGridProps['gapX']\n\n /**\n * Defines the width of the gutter between columns.It uses the\n * [space](/?path=/docs/foundation-spacing--page)\n */\n gapY?: StyledGridProps['gapY']\n\n /**\n * Defines the number of columns in the grid.\n */\n columns?: StyledGridProps['columns']\n\n /**\n * Defines the number of rows in the grid.\n */\n rows?: StyledGridProps['rows']\n}\n\nexport const Grid = React.forwardRef<ElementRef<typeof StyledGrid>, GridProps>(\n (props, forwardRef) => <StyledGrid {...props} ref={forwardRef} />\n) as ForwardRefExoticComponent<GridProps> & Partials\n\n// Partials\n// -----------------------------------------------------------------------------\n\ninterface Partials {\n Item: typeof Item\n}\n\nGrid.Item = Item\n"],"names":["SIZES","createConstants","styled","Primitive","mapKeysToVariants","theme","GRID_SIZES","React","jsx"],"mappings":"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"}
1
+ {"version":3,"file":"main.js","sources":["../src/grid.styled.ts","../src/partials/item.styled.ts","../src/partials/item.tsx","../src/grid.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled, theme } from '@mirohq/design-system-stitches'\nimport { createConstants, mapKeysToVariants } from '@mirohq/design-system-utils'\n\nexport const SIZES = createConstants(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12)\n\nexport const StyledGrid = styled(Primitive.div, {\n display: 'grid',\n variants: {\n align: {\n start: {\n alignItems: 'start',\n },\n center: {\n alignItems: 'center',\n },\n end: {\n alignItems: 'end',\n },\n stretch: {\n alignItems: 'stretch',\n },\n baseline: {\n alignItems: 'baseline',\n },\n },\n flow: {\n row: {\n gridAutoFlow: 'row',\n },\n column: {\n gridAutoFlow: 'column',\n },\n dense: {\n gridAutoFlow: 'dense',\n },\n rowDense: {\n gridAutoFlow: 'row dense',\n },\n columnDense: {\n gridAutoFlow: 'column dense',\n },\n },\n gap: mapKeysToVariants(theme['space-gap'], 'gap'),\n gapX: mapKeysToVariants(theme['space-gap'], 'rowGap'),\n gapY: mapKeysToVariants(theme['space-gap'], 'columnGap'),\n columns: mapKeysToVariants(SIZES, key => ({\n gridTemplateColumns: `repeat(${key}, 1fr)`,\n })),\n rows: mapKeysToVariants(SIZES, key => ({\n gridTemplateRows: `repeat(${key}, 1fr)`,\n })),\n justify: {\n start: {\n justifyContent: 'start',\n },\n center: {\n justifyContent: 'center',\n },\n end: {\n justifyContent: 'end',\n },\n stretch: {\n justifyContent: 'stretch',\n },\n between: {\n justifyContent: 'space-between',\n },\n around: {\n justifyContent: 'space-around',\n },\n evenly: {\n justifyContent: 'space-evenly',\n },\n },\n justifyItems: {\n start: {\n justifyItems: 'start',\n },\n center: {\n justifyItems: 'center',\n },\n end: {\n justifyItems: 'end',\n },\n stretch: {\n justifyItems: 'stretch',\n },\n },\n },\n})\n\nexport type StyledGridProps = ComponentPropsWithRef<typeof StyledGrid>\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { mapKeysToVariants, createConstants } from '@mirohq/design-system-utils'\n\nimport { SIZES as GRID_SIZES } from '../grid.styled'\n\nconst ADDITIONAL_COLUMNS_ROWS_SIZES = createConstants(-1)\nconst SIZES = { ...ADDITIONAL_COLUMNS_ROWS_SIZES, ...GRID_SIZES }\n\nexport const StyledItem = styled(Primitive.div, {\n variants: {\n columnStart: mapKeysToVariants(SIZES, key => ({ gridColumnStart: key })),\n rowStart: mapKeysToVariants(SIZES, key => ({ gridRowStart: key })),\n columnEnd: mapKeysToVariants(SIZES, key => ({ gridColumnEnd: key })),\n rowEnd: mapKeysToVariants(SIZES, key => ({ gridRowEnd: key })),\n },\n})\n\nexport type StyledItemProps = ComponentPropsWithRef<typeof StyledItem>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledItem } from './item.styled'\nimport type { StyledItemProps } from './item.styled'\n\nexport interface ItemProps extends StyledItemProps {\n /**\n * Determines the grid item's start position within the grid referring to a column number.\n */\n columnStart?: StyledItemProps['columnStart']\n\n /**\n * Determines the grid item's start position within the grid referring to a row number.\n */\n rowStart?: StyledItemProps['rowStart']\n /**\n * Determines the grid item's end position within the grid referring to a column number.\n */\n columnEnd?: StyledItemProps['columnEnd']\n /**\n * Determines the grid item's end position within the grid referring to a row number.\n */\n rowEnd?: StyledItemProps['rowEnd']\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n (props, forwardRef) => <StyledItem {...props} ref={forwardRef} />\n)\n","import React from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\n\nimport { StyledGrid } from './grid.styled'\nimport type { StyledGridProps } from './grid.styled'\nimport { Item } from './partials/item'\n\nexport interface GridProps extends StyledGridProps {\n /**\n * Defines how elements are aligned along the block (column) axis.\n */\n align?: StyledGridProps['align']\n\n /**\n * Defines how elements are aligned along the inline (row) axis.\n */\n justify?: StyledGridProps['justify']\n\n /**\n * Aligns grid items along the inline (row) axis.\n * This value applies to all grid items inside the container.\n */\n justifyItems?: StyledGridProps['justifyItems']\n\n /**\n * Defines how elements are automatically placed in the grid.\n */\n flow?: StyledGridProps['flow']\n\n /**\n * Defines the width of the gutter between both columns and rows. It uses the\n * [space](/?path=/docs/foundation-spacing--page)\n */\n gap?: StyledGridProps['gap']\n\n /**\n * Defines the width of the gutter between rows. It uses the\n * [space](/?path=/docs/foundation-spacing--page)\n */\n gapX?: StyledGridProps['gapX']\n\n /**\n * Defines the width of the gutter between columns.It uses the\n * [space](/?path=/docs/foundation-spacing--page)\n */\n gapY?: StyledGridProps['gapY']\n\n /**\n * Defines the number of columns in the grid.\n */\n columns?: StyledGridProps['columns']\n\n /**\n * Defines the number of rows in the grid.\n */\n rows?: StyledGridProps['rows']\n}\n\nexport const Grid = React.forwardRef<ElementRef<typeof StyledGrid>, GridProps>(\n (props, forwardRef) => <StyledGrid {...props} ref={forwardRef} />\n) as ForwardRefExoticComponent<GridProps> & Partials\n\n// Partials\n// -----------------------------------------------------------------------------\n\ninterface Partials {\n Item: typeof Item\n}\n\nGrid.Item = Item\n"],"names":["SIZES","createConstants","styled","Primitive","mapKeysToVariants","theme","GRID_SIZES","React","jsx"],"mappings":"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"}
package/dist/module.js CHANGED
@@ -46,10 +46,10 @@ const StyledGrid = styled(Primitive.div, {
46
46
  gapX: mapKeysToVariants(theme["space-gap"], "rowGap"),
47
47
  gapY: mapKeysToVariants(theme["space-gap"], "columnGap"),
48
48
  columns: mapKeysToVariants(SIZES$1, (key) => ({
49
- gridTemplateColumns: `repeat(${key}, 1fr)`
49
+ gridTemplateColumns: "repeat(".concat(key, ", 1fr)")
50
50
  })),
51
51
  rows: mapKeysToVariants(SIZES$1, (key) => ({
52
- gridTemplateRows: `repeat(${key}, 1fr)`
52
+ gridTemplateRows: "repeat(".concat(key, ", 1fr)")
53
53
  })),
54
54
  justify: {
55
55
  start: {
package/dist/module.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"module.js","sources":["../src/grid.styled.ts","../src/partials/item.styled.ts","../src/partials/item.tsx","../src/grid.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled, theme } from '@mirohq/design-system-stitches'\nimport { createConstants, mapKeysToVariants } from '@mirohq/design-system-utils'\n\nexport const SIZES = createConstants(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12)\n\nexport const StyledGrid = styled(Primitive.div, {\n display: 'grid',\n variants: {\n align: {\n start: {\n alignItems: 'start',\n },\n center: {\n alignItems: 'center',\n },\n end: {\n alignItems: 'end',\n },\n stretch: {\n alignItems: 'stretch',\n },\n baseline: {\n alignItems: 'baseline',\n },\n },\n flow: {\n row: {\n gridAutoFlow: 'row',\n },\n column: {\n gridAutoFlow: 'column',\n },\n dense: {\n gridAutoFlow: 'dense',\n },\n rowDense: {\n gridAutoFlow: 'row dense',\n },\n columnDense: {\n gridAutoFlow: 'column dense',\n },\n },\n gap: mapKeysToVariants(theme['space-gap'], 'gap'),\n gapX: mapKeysToVariants(theme['space-gap'], 'rowGap'),\n gapY: mapKeysToVariants(theme['space-gap'], 'columnGap'),\n columns: mapKeysToVariants(SIZES, key => ({\n gridTemplateColumns: `repeat(${key}, 1fr)`,\n })),\n rows: mapKeysToVariants(SIZES, key => ({\n gridTemplateRows: `repeat(${key}, 1fr)`,\n })),\n justify: {\n start: {\n justifyContent: 'start',\n },\n center: {\n justifyContent: 'center',\n },\n end: {\n justifyContent: 'end',\n },\n stretch: {\n justifyContent: 'stretch',\n },\n between: {\n justifyContent: 'space-between',\n },\n around: {\n justifyContent: 'space-around',\n },\n evenly: {\n justifyContent: 'space-evenly',\n },\n },\n justifyItems: {\n start: {\n justifyItems: 'start',\n },\n center: {\n justifyItems: 'center',\n },\n end: {\n justifyItems: 'end',\n },\n stretch: {\n justifyItems: 'stretch',\n },\n },\n },\n})\n\nexport type StyledGridProps = ComponentPropsWithRef<typeof StyledGrid>\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { mapKeysToVariants, createConstants } from '@mirohq/design-system-utils'\n\nimport { SIZES as GRID_SIZES } from '../grid.styled'\n\nconst ADDITIONAL_COLUMNS_ROWS_SIZES = createConstants(-1)\nconst SIZES = { ...ADDITIONAL_COLUMNS_ROWS_SIZES, ...GRID_SIZES }\n\nexport const StyledItem = styled(Primitive.div, {\n variants: {\n columnStart: mapKeysToVariants(SIZES, key => ({ gridColumnStart: key })),\n rowStart: mapKeysToVariants(SIZES, key => ({ gridRowStart: key })),\n columnEnd: mapKeysToVariants(SIZES, key => ({ gridColumnEnd: key })),\n rowEnd: mapKeysToVariants(SIZES, key => ({ gridRowEnd: key })),\n },\n})\n\nexport type StyledItemProps = ComponentPropsWithRef<typeof StyledItem>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledItem } from './item.styled'\nimport type { StyledItemProps } from './item.styled'\n\nexport interface ItemProps extends StyledItemProps {\n /**\n * Determines the grid item's start position within the grid referring to a column number.\n */\n columnStart?: StyledItemProps['columnStart']\n\n /**\n * Determines the grid item's start position within the grid referring to a row number.\n */\n rowStart?: StyledItemProps['rowStart']\n /**\n * Determines the grid item's end position within the grid referring to a column number.\n */\n columnEnd?: StyledItemProps['columnEnd']\n /**\n * Determines the grid item's end position within the grid referring to a row number.\n */\n rowEnd?: StyledItemProps['rowEnd']\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n (props, forwardRef) => <StyledItem {...props} ref={forwardRef} />\n)\n","import React from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\n\nimport { StyledGrid } from './grid.styled'\nimport type { StyledGridProps } from './grid.styled'\nimport { Item } from './partials/item'\n\nexport interface GridProps extends StyledGridProps {\n /**\n * Defines how elements are aligned along the block (column) axis.\n */\n align?: StyledGridProps['align']\n\n /**\n * Defines how elements are aligned along the inline (row) axis.\n */\n justify?: StyledGridProps['justify']\n\n /**\n * Aligns grid items along the inline (row) axis.\n * This value applies to all grid items inside the container.\n */\n justifyItems?: StyledGridProps['justifyItems']\n\n /**\n * Defines how elements are automatically placed in the grid.\n */\n flow?: StyledGridProps['flow']\n\n /**\n * Defines the width of the gutter between both columns and rows. It uses the\n * [space](/?path=/docs/foundation-spacing--page)\n */\n gap?: StyledGridProps['gap']\n\n /**\n * Defines the width of the gutter between rows. It uses the\n * [space](/?path=/docs/foundation-spacing--page)\n */\n gapX?: StyledGridProps['gapX']\n\n /**\n * Defines the width of the gutter between columns.It uses the\n * [space](/?path=/docs/foundation-spacing--page)\n */\n gapY?: StyledGridProps['gapY']\n\n /**\n * Defines the number of columns in the grid.\n */\n columns?: StyledGridProps['columns']\n\n /**\n * Defines the number of rows in the grid.\n */\n rows?: StyledGridProps['rows']\n}\n\nexport const Grid = React.forwardRef<ElementRef<typeof StyledGrid>, GridProps>(\n (props, forwardRef) => <StyledGrid {...props} ref={forwardRef} />\n) as ForwardRefExoticComponent<GridProps> & Partials\n\n// Partials\n// -----------------------------------------------------------------------------\n\ninterface Partials {\n Item: typeof Item\n}\n\nGrid.Item = Item\n"],"names":["SIZES","GRID_SIZES"],"mappings":"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"}
1
+ {"version":3,"file":"module.js","sources":["../src/grid.styled.ts","../src/partials/item.styled.ts","../src/partials/item.tsx","../src/grid.tsx"],"sourcesContent":["import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled, theme } from '@mirohq/design-system-stitches'\nimport { createConstants, mapKeysToVariants } from '@mirohq/design-system-utils'\n\nexport const SIZES = createConstants(1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12)\n\nexport const StyledGrid = styled(Primitive.div, {\n display: 'grid',\n variants: {\n align: {\n start: {\n alignItems: 'start',\n },\n center: {\n alignItems: 'center',\n },\n end: {\n alignItems: 'end',\n },\n stretch: {\n alignItems: 'stretch',\n },\n baseline: {\n alignItems: 'baseline',\n },\n },\n flow: {\n row: {\n gridAutoFlow: 'row',\n },\n column: {\n gridAutoFlow: 'column',\n },\n dense: {\n gridAutoFlow: 'dense',\n },\n rowDense: {\n gridAutoFlow: 'row dense',\n },\n columnDense: {\n gridAutoFlow: 'column dense',\n },\n },\n gap: mapKeysToVariants(theme['space-gap'], 'gap'),\n gapX: mapKeysToVariants(theme['space-gap'], 'rowGap'),\n gapY: mapKeysToVariants(theme['space-gap'], 'columnGap'),\n columns: mapKeysToVariants(SIZES, key => ({\n gridTemplateColumns: `repeat(${key}, 1fr)`,\n })),\n rows: mapKeysToVariants(SIZES, key => ({\n gridTemplateRows: `repeat(${key}, 1fr)`,\n })),\n justify: {\n start: {\n justifyContent: 'start',\n },\n center: {\n justifyContent: 'center',\n },\n end: {\n justifyContent: 'end',\n },\n stretch: {\n justifyContent: 'stretch',\n },\n between: {\n justifyContent: 'space-between',\n },\n around: {\n justifyContent: 'space-around',\n },\n evenly: {\n justifyContent: 'space-evenly',\n },\n },\n justifyItems: {\n start: {\n justifyItems: 'start',\n },\n center: {\n justifyItems: 'center',\n },\n end: {\n justifyItems: 'end',\n },\n stretch: {\n justifyItems: 'stretch',\n },\n },\n },\n})\n\nexport type StyledGridProps = ComponentPropsWithRef<typeof StyledGrid>\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\nimport { mapKeysToVariants, createConstants } from '@mirohq/design-system-utils'\n\nimport { SIZES as GRID_SIZES } from '../grid.styled'\n\nconst ADDITIONAL_COLUMNS_ROWS_SIZES = createConstants(-1)\nconst SIZES = { ...ADDITIONAL_COLUMNS_ROWS_SIZES, ...GRID_SIZES }\n\nexport const StyledItem = styled(Primitive.div, {\n variants: {\n columnStart: mapKeysToVariants(SIZES, key => ({ gridColumnStart: key })),\n rowStart: mapKeysToVariants(SIZES, key => ({ gridRowStart: key })),\n columnEnd: mapKeysToVariants(SIZES, key => ({ gridColumnEnd: key })),\n rowEnd: mapKeysToVariants(SIZES, key => ({ gridRowEnd: key })),\n },\n})\n\nexport type StyledItemProps = ComponentPropsWithRef<typeof StyledItem>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledItem } from './item.styled'\nimport type { StyledItemProps } from './item.styled'\n\nexport interface ItemProps extends StyledItemProps {\n /**\n * Determines the grid item's start position within the grid referring to a column number.\n */\n columnStart?: StyledItemProps['columnStart']\n\n /**\n * Determines the grid item's start position within the grid referring to a row number.\n */\n rowStart?: StyledItemProps['rowStart']\n /**\n * Determines the grid item's end position within the grid referring to a column number.\n */\n columnEnd?: StyledItemProps['columnEnd']\n /**\n * Determines the grid item's end position within the grid referring to a row number.\n */\n rowEnd?: StyledItemProps['rowEnd']\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n (props, forwardRef) => <StyledItem {...props} ref={forwardRef} />\n)\n","import React from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\n\nimport { StyledGrid } from './grid.styled'\nimport type { StyledGridProps } from './grid.styled'\nimport { Item } from './partials/item'\n\nexport interface GridProps extends StyledGridProps {\n /**\n * Defines how elements are aligned along the block (column) axis.\n */\n align?: StyledGridProps['align']\n\n /**\n * Defines how elements are aligned along the inline (row) axis.\n */\n justify?: StyledGridProps['justify']\n\n /**\n * Aligns grid items along the inline (row) axis.\n * This value applies to all grid items inside the container.\n */\n justifyItems?: StyledGridProps['justifyItems']\n\n /**\n * Defines how elements are automatically placed in the grid.\n */\n flow?: StyledGridProps['flow']\n\n /**\n * Defines the width of the gutter between both columns and rows. It uses the\n * [space](/?path=/docs/foundation-spacing--page)\n */\n gap?: StyledGridProps['gap']\n\n /**\n * Defines the width of the gutter between rows. It uses the\n * [space](/?path=/docs/foundation-spacing--page)\n */\n gapX?: StyledGridProps['gapX']\n\n /**\n * Defines the width of the gutter between columns.It uses the\n * [space](/?path=/docs/foundation-spacing--page)\n */\n gapY?: StyledGridProps['gapY']\n\n /**\n * Defines the number of columns in the grid.\n */\n columns?: StyledGridProps['columns']\n\n /**\n * Defines the number of rows in the grid.\n */\n rows?: StyledGridProps['rows']\n}\n\nexport const Grid = React.forwardRef<ElementRef<typeof StyledGrid>, GridProps>(\n (props, forwardRef) => <StyledGrid {...props} ref={forwardRef} />\n) as ForwardRefExoticComponent<GridProps> & Partials\n\n// Partials\n// -----------------------------------------------------------------------------\n\ninterface Partials {\n Item: typeof Item\n}\n\nGrid.Item = Item\n"],"names":["SIZES","GRID_SIZES"],"mappings":"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"}
package/dist/types.d.ts CHANGED
@@ -38,6 +38,7 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Omit<Omit<{
38
38
  readonly lg: "4px";
39
39
  };
40
40
  colors: {
41
+ readonly black: any;
41
42
  readonly 'blue-100': any;
42
43
  readonly 'blue-200': any;
43
44
  readonly 'blue-300': any;
@@ -57,6 +58,15 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Omit<Omit<{
57
58
  readonly 'gray-700': any;
58
59
  readonly 'gray-800': any;
59
60
  readonly 'gray-900': any;
61
+ readonly 'green-100': any;
62
+ readonly 'green-200': any;
63
+ readonly 'green-300': any;
64
+ readonly 'green-400': any;
65
+ readonly 'green-500': any;
66
+ readonly 'green-600': any;
67
+ readonly 'green-700': any;
68
+ readonly 'green-800': any;
69
+ readonly 'green-900': any;
60
70
  readonly 'indigo-100': any;
61
71
  readonly 'indigo-200': any;
62
72
  readonly 'indigo-300': any;
@@ -75,6 +85,8 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Omit<Omit<{
75
85
  readonly 'red-700': any;
76
86
  readonly 'red-800': any;
77
87
  readonly 'red-900': any;
88
+ readonly transparent: any;
89
+ readonly white: any;
78
90
  readonly 'yellow-100': any;
79
91
  readonly 'yellow-200': any;
80
92
  readonly 'yellow-300': any;
@@ -84,113 +96,112 @@ declare const StyledGrid: react.ForwardRefExoticComponent<Omit<Omit<{
84
96
  readonly 'yellow-700': any;
85
97
  readonly 'yellow-800': any;
86
98
  readonly 'yellow-900': any;
87
- readonly 'green-100': any;
88
- readonly 'green-200': any;
89
- readonly 'green-300': any;
90
- readonly 'green-400': any;
91
- readonly 'green-500': any;
92
- readonly 'green-600': any;
93
- readonly 'green-700': any;
94
- readonly 'green-800': any;
95
- readonly 'green-900': any;
96
- readonly black: any;
97
- readonly white: any;
98
- readonly transparent: any;
99
- readonly 'background-danger'?: any;
100
- readonly 'background-danger-hover'?: any;
101
- readonly 'background-danger-prominent'?: any;
102
- readonly 'background-danger-prominent-active'?: any;
103
- readonly 'background-danger-prominent-hover'?: any;
104
- readonly 'background-neutrals'?: any;
105
- readonly 'background-neutrals-container'?: any;
106
- readonly 'background-neutrals-controls-disabled'?: any;
107
- readonly 'background-neutrals-disabled'?: any;
108
- readonly 'background-neutrals-inactive'?: any;
109
- readonly 'background-neutrals-inactive-hover'?: any;
110
- readonly 'background-neutrals-inverted'?: any;
111
- readonly 'background-neutrals-inverted-subtle'?: any;
112
- readonly 'background-neutrals-page'?: any;
113
- readonly 'background-neutrals-page-subtle'?: any;
114
- readonly 'background-neutrals-scrolls'?: any;
115
- readonly 'background-neutrals-scrolls-hover'?: any;
116
- readonly 'background-neutrals-subtle'?: any;
117
- readonly 'background-neutrals-subtle-active'?: any;
118
- readonly 'background-neutrals-subtle-hover'?: any;
119
- readonly 'background-primary-prominent'?: any;
120
- readonly 'background-primary-prominent-active'?: any;
121
- readonly 'background-primary-prominent-hover'?: any;
122
- readonly 'background-primary-prominent-selected'?: any;
123
- readonly 'background-primary-subtle'?: any;
124
- readonly 'background-primary-subtle-active'?: any;
125
- readonly 'background-primary-subtle-hover'?: any;
126
- readonly 'background-primary-subtle-selected'?: any;
127
- readonly 'background-success'?: any;
128
- readonly 'background-warning-prominent'?: any;
129
- readonly 'background-warning-subtle'?: any;
130
- readonly 'text-danger'?: any;
131
- readonly 'text-danger-active'?: any;
132
- readonly 'text-danger-hover'?: any;
133
- readonly 'text-danger-inverted'?: any;
134
- readonly 'text-neutrals'?: any;
135
- readonly 'text-neutrals-disabled'?: any;
136
- readonly 'text-neutrals-inverted'?: any;
137
- readonly 'text-neutrals-placeholder'?: any;
138
- readonly 'text-neutrals-placeholder-only'?: any;
139
- readonly 'text-neutrals-subtle'?: any;
140
- readonly 'text-neutrals-subtle-active'?: any;
141
- readonly 'text-neutrals-subtle-hover'?: any;
142
- readonly 'text-primary'?: any;
143
- readonly 'text-primary-active'?: any;
144
- readonly 'text-primary-hover'?: any;
145
- readonly 'text-primary-inverted'?: any;
146
- readonly 'text-primary-inverted-subtle'?: any;
147
- readonly 'text-primary-selected'?: any;
148
- readonly 'text-success'?: any;
149
- readonly 'text-warning'?: any;
150
- readonly 'icon-danger'?: any;
151
- readonly 'icon-danger-active'?: any;
152
- readonly 'icon-danger-hover'?: any;
153
- readonly 'icon-danger-inverted'?: any;
154
- readonly 'icon-neutrals'?: any;
155
- readonly 'icon-neutrals-disabled'?: any;
156
- readonly 'icon-neutrals-inactive'?: any;
157
- readonly 'icon-neutrals-inactive-hover'?: any;
158
- readonly 'icon-neutrals-inverted'?: any;
159
- readonly 'icon-neutrals-search'?: any;
160
- readonly 'icon-neutrals-subtle'?: any;
161
- readonly 'icon-neutrals-text'?: any;
162
- readonly 'icon-primary'?: any;
163
- readonly 'icon-primary-active'?: any;
164
- readonly 'icon-primary-hover'?: any;
165
- readonly 'icon-primary-inverted'?: any;
166
- readonly 'icon-primary-selected'?: any;
167
- readonly 'icon-success'?: any;
168
- readonly 'icon-success-inverted'?: any;
169
- readonly 'icon-warning'?: any;
170
- readonly 'icon-warning-prominent'?: any;
171
- readonly 'border-danger'?: any;
172
- readonly 'border-danger-active'?: any;
173
- readonly 'border-danger-hover'?: any;
174
- readonly 'border-focus-inner'?: any;
175
- readonly 'border-focus-middle'?: any;
176
- readonly 'border-focus-outer'?: any;
177
- readonly 'border-neutrals'?: any;
178
- readonly 'border-neutrals-active'?: any;
179
- readonly 'border-neutrals-controls'?: any;
180
- readonly 'border-neutrals-controls-disabled'?: any;
181
- readonly 'border-neutrals-disabled'?: any;
182
- readonly 'border-neutrals-hover'?: any;
183
- readonly 'border-neutrals-inverted'?: any;
184
- readonly 'border-neutrals-subtle'?: any;
185
- readonly 'border-neutrals-text-subtle'?: any;
186
- readonly 'border-neutrals-text-subtle-active'?: any;
187
- readonly 'border-neutrals-text-subtle-hover'?: any;
188
- readonly 'border-primary'?: any;
189
- readonly 'border-primary-active'?: any;
190
- readonly 'border-primary-hover'?: any;
191
- readonly 'border-primary-inverted'?: any;
192
- readonly 'border-success'?: any;
193
- readonly 'border-warning'?: any;
99
+ "background-alpha-active"?: any;
100
+ "background-alpha-hover"?: any;
101
+ "background-danger-prominent"?: any;
102
+ "background-danger-prominent-active"?: any;
103
+ "background-danger-prominent-hover"?: any;
104
+ "background-danger-subtle"?: any;
105
+ "background-danger-subtle-active"?: any;
106
+ "background-danger-subtle-hover"?: any;
107
+ "background-neutrals"?: any;
108
+ "background-neutrals-active"?: any;
109
+ "background-neutrals-container"?: any;
110
+ "background-neutrals-controls-disabled"?: any;
111
+ "background-neutrals-disabled"?: any;
112
+ "background-neutrals-hover"?: any;
113
+ "background-neutrals-inactive"?: any;
114
+ "background-neutrals-inactive-hover"?: any;
115
+ "background-neutrals-inverted"?: any;
116
+ "background-neutrals-inverted-subtle"?: any;
117
+ "background-neutrals-page"?: any;
118
+ "background-neutrals-page-subtle"?: any;
119
+ "background-neutrals-scrolls"?: any;
120
+ "background-neutrals-scrolls-hover"?: any;
121
+ "background-neutrals-subtle"?: any;
122
+ "background-neutrals-subtle-active"?: any;
123
+ "background-neutrals-subtle-hover"?: any;
124
+ "background-primary-prominent"?: any;
125
+ "background-primary-prominent-active"?: any;
126
+ "background-primary-prominent-hover"?: any;
127
+ "background-primary-prominent-selected"?: any;
128
+ "background-primary-subtle"?: any;
129
+ "background-primary-subtle-active"?: any;
130
+ "background-primary-subtle-hover"?: any;
131
+ "background-primary-subtle-selected"?: any;
132
+ "background-success"?: any;
133
+ "background-warning-prominent"?: any;
134
+ "background-warning-subtle"?: any;
135
+ "border-danger"?: any;
136
+ "border-danger-active"?: any;
137
+ "border-danger-hover"?: any;
138
+ "border-focus-inner"?: any;
139
+ "border-focus-middle"?: any;
140
+ "border-focus-outer"?: any;
141
+ "border-neutrals"?: any;
142
+ "border-neutrals-active"?: any;
143
+ "border-neutrals-controls"?: any;
144
+ "border-neutrals-controls-disabled"?: any;
145
+ "border-neutrals-disabled"?: any;
146
+ "border-neutrals-hover"?: any;
147
+ "border-neutrals-inverted"?: any;
148
+ "border-neutrals-subtle"?: any;
149
+ "border-neutrals-text"?: any;
150
+ "border-neutrals-text-active"?: any;
151
+ "border-neutrals-text-hover"?: any;
152
+ "border-neutrals-text-subtle"?: any;
153
+ "border-neutrals-text-subtle-active"?: any;
154
+ "border-neutrals-text-subtle-hover"?: any;
155
+ "border-neutrals-transparent"?: any;
156
+ "border-primary"?: any;
157
+ "border-primary-active"?: any;
158
+ "border-primary-hover"?: any;
159
+ "border-primary-inverted"?: any;
160
+ "border-success"?: any;
161
+ "border-warning"?: any;
162
+ "icon-danger"?: any;
163
+ "icon-danger-active"?: any;
164
+ "icon-danger-hover"?: any;
165
+ "icon-danger-inverted"?: any;
166
+ "icon-neutrals"?: any;
167
+ "icon-neutrals-disabled"?: any;
168
+ "icon-neutrals-inactive"?: any;
169
+ "icon-neutrals-inactive-hover"?: any;
170
+ "icon-neutrals-inverted"?: any;
171
+ "icon-neutrals-search"?: any;
172
+ "icon-neutrals-subtle"?: any;
173
+ "icon-neutrals-text"?: any;
174
+ "icon-primary"?: any;
175
+ "icon-primary-active"?: any;
176
+ "icon-primary-hover"?: any;
177
+ "icon-primary-inverted"?: any;
178
+ "icon-primary-selected"?: any;
179
+ "icon-success"?: any;
180
+ "icon-success-inverted"?: any;
181
+ "icon-warning"?: any;
182
+ "icon-warning-prominent"?: any;
183
+ "text-danger"?: any;
184
+ "text-danger-active"?: any;
185
+ "text-danger-hover"?: any;
186
+ "text-danger-inverted"?: any;
187
+ "text-neutrals"?: any;
188
+ "text-neutrals-active"?: any;
189
+ "text-neutrals-disabled"?: any;
190
+ "text-neutrals-hover"?: any;
191
+ "text-neutrals-inverted"?: any;
192
+ "text-neutrals-placeholder"?: any;
193
+ "text-neutrals-placeholder-only"?: any;
194
+ "text-neutrals-subtle"?: any;
195
+ "text-neutrals-subtle-active"?: any;
196
+ "text-neutrals-subtle-hover"?: any;
197
+ "text-primary"?: any;
198
+ "text-primary-active"?: any;
199
+ "text-primary-hover"?: any;
200
+ "text-primary-inverted"?: any;
201
+ "text-primary-inverted-subtle"?: any;
202
+ "text-primary-selected"?: any;
203
+ "text-success"?: any;
204
+ "text-warning"?: any;
194
205
  };
195
206
  'font-sizes': {
196
207
  readonly 150: "0.75rem";
@@ -512,6 +523,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
512
523
  readonly lg: "4px";
513
524
  };
514
525
  colors: {
526
+ readonly black: any;
515
527
  readonly 'blue-100': any;
516
528
  readonly 'blue-200': any;
517
529
  readonly 'blue-300': any;
@@ -531,6 +543,15 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
531
543
  readonly 'gray-700': any;
532
544
  readonly 'gray-800': any;
533
545
  readonly 'gray-900': any;
546
+ readonly 'green-100': any;
547
+ readonly 'green-200': any;
548
+ readonly 'green-300': any;
549
+ readonly 'green-400': any;
550
+ readonly 'green-500': any;
551
+ readonly 'green-600': any;
552
+ readonly 'green-700': any;
553
+ readonly 'green-800': any;
554
+ readonly 'green-900': any;
534
555
  readonly 'indigo-100': any;
535
556
  readonly 'indigo-200': any;
536
557
  readonly 'indigo-300': any;
@@ -549,6 +570,8 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
549
570
  readonly 'red-700': any;
550
571
  readonly 'red-800': any;
551
572
  readonly 'red-900': any;
573
+ readonly transparent: any;
574
+ readonly white: any;
552
575
  readonly 'yellow-100': any;
553
576
  readonly 'yellow-200': any;
554
577
  readonly 'yellow-300': any;
@@ -558,113 +581,112 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
558
581
  readonly 'yellow-700': any;
559
582
  readonly 'yellow-800': any;
560
583
  readonly 'yellow-900': any;
561
- readonly 'green-100': any;
562
- readonly 'green-200': any;
563
- readonly 'green-300': any;
564
- readonly 'green-400': any;
565
- readonly 'green-500': any;
566
- readonly 'green-600': any;
567
- readonly 'green-700': any;
568
- readonly 'green-800': any;
569
- readonly 'green-900': any;
570
- readonly black: any;
571
- readonly white: any;
572
- readonly transparent: any;
573
- readonly 'background-danger'?: any;
574
- readonly 'background-danger-hover'?: any;
575
- readonly 'background-danger-prominent'?: any;
576
- readonly 'background-danger-prominent-active'?: any;
577
- readonly 'background-danger-prominent-hover'?: any;
578
- readonly 'background-neutrals'?: any;
579
- readonly 'background-neutrals-container'?: any;
580
- readonly 'background-neutrals-controls-disabled'?: any;
581
- readonly 'background-neutrals-disabled'?: any;
582
- readonly 'background-neutrals-inactive'?: any;
583
- readonly 'background-neutrals-inactive-hover'?: any;
584
- readonly 'background-neutrals-inverted'?: any;
585
- readonly 'background-neutrals-inverted-subtle'?: any;
586
- readonly 'background-neutrals-page'?: any;
587
- readonly 'background-neutrals-page-subtle'?: any;
588
- readonly 'background-neutrals-scrolls'?: any;
589
- readonly 'background-neutrals-scrolls-hover'?: any;
590
- readonly 'background-neutrals-subtle'?: any;
591
- readonly 'background-neutrals-subtle-active'?: any;
592
- readonly 'background-neutrals-subtle-hover'?: any;
593
- readonly 'background-primary-prominent'?: any;
594
- readonly 'background-primary-prominent-active'?: any;
595
- readonly 'background-primary-prominent-hover'?: any;
596
- readonly 'background-primary-prominent-selected'?: any;
597
- readonly 'background-primary-subtle'?: any;
598
- readonly 'background-primary-subtle-active'?: any;
599
- readonly 'background-primary-subtle-hover'?: any;
600
- readonly 'background-primary-subtle-selected'?: any;
601
- readonly 'background-success'?: any;
602
- readonly 'background-warning-prominent'?: any;
603
- readonly 'background-warning-subtle'?: any;
604
- readonly 'text-danger'?: any;
605
- readonly 'text-danger-active'?: any;
606
- readonly 'text-danger-hover'?: any;
607
- readonly 'text-danger-inverted'?: any;
608
- readonly 'text-neutrals'?: any;
609
- readonly 'text-neutrals-disabled'?: any;
610
- readonly 'text-neutrals-inverted'?: any;
611
- readonly 'text-neutrals-placeholder'?: any;
612
- readonly 'text-neutrals-placeholder-only'?: any;
613
- readonly 'text-neutrals-subtle'?: any;
614
- readonly 'text-neutrals-subtle-active'?: any;
615
- readonly 'text-neutrals-subtle-hover'?: any;
616
- readonly 'text-primary'?: any;
617
- readonly 'text-primary-active'?: any;
618
- readonly 'text-primary-hover'?: any;
619
- readonly 'text-primary-inverted'?: any;
620
- readonly 'text-primary-inverted-subtle'?: any;
621
- readonly 'text-primary-selected'?: any;
622
- readonly 'text-success'?: any;
623
- readonly 'text-warning'?: any;
624
- readonly 'icon-danger'?: any;
625
- readonly 'icon-danger-active'?: any;
626
- readonly 'icon-danger-hover'?: any;
627
- readonly 'icon-danger-inverted'?: any;
628
- readonly 'icon-neutrals'?: any;
629
- readonly 'icon-neutrals-disabled'?: any;
630
- readonly 'icon-neutrals-inactive'?: any;
631
- readonly 'icon-neutrals-inactive-hover'?: any;
632
- readonly 'icon-neutrals-inverted'?: any;
633
- readonly 'icon-neutrals-search'?: any;
634
- readonly 'icon-neutrals-subtle'?: any;
635
- readonly 'icon-neutrals-text'?: any;
636
- readonly 'icon-primary'?: any;
637
- readonly 'icon-primary-active'?: any;
638
- readonly 'icon-primary-hover'?: any;
639
- readonly 'icon-primary-inverted'?: any;
640
- readonly 'icon-primary-selected'?: any;
641
- readonly 'icon-success'?: any;
642
- readonly 'icon-success-inverted'?: any;
643
- readonly 'icon-warning'?: any;
644
- readonly 'icon-warning-prominent'?: any;
645
- readonly 'border-danger'?: any;
646
- readonly 'border-danger-active'?: any;
647
- readonly 'border-danger-hover'?: any;
648
- readonly 'border-focus-inner'?: any;
649
- readonly 'border-focus-middle'?: any;
650
- readonly 'border-focus-outer'?: any;
651
- readonly 'border-neutrals'?: any;
652
- readonly 'border-neutrals-active'?: any;
653
- readonly 'border-neutrals-controls'?: any;
654
- readonly 'border-neutrals-controls-disabled'?: any;
655
- readonly 'border-neutrals-disabled'?: any;
656
- readonly 'border-neutrals-hover'?: any;
657
- readonly 'border-neutrals-inverted'?: any;
658
- readonly 'border-neutrals-subtle'?: any;
659
- readonly 'border-neutrals-text-subtle'?: any;
660
- readonly 'border-neutrals-text-subtle-active'?: any;
661
- readonly 'border-neutrals-text-subtle-hover'?: any;
662
- readonly 'border-primary'?: any;
663
- readonly 'border-primary-active'?: any;
664
- readonly 'border-primary-hover'?: any;
665
- readonly 'border-primary-inverted'?: any;
666
- readonly 'border-success'?: any;
667
- readonly 'border-warning'?: any;
584
+ "background-alpha-active"?: any;
585
+ "background-alpha-hover"?: any;
586
+ "background-danger-prominent"?: any;
587
+ "background-danger-prominent-active"?: any;
588
+ "background-danger-prominent-hover"?: any;
589
+ "background-danger-subtle"?: any;
590
+ "background-danger-subtle-active"?: any;
591
+ "background-danger-subtle-hover"?: any;
592
+ "background-neutrals"?: any;
593
+ "background-neutrals-active"?: any;
594
+ "background-neutrals-container"?: any;
595
+ "background-neutrals-controls-disabled"?: any;
596
+ "background-neutrals-disabled"?: any;
597
+ "background-neutrals-hover"?: any;
598
+ "background-neutrals-inactive"?: any;
599
+ "background-neutrals-inactive-hover"?: any;
600
+ "background-neutrals-inverted"?: any;
601
+ "background-neutrals-inverted-subtle"?: any;
602
+ "background-neutrals-page"?: any;
603
+ "background-neutrals-page-subtle"?: any;
604
+ "background-neutrals-scrolls"?: any;
605
+ "background-neutrals-scrolls-hover"?: any;
606
+ "background-neutrals-subtle"?: any;
607
+ "background-neutrals-subtle-active"?: any;
608
+ "background-neutrals-subtle-hover"?: any;
609
+ "background-primary-prominent"?: any;
610
+ "background-primary-prominent-active"?: any;
611
+ "background-primary-prominent-hover"?: any;
612
+ "background-primary-prominent-selected"?: any;
613
+ "background-primary-subtle"?: any;
614
+ "background-primary-subtle-active"?: any;
615
+ "background-primary-subtle-hover"?: any;
616
+ "background-primary-subtle-selected"?: any;
617
+ "background-success"?: any;
618
+ "background-warning-prominent"?: any;
619
+ "background-warning-subtle"?: any;
620
+ "border-danger"?: any;
621
+ "border-danger-active"?: any;
622
+ "border-danger-hover"?: any;
623
+ "border-focus-inner"?: any;
624
+ "border-focus-middle"?: any;
625
+ "border-focus-outer"?: any;
626
+ "border-neutrals"?: any;
627
+ "border-neutrals-active"?: any;
628
+ "border-neutrals-controls"?: any;
629
+ "border-neutrals-controls-disabled"?: any;
630
+ "border-neutrals-disabled"?: any;
631
+ "border-neutrals-hover"?: any;
632
+ "border-neutrals-inverted"?: any;
633
+ "border-neutrals-subtle"?: any;
634
+ "border-neutrals-text"?: any;
635
+ "border-neutrals-text-active"?: any;
636
+ "border-neutrals-text-hover"?: any;
637
+ "border-neutrals-text-subtle"?: any;
638
+ "border-neutrals-text-subtle-active"?: any;
639
+ "border-neutrals-text-subtle-hover"?: any;
640
+ "border-neutrals-transparent"?: any;
641
+ "border-primary"?: any;
642
+ "border-primary-active"?: any;
643
+ "border-primary-hover"?: any;
644
+ "border-primary-inverted"?: any;
645
+ "border-success"?: any;
646
+ "border-warning"?: any;
647
+ "icon-danger"?: any;
648
+ "icon-danger-active"?: any;
649
+ "icon-danger-hover"?: any;
650
+ "icon-danger-inverted"?: any;
651
+ "icon-neutrals"?: any;
652
+ "icon-neutrals-disabled"?: any;
653
+ "icon-neutrals-inactive"?: any;
654
+ "icon-neutrals-inactive-hover"?: any;
655
+ "icon-neutrals-inverted"?: any;
656
+ "icon-neutrals-search"?: any;
657
+ "icon-neutrals-subtle"?: any;
658
+ "icon-neutrals-text"?: any;
659
+ "icon-primary"?: any;
660
+ "icon-primary-active"?: any;
661
+ "icon-primary-hover"?: any;
662
+ "icon-primary-inverted"?: any;
663
+ "icon-primary-selected"?: any;
664
+ "icon-success"?: any;
665
+ "icon-success-inverted"?: any;
666
+ "icon-warning"?: any;
667
+ "icon-warning-prominent"?: any;
668
+ "text-danger"?: any;
669
+ "text-danger-active"?: any;
670
+ "text-danger-hover"?: any;
671
+ "text-danger-inverted"?: any;
672
+ "text-neutrals"?: any;
673
+ "text-neutrals-active"?: any;
674
+ "text-neutrals-disabled"?: any;
675
+ "text-neutrals-hover"?: any;
676
+ "text-neutrals-inverted"?: any;
677
+ "text-neutrals-placeholder"?: any;
678
+ "text-neutrals-placeholder-only"?: any;
679
+ "text-neutrals-subtle"?: any;
680
+ "text-neutrals-subtle-active"?: any;
681
+ "text-neutrals-subtle-hover"?: any;
682
+ "text-primary"?: any;
683
+ "text-primary-active"?: any;
684
+ "text-primary-hover"?: any;
685
+ "text-primary-inverted"?: any;
686
+ "text-primary-inverted-subtle"?: any;
687
+ "text-primary-selected"?: any;
688
+ "text-success"?: any;
689
+ "text-warning"?: any;
668
690
  };
669
691
  'font-sizes': {
670
692
  readonly 150: "0.75rem";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-grid",
3
- "version": "2.1.15",
3
+ "version": "2.1.16-themes.1",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -27,8 +27,8 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "@mirohq/design-system-primitive": "^1.1.0",
30
- "@mirohq/design-system-utils": "^0.14.1",
31
- "@mirohq/design-system-stitches": "^2.3.4"
30
+ "@mirohq/design-system-stitches": "^2.3.5-themes.1",
31
+ "@mirohq/design-system-utils": "^0.14.1"
32
32
  },
33
33
  "scripts": {
34
34
  "build": "rollup -c ../../../rollup.config.js",