@mirohq/design-system-toolbar 2.2.2 → 2.2.4-themes.0

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 +3 -0
  2. package/dist/main.js.map +1 -1
  3. package/dist/module.js +3 -0
  4. package/dist/module.js.map +1 -1
  5. package/dist/types.d.ts +472 -428
  6. package/package.json +3 -3
package/dist/main.js CHANGED
@@ -143,6 +143,9 @@ const Item = React__default["default"].forwardRef(
143
143
  );
144
144
 
145
145
  const StyledIcon = designSystemStitches.styled(Item, {
146
+ padding: 0,
147
+ border: "none",
148
+ font: "unset",
146
149
  width: "$11",
147
150
  color: "$icon-neutrals"
148
151
  });
package/dist/main.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"main.js","sources":["../src/toolbar.styled.ts","../src/partials/item.styled.ts","../src/partials/item.tsx","../src/partials/icon.styled.tsx","../src/partials/icon.tsx","../src/partials/separator.styled.ts","../src/partials/separator.tsx","../src/partials/link.styled.tsx","../src/partials/link.tsx","../src/toolbar.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { Root } from '@radix-ui/react-toolbar'\n\nexport const StyledToolbar = styled(Root, {\n all: 'unset',\n display: 'flex',\n boxSizing: 'border-box',\n alignItems: 'center',\n maxWidth: '100%',\n gap: '2px',\n\n '&[data-orientation=\"vertical\"]': {\n flexDirection: 'column',\n width: '$12',\n },\n\n '&[data-orientation=\"horizontal\"]': {\n height: '$12',\n },\n\n variants: {\n unstyled: {\n false: {\n backgroundColor: '$background-neutrals-container',\n boxShadow: '$50',\n borderRadius: '$50',\n padding: '2px',\n },\n },\n },\n})\n\nexport type StyledToolbarProps = StrictComponentProps<typeof StyledToolbar>\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixToolbar from '@radix-ui/react-toolbar'\nimport { focus } from '@mirohq/design-system-styles'\n\nconst defaultStyles = {\n boxSizing: 'border-box',\n cursor: 'pointer',\n userSelect: 'none',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n flexShrink: 0,\n}\n\nexport const StyledItem = styled(RadixToolbar.Button, {\n variants: {\n unstyled: {\n true: {\n ...defaultStyles,\n },\n false: {\n ...defaultStyles,\n borderRadius: 4,\n height: '$11',\n\n '@media (hover: hover)': {\n '&:hover': {\n backgroundColor: '$background-primary-subtle-hover',\n color: '$icon-primary-hover',\n },\n },\n\n '&:active': {\n backgroundColor: '$background-primary-subtle-active',\n color: '$icon-primary-active',\n },\n\n ...focus.css({\n backgroundColor: '$background-neutrals-container',\n color: '$icon-neutrals',\n }),\n\n '&[disabled]': {\n opacity: '0.4',\n pointerEvents: 'none',\n },\n\n '&&': {\n ...focus.inner,\n },\n },\n },\n wrapper: {\n true: {\n backgroundColor: 'transparent',\n border: 'none',\n cursor: 'pointer',\n },\n },\n active: {\n true: {},\n false: {},\n },\n },\n\n '&[tabindex=\"0\"]': {\n zIndex: '1',\n },\n\n compoundVariants: [\n {\n unstyled: false,\n active: true,\n css: {\n '&&': {\n backgroundColor: '$background-primary-subtle-hover',\n color: '$icon-primary-hover',\n },\n },\n },\n ],\n})\n\nexport type StyledItemProps = StrictComponentProps<typeof StyledItem>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { StyledItemProps } from './item.styled'\nimport { StyledItem } from './item.styled'\n\nexport interface ItemProps extends StyledItemProps {\n /**\n * Renders item in enabled/toggled state\n */\n active?: boolean\n\n /**\n * It's applied by default when using with asChild attribute.\n * You can still combine default Item styles with your own component by setting this prop to false.\n * Note: Must be used together with asChild\n * @default true\n */\n unstyled?: boolean\n\n disabled?: boolean\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n ({ asChild, unstyled = true, active = false, ...restProps }, forwardRef) => (\n <StyledItem\n {...restProps}\n asChild={asChild}\n active={active}\n unstyled={asChild === true ? unstyled : false}\n wrapper={asChild !== true}\n ref={forwardRef}\n />\n )\n)\n","import { styled } from '@mirohq/design-system-stitches'\n\nimport { Item } from './item'\n\nexport const StyledIcon = styled(Item, {\n width: '$11',\n color: '$icon-neutrals',\n})\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { ItemProps } from './item'\nimport { StyledIcon } from './icon.styled'\n\nexport type IconProps = Omit<ItemProps, 'unstyled'>\n\nexport const Icon = React.forwardRef<ElementRef<typeof StyledIcon>, IconProps>(\n (props, forwardRef) => (\n <StyledIcon unstyled={false} {...props} ref={forwardRef} />\n )\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { Separator } from '@radix-ui/react-toolbar'\n\nexport const StyledSeparator = styled(Separator, {\n all: 'unset',\n display: 'block',\n boxSizing: 'border-box',\n backgroundColor: 'rgba(205, 204, 215, 1)',\n\n '&[data-orientation=\"vertical\"]': {\n width: '1px',\n height: '$6',\n margin: '0 $50',\n },\n\n '&[data-orientation=\"horizontal\"]': {\n height: '1px',\n width: '$6',\n margin: '$50 0',\n },\n})\n\nexport type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { StyledSeparatorProps } from './separator.styled'\nimport { StyledSeparator } from './separator.styled'\n\nexport interface SeparatorProps extends StyledSeparatorProps {}\n\nexport const Separator = React.forwardRef<\n ElementRef<typeof StyledSeparator>,\n SeparatorProps\n>((props, forwardRef) => <StyledSeparator {...props} ref={forwardRef} />)\n","import { styled } from '@mirohq/design-system-stitches'\n\nimport { Item } from './item'\n\nexport const StyledLink = styled(Item, {\n paddingX: '$150',\n textDecoration: 'none',\n})\n","import React from 'react'\nimport type { ElementRef, AnchorHTMLAttributes } from 'react'\n\nimport type { ItemProps } from './item'\nimport { StyledLink } from './link.styled'\n\ntype ItemPropsWithAnchor = Omit<ItemProps, 'unstyled'> &\n AnchorHTMLAttributes<typeof StyledLink>\nexport interface LinkProps extends ItemPropsWithAnchor {}\n\nexport const Link = React.forwardRef<ElementRef<typeof StyledLink>, LinkProps>(\n ({ children, href, ...restProps }, forwardRef) => (\n <StyledLink asChild unstyled={false} {...restProps} ref={forwardRef}>\n <a href={href}>{children}</a>\n </StyledLink>\n )\n)\n","import React from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\n\nimport type { StyledToolbarProps } from './toolbar.styled'\nimport { StyledToolbar } from './toolbar.styled'\nimport { Icon } from './partials/icon'\nimport { Separator } from './partials/separator'\nimport { Link } from './partials/link'\nimport { Item } from './partials/item'\n\nexport interface ToolbarProps extends StyledToolbarProps {\n /**\n * Defines whether the toolbar has default styles (e.g. background, shadow, etc.)\n * @default false\n */\n unstyled?: boolean\n\n /**\n * The orientation of the toolbar\n * @default horizontal\n */\n orientation?: 'horizontal' | 'vertical'\n\n /**\n * The reading direction of the toolbar\n * @default ltr\n */\n dir?: 'ltr' | 'rtl'\n\n /**\n * The reading direction of the toolbar\n * @deprecated use dir instead\n */\n direction?: 'ltr' | 'rtl'\n\n /**\n * When true, keyboard navigation will loop from last tab to first, and vice versa\n * @default true\n */\n loop?: boolean\n}\n\nexport const Toolbar = React.forwardRef<\n ElementRef<typeof StyledToolbar>,\n ToolbarProps\n>(\n (\n {\n unstyled = false,\n orientation = 'horizontal',\n dir = 'ltr',\n loop = true,\n direction,\n ...restProps\n },\n forwardRef\n ) => (\n <StyledToolbar\n unstyled={unstyled}\n orientation={orientation}\n dir={direction ?? dir}\n loop={loop}\n ref={forwardRef}\n {...restProps}\n />\n )\n) as ForwardRefExoticComponent<ToolbarProps> & Partials\n\n// Partials\n// -----------------------------------------------------------------------------\n\ninterface Partials {\n Icon: typeof Icon\n Item: typeof Item\n Link: typeof Link\n Separator: typeof Separator\n}\n\nToolbar.Icon = Icon\nToolbar.Item = Item\nToolbar.Link = Link\nToolbar.Separator = Separator\n"],"names":["styled","Root","RadixToolbar","focus","React","jsx","Separator"],"mappings":"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"}
1
+ {"version":3,"file":"main.js","sources":["../src/toolbar.styled.ts","../src/partials/item.styled.ts","../src/partials/item.tsx","../src/partials/icon.styled.tsx","../src/partials/icon.tsx","../src/partials/separator.styled.ts","../src/partials/separator.tsx","../src/partials/link.styled.tsx","../src/partials/link.tsx","../src/toolbar.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { Root } from '@radix-ui/react-toolbar'\n\nexport const StyledToolbar = styled(Root, {\n all: 'unset',\n display: 'flex',\n boxSizing: 'border-box',\n alignItems: 'center',\n maxWidth: '100%',\n gap: '2px',\n\n '&[data-orientation=\"vertical\"]': {\n flexDirection: 'column',\n width: '$12',\n },\n\n '&[data-orientation=\"horizontal\"]': {\n height: '$12',\n },\n\n variants: {\n unstyled: {\n false: {\n backgroundColor: '$background-neutrals-container',\n boxShadow: '$50',\n borderRadius: '$50',\n padding: '2px',\n },\n },\n },\n})\n\nexport type StyledToolbarProps = StrictComponentProps<typeof StyledToolbar>\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixToolbar from '@radix-ui/react-toolbar'\nimport { focus } from '@mirohq/design-system-styles'\n\nconst defaultStyles = {\n boxSizing: 'border-box',\n cursor: 'pointer',\n userSelect: 'none',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n flexShrink: 0,\n}\n\nexport const StyledItem = styled(RadixToolbar.Button, {\n variants: {\n unstyled: {\n true: {\n ...defaultStyles,\n },\n false: {\n ...defaultStyles,\n borderRadius: 4,\n height: '$11',\n\n '@media (hover: hover)': {\n '&:hover': {\n backgroundColor: '$background-primary-subtle-hover',\n color: '$icon-primary-hover',\n },\n },\n\n '&:active': {\n backgroundColor: '$background-primary-subtle-active',\n color: '$icon-primary-active',\n },\n\n ...focus.css({\n backgroundColor: '$background-neutrals-container',\n color: '$icon-neutrals',\n }),\n\n '&[disabled]': {\n opacity: '0.4',\n pointerEvents: 'none',\n },\n\n '&&': {\n ...focus.inner,\n },\n },\n },\n wrapper: {\n true: {\n backgroundColor: 'transparent',\n border: 'none',\n cursor: 'pointer',\n },\n },\n active: {\n true: {},\n false: {},\n },\n },\n\n '&[tabindex=\"0\"]': {\n zIndex: '1',\n },\n\n compoundVariants: [\n {\n unstyled: false,\n active: true,\n css: {\n '&&': {\n backgroundColor: '$background-primary-subtle-hover',\n color: '$icon-primary-hover',\n },\n },\n },\n ],\n})\n\nexport type StyledItemProps = StrictComponentProps<typeof StyledItem>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { StyledItemProps } from './item.styled'\nimport { StyledItem } from './item.styled'\n\nexport interface ItemProps extends StyledItemProps {\n /**\n * Renders item in enabled/toggled state\n */\n active?: boolean\n\n /**\n * It's applied by default when using with asChild attribute.\n * You can still combine default Item styles with your own component by setting this prop to false.\n * Note: Must be used together with asChild\n * @default true\n */\n unstyled?: boolean\n\n disabled?: boolean\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n ({ asChild, unstyled = true, active = false, ...restProps }, forwardRef) => (\n <StyledItem\n {...restProps}\n asChild={asChild}\n active={active}\n unstyled={asChild === true ? unstyled : false}\n wrapper={asChild !== true}\n ref={forwardRef}\n />\n )\n)\n","import { styled } from '@mirohq/design-system-stitches'\n\nimport { Item } from './item'\n\nexport const StyledIcon = styled(Item, {\n padding: 0,\n border: 'none',\n font: 'unset',\n width: '$11',\n color: '$icon-neutrals',\n})\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { ItemProps } from './item'\nimport { StyledIcon } from './icon.styled'\n\nexport type IconProps = Omit<ItemProps, 'unstyled'>\n\nexport const Icon = React.forwardRef<ElementRef<typeof StyledIcon>, IconProps>(\n (props, forwardRef) => (\n <StyledIcon unstyled={false} {...props} ref={forwardRef} />\n )\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { Separator } from '@radix-ui/react-toolbar'\n\nexport const StyledSeparator = styled(Separator, {\n all: 'unset',\n display: 'block',\n boxSizing: 'border-box',\n backgroundColor: 'rgba(205, 204, 215, 1)',\n\n '&[data-orientation=\"vertical\"]': {\n width: '1px',\n height: '$6',\n margin: '0 $50',\n },\n\n '&[data-orientation=\"horizontal\"]': {\n height: '1px',\n width: '$6',\n margin: '$50 0',\n },\n})\n\nexport type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { StyledSeparatorProps } from './separator.styled'\nimport { StyledSeparator } from './separator.styled'\n\nexport interface SeparatorProps extends StyledSeparatorProps {}\n\nexport const Separator = React.forwardRef<\n ElementRef<typeof StyledSeparator>,\n SeparatorProps\n>((props, forwardRef) => <StyledSeparator {...props} ref={forwardRef} />)\n","import { styled } from '@mirohq/design-system-stitches'\n\nimport { Item } from './item'\n\nexport const StyledLink = styled(Item, {\n paddingX: '$150',\n textDecoration: 'none',\n})\n","import React from 'react'\nimport type { ElementRef, AnchorHTMLAttributes } from 'react'\n\nimport type { ItemProps } from './item'\nimport { StyledLink } from './link.styled'\n\ntype ItemPropsWithAnchor = Omit<ItemProps, 'unstyled'> &\n AnchorHTMLAttributes<typeof StyledLink>\nexport interface LinkProps extends ItemPropsWithAnchor {}\n\nexport const Link = React.forwardRef<ElementRef<typeof StyledLink>, LinkProps>(\n ({ children, href, ...restProps }, forwardRef) => (\n <StyledLink asChild unstyled={false} {...restProps} ref={forwardRef}>\n <a href={href}>{children}</a>\n </StyledLink>\n )\n)\n","import React from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\n\nimport type { StyledToolbarProps } from './toolbar.styled'\nimport { StyledToolbar } from './toolbar.styled'\nimport { Icon } from './partials/icon'\nimport { Separator } from './partials/separator'\nimport { Link } from './partials/link'\nimport { Item } from './partials/item'\n\nexport interface ToolbarProps extends StyledToolbarProps {\n /**\n * Defines whether the toolbar has default styles (e.g. background, shadow, etc.)\n * @default false\n */\n unstyled?: boolean\n\n /**\n * The orientation of the toolbar\n * @default horizontal\n */\n orientation?: 'horizontal' | 'vertical'\n\n /**\n * The reading direction of the toolbar\n * @default ltr\n */\n dir?: 'ltr' | 'rtl'\n\n /**\n * The reading direction of the toolbar\n * @deprecated use dir instead\n */\n direction?: 'ltr' | 'rtl'\n\n /**\n * When true, keyboard navigation will loop from last tab to first, and vice versa\n * @default true\n */\n loop?: boolean\n}\n\nexport const Toolbar = React.forwardRef<\n ElementRef<typeof StyledToolbar>,\n ToolbarProps\n>(\n (\n {\n unstyled = false,\n orientation = 'horizontal',\n dir = 'ltr',\n loop = true,\n direction,\n ...restProps\n },\n forwardRef\n ) => (\n <StyledToolbar\n unstyled={unstyled}\n orientation={orientation}\n dir={direction ?? dir}\n loop={loop}\n ref={forwardRef}\n {...restProps}\n />\n )\n) as ForwardRefExoticComponent<ToolbarProps> & Partials\n\n// Partials\n// -----------------------------------------------------------------------------\n\ninterface Partials {\n Icon: typeof Icon\n Item: typeof Item\n Link: typeof Link\n Separator: typeof Separator\n}\n\nToolbar.Icon = Icon\nToolbar.Item = Item\nToolbar.Link = Link\nToolbar.Separator = Separator\n"],"names":["styled","Root","RadixToolbar","focus","React","jsx","Separator"],"mappings":"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"}
package/dist/module.js CHANGED
@@ -117,6 +117,9 @@ const Item = React.forwardRef(
117
117
  );
