@mirohq/design-system-typography 0.1.8 → 0.1.9

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.
package/dist/main.js CHANGED
@@ -15,7 +15,7 @@ const styles = {
15
15
  display: "block",
16
16
  fontFamily: "Formular, sans-serif",
17
17
  margin: 0,
18
- color: "$font-primary",
18
+ color: "$text-neutrals",
19
19
  fontWeight: 500,
20
20
  variants: {
21
21
  level: {
@@ -65,7 +65,7 @@ const Heading = React__default["default"].forwardRef(
65
65
 
66
66
  const StyledText = designSystemStitches.styled(designSystemPrimitive.Primitive.span, {
67
67
  lineHeight: 1.5,
68
- color: "$font-primary",
68
+ color: "$text-neutrals",
69
69
  variants: {
70
70
  size: {
71
71
  normal: {
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"main.js","sources":["../src/heading.styled.tsx","../src/heading.tsx","../src/text.styled.ts","../src/text.tsx","../src/paragraph.styled.ts","../src/paragraph.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport type { ComponentPropsWithRef } from 'react'\n\nconst styles = {\n all: 'unset',\n display: 'block',\n fontFamily: 'Formular, sans-serif',\n margin: 0,\n color: '$font-primary',\n fontWeight: 500,\n variants: {\n level: {\n 1: {\n lineHeight: 1.2,\n fontSize: '$400',\n },\n 2: {\n lineHeight: 1.35,\n fontSize: '$300',\n },\n 3: {\n lineHeight: 1.4,\n fontSize: '$250',\n },\n 4: {\n lineHeight: 1.5,\n fontSize: '$200',\n },\n },\n },\n}\n\nexport const H1 = styled(Primitive.h1, styles)\nexport const H2 = styled(Primitive.h2, styles)\nexport const H3 = styled(Primitive.h3, styles)\nexport const H4 = styled(Primitive.h4, styles)\n\nexport type StyledHeadingProps = ComponentPropsWithRef<typeof H1>\n","import type { ElementRef } from 'react'\nimport React from 'react'\n\nimport * as Styled from './heading.styled'\nimport type { StyledHeadingProps } from './heading.styled'\n\ntype Level = 1 | 2 | 3 | 4\ntype Tags = 'h1' | 'h2' | 'h3' | 'h4'\n\nexport interface HeadingProps extends StyledHeadingProps {\n /**\n * The sematic heading level used in the HTML markup.\n */\n level: Level\n\n /**\n * The way the sematic tag looks, it changes the styling of the heading.\n */\n styledAs?: Tags\n}\n\nexport const Heading = React.forwardRef<ElementRef<Tags>, HeadingProps>(\n ({ level, styledAs, children, ...props }, forwardRef) => {\n const HeadingLevel = Styled[`H${level}`]\n const styledAsLevel =\n styledAs !== undefined ? (+styledAs.replace('h', '') as Level) : styledAs\n return (\n <HeadingLevel {...props} level={styledAsLevel ?? level} ref={forwardRef}>\n {children}\n </HeadingLevel>\n )\n }\n)\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const StyledText = styled(Primitive.span, {\n lineHeight: 1.5,\n color: '$font-primary',\n variants: {\n size: {\n normal: {\n fontSize: '$200',\n },\n small: {\n fontSize: '$175',\n },\n mini: {\n fontSize: '$150',\n },\n },\n weight: {\n normal: {\n fontWeight: 400,\n },\n bold: {\n fontWeight: 650,\n },\n },\n },\n})\n\nexport type StyledTextProps = ComponentPropsWithRef<typeof StyledText>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledText } from './text.styled'\nimport type { StyledTextProps } from './text.styled'\n\nexport interface TextProps extends StyledTextProps {\n /**\n * Change the text font-size\n */\n size?: StyledTextProps['size']\n\n /**\n * Change the text font-weight\n */\n weight?: StyledTextProps['weight']\n}\n\nexport const Text = React.forwardRef<ElementRef<typeof StyledText>, TextProps>(\n ({ size, weight, ...restProps }, forwardRef) => (\n <StyledText ref={forwardRef} size={size} weight={weight} {...restProps} />\n )\n)\n","import type { ComponentPropsWithRef } from 'react'\nimport { styled } from '@mirohq/design-system-stitches'\n\nimport { StyledText } from './text.styled'\n\nexport const StyledParagraph = styled(StyledText, {\n margin: 0,\n\n '&:not(:last-child)': {\n marginBottom: '$200',\n },\n})\n\nexport type StyledParagraphProps = ComponentPropsWithRef<typeof StyledParagraph>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledParagraph } from './paragraph.styled'\nimport type { StyledParagraphProps } from './paragraph.styled'\n\nexport interface ParagraphProps extends StyledParagraphProps {\n /**\n * Change the paragraph font-size\n */\n size?: StyledParagraphProps['size']\n\n /**\n * Change the paragraph font-weight\n */\n weight?: StyledParagraphProps['weight']\n}\n\nexport const Paragraph = React.forwardRef<\n ElementRef<typeof StyledParagraph>,\n ParagraphProps\n>(({ size, weight, children, ...restProps }, forwardRef) => (\n <StyledParagraph\n ref={forwardRef}\n size={size}\n weight={weight}\n asChild\n {...restProps}\n >\n <p>{children}</p>\n </StyledParagraph>\n))\n"],"names":["styled","Primitive","React"],"mappings":"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"}
1
+ {"version":3,"file":"main.js","sources":["../src/heading.styled.tsx","../src/heading.tsx","../src/text.styled.ts","../src/text.tsx","../src/paragraph.styled.ts","../src/paragraph.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport type { ComponentPropsWithRef } from 'react'\n\nconst styles = {\n all: 'unset',\n display: 'block',\n fontFamily: 'Formular, sans-serif',\n margin: 0,\n color: '$text-neutrals',\n fontWeight: 500,\n variants: {\n level: {\n 1: {\n lineHeight: 1.2,\n fontSize: '$400',\n },\n 2: {\n lineHeight: 1.35,\n fontSize: '$300',\n },\n 3: {\n lineHeight: 1.4,\n fontSize: '$250',\n },\n 4: {\n lineHeight: 1.5,\n fontSize: '$200',\n },\n },\n },\n}\n\nexport const H1 = styled(Primitive.h1, styles)\nexport const H2 = styled(Primitive.h2, styles)\nexport const H3 = styled(Primitive.h3, styles)\nexport const H4 = styled(Primitive.h4, styles)\n\nexport type StyledHeadingProps = ComponentPropsWithRef<typeof H1>\n","import type { ElementRef } from 'react'\nimport React from 'react'\n\nimport * as Styled from './heading.styled'\nimport type { StyledHeadingProps } from './heading.styled'\n\ntype Level = 1 | 2 | 3 | 4\ntype Tags = 'h1' | 'h2' | 'h3' | 'h4'\n\nexport interface HeadingProps extends StyledHeadingProps {\n /**\n * The sematic heading level used in the HTML markup.\n */\n level: Level\n\n /**\n * The way the sematic tag looks, it changes the styling of the heading.\n */\n styledAs?: Tags\n}\n\nexport const Heading = React.forwardRef<ElementRef<Tags>, HeadingProps>(\n ({ level, styledAs, children, ...props }, forwardRef) => {\n const HeadingLevel = Styled[`H${level}`]\n const styledAsLevel =\n styledAs !== undefined ? (+styledAs.replace('h', '') as Level) : styledAs\n return (\n <HeadingLevel {...props} level={styledAsLevel ?? level} ref={forwardRef}>\n {children}\n </HeadingLevel>\n )\n }\n)\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const StyledText = styled(Primitive.span, {\n lineHeight: 1.5,\n color: '$text-neutrals',\n variants: {\n size: {\n normal: {\n fontSize: '$200',\n },\n small: {\n fontSize: '$175',\n },\n mini: {\n fontSize: '$150',\n },\n },\n weight: {\n normal: {\n fontWeight: 400,\n },\n bold: {\n fontWeight: 650,\n },\n },\n },\n})\n\nexport type StyledTextProps = ComponentPropsWithRef<typeof StyledText>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledText } from './text.styled'\nimport type { StyledTextProps } from './text.styled'\n\nexport interface TextProps extends StyledTextProps {\n /**\n * Change the text font-size\n */\n size?: StyledTextProps['size']\n\n /**\n * Change the text font-weight\n */\n weight?: StyledTextProps['weight']\n}\n\nexport const Text = React.forwardRef<ElementRef<typeof StyledText>, TextProps>(\n ({ size, weight, ...restProps }, forwardRef) => (\n <StyledText ref={forwardRef} size={size} weight={weight} {...restProps} />\n )\n)\n","import type { ComponentPropsWithRef } from 'react'\nimport { styled } from '@mirohq/design-system-stitches'\n\nimport { StyledText } from './text.styled'\n\nexport const StyledParagraph = styled(StyledText, {\n margin: 0,\n\n '&:not(:last-child)': {\n marginBottom: '$200',\n },\n})\n\nexport type StyledParagraphProps = ComponentPropsWithRef<typeof StyledParagraph>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledParagraph } from './paragraph.styled'\nimport type { StyledParagraphProps } from './paragraph.styled'\n\nexport interface ParagraphProps extends StyledParagraphProps {\n /**\n * Change the paragraph font-size\n */\n size?: StyledParagraphProps['size']\n\n /**\n * Change the paragraph font-weight\n */\n weight?: StyledParagraphProps['weight']\n}\n\nexport const Paragraph = React.forwardRef<\n ElementRef<typeof StyledParagraph>,\n ParagraphProps\n>(({ size, weight, children, ...restProps }, forwardRef) => (\n <StyledParagraph\n ref={forwardRef}\n size={size}\n weight={weight}\n asChild\n {...restProps}\n >\n <p>{children}</p>\n </StyledParagraph>\n))\n"],"names":["styled","Primitive","React"],"mappings":"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"}
package/dist/module.js CHANGED
@@ -7,7 +7,7 @@ const styles = {
7
7
  display: "block",
8
8
  fontFamily: "Formular, sans-serif",
9
9
  margin: 0,
10
- color: "$font-primary",
10
+ color: "$text-neutrals",
11
11
  fontWeight: 500,
12
12
  variants: {
13
13
  level: {
@@ -57,7 +57,7 @@ const Heading = React.forwardRef(
57
57
 
58
58
  const StyledText = styled(Primitive.span, {
59
59
  lineHeight: 1.5,
60
- color: "$font-primary",
60
+ color: "$text-neutrals",
61
61
  variants: {
62
62
  size: {
63
63
  normal: {
@@ -1 +1 @@
1
- {"version":3,"file":"module.js","sources":["../src/heading.styled.tsx","../src/heading.tsx","../src/text.styled.ts","../src/text.tsx","../src/paragraph.styled.ts","../src/paragraph.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport type { ComponentPropsWithRef } from 'react'\n\nconst styles = {\n all: 'unset',\n display: 'block',\n fontFamily: 'Formular, sans-serif',\n margin: 0,\n color: '$font-primary',\n fontWeight: 500,\n variants: {\n level: {\n 1: {\n lineHeight: 1.2,\n fontSize: '$400',\n },\n 2: {\n lineHeight: 1.35,\n fontSize: '$300',\n },\n 3: {\n lineHeight: 1.4,\n fontSize: '$250',\n },\n 4: {\n lineHeight: 1.5,\n fontSize: '$200',\n },\n },\n },\n}\n\nexport const H1 = styled(Primitive.h1, styles)\nexport const H2 = styled(Primitive.h2, styles)\nexport const H3 = styled(Primitive.h3, styles)\nexport const H4 = styled(Primitive.h4, styles)\n\nexport type StyledHeadingProps = ComponentPropsWithRef<typeof H1>\n","import type { ElementRef } from 'react'\nimport React from 'react'\n\nimport * as Styled from './heading.styled'\nimport type { StyledHeadingProps } from './heading.styled'\n\ntype Level = 1 | 2 | 3 | 4\ntype Tags = 'h1' | 'h2' | 'h3' | 'h4'\n\nexport interface HeadingProps extends StyledHeadingProps {\n /**\n * The sematic heading level used in the HTML markup.\n */\n level: Level\n\n /**\n * The way the sematic tag looks, it changes the styling of the heading.\n */\n styledAs?: Tags\n}\n\nexport const Heading = React.forwardRef<ElementRef<Tags>, HeadingProps>(\n ({ level, styledAs, children, ...props }, forwardRef) => {\n const HeadingLevel = Styled[`H${level}`]\n const styledAsLevel =\n styledAs !== undefined ? (+styledAs.replace('h', '') as Level) : styledAs\n return (\n <HeadingLevel {...props} level={styledAsLevel ?? level} ref={forwardRef}>\n {children}\n </HeadingLevel>\n )\n }\n)\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const StyledText = styled(Primitive.span, {\n lineHeight: 1.5,\n color: '$font-primary',\n variants: {\n size: {\n normal: {\n fontSize: '$200',\n },\n small: {\n fontSize: '$175',\n },\n mini: {\n fontSize: '$150',\n },\n },\n weight: {\n normal: {\n fontWeight: 400,\n },\n bold: {\n fontWeight: 650,\n },\n },\n },\n})\n\nexport type StyledTextProps = ComponentPropsWithRef<typeof StyledText>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledText } from './text.styled'\nimport type { StyledTextProps } from './text.styled'\n\nexport interface TextProps extends StyledTextProps {\n /**\n * Change the text font-size\n */\n size?: StyledTextProps['size']\n\n /**\n * Change the text font-weight\n */\n weight?: StyledTextProps['weight']\n}\n\nexport const Text = React.forwardRef<ElementRef<typeof StyledText>, TextProps>(\n ({ size, weight, ...restProps }, forwardRef) => (\n <StyledText ref={forwardRef} size={size} weight={weight} {...restProps} />\n )\n)\n","import type { ComponentPropsWithRef } from 'react'\nimport { styled } from '@mirohq/design-system-stitches'\n\nimport { StyledText } from './text.styled'\n\nexport const StyledParagraph = styled(StyledText, {\n margin: 0,\n\n '&:not(:last-child)': {\n marginBottom: '$200',\n },\n})\n\nexport type StyledParagraphProps = ComponentPropsWithRef<typeof StyledParagraph>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledParagraph } from './paragraph.styled'\nimport type { StyledParagraphProps } from './paragraph.styled'\n\nexport interface ParagraphProps extends StyledParagraphProps {\n /**\n * Change the paragraph font-size\n */\n size?: StyledParagraphProps['size']\n\n /**\n * Change the paragraph font-weight\n */\n weight?: StyledParagraphProps['weight']\n}\n\nexport const Paragraph = React.forwardRef<\n ElementRef<typeof StyledParagraph>,\n ParagraphProps\n>(({ size, weight, children, ...restProps }, forwardRef) => (\n <StyledParagraph\n ref={forwardRef}\n size={size}\n weight={weight}\n asChild\n {...restProps}\n >\n <p>{children}</p>\n </StyledParagraph>\n))\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"module.js","sources":["../src/heading.styled.tsx","../src/heading.tsx","../src/text.styled.ts","../src/text.tsx","../src/paragraph.styled.ts","../src/paragraph.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport type { ComponentPropsWithRef } from 'react'\n\nconst styles = {\n all: 'unset',\n display: 'block',\n fontFamily: 'Formular, sans-serif',\n margin: 0,\n color: '$text-neutrals',\n fontWeight: 500,\n variants: {\n level: {\n 1: {\n lineHeight: 1.2,\n fontSize: '$400',\n },\n 2: {\n lineHeight: 1.35,\n fontSize: '$300',\n },\n 3: {\n lineHeight: 1.4,\n fontSize: '$250',\n },\n 4: {\n lineHeight: 1.5,\n fontSize: '$200',\n },\n },\n },\n}\n\nexport const H1 = styled(Primitive.h1, styles)\nexport const H2 = styled(Primitive.h2, styles)\nexport const H3 = styled(Primitive.h3, styles)\nexport const H4 = styled(Primitive.h4, styles)\n\nexport type StyledHeadingProps = ComponentPropsWithRef<typeof H1>\n","import type { ElementRef } from 'react'\nimport React from 'react'\n\nimport * as Styled from './heading.styled'\nimport type { StyledHeadingProps } from './heading.styled'\n\ntype Level = 1 | 2 | 3 | 4\ntype Tags = 'h1' | 'h2' | 'h3' | 'h4'\n\nexport interface HeadingProps extends StyledHeadingProps {\n /**\n * The sematic heading level used in the HTML markup.\n */\n level: Level\n\n /**\n * The way the sematic tag looks, it changes the styling of the heading.\n */\n styledAs?: Tags\n}\n\nexport const Heading = React.forwardRef<ElementRef<Tags>, HeadingProps>(\n ({ level, styledAs, children, ...props }, forwardRef) => {\n const HeadingLevel = Styled[`H${level}`]\n const styledAsLevel =\n styledAs !== undefined ? (+styledAs.replace('h', '') as Level) : styledAs\n return (\n <HeadingLevel {...props} level={styledAsLevel ?? level} ref={forwardRef}>\n {children}\n </HeadingLevel>\n )\n }\n)\n","import type { ComponentPropsWithRef } from 'react'\nimport { Primitive } from '@mirohq/design-system-primitive'\nimport { styled } from '@mirohq/design-system-stitches'\n\nexport const StyledText = styled(Primitive.span, {\n lineHeight: 1.5,\n color: '$text-neutrals',\n variants: {\n size: {\n normal: {\n fontSize: '$200',\n },\n small: {\n fontSize: '$175',\n },\n mini: {\n fontSize: '$150',\n },\n },\n weight: {\n normal: {\n fontWeight: 400,\n },\n bold: {\n fontWeight: 650,\n },\n },\n },\n})\n\nexport type StyledTextProps = ComponentPropsWithRef<typeof StyledText>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledText } from './text.styled'\nimport type { StyledTextProps } from './text.styled'\n\nexport interface TextProps extends StyledTextProps {\n /**\n * Change the text font-size\n */\n size?: StyledTextProps['size']\n\n /**\n * Change the text font-weight\n */\n weight?: StyledTextProps['weight']\n}\n\nexport const Text = React.forwardRef<ElementRef<typeof StyledText>, TextProps>(\n ({ size, weight, ...restProps }, forwardRef) => (\n <StyledText ref={forwardRef} size={size} weight={weight} {...restProps} />\n )\n)\n","import type { ComponentPropsWithRef } from 'react'\nimport { styled } from '@mirohq/design-system-stitches'\n\nimport { StyledText } from './text.styled'\n\nexport const StyledParagraph = styled(StyledText, {\n margin: 0,\n\n '&:not(:last-child)': {\n marginBottom: '$200',\n },\n})\n\nexport type StyledParagraphProps = ComponentPropsWithRef<typeof StyledParagraph>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport { StyledParagraph } from './paragraph.styled'\nimport type { StyledParagraphProps } from './paragraph.styled'\n\nexport interface ParagraphProps extends StyledParagraphProps {\n /**\n * Change the paragraph font-size\n */\n size?: StyledParagraphProps['size']\n\n /**\n * Change the paragraph font-weight\n */\n weight?: StyledParagraphProps['weight']\n}\n\nexport const Paragraph = React.forwardRef<\n ElementRef<typeof StyledParagraph>,\n ParagraphProps\n>(({ size, weight, children, ...restProps }, forwardRef) => (\n <StyledParagraph\n ref={forwardRef}\n size={size}\n weight={weight}\n asChild\n {...restProps}\n >\n <p>{children}</p>\n </StyledParagraph>\n))\n"],"names":[],"mappings":"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"}
package/dist/types.d.ts CHANGED
@@ -18,80 +18,146 @@ declare const H1: react.ForwardRefExoticComponent<Pick<Omit<{
18
18
  readonly lg: "4px";
19
19
  };
20
20
  colors: {
21
+ readonly 'blue-100': any;
22
+ readonly 'blue-200': any;
23
+ readonly 'blue-300': any;
24
+ readonly 'blue-400': any;
25
+ readonly 'blue-500': any;
26
+ readonly 'blue-600': any;
27
+ readonly 'blue-700': any;
28
+ readonly 'blue-800': any;
29
+ readonly 'blue-900': any;
30
+ readonly 'blue-1000': any;
31
+ readonly 'gray-100': any;
32
+ readonly 'gray-200': any;
33
+ readonly 'gray-300': any;
34
+ readonly 'gray-400': any;
35
+ readonly 'gray-500': any;
36
+ readonly 'gray-600': any;
37
+ readonly 'gray-700': any;
38
+ readonly 'gray-800': any;
39
+ readonly 'gray-900': any;
40
+ readonly 'indigo-100': any;
41
+ readonly 'indigo-200': any;
42
+ readonly 'indigo-300': any;
43
+ readonly 'indigo-400': any;
44
+ readonly 'indigo-500': any;
45
+ readonly 'indigo-600': any;
46
+ readonly 'indigo-700': any;
47
+ readonly 'indigo-800': any;
48
+ readonly 'indigo-900': any;
49
+ readonly 'red-100': any;
50
+ readonly 'red-200': any;
51
+ readonly 'red-300': any;
52
+ readonly 'red-400': any;
53
+ readonly 'red-500': any;
54
+ readonly 'red-600': any;
55
+ readonly 'red-700': any;
56
+ readonly 'red-800': any;
57
+ readonly 'red-900': any;
58
+ readonly 'yellow-100': any;
59
+ readonly 'yellow-200': any;
60
+ readonly 'yellow-300': any;
61
+ readonly 'yellow-400': any;
62
+ readonly 'yellow-500': any;
63
+ readonly 'yellow-600': any;
64
+ readonly 'yellow-700': any;
65
+ readonly 'yellow-800': any;
66
+ readonly 'yellow-900': any;
67
+ readonly 'green-100': any;
68
+ readonly 'green-200': any;
69
+ readonly 'green-300': any;
70
+ readonly 'green-400': any;
71
+ readonly 'green-500': any;
72
+ readonly 'green-600': any;
73
+ readonly 'green-700': any;
74
+ readonly 'green-800': any;
75
+ readonly 'green-900': any;
21
76
  readonly black: any;
22
- readonly 'blue-10': any;
23
- readonly 'blue-20': any;
24
- readonly 'blue-50': any;
25
- readonly 'blue-60': any;
26
- readonly 'blue-70': any;
27
- readonly 'blue-80': any;
28
- readonly 'gray-20': any;
29
- readonly 'gray-30': any;
30
- readonly 'gray-40': any;
31
- readonly 'gray-50': any;
32
- readonly 'green-70': any;
33
- readonly 'indigo-20': any;
34
- readonly 'indigo-30': any;
35
- readonly 'indigo-50': any;
36
- readonly 'indigo-70': any;
37
- readonly 'indigo-90': any;
38
- readonly 'pink-20': any;
39
- readonly 'pink-50': any;
40
- readonly 'red-10': any;
41
- readonly 'red-20': any;
42
- readonly 'red-30': any;
43
- readonly 'red-50': any;
44
- readonly 'red-60': any;
45
- readonly transparent: any;
46
77
  readonly white: any;
47
- readonly 'yellow-20': any;
48
- readonly 'yellow-60': any;
49
- readonly 'background-cta-active'?: any;
50
- readonly 'background-cta-disabled'?: any;
51
- readonly 'background-cta-hover'?: any;
52
- readonly 'background-cta-idle'?: any;
53
- readonly 'background-danger-active'?: any;
78
+ readonly transparent: any;
79
+ readonly 'background-neutrals'?: any;
80
+ readonly 'background-neutrals-body'?: any;
81
+ readonly 'background-neutrals-container'?: any;
82
+ readonly 'background-neutrals-inverted'?: any;
83
+ readonly 'background-neutrals-inverted-subtle'?: any;
84
+ readonly 'background-neutrals-subtle'?: any;
85
+ readonly 'background-neutrals-subtle-hover'?: any;
86
+ readonly 'background-neutrals-subtle-active'?: any;
87
+ readonly 'background-neutrals-disabled'?: any;
88
+ readonly 'background-neutrals-controls-disabled'?: any;
89
+ readonly 'background-neutrals-scrolls'?: any;
90
+ readonly 'background-neutrals-inactive'?: any;
91
+ readonly 'background-neutrals-inactive-hover'?: any;
92
+ readonly 'background-primary-prominent'?: any;
93
+ readonly 'background-primary-prominent-hover'?: any;
94
+ readonly 'background-primary-prominent-active'?: any;
95
+ readonly 'background-primary-prominent-selected'?: any;
96
+ readonly 'background-primary-subtle'?: any;
97
+ readonly 'background-primary-subtle-hover'?: any;
98
+ readonly 'background-primary-subtle-active'?: any;
99
+ readonly 'background-primary-subtle-selected'?: any;
100
+ readonly 'background-danger-prominent'?: any;
101
+ readonly 'background-danger-prominent-hover'?: any;
102
+ readonly 'background-danger-prominent-active'?: any;
103
+ readonly 'background-danger'?: any;
54
104
  readonly 'background-danger-hover'?: any;
55
- readonly 'background-danger-idle'?: any;
56
- readonly 'background-default-active'?: any;
57
- readonly 'background-default-disabled'?: any;
58
- readonly 'background-default-hover'?: any;
59
- readonly 'background-default-idle'?: any;
60
- readonly 'background-default-selected'?: any;
61
- readonly 'background-default-selected-active'?: any;
62
- readonly 'background-info-idle'?: any;
63
- readonly 'background-primary'?: any;
64
- readonly 'background-secondary'?: any;
65
- readonly 'background-success-idle'?: any;
66
- readonly 'background-warning-idle'?: any;
67
- readonly 'border-cta-idle'?: any;
68
- readonly 'border-default-active'?: any;
69
- readonly 'border-default-error'?: any;
70
- readonly 'border-default-hover'?: any;
71
- readonly 'border-default-idle'?: any;
72
- readonly 'border-default-selected'?: any;
73
- readonly 'canvas-primary'?: any;
74
- readonly 'divider-default'?: any;
75
- readonly 'focus-ring-default'?: any;
76
- readonly 'font-cta-idle'?: any;
77
- readonly 'font-default-active'?: any;
78
- readonly 'font-default-disabled'?: any;
79
- readonly 'font-default-error'?: any;
80
- readonly 'font-default-hover'?: any;
81
- readonly 'font-default-idle'?: any;
82
- readonly 'font-default-selected'?: any;
83
- readonly 'font-default-visited'?: any;
84
- readonly 'font-primary'?: any;
85
- readonly 'font-secondary'?: any;
86
- readonly 'font-tertiary'?: any;
87
- readonly 'icon-cta-idle'?: any;
88
- readonly 'icon-default'?: any;
89
- readonly 'icon-default-active'?: any;
90
- readonly 'icon-default-disabled'?: any;
91
- readonly 'icon-default-error'?: any;
92
- readonly 'icon-default-hover'?: any;
93
- readonly 'icon-default-idle'?: any;
94
- readonly 'icon-default-selected'?: any;
105
+ readonly 'background-success'?: any;
106
+ readonly 'background-warning-subtle'?: any;
107
+ readonly 'background-warning-prominent'?: any;
108
+ readonly 'text-neutrals-inverted'?: any;
109
+ readonly 'text-neutrals'?: any;
110
+ readonly 'text-neutrals-subtle'?: any;
111
+ readonly 'text-neutrals-placeholder-only'?: any;
112
+ readonly 'text-neutrals-placeholder'?: any;
113
+ readonly 'text-neutrals-disabled'?: any;
114
+ readonly 'text-primary-inverted'?: any;
115
+ readonly 'text-primary'?: any;
116
+ readonly 'text-primary-hover'?: any;
117
+ readonly 'text-primary-active'?: any;
118
+ readonly 'text-primary-selected'?: any;
119
+ readonly 'text-primary-inverted-subtle'?: any;
120
+ readonly 'text-danger-inverted'?: any;
121
+ readonly 'text-danger'?: any;
122
+ readonly 'text-danger-hover'?: any;
123
+ readonly 'text-danger-active'?: any;
124
+ readonly 'text-success'?: any;
125
+ readonly 'text-warning'?: any;
126
+ readonly 'icon-neutrals-inverted'?: any;
127
+ readonly 'icon-neutrals'?: any;
128
+ readonly 'icon-neutrals-with-text'?: any;
129
+ readonly 'icon-neutrals-subtle'?: any;
130
+ readonly 'icon-neutrals-disabled'?: any;
131
+ readonly 'icon-neutrals-search'?: any;
132
+ readonly 'icon-neutrals-inactive'?: any;
133
+ readonly 'icon-neutrals-inactive-hover'?: any;
134
+ readonly 'icon-primary-inverted'?: any;
135
+ readonly 'icon-primary'?: any;
136
+ readonly 'icon-primary-hover'?: any;
137
+ readonly 'icon-primary-active'?: any;
138
+ readonly 'icon-primary-selected'?: any;
139
+ readonly 'icon-danger-inverted'?: any;
140
+ readonly 'icon-danger'?: any;
141
+ readonly 'icon-danger-hover'?: any;
142
+ readonly 'icon-danger-active'?: any;
143
+ readonly 'icon-success-inverted'?: any;
144
+ readonly 'icon-success'?: any;
145
+ readonly 'icon-warning'?: any;
146
+ readonly 'border-neutrals'?: any;
147
+ readonly 'border-neutrals-hover'?: any;
148
+ readonly 'border-neutrals-active'?: any;
149
+ readonly 'border-neutrals-disabled'?: any;
150
+ readonly 'border-neutrals-controls'?: any;
151
+ readonly 'border-neutrals-controls-disabled'?: any;
152
+ readonly 'border-neutrals-subtle'?: any;
153
+ readonly 'border-neutrals-inverted'?: any;
154
+ readonly 'border-primary'?: any;
155
+ readonly 'border-primary-hover'?: any;
156
+ readonly 'border-primary-active'?: any;
157
+ readonly 'border-primary-inverted'?: any;
158
+ readonly 'border-danger'?: any;
159
+ readonly 'border-success'?: any;
160
+ readonly 'border-warning'?: any;
95
161
  };
96
162
  'font-sizes': {
97
163
  readonly 150: "0.75rem";
@@ -387,80 +453,146 @@ declare const StyledText: react.ForwardRefExoticComponent<Pick<Omit<{
387
453
  readonly lg: "4px";
388
454
  };
389
455
  colors: {
456
+ readonly 'blue-100': any;
457
+ readonly 'blue-200': any;
458
+ readonly 'blue-300': any;
459
+ readonly 'blue-400': any;
460
+ readonly 'blue-500': any;
461
+ readonly 'blue-600': any;
462
+ readonly 'blue-700': any;
463
+ readonly 'blue-800': any;
464
+ readonly 'blue-900': any;
465
+ readonly 'blue-1000': any;
466
+ readonly 'gray-100': any;
467
+ readonly 'gray-200': any;
468
+ readonly 'gray-300': any;
469
+ readonly 'gray-400': any;
470
+ readonly 'gray-500': any;
471
+ readonly 'gray-600': any;
472
+ readonly 'gray-700': any;
473
+ readonly 'gray-800': any;
474
+ readonly 'gray-900': any;
475
+ readonly 'indigo-100': any;
476
+ readonly 'indigo-200': any;
477
+ readonly 'indigo-300': any;
478
+ readonly 'indigo-400': any;
479
+ readonly 'indigo-500': any;
480
+ readonly 'indigo-600': any;
481
+ readonly 'indigo-700': any;
482
+ readonly 'indigo-800': any;
483
+ readonly 'indigo-900': any;
484
+ readonly 'red-100': any;
485
+ readonly 'red-200': any;
486
+ readonly 'red-300': any;
487
+ readonly 'red-400': any;
488
+ readonly 'red-500': any;
489
+ readonly 'red-600': any;
490
+ readonly 'red-700': any;
491
+ readonly 'red-800': any;
492
+ readonly 'red-900': any;
493
+ readonly 'yellow-100': any;
494
+ readonly 'yellow-200': any;
495
+ readonly 'yellow-300': any;
496
+ readonly 'yellow-400': any;
497
+ readonly 'yellow-500': any;
498
+ readonly 'yellow-600': any;
499
+ readonly 'yellow-700': any;
500
+ readonly 'yellow-800': any;
501
+ readonly 'yellow-900': any;
502
+ readonly 'green-100': any;
503
+ readonly 'green-200': any;
504
+ readonly 'green-300': any;
505
+ readonly 'green-400': any;
506
+ readonly 'green-500': any;
507
+ readonly 'green-600': any;
508
+ readonly 'green-700': any;
509
+ readonly 'green-800': any;
510
+ readonly 'green-900': any;
390
511
  readonly black: any;
391
- readonly 'blue-10': any;
392
- readonly 'blue-20': any;
393
- readonly 'blue-50': any;
394
- readonly 'blue-60': any;
395
- readonly 'blue-70': any;
396
- readonly 'blue-80': any;
397
- readonly 'gray-20': any;
398
- readonly 'gray-30': any;
399
- readonly 'gray-40': any;
400
- readonly 'gray-50': any;
401
- readonly 'green-70': any;
402
- readonly 'indigo-20': any;
403
- readonly 'indigo-30': any;
404
- readonly 'indigo-50': any;
405
- readonly 'indigo-70': any;
406
- readonly 'indigo-90': any;
407
- readonly 'pink-20': any;
408
- readonly 'pink-50': any;
409
- readonly 'red-10': any;
410
- readonly 'red-20': any;
411
- readonly 'red-30': any;
412
- readonly 'red-50': any;
413
- readonly 'red-60': any;
414
- readonly transparent: any;
415
512
  readonly white: any;
416
- readonly 'yellow-20': any;
417
- readonly 'yellow-60': any;
418
- readonly 'background-cta-active'?: any;
419
- readonly 'background-cta-disabled'?: any;
420
- readonly 'background-cta-hover'?: any;
421
- readonly 'background-cta-idle'?: any;
422
- readonly 'background-danger-active'?: any;
513
+ readonly transparent: any;
514
+ readonly 'background-neutrals'?: any;
515
+ readonly 'background-neutrals-body'?: any;
516
+ readonly 'background-neutrals-container'?: any;
517
+ readonly 'background-neutrals-inverted'?: any;
518
+ readonly 'background-neutrals-inverted-subtle'?: any;
519
+ readonly 'background-neutrals-subtle'?: any;
520
+ readonly 'background-neutrals-subtle-hover'?: any;
521
+ readonly 'background-neutrals-subtle-active'?: any;
522
+ readonly 'background-neutrals-disabled'?: any;
523
+ readonly 'background-neutrals-controls-disabled'?: any;
524
+ readonly 'background-neutrals-scrolls'?: any;
525
+ readonly 'background-neutrals-inactive'?: any;
526
+ readonly 'background-neutrals-inactive-hover'?: any;
527
+ readonly 'background-primary-prominent'?: any;
528
+ readonly 'background-primary-prominent-hover'?: any;
529
+ readonly 'background-primary-prominent-active'?: any;
530
+ readonly 'background-primary-prominent-selected'?: any;
531
+ readonly 'background-primary-subtle'?: any;
532
+ readonly 'background-primary-subtle-hover'?: any;
533
+ readonly 'background-primary-subtle-active'?: any;
534
+ readonly 'background-primary-subtle-selected'?: any;
535
+ readonly 'background-danger-prominent'?: any;
536
+ readonly 'background-danger-prominent-hover'?: any;
537
+ readonly 'background-danger-prominent-active'?: any;
538
+ readonly 'background-danger'?: any;
423
539
  readonly 'background-danger-hover'?: any;
424
- readonly 'background-danger-idle'?: any;
425
- readonly 'background-default-active'?: any;
426
- readonly 'background-default-disabled'?: any;
427
- readonly 'background-default-hover'?: any;
428
- readonly 'background-default-idle'?: any;
429
- readonly 'background-default-selected'?: any;
430
- readonly 'background-default-selected-active'?: any;
431
- readonly 'background-info-idle'?: any;
432
- readonly 'background-primary'?: any;
433
- readonly 'background-secondary'?: any;
434
- readonly 'background-success-idle'?: any;
435
- readonly 'background-warning-idle'?: any;
436
- readonly 'border-cta-idle'?: any;
437
- readonly 'border-default-active'?: any;
438
- readonly 'border-default-error'?: any;
439
- readonly 'border-default-hover'?: any;
440
- readonly 'border-default-idle'?: any;
441
- readonly 'border-default-selected'?: any;
442
- readonly 'canvas-primary'?: any;
443
- readonly 'divider-default'?: any;
444
- readonly 'focus-ring-default'?: any;
445
- readonly 'font-cta-idle'?: any;
446
- readonly 'font-default-active'?: any;
447
- readonly 'font-default-disabled'?: any;
448
- readonly 'font-default-error'?: any;
449
- readonly 'font-default-hover'?: any;
450
- readonly 'font-default-idle'?: any;
451
- readonly 'font-default-selected'?: any;
452
- readonly 'font-default-visited'?: any;
453
- readonly 'font-primary'?: any;
454
- readonly 'font-secondary'?: any;
455
- readonly 'font-tertiary'?: any;
456
- readonly 'icon-cta-idle'?: any;
457
- readonly 'icon-default'?: any;
458
- readonly 'icon-default-active'?: any;
459
- readonly 'icon-default-disabled'?: any;
460
- readonly 'icon-default-error'?: any;
461
- readonly 'icon-default-hover'?: any;
462
- readonly 'icon-default-idle'?: any;
463
- readonly 'icon-default-selected'?: any;
540
+ readonly 'background-success'?: any;
541
+ readonly 'background-warning-subtle'?: any;
542
+ readonly 'background-warning-prominent'?: any;
543
+ readonly 'text-neutrals-inverted'?: any;
544
+ readonly 'text-neutrals'?: any;
545
+ readonly 'text-neutrals-subtle'?: any;
546
+ readonly 'text-neutrals-placeholder-only'?: any;
547
+ readonly 'text-neutrals-placeholder'?: any;
548
+ readonly 'text-neutrals-disabled'?: any;
549
+ readonly 'text-primary-inverted'?: any;
550
+ readonly 'text-primary'?: any;
551
+ readonly 'text-primary-hover'?: any;
552
+ readonly 'text-primary-active'?: any;
553
+ readonly 'text-primary-selected'?: any;
554
+ readonly 'text-primary-inverted-subtle'?: any;
555
+ readonly 'text-danger-inverted'?: any;
556
+ readonly 'text-danger'?: any;
557
+ readonly 'text-danger-hover'?: any;
558
+ readonly 'text-danger-active'?: any;
559
+ readonly 'text-success'?: any;
560
+ readonly 'text-warning'?: any;
561
+ readonly 'icon-neutrals-inverted'?: any;
562
+ readonly 'icon-neutrals'?: any;
563
+ readonly 'icon-neutrals-with-text'?: any;
564
+ readonly 'icon-neutrals-subtle'?: any;
565
+ readonly 'icon-neutrals-disabled'?: any;
566
+ readonly 'icon-neutrals-search'?: any;
567
+ readonly 'icon-neutrals-inactive'?: any;
568
+ readonly 'icon-neutrals-inactive-hover'?: any;
569
+ readonly 'icon-primary-inverted'?: any;
570
+ readonly 'icon-primary'?: any;
571
+ readonly 'icon-primary-hover'?: any;
572
+ readonly 'icon-primary-active'?: any;
573
+ readonly 'icon-primary-selected'?: any;
574
+ readonly 'icon-danger-inverted'?: any;
575
+ readonly 'icon-danger'?: any;
576
+ readonly 'icon-danger-hover'?: any;
577
+ readonly 'icon-danger-active'?: any;
578
+ readonly 'icon-success-inverted'?: any;
579
+ readonly 'icon-success'?: any;
580
+ readonly 'icon-warning'?: any;
581
+ readonly 'border-neutrals'?: any;
582
+ readonly 'border-neutrals-hover'?: any;
583
+ readonly 'border-neutrals-active'?: any;
584
+ readonly 'border-neutrals-disabled'?: any;
585
+ readonly 'border-neutrals-controls'?: any;
586
+ readonly 'border-neutrals-controls-disabled'?: any;
587
+ readonly 'border-neutrals-subtle'?: any;
588
+ readonly 'border-neutrals-inverted'?: any;
589
+ readonly 'border-primary'?: any;
590
+ readonly 'border-primary-hover'?: any;
591
+ readonly 'border-primary-active'?: any;
592
+ readonly 'border-primary-inverted'?: any;
593
+ readonly 'border-danger'?: any;
594
+ readonly 'border-success'?: any;
595
+ readonly 'border-warning'?: any;
464
596
  };
465
597
  'font-sizes': {
466
598
  readonly 150: "0.75rem";
@@ -755,80 +887,146 @@ declare const StyledParagraph: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
755
887
  readonly lg: "4px";
756
888
  };
757
889
  colors: {
890
+ readonly 'blue-100': any;
891
+ readonly 'blue-200': any;
892
+ readonly 'blue-300': any;
893
+ readonly 'blue-400': any;
894
+ readonly 'blue-500': any;
895
+ readonly 'blue-600': any;
896
+ readonly 'blue-700': any;
897
+ readonly 'blue-800': any;
898
+ readonly 'blue-900': any;
899
+ readonly 'blue-1000': any;
900
+ readonly 'gray-100': any;
901
+ readonly 'gray-200': any;
902
+ readonly 'gray-300': any;
903
+ readonly 'gray-400': any;
904
+ readonly 'gray-500': any;
905
+ readonly 'gray-600': any;
906
+ readonly 'gray-700': any;
907
+ readonly 'gray-800': any;
908
+ readonly 'gray-900': any;
909
+ readonly 'indigo-100': any;
910
+ readonly 'indigo-200': any;
911
+ readonly 'indigo-300': any;
912
+ readonly 'indigo-400': any;
913
+ readonly 'indigo-500': any;
914
+ readonly 'indigo-600': any;
915
+ readonly 'indigo-700': any;
916
+ readonly 'indigo-800': any;
917
+ readonly 'indigo-900': any;
918
+ readonly 'red-100': any;
919
+ readonly 'red-200': any;
920
+ readonly 'red-300': any;
921
+ readonly 'red-400': any;
922
+ readonly 'red-500': any;
923
+ readonly 'red-600': any;
924
+ readonly 'red-700': any;
925
+ readonly 'red-800': any;
926
+ readonly 'red-900': any;
927
+ readonly 'yellow-100': any;
928
+ readonly 'yellow-200': any;
929
+ readonly 'yellow-300': any;
930
+ readonly 'yellow-400': any;
931
+ readonly 'yellow-500': any;
932
+ readonly 'yellow-600': any;
933
+ readonly 'yellow-700': any;
934
+ readonly 'yellow-800': any;
935
+ readonly 'yellow-900': any;
936
+ readonly 'green-100': any;
937
+ readonly 'green-200': any;
938
+ readonly 'green-300': any;
939
+ readonly 'green-400': any;
940
+ readonly 'green-500': any;
941
+ readonly 'green-600': any;
942
+ readonly 'green-700': any;
943
+ readonly 'green-800': any;
944
+ readonly 'green-900': any;
758
945
  readonly black: any;
759
- readonly 'blue-10': any;
760
- readonly 'blue-20': any;
761
- readonly 'blue-50': any;
762
- readonly 'blue-60': any;
763
- readonly 'blue-70': any;
764
- readonly 'blue-80': any;
765
- readonly 'gray-20': any;
766
- readonly 'gray-30': any;
767
- readonly 'gray-40': any;
768
- readonly 'gray-50': any;
769
- readonly 'green-70': any;
770
- readonly 'indigo-20': any;
771
- readonly 'indigo-30': any;
772
- readonly 'indigo-50': any;
773
- readonly 'indigo-70': any;
774
- readonly 'indigo-90': any;
775
- readonly 'pink-20': any;
776
- readonly 'pink-50': any;
777
- readonly 'red-10': any;
778
- readonly 'red-20': any;
779
- readonly 'red-30': any;
780
- readonly 'red-50': any;
781
- readonly 'red-60': any;
782
- readonly transparent: any;
783
946
  readonly white: any;
784
- readonly 'yellow-20': any;
785
- readonly 'yellow-60': any;
786
- readonly 'background-cta-active'?: any;
787
- readonly 'background-cta-disabled'?: any;
788
- readonly 'background-cta-hover'?: any;
789
- readonly 'background-cta-idle'?: any;
790
- readonly 'background-danger-active'?: any;
947
+ readonly transparent: any;
948
+ readonly 'background-neutrals'?: any;
949
+ readonly 'background-neutrals-body'?: any;
950
+ readonly 'background-neutrals-container'?: any;
951
+ readonly 'background-neutrals-inverted'?: any;
952
+ readonly 'background-neutrals-inverted-subtle'?: any;
953
+ readonly 'background-neutrals-subtle'?: any;
954
+ readonly 'background-neutrals-subtle-hover'?: any;
955
+ readonly 'background-neutrals-subtle-active'?: any;
956
+ readonly 'background-neutrals-disabled'?: any;
957
+ readonly 'background-neutrals-controls-disabled'?: any;
958
+ readonly 'background-neutrals-scrolls'?: any;
959
+ readonly 'background-neutrals-inactive'?: any;
960
+ readonly 'background-neutrals-inactive-hover'?: any;
961
+ readonly 'background-primary-prominent'?: any;
962
+ readonly 'background-primary-prominent-hover'?: any;
963
+ readonly 'background-primary-prominent-active'?: any;
964
+ readonly 'background-primary-prominent-selected'?: any;
965
+ readonly 'background-primary-subtle'?: any;
966
+ readonly 'background-primary-subtle-hover'?: any;
967
+ readonly 'background-primary-subtle-active'?: any;
968
+ readonly 'background-primary-subtle-selected'?: any;
969
+ readonly 'background-danger-prominent'?: any;
970
+ readonly 'background-danger-prominent-hover'?: any;
971
+ readonly 'background-danger-prominent-active'?: any;
972
+ readonly 'background-danger'?: any;
791
973
  readonly 'background-danger-hover'?: any;
792
- readonly 'background-danger-idle'?: any;
793
- readonly 'background-default-active'?: any;
794
- readonly 'background-default-disabled'?: any;
795
- readonly 'background-default-hover'?: any;
796
- readonly 'background-default-idle'?: any;
797
- readonly 'background-default-selected'?: any;
798
- readonly 'background-default-selected-active'?: any;
799
- readonly 'background-info-idle'?: any;
800
- readonly 'background-primary'?: any;
801
- readonly 'background-secondary'?: any;
802
- readonly 'background-success-idle'?: any;
803
- readonly 'background-warning-idle'?: any;
804
- readonly 'border-cta-idle'?: any;
805
- readonly 'border-default-active'?: any;
806
- readonly 'border-default-error'?: any;
807
- readonly 'border-default-hover'?: any;
808
- readonly 'border-default-idle'?: any;
809
- readonly 'border-default-selected'?: any;
810
- readonly 'canvas-primary'?: any;
811
- readonly 'divider-default'?: any;
812
- readonly 'focus-ring-default'?: any;
813
- readonly 'font-cta-idle'?: any;
814
- readonly 'font-default-active'?: any;
815
- readonly 'font-default-disabled'?: any;
816
- readonly 'font-default-error'?: any;
817
- readonly 'font-default-hover'?: any;
818
- readonly 'font-default-idle'?: any;
819
- readonly 'font-default-selected'?: any;
820
- readonly 'font-default-visited'?: any;
821
- readonly 'font-primary'?: any;
822
- readonly 'font-secondary'?: any;
823
- readonly 'font-tertiary'?: any;
824
- readonly 'icon-cta-idle'?: any;
825
- readonly 'icon-default'?: any;
826
- readonly 'icon-default-active'?: any;
827
- readonly 'icon-default-disabled'?: any;
828
- readonly 'icon-default-error'?: any;
829
- readonly 'icon-default-hover'?: any;
830
- readonly 'icon-default-idle'?: any;
831
- readonly 'icon-default-selected'?: any;
974
+ readonly 'background-success'?: any;
975
+ readonly 'background-warning-subtle'?: any;
976
+ readonly 'background-warning-prominent'?: any;
977
+ readonly 'text-neutrals-inverted'?: any;
978
+ readonly 'text-neutrals'?: any;
979
+ readonly 'text-neutrals-subtle'?: any;
980
+ readonly 'text-neutrals-placeholder-only'?: any;
981
+ readonly 'text-neutrals-placeholder'?: any;
982
+ readonly 'text-neutrals-disabled'?: any;
983
+ readonly 'text-primary-inverted'?: any;
984
+ readonly 'text-primary'?: any;
985
+ readonly 'text-primary-hover'?: any;
986
+ readonly 'text-primary-active'?: any;
987
+ readonly 'text-primary-selected'?: any;
988
+ readonly 'text-primary-inverted-subtle'?: any;
989
+ readonly 'text-danger-inverted'?: any;
990
+ readonly 'text-danger'?: any;
991
+ readonly 'text-danger-hover'?: any;
992
+ readonly 'text-danger-active'?: any;
993
+ readonly 'text-success'?: any;
994
+ readonly 'text-warning'?: any;
995
+ readonly 'icon-neutrals-inverted'?: any;
996
+ readonly 'icon-neutrals'?: any;
997
+ readonly 'icon-neutrals-with-text'?: any;
998
+ readonly 'icon-neutrals-subtle'?: any;
999
+ readonly 'icon-neutrals-disabled'?: any;
1000
+ readonly 'icon-neutrals-search'?: any;
1001
+ readonly 'icon-neutrals-inactive'?: any;
1002
+ readonly 'icon-neutrals-inactive-hover'?: any;
1003
+ readonly 'icon-primary-inverted'?: any;
1004
+ readonly 'icon-primary'?: any;
1005
+ readonly 'icon-primary-hover'?: any;
1006
+ readonly 'icon-primary-active'?: any;
1007
+ readonly 'icon-primary-selected'?: any;
1008
+ readonly 'icon-danger-inverted'?: any;
1009
+ readonly 'icon-danger'?: any;
1010
+ readonly 'icon-danger-hover'?: any;
1011
+ readonly 'icon-danger-active'?: any;
1012
+ readonly 'icon-success-inverted'?: any;
1013
+ readonly 'icon-success'?: any;
1014
+ readonly 'icon-warning'?: any;
1015
+ readonly 'border-neutrals'?: any;
1016
+ readonly 'border-neutrals-hover'?: any;
1017
+ readonly 'border-neutrals-active'?: any;
1018
+ readonly 'border-neutrals-disabled'?: any;
1019
+ readonly 'border-neutrals-controls'?: any;
1020
+ readonly 'border-neutrals-controls-disabled'?: any;
1021
+ readonly 'border-neutrals-subtle'?: any;
1022
+ readonly 'border-neutrals-inverted'?: any;
1023
+ readonly 'border-primary'?: any;
1024
+ readonly 'border-primary-hover'?: any;
1025
+ readonly 'border-primary-active'?: any;
1026
+ readonly 'border-primary-inverted'?: any;
1027
+ readonly 'border-danger'?: any;
1028
+ readonly 'border-success'?: any;
1029
+ readonly 'border-warning'?: any;
832
1030
  };
833
1031
  'font-sizes': {
834
1032
  readonly 150: "0.75rem";
@@ -1102,80 +1300,146 @@ declare const StyledParagraph: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
1102
1300
  readonly lg: "4px";
1103
1301
  };
1104
1302
  colors: {
1303
+ readonly 'blue-100': any;
1304
+ readonly 'blue-200': any;
1305
+ readonly 'blue-300': any;
1306
+ readonly 'blue-400': any;
1307
+ readonly 'blue-500': any;
1308
+ readonly 'blue-600': any;
1309
+ readonly 'blue-700': any;
1310
+ readonly 'blue-800': any;
1311
+ readonly 'blue-900': any;
1312
+ readonly 'blue-1000': any;
1313
+ readonly 'gray-100': any;
1314
+ readonly 'gray-200': any;
1315
+ readonly 'gray-300': any;
1316
+ readonly 'gray-400': any;
1317
+ readonly 'gray-500': any;
1318
+ readonly 'gray-600': any;
1319
+ readonly 'gray-700': any;
1320
+ readonly 'gray-800': any;
1321
+ readonly 'gray-900': any;
1322
+ readonly 'indigo-100': any;
1323
+ readonly 'indigo-200': any;
1324
+ readonly 'indigo-300': any;
1325
+ readonly 'indigo-400': any;
1326
+ readonly 'indigo-500': any;
1327
+ readonly 'indigo-600': any;
1328
+ readonly 'indigo-700': any;
1329
+ readonly 'indigo-800': any;
1330
+ readonly 'indigo-900': any;
1331
+ readonly 'red-100': any;
1332
+ readonly 'red-200': any;
1333
+ readonly 'red-300': any;
1334
+ readonly 'red-400': any;
1335
+ readonly 'red-500': any;
1336
+ readonly 'red-600': any;
1337
+ readonly 'red-700': any;
1338
+ readonly 'red-800': any;
1339
+ readonly 'red-900': any;
1340
+ readonly 'yellow-100': any;
1341
+ readonly 'yellow-200': any;
1342
+ readonly 'yellow-300': any;
1343
+ readonly 'yellow-400': any;
1344
+ readonly 'yellow-500': any;
1345
+ readonly 'yellow-600': any;
1346
+ readonly 'yellow-700': any;
1347
+ readonly 'yellow-800': any;
1348
+ readonly 'yellow-900': any;
1349
+ readonly 'green-100': any;
1350
+ readonly 'green-200': any;
1351
+ readonly 'green-300': any;
1352
+ readonly 'green-400': any;
1353
+ readonly 'green-500': any;
1354
+ readonly 'green-600': any;
1355
+ readonly 'green-700': any;
1356
+ readonly 'green-800': any;
1357
+ readonly 'green-900': any;
1105
1358
  readonly black: any;
1106
- readonly 'blue-10': any;
1107
- readonly 'blue-20': any;
1108
- readonly 'blue-50': any;
1109
- readonly 'blue-60': any;
1110
- readonly 'blue-70': any;
1111
- readonly 'blue-80': any;
1112
- readonly 'gray-20': any;
1113
- readonly 'gray-30': any;
1114
- readonly 'gray-40': any;
1115
- readonly 'gray-50': any;
1116
- readonly 'green-70': any;
1117
- readonly 'indigo-20': any;
1118
- readonly 'indigo-30': any;
1119
- readonly 'indigo-50': any;
1120
- readonly 'indigo-70': any;
1121
- readonly 'indigo-90': any;
1122
- readonly 'pink-20': any;
1123
- readonly 'pink-50': any;
1124
- readonly 'red-10': any;
1125
- readonly 'red-20': any;
1126
- readonly 'red-30': any;
1127
- readonly 'red-50': any;
1128
- readonly 'red-60': any;
1129
- readonly transparent: any;
1130
1359
  readonly white: any;
1131
- readonly 'yellow-20': any;
1132
- readonly 'yellow-60': any;
1133
- readonly 'background-cta-active'?: any;
1134
- readonly 'background-cta-disabled'?: any;
1135
- readonly 'background-cta-hover'?: any;
1136
- readonly 'background-cta-idle'?: any;
1137
- readonly 'background-danger-active'?: any;
1360
+ readonly transparent: any;
1361
+ readonly 'background-neutrals'?: any;
1362
+ readonly 'background-neutrals-body'?: any;
1363
+ readonly 'background-neutrals-container'?: any;
1364
+ readonly 'background-neutrals-inverted'?: any;
1365
+ readonly 'background-neutrals-inverted-subtle'?: any;
1366
+ readonly 'background-neutrals-subtle'?: any;
1367
+ readonly 'background-neutrals-subtle-hover'?: any;
1368
+ readonly 'background-neutrals-subtle-active'?: any;
1369
+ readonly 'background-neutrals-disabled'?: any;
1370
+ readonly 'background-neutrals-controls-disabled'?: any;
1371
+ readonly 'background-neutrals-scrolls'?: any;
1372
+ readonly 'background-neutrals-inactive'?: any;
1373
+ readonly 'background-neutrals-inactive-hover'?: any;
1374
+ readonly 'background-primary-prominent'?: any;
1375
+ readonly 'background-primary-prominent-hover'?: any;
1376
+ readonly 'background-primary-prominent-active'?: any;
1377
+ readonly 'background-primary-prominent-selected'?: any;
1378
+ readonly 'background-primary-subtle'?: any;
1379
+ readonly 'background-primary-subtle-hover'?: any;
1380
+ readonly 'background-primary-subtle-active'?: any;
1381
+ readonly 'background-primary-subtle-selected'?: any;
1382
+ readonly 'background-danger-prominent'?: any;
1383
+ readonly 'background-danger-prominent-hover'?: any;
1384
+ readonly 'background-danger-prominent-active'?: any;
1385
+ readonly 'background-danger'?: any;
1138
1386
  readonly 'background-danger-hover'?: any;
1139
- readonly 'background-danger-idle'?: any;
1140
- readonly 'background-default-active'?: any;
1141
- readonly 'background-default-disabled'?: any;
1142
- readonly 'background-default-hover'?: any;
1143
- readonly 'background-default-idle'?: any;
1144
- readonly 'background-default-selected'?: any;
1145
- readonly 'background-default-selected-active'?: any;
1146
- readonly 'background-info-idle'?: any;
1147
- readonly 'background-primary'?: any;
1148
- readonly 'background-secondary'?: any;
1149
- readonly 'background-success-idle'?: any;
1150
- readonly 'background-warning-idle'?: any;
1151
- readonly 'border-cta-idle'?: any;
1152
- readonly 'border-default-active'?: any;
1153
- readonly 'border-default-error'?: any;
1154
- readonly 'border-default-hover'?: any;
1155
- readonly 'border-default-idle'?: any;
1156
- readonly 'border-default-selected'?: any;
1157
- readonly 'canvas-primary'?: any;
1158
- readonly 'divider-default'?: any;
1159
- readonly 'focus-ring-default'?: any;
1160
- readonly 'font-cta-idle'?: any;
1161
- readonly 'font-default-active'?: any;
1162
- readonly 'font-default-disabled'?: any;
1163
- readonly 'font-default-error'?: any;
1164
- readonly 'font-default-hover'?: any;
1165
- readonly 'font-default-idle'?: any;
1166
- readonly 'font-default-selected'?: any;
1167
- readonly 'font-default-visited'?: any;
1168
- readonly 'font-primary'?: any;
1169
- readonly 'font-secondary'?: any;
1170
- readonly 'font-tertiary'?: any;
1171
- readonly 'icon-cta-idle'?: any;
1172
- readonly 'icon-default'?: any;
1173
- readonly 'icon-default-active'?: any;
1174
- readonly 'icon-default-disabled'?: any;
1175
- readonly 'icon-default-error'?: any;
1176
- readonly 'icon-default-hover'?: any;
1177
- readonly 'icon-default-idle'?: any;
1178
- readonly 'icon-default-selected'?: any;
1387
+ readonly 'background-success'?: any;
1388
+ readonly 'background-warning-subtle'?: any;
1389
+ readonly 'background-warning-prominent'?: any;
1390
+ readonly 'text-neutrals-inverted'?: any;
1391
+ readonly 'text-neutrals'?: any;
1392
+ readonly 'text-neutrals-subtle'?: any;
1393
+ readonly 'text-neutrals-placeholder-only'?: any;
1394
+ readonly 'text-neutrals-placeholder'?: any;
1395
+ readonly 'text-neutrals-disabled'?: any;
1396
+ readonly 'text-primary-inverted'?: any;
1397
+ readonly 'text-primary'?: any;
1398
+ readonly 'text-primary-hover'?: any;
1399
+ readonly 'text-primary-active'?: any;
1400
+ readonly 'text-primary-selected'?: any;
1401
+ readonly 'text-primary-inverted-subtle'?: any;
1402
+ readonly 'text-danger-inverted'?: any;
1403
+ readonly 'text-danger'?: any;
1404
+ readonly 'text-danger-hover'?: any;
1405
+ readonly 'text-danger-active'?: any;
1406
+ readonly 'text-success'?: any;
1407
+ readonly 'text-warning'?: any;
1408
+ readonly 'icon-neutrals-inverted'?: any;
1409
+ readonly 'icon-neutrals'?: any;
1410
+ readonly 'icon-neutrals-with-text'?: any;
1411
+ readonly 'icon-neutrals-subtle'?: any;
1412
+ readonly 'icon-neutrals-disabled'?: any;
1413
+ readonly 'icon-neutrals-search'?: any;
1414
+ readonly 'icon-neutrals-inactive'?: any;
1415
+ readonly 'icon-neutrals-inactive-hover'?: any;
1416
+ readonly 'icon-primary-inverted'?: any;
1417
+ readonly 'icon-primary'?: any;
1418
+ readonly 'icon-primary-hover'?: any;
1419
+ readonly 'icon-primary-active'?: any;
1420
+ readonly 'icon-primary-selected'?: any;
1421
+ readonly 'icon-danger-inverted'?: any;
1422
+ readonly 'icon-danger'?: any;
1423
+ readonly 'icon-danger-hover'?: any;
1424
+ readonly 'icon-danger-active'?: any;
1425
+ readonly 'icon-success-inverted'?: any;
1426
+ readonly 'icon-success'?: any;
1427
+ readonly 'icon-warning'?: any;
1428
+ readonly 'border-neutrals'?: any;
1429
+ readonly 'border-neutrals-hover'?: any;
1430
+ readonly 'border-neutrals-active'?: any;
1431
+ readonly 'border-neutrals-disabled'?: any;
1432
+ readonly 'border-neutrals-controls'?: any;
1433
+ readonly 'border-neutrals-controls-disabled'?: any;
1434
+ readonly 'border-neutrals-subtle'?: any;
1435
+ readonly 'border-neutrals-inverted'?: any;
1436
+ readonly 'border-primary'?: any;
1437
+ readonly 'border-primary-hover'?: any;
1438
+ readonly 'border-primary-active'?: any;
1439
+ readonly 'border-primary-inverted'?: any;
1440
+ readonly 'border-danger'?: any;
1441
+ readonly 'border-success'?: any;
1442
+ readonly 'border-warning'?: any;
1179
1443
  };
1180
1444
  'font-sizes': {
1181
1445
  readonly 150: "0.75rem";
@@ -1452,80 +1716,146 @@ declare const StyledParagraph: react.ForwardRefExoticComponent<Pick<Omit<{}, nev
1452
1716
  readonly lg: "4px";
1453
1717
  };
1454
1718
  colors: {
1719
+ readonly 'blue-100': any;
1720
+ readonly 'blue-200': any;
1721
+ readonly 'blue-300': any;
1722
+ readonly 'blue-400': any;
1723
+ readonly 'blue-500': any;
1724
+ readonly 'blue-600': any;
1725
+ readonly 'blue-700': any;
1726
+ readonly 'blue-800': any;
1727
+ readonly 'blue-900': any;
1728
+ readonly 'blue-1000': any;
1729
+ readonly 'gray-100': any;
1730
+ readonly 'gray-200': any;
1731
+ readonly 'gray-300': any;
1732
+ readonly 'gray-400': any;
1733
+ readonly 'gray-500': any;
1734
+ readonly 'gray-600': any;
1735
+ readonly 'gray-700': any;
1736
+ readonly 'gray-800': any;
1737
+ readonly 'gray-900': any;
1738
+ readonly 'indigo-100': any;
1739
+ readonly 'indigo-200': any;
1740
+ readonly 'indigo-300': any;
1741
+ readonly 'indigo-400': any;
1742
+ readonly 'indigo-500': any;
1743
+ readonly 'indigo-600': any;
1744
+ readonly 'indigo-700': any;
1745
+ readonly 'indigo-800': any;
1746
+ readonly 'indigo-900': any;
1747
+ readonly 'red-100': any;
1748
+ readonly 'red-200': any;
1749
+ readonly 'red-300': any;
1750
+ readonly 'red-400': any;
1751
+ readonly 'red-500': any;
1752
+ readonly 'red-600': any;
1753
+ readonly 'red-700': any;
1754
+ readonly 'red-800': any;
1755
+ readonly 'red-900': any;
1756
+ readonly 'yellow-100': any;
1757
+ readonly 'yellow-200': any;
1758
+ readonly 'yellow-300': any;
1759
+ readonly 'yellow-400': any;
1760
+ readonly 'yellow-500': any;
1761
+ readonly 'yellow-600': any;
1762
+ readonly 'yellow-700': any;
1763
+ readonly 'yellow-800': any;
1764
+ readonly 'yellow-900': any;
1765
+ readonly 'green-100': any;
1766
+ readonly 'green-200': any;
1767
+ readonly 'green-300': any;
1768
+ readonly 'green-400': any;
1769
+ readonly 'green-500': any;
1770
+ readonly 'green-600': any;
1771
+ readonly 'green-700': any;
1772
+ readonly 'green-800': any;
1773
+ readonly 'green-900': any;
1455
1774
  readonly black: any;
1456
- readonly 'blue-10': any;
1457
- readonly 'blue-20': any;
1458
- readonly 'blue-50': any;
1459
- readonly 'blue-60': any;
1460
- readonly 'blue-70': any;
1461
- readonly 'blue-80': any;
1462
- readonly 'gray-20': any;
1463
- readonly 'gray-30': any;
1464
- readonly 'gray-40': any;
1465
- readonly 'gray-50': any;
1466
- readonly 'green-70': any;
1467
- readonly 'indigo-20': any;
1468
- readonly 'indigo-30': any;
1469
- readonly 'indigo-50': any;
1470
- readonly 'indigo-70': any;
1471
- readonly 'indigo-90': any;
1472
- readonly 'pink-20': any;
1473
- readonly 'pink-50': any;
1474
- readonly 'red-10': any;
1475
- readonly 'red-20': any;
1476
- readonly 'red-30': any;
1477
- readonly 'red-50': any;
1478
- readonly 'red-60': any;
1479
- readonly transparent: any;
1480
1775
  readonly white: any;
1481
- readonly 'yellow-20': any;
1482
- readonly 'yellow-60': any;
1483
- readonly 'background-cta-active'?: any;
1484
- readonly 'background-cta-disabled'?: any;
1485
- readonly 'background-cta-hover'?: any;
1486
- readonly 'background-cta-idle'?: any;
1487
- readonly 'background-danger-active'?: any;
1776
+ readonly transparent: any;
1777
+ readonly 'background-neutrals'?: any;
1778
+ readonly 'background-neutrals-body'?: any;
1779
+ readonly 'background-neutrals-container'?: any;
1780
+ readonly 'background-neutrals-inverted'?: any;
1781
+ readonly 'background-neutrals-inverted-subtle'?: any;
1782
+ readonly 'background-neutrals-subtle'?: any;
1783
+ readonly 'background-neutrals-subtle-hover'?: any;
1784
+ readonly 'background-neutrals-subtle-active'?: any;
1785
+ readonly 'background-neutrals-disabled'?: any;
1786
+ readonly 'background-neutrals-controls-disabled'?: any;
1787
+ readonly 'background-neutrals-scrolls'?: any;
1788
+ readonly 'background-neutrals-inactive'?: any;
1789
+ readonly 'background-neutrals-inactive-hover'?: any;
1790
+ readonly 'background-primary-prominent'?: any;
1791
+ readonly 'background-primary-prominent-hover'?: any;
1792
+ readonly 'background-primary-prominent-active'?: any;
1793
+ readonly 'background-primary-prominent-selected'?: any;
1794
+ readonly 'background-primary-subtle'?: any;
1795
+ readonly 'background-primary-subtle-hover'?: any;
1796
+ readonly 'background-primary-subtle-active'?: any;
1797
+ readonly 'background-primary-subtle-selected'?: any;
1798
+ readonly 'background-danger-prominent'?: any;
1799
+ readonly 'background-danger-prominent-hover'?: any;
1800
+ readonly 'background-danger-prominent-active'?: any;
1801
+ readonly 'background-danger'?: any;
1488
1802
  readonly 'background-danger-hover'?: any;
1489
- readonly 'background-danger-idle'?: any;
1490
- readonly 'background-default-active'?: any;
1491
- readonly 'background-default-disabled'?: any;
1492
- readonly 'background-default-hover'?: any;
1493
- readonly 'background-default-idle'?: any;
1494
- readonly 'background-default-selected'?: any;
1495
- readonly 'background-default-selected-active'?: any;
1496
- readonly 'background-info-idle'?: any;
1497
- readonly 'background-primary'?: any;
1498
- readonly 'background-secondary'?: any;
1499
- readonly 'background-success-idle'?: any;
1500
- readonly 'background-warning-idle'?: any;
1501
- readonly 'border-cta-idle'?: any;
1502
- readonly 'border-default-active'?: any;
1503
- readonly 'border-default-error'?: any;
1504
- readonly 'border-default-hover'?: any;
1505
- readonly 'border-default-idle'?: any;
1506
- readonly 'border-default-selected'?: any;
1507
- readonly 'canvas-primary'?: any;
1508
- readonly 'divider-default'?: any;
1509
- readonly 'focus-ring-default'?: any;
1510
- readonly 'font-cta-idle'?: any;
1511
- readonly 'font-default-active'?: any;
1512
- readonly 'font-default-disabled'?: any;
1513
- readonly 'font-default-error'?: any;
1514
- readonly 'font-default-hover'?: any;
1515
- readonly 'font-default-idle'?: any;
1516
- readonly 'font-default-selected'?: any;
1517
- readonly 'font-default-visited'?: any;
1518
- readonly 'font-primary'?: any;
1519
- readonly 'font-secondary'?: any;
1520
- readonly 'font-tertiary'?: any;
1521
- readonly 'icon-cta-idle'?: any;
1522
- readonly 'icon-default'?: any;
1523
- readonly 'icon-default-active'?: any;
1524
- readonly 'icon-default-disabled'?: any;
1525
- readonly 'icon-default-error'?: any;
1526
- readonly 'icon-default-hover'?: any;
1527
- readonly 'icon-default-idle'?: any;
1528
- readonly 'icon-default-selected'?: any;
1803
+ readonly 'background-success'?: any;
1804
+ readonly 'background-warning-subtle'?: any;
1805
+ readonly 'background-warning-prominent'?: any;
1806
+ readonly 'text-neutrals-inverted'?: any;
1807
+ readonly 'text-neutrals'?: any;
1808
+ readonly 'text-neutrals-subtle'?: any;
1809
+ readonly 'text-neutrals-placeholder-only'?: any;
1810
+ readonly 'text-neutrals-placeholder'?: any;
1811
+ readonly 'text-neutrals-disabled'?: any;
1812
+ readonly 'text-primary-inverted'?: any;
1813
+ readonly 'text-primary'?: any;
1814
+ readonly 'text-primary-hover'?: any;
1815
+ readonly 'text-primary-active'?: any;
1816
+ readonly 'text-primary-selected'?: any;
1817
+ readonly 'text-primary-inverted-subtle'?: any;
1818
+ readonly 'text-danger-inverted'?: any;
1819
+ readonly 'text-danger'?: any;
1820
+ readonly 'text-danger-hover'?: any;
1821
+ readonly 'text-danger-active'?: any;
1822
+ readonly 'text-success'?: any;
1823
+ readonly 'text-warning'?: any;
1824
+ readonly 'icon-neutrals-inverted'?: any;
1825
+ readonly 'icon-neutrals'?: any;
1826
+ readonly 'icon-neutrals-with-text'?: any;
1827
+ readonly 'icon-neutrals-subtle'?: any;
1828
+ readonly 'icon-neutrals-disabled'?: any;
1829
+ readonly 'icon-neutrals-search'?: any;
1830
+ readonly 'icon-neutrals-inactive'?: any;
1831
+ readonly 'icon-neutrals-inactive-hover'?: any;
1832
+ readonly 'icon-primary-inverted'?: any;
1833
+ readonly 'icon-primary'?: any;
1834
+ readonly 'icon-primary-hover'?: any;
1835
+ readonly 'icon-primary-active'?: any;
1836
+ readonly 'icon-primary-selected'?: any;
1837
+ readonly 'icon-danger-inverted'?: any;
1838
+ readonly 'icon-danger'?: any;
1839
+ readonly 'icon-danger-hover'?: any;
1840
+ readonly 'icon-danger-active'?: any;
1841
+ readonly 'icon-success-inverted'?: any;
1842
+ readonly 'icon-success'?: any;
1843
+ readonly 'icon-warning'?: any;
1844
+ readonly 'border-neutrals'?: any;
1845
+ readonly 'border-neutrals-hover'?: any;
1846
+ readonly 'border-neutrals-active'?: any;
1847
+ readonly 'border-neutrals-disabled'?: any;
1848
+ readonly 'border-neutrals-controls'?: any;
1849
+ readonly 'border-neutrals-controls-disabled'?: any;
1850
+ readonly 'border-neutrals-subtle'?: any;
1851
+ readonly 'border-neutrals-inverted'?: any;
1852
+ readonly 'border-primary'?: any;
1853
+ readonly 'border-primary-hover'?: any;
1854
+ readonly 'border-primary-active'?: any;
1855
+ readonly 'border-primary-inverted'?: any;
1856
+ readonly 'border-danger'?: any;
1857
+ readonly 'border-success'?: any;
1858
+ readonly 'border-warning'?: any;
1529
1859
  };
1530
1860
  'font-sizes': {
1531
1861
  readonly 150: "0.75rem";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-typography",
3
- "version": "0.1.8",
3
+ "version": "0.1.9",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -27,7 +27,7 @@
27
27
  },
28
28
  "dependencies": {
29
29
  "@mirohq/design-system-primitive": "^1.0.4",
30
- "@mirohq/design-system-stitches": "^2.0.10"
30
+ "@mirohq/design-system-stitches": "^2.0.11"
31
31
  },
32
32
  "scripts": {
33
33
  "build": "rollup -c ../../../rollup.config.js",