118
118
 
119
119
  const StyledIcon = styled(Item, {
120
+ padding: 0,
121
+ border: "none",
122
+ font: "unset",
120
123
  width: "$11",
121
124
  color: "$icon-neutrals"
122
125
  });
package/dist/module.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"module.js","sources":["../src/toolbar.styled.ts","../src/partials/item.styled.ts","../src/partials/item.tsx","../src/partials/icon.styled.tsx","../src/partials/icon.tsx","../src/partials/separator.styled.ts","../src/partials/separator.tsx","../src/partials/link.styled.tsx","../src/partials/link.tsx","../src/toolbar.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { Root } from '@radix-ui/react-toolbar'\n\nexport const StyledToolbar = styled(Root, {\n all: 'unset',\n display: 'flex',\n boxSizing: 'border-box',\n alignItems: 'center',\n maxWidth: '100%',\n gap: '2px',\n\n '&[data-orientation=\"vertical\"]': {\n flexDirection: 'column',\n width: '$12',\n },\n\n '&[data-orientation=\"horizontal\"]': {\n height: '$12',\n },\n\n variants: {\n unstyled: {\n false: {\n backgroundColor: '$background-neutrals-container',\n boxShadow: '$50',\n borderRadius: '$50',\n padding: '2px',\n },\n },\n },\n})\n\nexport type StyledToolbarProps = StrictComponentProps<typeof StyledToolbar>\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixToolbar from '@radix-ui/react-toolbar'\nimport { focus } from '@mirohq/design-system-styles'\n\nconst defaultStyles = {\n boxSizing: 'border-box',\n cursor: 'pointer',\n userSelect: 'none',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n flexShrink: 0,\n}\n\nexport const StyledItem = styled(RadixToolbar.Button, {\n variants: {\n unstyled: {\n true: {\n ...defaultStyles,\n },\n false: {\n ...defaultStyles,\n borderRadius: 4,\n height: '$11',\n\n '@media (hover: hover)': {\n '&:hover': {\n backgroundColor: '$background-primary-subtle-hover',\n color: '$icon-primary-hover',\n },\n },\n\n '&:active': {\n backgroundColor: '$background-primary-subtle-active',\n color: '$icon-primary-active',\n },\n\n ...focus.css({\n backgroundColor: '$background-neutrals-container',\n color: '$icon-neutrals',\n }),\n\n '&[disabled]': {\n opacity: '0.4',\n pointerEvents: 'none',\n },\n\n '&&': {\n ...focus.inner,\n },\n },\n },\n wrapper: {\n true: {\n backgroundColor: 'transparent',\n border: 'none',\n cursor: 'pointer',\n },\n },\n active: {\n true: {},\n false: {},\n },\n },\n\n '&[tabindex=\"0\"]': {\n zIndex: '1',\n },\n\n compoundVariants: [\n {\n unstyled: false,\n active: true,\n css: {\n '&&': {\n backgroundColor: '$background-primary-subtle-hover',\n color: '$icon-primary-hover',\n },\n },\n },\n ],\n})\n\nexport type StyledItemProps = StrictComponentProps<typeof StyledItem>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { StyledItemProps } from './item.styled'\nimport { StyledItem } from './item.styled'\n\nexport interface ItemProps extends StyledItemProps {\n /**\n * Renders item in enabled/toggled state\n */\n active?: boolean\n\n /**\n * It's applied by default when using with asChild attribute.\n * You can still combine default Item styles with your own component by setting this prop to false.\n * Note: Must be used together with asChild\n * @default true\n */\n unstyled?: boolean\n\n disabled?: boolean\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n ({ asChild, unstyled = true, active = false, ...restProps }, forwardRef) => (\n <StyledItem\n {...restProps}\n asChild={asChild}\n active={active}\n unstyled={asChild === true ? unstyled : false}\n wrapper={asChild !== true}\n ref={forwardRef}\n />\n )\n)\n","import { styled } from '@mirohq/design-system-stitches'\n\nimport { Item } from './item'\n\nexport const StyledIcon = styled(Item, {\n width: '$11',\n color: '$icon-neutrals',\n})\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { ItemProps } from './item'\nimport { StyledIcon } from './icon.styled'\n\nexport type IconProps = Omit<ItemProps, 'unstyled'>\n\nexport const Icon = React.forwardRef<ElementRef<typeof StyledIcon>, IconProps>(\n (props, forwardRef) => (\n <StyledIcon unstyled={false} {...props} ref={forwardRef} />\n )\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { Separator } from '@radix-ui/react-toolbar'\n\nexport const StyledSeparator = styled(Separator, {\n all: 'unset',\n display: 'block',\n boxSizing: 'border-box',\n backgroundColor: 'rgba(205, 204, 215, 1)',\n\n '&[data-orientation=\"vertical\"]': {\n width: '1px',\n height: '$6',\n margin: '0 $50',\n },\n\n '&[data-orientation=\"horizontal\"]': {\n height: '1px',\n width: '$6',\n margin: '$50 0',\n },\n})\n\nexport type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { StyledSeparatorProps } from './separator.styled'\nimport { StyledSeparator } from './separator.styled'\n\nexport interface SeparatorProps extends StyledSeparatorProps {}\n\nexport const Separator = React.forwardRef<\n ElementRef<typeof StyledSeparator>,\n SeparatorProps\n>((props, forwardRef) => <StyledSeparator {...props} ref={forwardRef} />)\n","import { styled } from '@mirohq/design-system-stitches'\n\nimport { Item } from './item'\n\nexport const StyledLink = styled(Item, {\n paddingX: '$150',\n textDecoration: 'none',\n})\n","import React from 'react'\nimport type { ElementRef, AnchorHTMLAttributes } from 'react'\n\nimport type { ItemProps } from './item'\nimport { StyledLink } from './link.styled'\n\ntype ItemPropsWithAnchor = Omit<ItemProps, 'unstyled'> &\n AnchorHTMLAttributes<typeof StyledLink>\nexport interface LinkProps extends ItemPropsWithAnchor {}\n\nexport const Link = React.forwardRef<ElementRef<typeof StyledLink>, LinkProps>(\n ({ children, href, ...restProps }, forwardRef) => (\n <StyledLink asChild unstyled={false} {...restProps} ref={forwardRef}>\n <a href={href}>{children}</a>\n </StyledLink>\n )\n)\n","import React from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\n\nimport type { StyledToolbarProps } from './toolbar.styled'\nimport { StyledToolbar } from './toolbar.styled'\nimport { Icon } from './partials/icon'\nimport { Separator } from './partials/separator'\nimport { Link } from './partials/link'\nimport { Item } from './partials/item'\n\nexport interface ToolbarProps extends StyledToolbarProps {\n /**\n * Defines whether the toolbar has default styles (e.g. background, shadow, etc.)\n * @default false\n */\n unstyled?: boolean\n\n /**\n * The orientation of the toolbar\n * @default horizontal\n */\n orientation?: 'horizontal' | 'vertical'\n\n /**\n * The reading direction of the toolbar\n * @default ltr\n */\n dir?: 'ltr' | 'rtl'\n\n /**\n * The reading direction of the toolbar\n * @deprecated use dir instead\n */\n direction?: 'ltr' | 'rtl'\n\n /**\n * When true, keyboard navigation will loop from last tab to first, and vice versa\n * @default true\n */\n loop?: boolean\n}\n\nexport const Toolbar = React.forwardRef<\n ElementRef<typeof StyledToolbar>,\n ToolbarProps\n>(\n (\n {\n unstyled = false,\n orientation = 'horizontal',\n dir = 'ltr',\n loop = true,\n direction,\n ...restProps\n },\n forwardRef\n ) => (\n <StyledToolbar\n unstyled={unstyled}\n orientation={orientation}\n dir={direction ?? dir}\n loop={loop}\n ref={forwardRef}\n {...restProps}\n />\n )\n) as ForwardRefExoticComponent<ToolbarProps> & Partials\n\n// Partials\n// -----------------------------------------------------------------------------\n\ninterface Partials {\n Icon: typeof Icon\n Item: typeof Item\n Link: typeof Link\n Separator: typeof Separator\n}\n\nToolbar.Icon = Icon\nToolbar.Item = Item\nToolbar.Link = Link\nToolbar.Separator = Separator\n"],"names":["Separator"],"mappings":"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"}
1
+ {"version":3,"file":"module.js","sources":["../src/toolbar.styled.ts","../src/partials/item.styled.ts","../src/partials/item.tsx","../src/partials/icon.styled.tsx","../src/partials/icon.tsx","../src/partials/separator.styled.ts","../src/partials/separator.tsx","../src/partials/link.styled.tsx","../src/partials/link.tsx","../src/toolbar.tsx"],"sourcesContent":["import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { Root } from '@radix-ui/react-toolbar'\n\nexport const StyledToolbar = styled(Root, {\n all: 'unset',\n display: 'flex',\n boxSizing: 'border-box',\n alignItems: 'center',\n maxWidth: '100%',\n gap: '2px',\n\n '&[data-orientation=\"vertical\"]': {\n flexDirection: 'column',\n width: '$12',\n },\n\n '&[data-orientation=\"horizontal\"]': {\n height: '$12',\n },\n\n variants: {\n unstyled: {\n false: {\n backgroundColor: '$background-neutrals-container',\n boxShadow: '$50',\n borderRadius: '$50',\n padding: '2px',\n },\n },\n },\n})\n\nexport type StyledToolbarProps = StrictComponentProps<typeof StyledToolbar>\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport * as RadixToolbar from '@radix-ui/react-toolbar'\nimport { focus } from '@mirohq/design-system-styles'\n\nconst defaultStyles = {\n boxSizing: 'border-box',\n cursor: 'pointer',\n userSelect: 'none',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n flexShrink: 0,\n}\n\nexport const StyledItem = styled(RadixToolbar.Button, {\n variants: {\n unstyled: {\n true: {\n ...defaultStyles,\n },\n false: {\n ...defaultStyles,\n borderRadius: 4,\n height: '$11',\n\n '@media (hover: hover)': {\n '&:hover': {\n backgroundColor: '$background-primary-subtle-hover',\n color: '$icon-primary-hover',\n },\n },\n\n '&:active': {\n backgroundColor: '$background-primary-subtle-active',\n color: '$icon-primary-active',\n },\n\n ...focus.css({\n backgroundColor: '$background-neutrals-container',\n color: '$icon-neutrals',\n }),\n\n '&[disabled]': {\n opacity: '0.4',\n pointerEvents: 'none',\n },\n\n '&&': {\n ...focus.inner,\n },\n },\n },\n wrapper: {\n true: {\n backgroundColor: 'transparent',\n border: 'none',\n cursor: 'pointer',\n },\n },\n active: {\n true: {},\n false: {},\n },\n },\n\n '&[tabindex=\"0\"]': {\n zIndex: '1',\n },\n\n compoundVariants: [\n {\n unstyled: false,\n active: true,\n css: {\n '&&': {\n backgroundColor: '$background-primary-subtle-hover',\n color: '$icon-primary-hover',\n },\n },\n },\n ],\n})\n\nexport type StyledItemProps = StrictComponentProps<typeof StyledItem>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { StyledItemProps } from './item.styled'\nimport { StyledItem } from './item.styled'\n\nexport interface ItemProps extends StyledItemProps {\n /**\n * Renders item in enabled/toggled state\n */\n active?: boolean\n\n /**\n * It's applied by default when using with asChild attribute.\n * You can still combine default Item styles with your own component by setting this prop to false.\n * Note: Must be used together with asChild\n * @default true\n */\n unstyled?: boolean\n\n disabled?: boolean\n}\n\nexport const Item = React.forwardRef<ElementRef<typeof StyledItem>, ItemProps>(\n ({ asChild, unstyled = true, active = false, ...restProps }, forwardRef) => (\n <StyledItem\n {...restProps}\n asChild={asChild}\n active={active}\n unstyled={asChild === true ? unstyled : false}\n wrapper={asChild !== true}\n ref={forwardRef}\n />\n )\n)\n","import { styled } from '@mirohq/design-system-stitches'\n\nimport { Item } from './item'\n\nexport const StyledIcon = styled(Item, {\n padding: 0,\n border: 'none',\n font: 'unset',\n width: '$11',\n color: '$icon-neutrals',\n})\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { ItemProps } from './item'\nimport { StyledIcon } from './icon.styled'\n\nexport type IconProps = Omit<ItemProps, 'unstyled'>\n\nexport const Icon = React.forwardRef<ElementRef<typeof StyledIcon>, IconProps>(\n (props, forwardRef) => (\n <StyledIcon unstyled={false} {...props} ref={forwardRef} />\n )\n)\n","import { styled } from '@mirohq/design-system-stitches'\nimport type { StrictComponentProps } from '@mirohq/design-system-stitches'\nimport { Separator } from '@radix-ui/react-toolbar'\n\nexport const StyledSeparator = styled(Separator, {\n all: 'unset',\n display: 'block',\n boxSizing: 'border-box',\n backgroundColor: 'rgba(205, 204, 215, 1)',\n\n '&[data-orientation=\"vertical\"]': {\n width: '1px',\n height: '$6',\n margin: '0 $50',\n },\n\n '&[data-orientation=\"horizontal\"]': {\n height: '1px',\n width: '$6',\n margin: '$50 0',\n },\n})\n\nexport type StyledSeparatorProps = StrictComponentProps<typeof StyledSeparator>\n","import React from 'react'\nimport type { ElementRef } from 'react'\n\nimport type { StyledSeparatorProps } from './separator.styled'\nimport { StyledSeparator } from './separator.styled'\n\nexport interface SeparatorProps extends StyledSeparatorProps {}\n\nexport const Separator = React.forwardRef<\n ElementRef<typeof StyledSeparator>,\n SeparatorProps\n>((props, forwardRef) => <StyledSeparator {...props} ref={forwardRef} />)\n","import { styled } from '@mirohq/design-system-stitches'\n\nimport { Item } from './item'\n\nexport const StyledLink = styled(Item, {\n paddingX: '$150',\n textDecoration: 'none',\n})\n","import React from 'react'\nimport type { ElementRef, AnchorHTMLAttributes } from 'react'\n\nimport type { ItemProps } from './item'\nimport { StyledLink } from './link.styled'\n\ntype ItemPropsWithAnchor = Omit<ItemProps, 'unstyled'> &\n AnchorHTMLAttributes<typeof StyledLink>\nexport interface LinkProps extends ItemPropsWithAnchor {}\n\nexport const Link = React.forwardRef<ElementRef<typeof StyledLink>, LinkProps>(\n ({ children, href, ...restProps }, forwardRef) => (\n <StyledLink asChild unstyled={false} {...restProps} ref={forwardRef}>\n <a href={href}>{children}</a>\n </StyledLink>\n )\n)\n","import React from 'react'\nimport type { ElementRef, ForwardRefExoticComponent } from 'react'\n\nimport type { StyledToolbarProps } from './toolbar.styled'\nimport { StyledToolbar } from './toolbar.styled'\nimport { Icon } from './partials/icon'\nimport { Separator } from './partials/separator'\nimport { Link } from './partials/link'\nimport { Item } from './partials/item'\n\nexport interface ToolbarProps extends StyledToolbarProps {\n /**\n * Defines whether the toolbar has default styles (e.g. background, shadow, etc.)\n * @default false\n */\n unstyled?: boolean\n\n /**\n * The orientation of the toolbar\n * @default horizontal\n */\n orientation?: 'horizontal' | 'vertical'\n\n /**\n * The reading direction of the toolbar\n * @default ltr\n */\n dir?: 'ltr' | 'rtl'\n\n /**\n * The reading direction of the toolbar\n * @deprecated use dir instead\n */\n direction?: 'ltr' | 'rtl'\n\n /**\n * When true, keyboard navigation will loop from last tab to first, and vice versa\n * @default true\n */\n loop?: boolean\n}\n\nexport const Toolbar = React.forwardRef<\n ElementRef<typeof StyledToolbar>,\n ToolbarProps\n>(\n (\n {\n unstyled = false,\n orientation = 'horizontal',\n dir = 'ltr',\n loop = true,\n direction,\n ...restProps\n },\n forwardRef\n ) => (\n <StyledToolbar\n unstyled={unstyled}\n orientation={orientation}\n dir={direction ?? dir}\n loop={loop}\n ref={forwardRef}\n {...restProps}\n />\n )\n) as ForwardRefExoticComponent<ToolbarProps> & Partials\n\n// Partials\n// -----------------------------------------------------------------------------\n\ninterface Partials {\n Icon: typeof Icon\n Item: typeof Item\n Link: typeof Link\n Separator: typeof Separator\n}\n\nToolbar.Icon = Icon\nToolbar.Item = Item\nToolbar.Link = Link\nToolbar.Separator = Separator\n"],"names":["Separator"],"mappings":"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"}
package/dist/types.d.ts CHANGED
@@ -19,6 +19,7 @@ declare const StyledToolbar: react.ForwardRefExoticComponent<Omit<Omit<{
19
19
  readonly lg: "4px";
20
20
  };
21
21
  colors: {
22
+ readonly black: any;
22
23
  readonly 'blue-100': any;
23
24
  readonly 'blue-200': any;
24
25
  readonly 'blue-300': any;
@@ -38,6 +39,15 @@ declare const StyledToolbar: react.ForwardRefExoticComponent<Omit<Omit<{
38
39
  readonly 'gray-700': any;
39
40
  readonly 'gray-800': any;
40
41
  readonly 'gray-900': any;
42
+ readonly 'green-100': any;
43
+ readonly 'green-200': any;
44
+ readonly 'green-300': any;
45
+ readonly 'green-400': any;
46
+ readonly 'green-500': any;
47
+ readonly 'green-600': any;
48
+ readonly 'green-700': any;
49
+ readonly 'green-800': any;
50
+ readonly 'green-900': any;
41
51
  readonly 'indigo-100': any;
42
52
  readonly 'indigo-200': any;
43
53
  readonly 'indigo-300': any;
@@ -56,6 +66,8 @@ declare const StyledToolbar: react.ForwardRefExoticComponent<Omit<Omit<{
56
66
  readonly 'red-700': any;
57
67
  readonly 'red-800': any;
58
68
  readonly 'red-900': any;
69
+ readonly transparent: any;
70
+ readonly white: any;
59
71
  readonly 'yellow-100': any;
60
72
  readonly 'yellow-200': any;
61
73
  readonly 'yellow-300': any;
@@ -65,113 +77,112 @@ declare const StyledToolbar: react.ForwardRefExoticComponent<Omit<Omit<{
65
77
  readonly 'yellow-700': any;
66
78
  readonly 'yellow-800': any;
67
79
  readonly 'yellow-900': any;
68
- readonly 'green-100': any;
69
- readonly 'green-200': any;
70
- readonly 'green-300': any;
71
- readonly 'green-400': any;
72
- readonly 'green-500': any;
73
- readonly 'green-600': any;
74
- readonly 'green-700': any;
75
- readonly 'green-800': any;
76
- readonly 'green-900': any;
77
- readonly black: any;
78
- readonly white: any;
79
- readonly transparent: any;
80
- readonly 'background-danger'?: any;
81
- readonly 'background-danger-hover'?: any;
82
- readonly 'background-danger-prominent'?: any;
83
- readonly 'background-danger-prominent-active'?: any;
84
- readonly 'background-danger-prominent-hover'?: any;
85
- readonly 'background-neutrals'?: any;
86
- readonly 'background-neutrals-container'?: any;
87
- readonly 'background-neutrals-controls-disabled'?: any;
88
- readonly 'background-neutrals-disabled'?: any;
89
- readonly 'background-neutrals-inactive'?: any;
90
- readonly 'background-neutrals-inactive-hover'?: any;
91
- readonly 'background-neutrals-inverted'?: any;
92
- readonly 'background-neutrals-inverted-subtle'?: any;
93
- readonly 'background-neutrals-page'?: any;
94
- readonly 'background-neutrals-page-subtle'?: any;
95
- readonly 'background-neutrals-scrolls'?: any;
96
- readonly 'background-neutrals-scrolls-hover'?: any;
97
- readonly 'background-neutrals-subtle'?: any;
98
- readonly 'background-neutrals-subtle-active'?: any;
99
- readonly 'background-neutrals-subtle-hover'?: any;
100
- readonly 'background-primary-prominent'?: any;
101
- readonly 'background-primary-prominent-active'?: any;
102
- readonly 'background-primary-prominent-hover'?: any;
103
- readonly 'background-primary-prominent-selected'?: any;
104
- readonly 'background-primary-subtle'?: any;
105
- readonly 'background-primary-subtle-active'?: any;
106
- readonly 'background-primary-subtle-hover'?: any;
107
- readonly 'background-primary-subtle-selected'?: any;
108
- readonly 'background-success'?: any;
109
- readonly 'background-warning-prominent'?: any;
110
- readonly 'background-warning-subtle'?: any;
111
- readonly 'text-danger'?: any;
112
- readonly 'text-danger-active'?: any;
113
- readonly 'text-danger-hover'?: any;
114
- readonly 'text-danger-inverted'?: any;
115
- readonly 'text-neutrals'?: any;
116
- readonly 'text-neutrals-disabled'?: any;
117
- readonly 'text-neutrals-inverted'?: any;
118
- readonly 'text-neutrals-placeholder'?: any;
119
- readonly 'text-neutrals-placeholder-only'?: any;
120
- readonly 'text-neutrals-subtle'?: any;
121
- readonly 'text-neutrals-subtle-active'?: any;
122
- readonly 'text-neutrals-subtle-hover'?: any;
123
- readonly 'text-primary'?: any;
124
- readonly 'text-primary-active'?: any;
125
- readonly 'text-primary-hover'?: any;
126
- readonly 'text-primary-inverted'?: any;
127
- readonly 'text-primary-inverted-subtle'?: any;
128
- readonly 'text-primary-selected'?: any;
129
- readonly 'text-success'?: any;
130
- readonly 'text-warning'?: any;
131
- readonly 'icon-danger'?: any;
132
- readonly 'icon-danger-active'?: any;
133
- readonly 'icon-danger-hover'?: any;
134
- readonly 'icon-danger-inverted'?: any;
135
- readonly 'icon-neutrals'?: any;
136
- readonly 'icon-neutrals-disabled'?: any;
137
- readonly 'icon-neutrals-inactive'?: any;
138
- readonly 'icon-neutrals-inactive-hover'?: any;
139
- readonly 'icon-neutrals-inverted'?: any;
140
- readonly 'icon-neutrals-search'?: any;
141
- readonly 'icon-neutrals-subtle'?: any;
142
- readonly 'icon-neutrals-text'?: any;
143
- readonly 'icon-primary'?: any;
144
- readonly 'icon-primary-active'?: any;
145
- readonly 'icon-primary-hover'?: any;
146
- readonly 'icon-primary-inverted'?: any;
147
- readonly 'icon-primary-selected'?: any;
148
- readonly 'icon-success'?: any;
149
- readonly 'icon-success-inverted'?: any;
150
- readonly 'icon-warning'?: any;
151
- readonly 'icon-warning-prominent'?: any;
152
- readonly 'border-danger'?: any;
153
- readonly 'border-danger-active'?: any;
154
- readonly 'border-danger-hover'?: any;
155
- readonly 'border-focus-inner'?: any;
156
- readonly 'border-focus-middle'?: any;
157
- readonly 'border-focus-outer'?: any;
158
- readonly 'border-neutrals'?: any;
159
- readonly 'border-neutrals-active'?: any;
160
- readonly 'border-neutrals-controls'?: any;
161
- readonly 'border-neutrals-controls-disabled'?: any;
162
- readonly 'border-neutrals-disabled'?: any;
163
- readonly 'border-neutrals-hover'?: any;
164
- readonly 'border-neutrals-inverted'?: any;
165
- readonly 'border-neutrals-subtle'?: any;
166
- readonly 'border-neutrals-text-subtle'?: any;
167
- readonly 'border-neutrals-text-subtle-active'?: any;
168
- readonly 'border-neutrals-text-subtle-hover'?: any;
169
- readonly 'border-primary'?: any;
170
- readonly 'border-primary-active'?: any;
171
- readonly 'border-primary-hover'?: any;
172
- readonly 'border-primary-inverted'?: any;
173
- readonly 'border-success'?: any;
174
- readonly 'border-warning'?: any;
80
+ "background-alpha-active"?: any;
81
+ "background-alpha-hover"?: any;
82
+ "background-danger-prominent"?: any;
83
+ "background-danger-prominent-active"?: any;
84
+ "background-danger-prominent-hover"?: any;
85
+ "background-danger-subtle"?: any;
86
+ "background-danger-subtle-active"?: any;
87
+ "background-danger-subtle-hover"?: any;
88
+ "background-neutrals"?: any;
89
+ "background-neutrals-active"?: any;
90
+ "background-neutrals-container"?: any;
91
+ "background-neutrals-controls-disabled"?: any;
92
+ "background-neutrals-disabled"?: any;
93
+ "background-neutrals-hover"?: any;
94
+ "background-neutrals-inactive"?: any;
95
+ "background-neutrals-inactive-hover"?: any;
96
+ "background-neutrals-inverted"?: any;
97
+ "background-neutrals-inverted-subtle"?: any;
98
+ "background-neutrals-page"?: any;
99
+ "background-neutrals-page-subtle"?: any;
100
+ "background-neutrals-scrolls"?: any;
101
+ "background-neutrals-scrolls-hover"?: any;
102
+ "background-neutrals-subtle"?: any;
103
+ "background-neutrals-subtle-active"?: any;
104
+ "background-neutrals-subtle-hover"?: any;
105
+ "background-primary-prominent"?: any;
106
+ "background-primary-prominent-active"?: any;
107
+ "background-primary-prominent-hover"?: any;
108
+ "background-primary-prominent-selected"?: any;
109
+ "background-primary-subtle"?: any;
110
+ "background-primary-subtle-active"?: any;
111
+ "background-primary-subtle-hover"?: any;
112
+ "background-primary-subtle-selected"?: any;
113
+ "background-success"?: any;
114
+ "background-warning-prominent"?: any;
115
+ "background-warning-subtle"?: any;
116
+ "border-danger"?: any;
117
+ "border-danger-active"?: any;
118
+ "border-danger-hover"?: any;
119
+ "border-focus-inner"?: any;
120
+ "border-focus-middle"?: any;
121
+ "border-focus-outer"?: any;
122
+ "border-neutrals"?: any;
123
+ "border-neutrals-active"?: any;
124
+ "border-neutrals-controls"?: any;
125
+ "border-neutrals-controls-disabled"?: any;
126
+ "border-neutrals-disabled"?: any;
127
+ "border-neutrals-hover"?: any;
128
+ "border-neutrals-inverted"?: any;
129
+ "border-neutrals-subtle"?: any;
130
+ "border-neutrals-text"?: any;
131
+ "border-neutrals-text-active"?: any;
132
+ "border-neutrals-text-hover"?: any;
133
+ "border-neutrals-text-subtle"?: any;
134
+ "border-neutrals-text-subtle-active"?: any;
135
+ "border-neutrals-text-subtle-hover"?: any;
136
+ "border-neutrals-transparent"?: any;
137
+ "border-primary"?: any;
138
+ "border-primary-active"?: any;
139
+ "border-primary-hover"?: any;
140
+ "border-primary-inverted"?: any;
141
+ "border-success"?: any;
142
+ "border-warning"?: any;
143
+ "icon-danger"?: any;
144
+ "icon-danger-active"?: any;
145
+ "icon-danger-hover"?: any;
146
+ "icon-danger-inverted"?: any;
147
+ "icon-neutrals"?: any;
148
+ "icon-neutrals-disabled"?: any;
149
+ "icon-neutrals-inactive"?: any;
150
+ "icon-neutrals-inactive-hover"?: any;
151
+ "icon-neutrals-inverted"?: any;
152
+ "icon-neutrals-search"?: any;
153
+ "icon-neutrals-subtle"?: any;
154
+ "icon-neutrals-text"?: any;
155
+ "icon-primary"?: any;
156
+ "icon-primary-active"?: any;
157
+ "icon-primary-hover"?: any;
158
+ "icon-primary-inverted"?: any;
159
+ "icon-primary-selected"?: any;
160
+ "icon-success"?: any;
161
+ "icon-success-inverted"?: any;
162
+ "icon-warning"?: any;
163
+ "icon-warning-prominent"?: any;
164
+ "text-danger"?: any;
165
+ "text-danger-active"?: any;
166
+ "text-danger-hover"?: any;
167
+ "text-danger-inverted"?: any;
168
+ "text-neutrals"?: any;
169
+ "text-neutrals-active"?: any;
170
+ "text-neutrals-disabled"?: any;
171
+ "text-neutrals-hover"?: any;
172
+ "text-neutrals-inverted"?: any;
173
+ "text-neutrals-placeholder"?: any;
174
+ "text-neutrals-placeholder-only"?: any;
175
+ "text-neutrals-subtle"?: any;
176
+ "text-neutrals-subtle-active"?: any;
177
+ "text-neutrals-subtle-hover"?: any;
178
+ "text-primary"?: any;
179
+ "text-primary-active"?: any;
180
+ "text-primary-hover"?: any;
181
+ "text-primary-inverted"?: any;
182
+ "text-primary-inverted-subtle"?: any;
183
+ "text-primary-selected"?: any;
184
+ "text-success"?: any;
185
+ "text-warning"?: any;
175
186
  };
176
187
  'font-sizes': {
177
188
  readonly 150: "0.75rem";
@@ -479,6 +490,7 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
479
490
  readonly lg: "4px";
480
491
  };
481
492
  colors: {
493
+ readonly black: any;
482
494
  readonly 'blue-100': any;
483
495
  readonly 'blue-200': any;
484
496
  readonly 'blue-300': any;
@@ -498,6 +510,15 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
498
510
  readonly 'gray-700': any;
499
511
  readonly 'gray-800': any;
500
512
  readonly 'gray-900': any;
513
+ readonly 'green-100': any;
514
+ readonly 'green-200': any;
515
+ readonly 'green-300': any;
516
+ readonly 'green-400': any;
517
+ readonly 'green-500': any;
518
+ readonly 'green-600': any;
519
+ readonly 'green-700': any;
520
+ readonly 'green-800': any;
521
+ readonly 'green-900': any;
501
522
  readonly 'indigo-100': any;
502
523
  readonly 'indigo-200': any;
503
524
  readonly 'indigo-300': any;
@@ -516,6 +537,8 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
516
537
  readonly 'red-700': any;
517
538
  readonly 'red-800': any;
518
539
  readonly 'red-900': any;
540
+ readonly transparent: any;
541
+ readonly white: any;
519
542
  readonly 'yellow-100': any;
520
543
  readonly 'yellow-200': any;
521
544
  readonly 'yellow-300': any;
@@ -525,113 +548,112 @@ declare const StyledItem: react.ForwardRefExoticComponent<Omit<Omit<{
525
548
  readonly 'yellow-700': any;
526
549
  readonly 'yellow-800': any;
527
550
  readonly 'yellow-900': any;
528
- readonly 'green-100': any;
529
- readonly 'green-200': any;
530
- readonly 'green-300': any;
531
- readonly 'green-400': any;
532
- readonly 'green-500': any;
533
- readonly 'green-600': any;
534
- readonly 'green-700': any;
535
- readonly 'green-800': any;
536
- readonly 'green-900': any;
537
- readonly black: any;
538
- readonly white: any;
539
- readonly transparent: any;
540
- readonly 'background-danger'?: any;
541
- readonly 'background-danger-hover'?: any;
542
- readonly 'background-danger-prominent'?: any;
543
- readonly 'background-danger-prominent-active'?: any;
544
- readonly 'background-danger-prominent-hover'?: any;
545
- readonly 'background-neutrals'?: any;
546
- readonly 'background-neutrals-container'?: any;
547
- readonly 'background-neutrals-controls-disabled'?: any;
548
- readonly 'background-neutrals-disabled'?: any;
549
- readonly 'background-neutrals-inactive'?: any;
550
- readonly 'background-neutrals-inactive-hover'?: any;
551
- readonly 'background-neutrals-inverted'?: any;
552
- readonly 'background-neutrals-inverted-subtle'?: any;
553
- readonly 'background-neutrals-page'?: any;
554
- readonly 'background-neutrals-page-subtle'?: any;
555
- readonly 'background-neutrals-scrolls'?: any;
556
- readonly 'background-neutrals-scrolls-hover'?: any;
557
- readonly 'background-neutrals-subtle'?: any;
558
- readonly 'background-neutrals-subtle-active'?: any;
559
- readonly 'background-neutrals-subtle-hover'?: any;
560
- readonly 'background-primary-prominent'?: any;
561
- readonly 'background-primary-prominent-active'?: any;
562
- readonly 'background-primary-prominent-hover'?: any;
563
- readonly 'background-primary-prominent-selected'?: any;
564
- readonly 'background-primary-subtle'?: any;
565
- readonly 'background-primary-subtle-active'?: any;
566
- readonly 'background-primary-subtle-hover'?: any;
567
- readonly 'background-primary-subtle-selected'?: any;
568
- readonly 'background-success'?: any;
569
- readonly 'background-warning-prominent'?: any;
570
- readonly 'background-warning-subtle'?: any;
571
- readonly 'text-danger'?: any;
572
- readonly 'text-danger-active'?: any;
573
- readonly 'text-danger-hover'?: any;
574
- readonly 'text-danger-inverted'?: any;
575
- readonly 'text-neutrals'?: any;
576
- readonly 'text-neutrals-disabled'?: any;
577
- readonly 'text-neutrals-inverted'?: any;
578
- readonly 'text-neutrals-placeholder'?: any;
579
- readonly 'text-neutrals-placeholder-only'?: any;
580
- readonly 'text-neutrals-subtle'?: any;
581
- readonly 'text-neutrals-subtle-active'?: any;
582
- readonly 'text-neutrals-subtle-hover'?: any;
583
- readonly 'text-primary'?: any;
584
- readonly 'text-primary-active'?: any;
585
- readonly 'text-primary-hover'?: any;
586
- readonly 'text-primary-inverted'?: any;
587
- readonly 'text-primary-inverted-subtle'?: any;
588
- readonly 'text-primary-selected'?: any;
589
- readonly 'text-success'?: any;
590
- readonly 'text-warning'?: any;
591
- readonly 'icon-danger'?: any;
592
- readonly 'icon-danger-active'?: any;
593
- readonly 'icon-danger-hover'?: any;
594
- readonly 'icon-danger-inverted'?: any;
595
- readonly 'icon-neutrals'?: any;
596
- readonly 'icon-neutrals-disabled'?: any;
597
- readonly 'icon-neutrals-inactive'?: any;
598
- readonly 'icon-neutrals-inactive-hover'?: any;
599
- readonly 'icon-neutrals-inverted'?: any;
600
- readonly 'icon-neutrals-search'?: any;
601
- readonly 'icon-neutrals-subtle'?: any;
602
- readonly 'icon-neutrals-text'?: any;
603
- readonly 'icon-primary'?: any;
604
- readonly 'icon-primary-active'?: any;
605
- readonly 'icon-primary-hover'?: any;
606
- readonly 'icon-primary-inverted'?: any;
607
- readonly 'icon-primary-selected'?: any;
608
- readonly 'icon-success'?: any;
609
- readonly 'icon-success-inverted'?: any;
610
- readonly 'icon-warning'?: any;
611
- readonly 'icon-warning-prominent'?: any;
612
- readonly 'border-danger'?: any;
613
- readonly 'border-danger-active'?: any;
614
- readonly 'border-danger-hover'?: any;
615
- readonly 'border-focus-inner'?: any;
616
- readonly 'border-focus-middle'?: any;
617
- readonly 'border-focus-outer'?: any;
618
- readonly 'border-neutrals'?: any;
619
- readonly 'border-neutrals-active'?: any;
620
- readonly 'border-neutrals-controls'?: any;
621
- readonly 'border-neutrals-controls-disabled'?: any;
622
- readonly 'border-neutrals-disabled'?: any;
623
- readonly 'border-neutrals-hover'?: any;
624
- readonly 'border-neutrals-inverted'?: any;
625
- readonly 'border-neutrals-subtle'?: any;
626
- readonly 'border-neutrals-text-subtle'?: any;
627
- readonly 'border-neutrals-text-subtle-active'?: any;
628
- readonly 'border-neutrals-text-subtle-hover'?: any;
629
- readonly 'border-primary'?: any;
630
- readonly 'border-primary-active'?: any;
631
- readonly 'border-primary-hover'?: any;
632
- readonly 'border-primary-inverted'?: any;
633
- readonly 'border-success'?: any;
634
- readonly 'border-warning'?: any;
551
+ "background-alpha-active"?: any;
552
+ "background-alpha-hover"?: any;
553
+ "background-danger-prominent"?: any;
554
+ "background-danger-prominent-active"?: any;
555
+ "background-danger-prominent-hover"?: any;
556
+ "background-danger-subtle"?: any;
557
+ "background-danger-subtle-active"?: any;
558
+ "background-danger-subtle-hover"?: any;
559
+ "background-neutrals"?: any;
560
+ "background-neutrals-active"?: any;
561
+ "background-neutrals-container"?: any;
562
+ "background-neutrals-controls-disabled"?: any;
563
+ "background-neutrals-disabled"?: any;
564
+ "background-neutrals-hover"?: any;
565
+ "background-neutrals-inactive"?: any;
566
+ "background-neutrals-inactive-hover"?: any;
567
+ "background-neutrals-inverted"?: any;
568
+ "background-neutrals-inverted-subtle"?: any;
569
+ "background-neutrals-page"?: any;
570
+ "background-neutrals-page-subtle"?: any;
571
+ "background-neutrals-scrolls"?: any;
572
+ "background-neutrals-scrolls-hover"?: any;
573
+ "background-neutrals-subtle"?: any;
574
+ "background-neutrals-subtle-active"?: any;
575
+ "background-neutrals-subtle-hover"?: any;
576
+ "background-primary-prominent"?: any;
577
+ "background-primary-prominent-active"?: any;
578
+ "background-primary-prominent-hover"?: any;
579
+ "background-primary-prominent-selected"?: any;
580
+ "background-primary-subtle"?: any;
581
+ "background-primary-subtle-active"?: any;
582
+ "background-primary-subtle-hover"?: any;
583
+ "background-primary-subtle-selected"?: any;
584
+ "background-success"?: any;
585
+ "background-warning-prominent"?: any;
586
+ "background-warning-subtle"?: any;
587
+ "border-danger"?: any;
588
+ "border-danger-active"?: any;
589
+ "border-danger-hover"?: any;
590
+ "border-focus-inner"?: any;
591
+ "border-focus-middle"?: any;
592
+ "border-focus-outer"?: any;
593
+ "border-neutrals"?: any;
594
+ "border-neutrals-active"?: any;
595
+ "border-neutrals-controls"?: any;
596
+ "border-neutrals-controls-disabled"?: any;
597
+ "border-neutrals-disabled"?: any;
598
+ "border-neutrals-hover"?: any;
599
+ "border-neutrals-inverted"?: any;
600
+ "border-neutrals-subtle"?: any;
601
+ "border-neutrals-text"?: any;
602
+ "border-neutrals-text-active"?: any;
603
+ "border-neutrals-text-hover"?: any;
604
+ "border-neutrals-text-subtle"?: any;
605
+ "border-neutrals-text-subtle-active"?: any;
606
+ "border-neutrals-text-subtle-hover"?: any;
607
+ "border-neutrals-transparent"?: any;
608
+ "border-primary"?: any;
609
+ "border-primary-active"?: any;
610
+ "border-primary-hover"?: any;
611
+ "border-primary-inverted"?: any;
612
+ "border-success"?: any;
613
+ "border-warning"?: any;
614
+ "icon-danger"?: any;
615
+ "icon-danger-active"?: any;
616
+ "icon-danger-hover"?: any;
617
+ "icon-danger-inverted"?: any;
618
+ "icon-neutrals"?: any;
619
+ "icon-neutrals-disabled"?: any;
620
+ "icon-neutrals-inactive"?: any;
621
+ "icon-neutrals-inactive-hover"?: any;
622
+ "icon-neutrals-inverted"?: any;
623
+ "icon-neutrals-search"?: any;
624
+ "icon-neutrals-subtle"?: any;
625
+ "icon-neutrals-text"?: any;
626
+ "icon-primary"?: any;
627
+ "icon-primary-active"?: any;
628
+ "icon-primary-hover"?: any;
629
+ "icon-primary-inverted"?: any;
630
+ "icon-primary-selected"?: any;
631
+ "icon-success"?: any;
632
+ "icon-success-inverted"?: any;
633
+ "icon-warning"?: any;
634
+ "icon-warning-prominent"?: any;
635
+ "text-danger"?: any;
636
+ "text-danger-active"?: any;
637
+ "text-danger-hover"?: any;
638
+ "text-danger-inverted"?: any;
639
+ "text-neutrals"?: any;
640
+ "text-neutrals-active"?: any;
641
+ "text-neutrals-disabled"?: any;
642
+ "text-neutrals-hover"?: any;
643
+ "text-neutrals-inverted"?: any;
644
+ "text-neutrals-placeholder"?: any;
645
+ "text-neutrals-placeholder-only"?: any;
646
+ "text-neutrals-subtle"?: any;
647
+ "text-neutrals-subtle-active"?: any;
648
+ "text-neutrals-subtle-hover"?: any;
649
+ "text-primary"?: any;
650
+ "text-primary-active"?: any;
651
+ "text-primary-hover"?: any;
652
+ "text-primary-inverted"?: any;
653
+ "text-primary-inverted-subtle"?: any;
654
+ "text-primary-selected"?: any;
655
+ "text-success"?: any;
656
+ "text-warning"?: any;
635
657
  };
636
658
  'font-sizes': {
637
659
  readonly 150: "0.75rem";
@@ -952,6 +974,7 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
952
974
  readonly lg: "4px";
953
975
  };
954
976
  colors: {
977
+ readonly black: any;
955
978
  readonly 'blue-100': any;
956
979
  readonly 'blue-200': any;
957
980
  readonly 'blue-300': any;
@@ -971,6 +994,15 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
971
994
  readonly 'gray-700': any;
972
995
  readonly 'gray-800': any;
973
996
  readonly 'gray-900': any;
997
+ readonly 'green-100': any;
998
+ readonly 'green-200': any;
999
+ readonly 'green-300': any;
1000
+ readonly 'green-400': any;
1001
+ readonly 'green-500': any;
1002
+ readonly 'green-600': any;
1003
+ readonly 'green-700': any;
1004
+ readonly 'green-800': any;
1005
+ readonly 'green-900': any;
974
1006
  readonly 'indigo-100': any;
975
1007
  readonly 'indigo-200': any;
976
1008
  readonly 'indigo-300': any;
@@ -989,6 +1021,8 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
989
1021
  readonly 'red-700': any;
990
1022
  readonly 'red-800': any;
991
1023
  readonly 'red-900': any;
1024
+ readonly transparent: any;
1025
+ readonly white: any;
992
1026
  readonly 'yellow-100': any;
993
1027
  readonly 'yellow-200': any;
994
1028
  readonly 'yellow-300': any;
@@ -998,113 +1032,112 @@ declare const StyledSeparator: react.ForwardRefExoticComponent<Omit<Omit<{}, nev
998
1032
  readonly 'yellow-700': any;
999
1033
  readonly 'yellow-800': any;
1000
1034
  readonly 'yellow-900': any;
1001
- readonly 'green-100': any;
1002
- readonly 'green-200': any;
1003
- readonly 'green-300': any;
1004
- readonly 'green-400': any;
1005
- readonly 'green-500': any;
1006
- readonly 'green-600': any;
1007
- readonly 'green-700': any;
1008
- readonly 'green-800': any;
1009
- readonly 'green-900': any;
1010
- readonly black: any;
1011
- readonly white: any;
1012
- readonly transparent: any;
1013
- readonly 'background-danger'?: any;
1014
- readonly 'background-danger-hover'?: any;
1015
- readonly 'background-danger-prominent'?: any;
1016
- readonly 'background-danger-prominent-active'?: any;
1017
- readonly 'background-danger-prominent-hover'?: any;
1018
- readonly 'background-neutrals'?: any;
1019
- readonly 'background-neutrals-container'?: any;
1020
- readonly 'background-neutrals-controls-disabled'?: any;
1021
- readonly 'background-neutrals-disabled'?: any;
1022
- readonly 'background-neutrals-inactive'?: any;
1023
- readonly 'background-neutrals-inactive-hover'?: any;
1024
- readonly 'background-neutrals-inverted'?: any;
1025
- readonly 'background-neutrals-inverted-subtle'?: any;
1026
- readonly 'background-neutrals-page'?: any;
1027
- readonly 'background-neutrals-page-subtle'?: any;
1028
- readonly 'background-neutrals-scrolls'?: any;
1029
- readonly 'background-neutrals-scrolls-hover'?: any;
1030
- readonly 'background-neutrals-subtle'?: any;
1031
- readonly 'background-neutrals-subtle-active'?: any;
1032
- readonly 'background-neutrals-subtle-hover'?: any;
1033
- readonly 'background-primary-prominent'?: any;
1034
- readonly 'background-primary-prominent-active'?: any;
1035
- readonly 'background-primary-prominent-hover'?: any;
1036
- readonly 'background-primary-prominent-selected'?: any;
1037
- readonly 'background-primary-subtle'?: any;
1038
- readonly 'background-primary-subtle-active'?: any;
1039
- readonly 'background-primary-subtle-hover'?: any;
1040
- readonly 'background-primary-subtle-selected'?: any;
1041
- readonly 'background-success'?: any;
1042
- readonly 'background-warning-prominent'?: any;
1043
- readonly 'background-warning-subtle'?: any;
1044
- readonly 'text-danger'?: any;
1045
- readonly 'text-danger-active'?: any;
1046
- readonly 'text-danger-hover'?: any;
1047
- readonly 'text-danger-inverted'?: any;
1048
- readonly 'text-neutrals'?: any;
1049
- readonly 'text-neutrals-disabled'?: any;
1050
- readonly 'text-neutrals-inverted'?: any;
1051
- readonly 'text-neutrals-placeholder'?: any;
1052
- readonly 'text-neutrals-placeholder-only'?: any;
1053
- readonly 'text-neutrals-subtle'?: any;
1054
- readonly 'text-neutrals-subtle-active'?: any;
1055
- readonly 'text-neutrals-subtle-hover'?: any;
1056
- readonly 'text-primary'?: any;
1057
- readonly 'text-primary-active'?: any;
1058
- readonly 'text-primary-hover'?: any;
1059
- readonly 'text-primary-inverted'?: any;
1060
- readonly 'text-primary-inverted-subtle'?: any;
1061
- readonly 'text-primary-selected'?: any;
1062
- readonly 'text-success'?: any;
1063
- readonly 'text-warning'?: any;
1064
- readonly 'icon-danger'?: any;
1065
- readonly 'icon-danger-active'?: any;
1066
- readonly 'icon-danger-hover'?: any;
1067
- readonly 'icon-danger-inverted'?: any;
1068
- readonly 'icon-neutrals'?: any;
1069
- readonly 'icon-neutrals-disabled'?: any;
1070
- readonly 'icon-neutrals-inactive'?: any;
1071
- readonly 'icon-neutrals-inactive-hover'?: any;
1072
- readonly 'icon-neutrals-inverted'?: any;
1073
- readonly 'icon-neutrals-search'?: any;
1074
- readonly 'icon-neutrals-subtle'?: any;
1075
- readonly 'icon-neutrals-text'?: any;
1076
- readonly 'icon-primary'?: any;
1077
- readonly 'icon-primary-active'?: any;
1078
- readonly 'icon-primary-hover'?: any;
1079
- readonly 'icon-primary-inverted'?: any;
1080
- readonly 'icon-primary-selected'?: any;
1081
- readonly 'icon-success'?: any;
1082
- readonly 'icon-success-inverted'?: any;
1083
- readonly 'icon-warning'?: any;
1084
- readonly 'icon-warning-prominent'?: any;
1085
- readonly 'border-danger'?: any;
1086
- readonly 'border-danger-active'?: any;
1087
- readonly 'border-danger-hover'?: any;
1088
- readonly 'border-focus-inner'?: any;
1089
- readonly 'border-focus-middle'?: any;
1090
- readonly 'border-focus-outer'?: any;
1091
- readonly 'border-neutrals'?: any;
1092
- readonly 'border-neutrals-active'?: any;
1093
- readonly 'border-neutrals-controls'?: any;
1094
- readonly 'border-neutrals-controls-disabled'?: any;
1095
- readonly 'border-neutrals-disabled'?: any;
1096
- readonly 'border-neutrals-hover'?: any;
1097
- readonly 'border-neutrals-inverted'?: any;
1098
- readonly 'border-neutrals-subtle'?: any;
1099
- readonly 'border-neutrals-text-subtle'?: any;
1100
- readonly 'border-neutrals-text-subtle-active'?: any;
1101
- readonly 'border-neutrals-text-subtle-hover'?: any;
1102
- readonly 'border-primary'?: any;
1103
- readonly 'border-primary-active'?: any;
1104
- readonly 'border-primary-hover'?: any;
1105
- readonly 'border-primary-inverted'?: any;
1106
- readonly 'border-success'?: any;
1107
- readonly 'border-warning'?: any;
1035
+ "background-alpha-active"?: any;
1036
+ "background-alpha-hover"?: any;
1037
+ "background-danger-prominent"?: any;
1038
+ "background-danger-prominent-active"?: any;
1039
+ "background-danger-prominent-hover"?: any;
1040
+ "background-danger-subtle"?: any;
1041
+ "background-danger-subtle-active"?: any;
1042
+ "background-danger-subtle-hover"?: any;
1043
+ "background-neutrals"?: any;
1044
+ "background-neutrals-active"?: any;
1045
+ "background-neutrals-container"?: any;
1046
+ "background-neutrals-controls-disabled"?: any;
1047
+ "background-neutrals-disabled"?: any;
1048
+ "background-neutrals-hover"?: any;
1049
+ "background-neutrals-inactive"?: any;
1050
+ "background-neutrals-inactive-hover"?: any;
1051
+ "background-neutrals-inverted"?: any;
1052
+ "background-neutrals-inverted-subtle"?: any;
1053
+ "background-neutrals-page"?: any;
1054
+ "background-neutrals-page-subtle"?: any;
1055
+ "background-neutrals-scrolls"?: any;
1056
+ "background-neutrals-scrolls-hover"?: any;
1057
+ "background-neutrals-subtle"?: any;
1058
+ "background-neutrals-subtle-active"?: any;
1059
+ "background-neutrals-subtle-hover"?: any;
1060
+ "background-primary-prominent"?: any;
1061
+ "background-primary-prominent-active"?: any;
1062
+ "background-primary-prominent-hover"?: any;
1063
+ "background-primary-prominent-selected"?: any;
1064
+ "background-primary-subtle"?: any;
1065
+ "background-primary-subtle-active"?: any;
1066
+ "background-primary-subtle-hover"?: any;
1067
+ "background-primary-subtle-selected"?: any;
1068
+ "background-success"?: any;
1069
+ "background-warning-prominent"?: any;
1070
+ "background-warning-subtle"?: any;
1071
+ "border-danger"?: any;
1072
+ "border-danger-active"?: any;
1073
+ "border-danger-hover"?: any;
1074
+ "border-focus-inner"?: any;
1075
+ "border-focus-middle"?: any;
1076
+ "border-focus-outer"?: any;
1077
+ "border-neutrals"?: any;
1078
+ "border-neutrals-active"?: any;
1079
+ "border-neutrals-controls"?: any;
1080
+ "border-neutrals-controls-disabled"?: any;
1081
+ "border-neutrals-disabled"?: any;
1082
+ "border-neutrals-hover"?: any;
1083
+ "border-neutrals-inverted"?: any;
1084
+ "border-neutrals-subtle"?: any;
1085
+ "border-neutrals-text"?: any;
1086
+ "border-neutrals-text-active"?: any;
1087
+ "border-neutrals-text-hover"?: any;
1088
+ "border-neutrals-text-subtle"?: any;
1089
+ "border-neutrals-text-subtle-active"?: any;
1090
+ "border-neutrals-text-subtle-hover"?: any;
1091
+ "border-neutrals-transparent"?: any;
1092
+ "border-primary"?: any;
1093
+ "border-primary-active"?: any;
1094
+ "border-primary-hover"?: any;
1095
+ "border-primary-inverted"?: any;
1096
+ "border-success"?: any;
1097
+ "border-warning"?: any;
1098
+ "icon-danger"?: any;
1099
+ "icon-danger-active"?: any;
1100
+ "icon-danger-hover"?: any;
1101
+ "icon-danger-inverted"?: any;
1102
+ "icon-neutrals"?: any;
1103
+ "icon-neutrals-disabled"?: any;
1104
+ "icon-neutrals-inactive"?: any;
1105
+ "icon-neutrals-inactive-hover"?: any;
1106
+ "icon-neutrals-inverted"?: any;
1107
+ "icon-neutrals-search"?: any;
1108
+ "icon-neutrals-subtle"?: any;
1109
+ "icon-neutrals-text"?: any;
1110
+ "icon-primary"?: any;
1111
+ "icon-primary-active"?: any;
1112
+ "icon-primary-hover"?: any;
1113
+ "icon-primary-inverted"?: any;
1114
+ "icon-primary-selected"?: any;
1115
+ "icon-success"?: any;
1116
+ "icon-success-inverted"?: any;
1117
+ "icon-warning"?: any;
1118
+ "icon-warning-prominent"?: any;
1119
+ "text-danger"?: any;
1120
+ "text-danger-active"?: any;
1121
+ "text-danger-hover"?: any;
1122
+ "text-danger-inverted"?: any;
1123
+ "text-neutrals"?: any;
1124
+ "text-neutrals-active"?: any;
1125
+ "text-neutrals-disabled"?: any;
1126
+ "text-neutrals-hover"?: any;
1127
+ "text-neutrals-inverted"?: any;
1128
+ "text-neutrals-placeholder"?: any;
1129
+ "text-neutrals-placeholder-only"?: any;
1130
+ "text-neutrals-subtle"?: any;
1131
+ "text-neutrals-subtle-active"?: any;
1132
+ "text-neutrals-subtle-hover"?: any;
1133
+ "text-primary"?: any;
1134
+ "text-primary-active"?: any;
1135
+ "text-primary-hover"?: any;
1136
+ "text-primary-inverted"?: any;
1137
+ "text-primary-inverted-subtle"?: any;
1138
+ "text-primary-selected"?: any;
1139
+ "text-success"?: any;
1140
+ "text-warning"?: any;
1108
1141
  };
1109
1142
  'font-sizes': {
1110
1143
  readonly 150: "0.75rem";
@@ -1406,6 +1439,7 @@ declare const StyledLink: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
1406
1439
  readonly lg: "4px";
1407
1440
  };
1408
1441
  colors: {
1442
+ readonly black: any;
1409
1443
  readonly 'blue-100': any;
1410
1444
  readonly 'blue-200': any;
1411
1445
  readonly 'blue-300': any;
@@ -1425,6 +1459,15 @@ declare const StyledLink: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
1425
1459
  readonly 'gray-700': any;
1426
1460
  readonly 'gray-800': any;
1427
1461
  readonly 'gray-900': any;
1462
+ readonly 'green-100': any;
1463
+ readonly 'green-200': any;
1464
+ readonly 'green-300': any;
1465
+ readonly 'green-400': any;
1466
+ readonly 'green-500': any;
1467
+ readonly 'green-600': any;
1468
+ readonly 'green-700': any;
1469
+ readonly 'green-800': any;
1470
+ readonly 'green-900': any;
1428
1471
  readonly 'indigo-100': any;
1429
1472
  readonly 'indigo-200': any;
1430
1473
  readonly 'indigo-300': any;
@@ -1443,6 +1486,8 @@ declare const StyledLink: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
1443
1486
  readonly 'red-700': any;
1444
1487
  readonly 'red-800': any;
1445
1488
  readonly 'red-900': any;
1489
+ readonly transparent: any;
1490
+ readonly white: any;
1446
1491
  readonly 'yellow-100': any;
1447
1492
  readonly 'yellow-200': any;
1448
1493
  readonly 'yellow-300': any;
@@ -1452,113 +1497,112 @@ declare const StyledLink: react.ForwardRefExoticComponent<Omit<Omit<{}, never> &
1452
1497
  readonly 'yellow-700': any;
1453
1498
  readonly 'yellow-800': any;
1454
1499
  readonly 'yellow-900': any;
1455
- readonly 'green-100': any;
1456
- readonly 'green-200': any;
1457
- readonly 'green-300': any;
1458
- readonly 'green-400': any;
1459
- readonly 'green-500': any;
1460
- readonly 'green-600': any;
1461
- readonly 'green-700': any;
1462
- readonly 'green-800': any;
1463
- readonly 'green-900': any;
1464
- readonly black: any;
1465
- readonly white: any;
1466
- readonly transparent: any;
1467
- readonly 'background-danger'?: any;
1468
- readonly 'background-danger-hover'?: any;
1469
- readonly 'background-danger-prominent'?: any;
1470
- readonly 'background-danger-prominent-active'?: any;
1471
- readonly 'background-danger-prominent-hover'?: any;
1472
- readonly 'background-neutrals'?: any;
1473
- readonly 'background-neutrals-container'?: any;
1474
- readonly 'background-neutrals-controls-disabled'?: any;
1475
- readonly 'background-neutrals-disabled'?: any;
1476
- readonly 'background-neutrals-inactive'?: any;
1477
- readonly 'background-neutrals-inactive-hover'?: any;
1478
- readonly 'background-neutrals-inverted'?: any;
1479
- readonly 'background-neutrals-inverted-subtle'?: any;
1480
- readonly 'background-neutrals-page'?: any;
1481
- readonly 'background-neutrals-page-subtle'?: any;
1482
- readonly 'background-neutrals-scrolls'?: any;
1483
- readonly 'background-neutrals-scrolls-hover'?: any;
1484
- readonly 'background-neutrals-subtle'?: any;
1485
- readonly 'background-neutrals-subtle-active'?: any;
1486
- readonly 'background-neutrals-subtle-hover'?: any;
1487
- readonly 'background-primary-prominent'?: any;
1488
- readonly 'background-primary-prominent-active'?: any;
1489
- readonly 'background-primary-prominent-hover'?: any;
1490
- readonly 'background-primary-prominent-selected'?: any;
1491
- readonly 'background-primary-subtle'?: any;
1492
- readonly 'background-primary-subtle-active'?: any;
1493
- readonly 'background-primary-subtle-hover'?: any;
1494
- readonly 'background-primary-subtle-selected'?: any;
1495
- readonly 'background-success'?: any;
1496
- readonly 'background-warning-prominent'?: any;
1497
- readonly 'background-warning-subtle'?: any;
1498
- readonly 'text-danger'?: any;
1499
- readonly 'text-danger-active'?: any;
1500
- readonly 'text-danger-hover'?: any;
1501
- readonly 'text-danger-inverted'?: any;
1502
- readonly 'text-neutrals'?: any;
1503
- readonly 'text-neutrals-disabled'?: any;
1504
- readonly 'text-neutrals-inverted'?: any;
1505
- readonly 'text-neutrals-placeholder'?: any;
1506
- readonly 'text-neutrals-placeholder-only'?: any;
1507
- readonly 'text-neutrals-subtle'?: any;
1508
- readonly 'text-neutrals-subtle-active'?: any;
1509
- readonly 'text-neutrals-subtle-hover'?: any;
1510
- readonly 'text-primary'?: any;
1511
- readonly 'text-primary-active'?: any;
1512
- readonly 'text-primary-hover'?: any;
1513
- readonly 'text-primary-inverted'?: any;
1514
- readonly 'text-primary-inverted-subtle'?: any;
1515
- readonly 'text-primary-selected'?: any;
1516
- readonly 'text-success'?: any;
1517
- readonly 'text-warning'?: any;
1518
- readonly 'icon-danger'?: any;
1519
- readonly 'icon-danger-active'?: any;
1520
- readonly 'icon-danger-hover'?: any;
1521
- readonly 'icon-danger-inverted'?: any;
1522
- readonly 'icon-neutrals'?: any;
1523
- readonly 'icon-neutrals-disabled'?: any;
1524
- readonly 'icon-neutrals-inactive'?: any;
1525
- readonly 'icon-neutrals-inactive-hover'?: any;
1526
- readonly 'icon-neutrals-inverted'?: any;
1527
- readonly 'icon-neutrals-search'?: any;
1528
- readonly 'icon-neutrals-subtle'?: any;
1529
- readonly 'icon-neutrals-text'?: any;
1530
- readonly 'icon-primary'?: any;
1531
- readonly 'icon-primary-active'?: any;
1532
- readonly 'icon-primary-hover'?: any;
1533
- readonly 'icon-primary-inverted'?: any;
1534
- readonly 'icon-primary-selected'?: any;
1535
- readonly 'icon-success'?: any;
1536
- readonly 'icon-success-inverted'?: any;
1537
- readonly 'icon-warning'?: any;
1538
- readonly 'icon-warning-prominent'?: any;
1539
- readonly 'border-danger'?: any;
1540
- readonly 'border-danger-active'?: any;
1541
- readonly 'border-danger-hover'?: any;
1542
- readonly 'border-focus-inner'?: any;
1543
- readonly 'border-focus-middle'?: any;
1544
- readonly 'border-focus-outer'?: any;
1545
- readonly 'border-neutrals'?: any;
1546
- readonly 'border-neutrals-active'?: any;
1547
- readonly 'border-neutrals-controls'?: any;
1548
- readonly 'border-neutrals-controls-disabled'?: any;
1549
- readonly 'border-neutrals-disabled'?: any;
1550
- readonly 'border-neutrals-hover'?: any;
1551
- readonly 'border-neutrals-inverted'?: any;
1552
- readonly 'border-neutrals-subtle'?: any;
1553
- readonly 'border-neutrals-text-subtle'?: any;
1554
- readonly 'border-neutrals-text-subtle-active'?: any;
1555
- readonly 'border-neutrals-text-subtle-hover'?: any;
1556
- readonly 'border-primary'?: any;
1557
- readonly 'border-primary-active'?: any;
1558
- readonly 'border-primary-hover'?: any;
1559
- readonly 'border-primary-inverted'?: any;
1560
- readonly 'border-success'?: any;
1561
- readonly 'border-warning'?: any;
1500
+ "background-alpha-active"?: any;
1501
+ "background-alpha-hover"?: any;
1502
+ "background-danger-prominent"?: any;
1503
+ "background-danger-prominent-active"?: any;
1504
+ "background-danger-prominent-hover"?: any;
1505
+ "background-danger-subtle"?: any;
1506
+ "background-danger-subtle-active"?: any;
1507
+ "background-danger-subtle-hover"?: any;
1508
+ "background-neutrals"?: any;
1509
+ "background-neutrals-active"?: any;
1510
+ "background-neutrals-container"?: any;
1511
+ "background-neutrals-controls-disabled"?: any;
1512
+ "background-neutrals-disabled"?: any;
1513
+ "background-neutrals-hover"?: any;
1514
+ "background-neutrals-inactive"?: any;
1515
+ "background-neutrals-inactive-hover"?: any;
1516
+ "background-neutrals-inverted"?: any;
1517
+ "background-neutrals-inverted-subtle"?: any;
1518
+ "background-neutrals-page"?: any;
1519
+ "background-neutrals-page-subtle"?: any;
1520
+ "background-neutrals-scrolls"?: any;
1521
+ "background-neutrals-scrolls-hover"?: any;
1522
+ "background-neutrals-subtle"?: any;
1523
+ "background-neutrals-subtle-active"?: any;
1524
+ "background-neutrals-subtle-hover"?: any;
1525
+ "background-primary-prominent"?: any;
1526
+ "background-primary-prominent-active"?: any;
1527
+ "background-primary-prominent-hover"?: any;
1528
+ "background-primary-prominent-selected"?: any;
1529
+ "background-primary-subtle"?: any;
1530
+ "background-primary-subtle-active"?: any;
1531
+ "background-primary-subtle-hover"?: any;
1532
+ "background-primary-subtle-selected"?: any;
1533
+ "background-success"?: any;
1534
+ "background-warning-prominent"?: any;
1535
+ "background-warning-subtle"?: any;
1536
+ "border-danger"?: any;
1537
+ "border-danger-active"?: any;
1538
+ "border-danger-hover"?: any;
1539
+ "border-focus-inner"?: any;
1540
+ "border-focus-middle"?: any;
1541
+ "border-focus-outer"?: any;
1542
+ "border-neutrals"?: any;
1543
+ "border-neutrals-active"?: any;
1544
+ "border-neutrals-controls"?: any;
1545
+ "border-neutrals-controls-disabled"?: any;
1546
+ "border-neutrals-disabled"?: any;
1547
+ "border-neutrals-hover"?: any;
1548
+ "border-neutrals-inverted"?: any;
1549
+ "border-neutrals-subtle"?: any;
1550
+ "border-neutrals-text"?: any;
1551
+ "border-neutrals-text-active"?: any;
1552
+ "border-neutrals-text-hover"?: any;
1553
+ "border-neutrals-text-subtle"?: any;
1554
+ "border-neutrals-text-subtle-active"?: any;
1555
+ "border-neutrals-text-subtle-hover"?: any;
1556
+ "border-neutrals-transparent"?: any;
1557
+ "border-primary"?: any;
1558
+ "border-primary-active"?: any;
1559
+ "border-primary-hover"?: any;
1560
+ "border-primary-inverted"?: any;
1561
+ "border-success"?: any;
1562
+ "border-warning"?: any;
1563
+ "icon-danger"?: any;
1564
+ "icon-danger-active"?: any;
1565
+ "icon-danger-hover"?: any;
1566
+ "icon-danger-inverted"?: any;
1567
+ "icon-neutrals"?: any;
1568
+ "icon-neutrals-disabled"?: any;
1569
+ "icon-neutrals-inactive"?: any;
1570
+ "icon-neutrals-inactive-hover"?: any;
1571
+ "icon-neutrals-inverted"?: any;
1572
+ "icon-neutrals-search"?: any;
1573
+ "icon-neutrals-subtle"?: any;
1574
+ "icon-neutrals-text"?: any;
1575
+ "icon-primary"?: any;
1576
+ "icon-primary-active"?: any;
1577
+ "icon-primary-hover"?: any;
1578
+ "icon-primary-inverted"?: any;
1579
+ "icon-primary-selected"?: any;
1580
+ "icon-success"?: any;
1581
+ "icon-success-inverted"?: any;
1582
+ "icon-warning"?: any;
1583
+ "icon-warning-prominent"?: any;
1584
+ "text-danger"?: any;
1585
+ "text-danger-active"?: any;
1586
+ "text-danger-hover"?: any;
1587
+ "text-danger-inverted"?: any;
1588
+ "text-neutrals"?: any;
1589
+ "text-neutrals-active"?: any;
1590
+ "text-neutrals-disabled"?: any;
1591
+ "text-neutrals-hover"?: any;
1592
+ "text-neutrals-inverted"?: any;
1593
+ "text-neutrals-placeholder"?: any;
1594
+ "text-neutrals-placeholder-only"?: any;
1595
+ "text-neutrals-subtle"?: any;
1596
+ "text-neutrals-subtle-active"?: any;
1597
+ "text-neutrals-subtle-hover"?: any;
1598
+ "text-primary"?: any;
1599
+ "text-primary-active"?: any;
1600
+ "text-primary-hover"?: any;
1601
+ "text-primary-inverted"?: any;
1602
+ "text-primary-inverted-subtle"?: any;
1603
+ "text-primary-selected"?: any;
1604
+ "text-success"?: any;
1605
+ "text-warning"?: any;
1562
1606
  };
1563
1607
  'font-sizes': {
1564
1608
  readonly 150: "0.75rem";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirohq/design-system-toolbar",
3
- "version": "2.2.2",
3
+ "version": "2.2.4-themes.0",
4
4
  "description": "",
5
5
  "author": "Miro",
6
6
  "source": "src/index.ts",
@@ -28,8 +28,8 @@
28
28
  },
29
29
  "dependencies": {
30
30
  "@radix-ui/react-toolbar": "^1.0.0",
31
- "@mirohq/design-system-stitches": "^2.3.4",
32
- "@mirohq/design-system-styles": "^1.1.0"
31
+ "@mirohq/design-system-stitches": "^2.3.5-themes.0",
32
+ "@mirohq/design-system-styles": "^1.1.1-themes.0"
33
33
  },
34
34
  "scripts": {
35
35
  "build": "rollup -c ../../../rollup.config.js",