@mirohq/design-system-icons 0.26.1 → 0.27.1-themes.0

package/dist/types.d.ts

@@ -4,14 +4,15 @@ import * as _stitches_react_types_css_util from '@stitches/react/types/css-util'
 import * as react from 'react';
 import { ForwardRefExoticComponent, RefAttributes, ComponentPropsWithRef } from 'react';
 import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
+import * as packages_themes_src_alias_keys from 'packages/themes/src/alias-keys';
 import { iconSymbol } from '@mirohq/design-system-base-icon';
 
 declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<{
-    color?: "background-danger" | "background-danger-hover" | "background-danger-prominent" | "background-danger-prominent-active" | "background-danger-prominent-hover" | "background-neutrals" | "background-neutrals-container" | "background-neutrals-controls-disabled" | "background-neutrals-disabled" | "background-neutrals-inactive" | "background-neutrals-inactive-hover" | "background-neutrals-inverted" | "background-neutrals-inverted-subtle" | "background-neutrals-page" | "background-neutrals-page-subtle" | "background-neutrals-scrolls" | "background-neutrals-scrolls-hover" | "background-neutrals-subtle" | "background-neutrals-subtle-active" | "background-neutrals-subtle-hover" | "background-primary-prominent" | "background-primary-prominent-active" | "background-primary-prominent-hover" | "background-primary-prominent-selected" | "background-primary-subtle" | "background-primary-subtle-active" | "background-primary-subtle-hover" | "background-primary-subtle-selected" | "background-success" | "background-warning-prominent" | "background-warning-subtle" | "text-danger" | "text-danger-active" | "text-danger-hover" | "text-danger-inverted" | "text-neutrals" | "text-neutrals-disabled" | "text-neutrals-inverted" | "text-neutrals-placeholder" | "text-neutrals-placeholder-only" | "text-neutrals-subtle" | "text-neutrals-subtle-active" | "text-neutrals-subtle-hover" | "text-primary" | "text-primary-active" | "text-primary-hover" | "text-primary-inverted" | "text-primary-inverted-subtle" | "text-primary-selected" | "text-success" | "text-warning" | "icon-danger" | "icon-danger-active" | "icon-danger-hover" | "icon-danger-inverted" | "icon-neutrals" | "icon-neutrals-disabled" | "icon-neutrals-inactive" | "icon-neutrals-inactive-hover" | "icon-neutrals-inverted" | "icon-neutrals-search" | "icon-neutrals-subtle" | "icon-neutrals-text" | "icon-primary" | "icon-primary-active" | "icon-primary-hover" | "icon-primary-inverted" | "icon-primary-selected" | "icon-success" | "icon-success-inverted" | "icon-warning" | "icon-warning-prominent" | "border-danger" | "border-danger-active" | "border-danger-hover" | "border-focus-inner" | "border-focus-middle" | "border-focus-outer" | "border-neutrals" | "border-neutrals-active" | "border-neutrals-controls" | "border-neutrals-controls-disabled" | "border-neutrals-disabled" | "border-neutrals-hover" | "border-neutrals-inverted" | "border-neutrals-subtle" | "border-neutrals-text-subtle" | "border-neutrals-text-subtle-active" | "border-neutrals-text-subtle-hover" | "border-primary" | "border-primary-active" | "border-primary-hover" | "border-primary-inverted" | "border-success" | "border-warning" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "black" | "white" | "transparent" | undefined;
+    color?: packages_themes_src_alias_keys.AliasColorsKeys | "black" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "transparent" | "white" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | undefined;
     size?: "small" | "medium" | "large" | undefined;
     weight?: "bold" | "thin" | "normal" | undefined;
 }, "size" | "weight" | "color"> & _stitches_react_types_styled_component.TransformProps<{
-    color?: "background-danger" | "background-danger-hover" | "background-danger-prominent" | "background-danger-prominent-active" | "background-danger-prominent-hover" | "background-neutrals" | "background-neutrals-container" | "background-neutrals-controls-disabled" | "background-neutrals-disabled" | "background-neutrals-inactive" | "background-neutrals-inactive-hover" | "background-neutrals-inverted" | "background-neutrals-inverted-subtle" | "background-neutrals-page" | "background-neutrals-page-subtle" | "background-neutrals-scrolls" | "background-neutrals-scrolls-hover" | "background-neutrals-subtle" | "background-neutrals-subtle-active" | "background-neutrals-subtle-hover" | "background-primary-prominent" | "background-primary-prominent-active" | "background-primary-prominent-hover" | "background-primary-prominent-selected" | "background-primary-subtle" | "background-primary-subtle-active" | "background-primary-subtle-hover" | "background-primary-subtle-selected" | "background-success" | "background-warning-prominent" | "background-warning-subtle" | "text-danger" | "text-danger-active" | "text-danger-hover" | "text-danger-inverted" | "text-neutrals" | "text-neutrals-disabled" | "text-neutrals-inverted" | "text-neutrals-placeholder" | "text-neutrals-placeholder-only" | "text-neutrals-subtle" | "text-neutrals-subtle-active" | "text-neutrals-subtle-hover" | "text-primary" | "text-primary-active" | "text-primary-hover" | "text-primary-inverted" | "text-primary-inverted-subtle" | "text-primary-selected" | "text-success" | "text-warning" | "icon-danger" | "icon-danger-active" | "icon-danger-hover" | "icon-danger-inverted" | "icon-neutrals" | "icon-neutrals-disabled" | "icon-neutrals-inactive" | "icon-neutrals-inactive-hover" | "icon-neutrals-inverted" | "icon-neutrals-search" | "icon-neutrals-subtle" | "icon-neutrals-text" | "icon-primary" | "icon-primary-active" | "icon-primary-hover" | "icon-primary-inverted" | "icon-primary-selected" | "icon-success" | "icon-success-inverted" | "icon-warning" | "icon-warning-prominent" | "border-danger" | "border-danger-active" | "border-danger-hover" | "border-focus-inner" | "border-focus-middle" | "border-focus-outer" | "border-neutrals" | "border-neutrals-active" | "border-neutrals-controls" | "border-neutrals-controls-disabled" | "border-neutrals-disabled" | "border-neutrals-hover" | "border-neutrals-inverted" | "border-neutrals-subtle" | "border-neutrals-text-subtle" | "border-neutrals-text-subtle-active" | "border-neutrals-text-subtle-hover" | "border-primary" | "border-primary-active" | "border-primary-hover" | "border-primary-inverted" | "border-success" | "border-warning" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "black" | "white" | "transparent" | undefined;
+    color?: packages_themes_src_alias_keys.AliasColorsKeys | "black" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "transparent" | "white" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | undefined;
     size?: "small" | "medium" | "large" | undefined;
     weight?: "bold" | "thin" | "normal" | undefined;
 }, {}> & _mirohq_design_system_stitches.SafeProps<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & {
@@ -27,6 +28,7 @@ declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<{
             readonly lg: "4px";
         };
         colors: {
+            readonly black: any;
             readonly 'blue-100': any;
             readonly 'blue-200': any;
             readonly 'blue-300': any;
@@ -46,6 +48,15 @@ declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<{
             readonly 'gray-700': any;
             readonly 'gray-800': any;
             readonly 'gray-900': any;
+            readonly 'green-100': any;
+            readonly 'green-200': any;
+            readonly 'green-300': any;
+            readonly 'green-400': any;
+            readonly 'green-500': any;
+            readonly 'green-600': any;
+            readonly 'green-700': any;
+            readonly 'green-800': any;
+            readonly 'green-900': any;
             readonly 'indigo-100': any;
             readonly 'indigo-200': any;
             readonly 'indigo-300': any;
@@ -64,6 +75,8 @@ declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<{
             readonly 'red-700': any;
             readonly 'red-800': any;
             readonly 'red-900': any;
+            readonly transparent: any;
+            readonly white: any;
             readonly 'yellow-100': any;
             readonly 'yellow-200': any;
             readonly 'yellow-300': any;
@@ -73,113 +86,112 @@ declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<{
             readonly 'yellow-700': any;
             readonly 'yellow-800': any;
             readonly 'yellow-900': any;
-            readonly 'green-100': any;
-            readonly 'green-200': any;
-            readonly 'green-300': any;
-            readonly 'green-400': any;
-            readonly 'green-500': any;
-            readonly 'green-600': any;
-            readonly 'green-700': any;
-            readonly 'green-800': any;
-            readonly 'green-900': any;
-            readonly black: any;
-            readonly white: any;
-            readonly transparent: any;
-            readonly 'background-danger'?: any;
-            readonly 'background-danger-hover'?: any;
-            readonly 'background-danger-prominent'?: any;
-            readonly 'background-danger-prominent-active'?: any;
-            readonly 'background-danger-prominent-hover'?: any;
-            readonly 'background-neutrals'?: any;
-            readonly 'background-neutrals-container'?: any;
-            readonly 'background-neutrals-controls-disabled'?: any;
-            readonly 'background-neutrals-disabled'?: any;
-            readonly 'background-neutrals-inactive'?: any;
-            readonly 'background-neutrals-inactive-hover'?: any;
-            readonly 'background-neutrals-inverted'?: any;
-            readonly 'background-neutrals-inverted-subtle'?: any;
-            readonly 'background-neutrals-page'?: any;
-            readonly 'background-neutrals-page-subtle'?: any;
-            readonly 'background-neutrals-scrolls'?: any;
-            readonly 'background-neutrals-scrolls-hover'?: any;
-            readonly 'background-neutrals-subtle'?: any;
-            readonly 'background-neutrals-subtle-active'?: any;
-            readonly 'background-neutrals-subtle-hover'?: any;
-            readonly 'background-primary-prominent'?: any;
-            readonly 'background-primary-prominent-active'?: any;
-            readonly 'background-primary-prominent-hover'?: any;
-            readonly 'background-primary-prominent-selected'?: any;
-            readonly 'background-primary-subtle'?: any;
-            readonly 'background-primary-subtle-active'?: any;
-            readonly 'background-primary-subtle-hover'?: any;
-            readonly 'background-primary-subtle-selected'?: any;
-            readonly 'background-success'?: any;
-            readonly 'background-warning-prominent'?: any;
-            readonly 'background-warning-subtle'?: any;
-            readonly 'text-danger'?: any;
-            readonly 'text-danger-active'?: any;
-            readonly 'text-danger-hover'?: any;
-            readonly 'text-danger-inverted'?: any;
-            readonly 'text-neutrals'?: any;
-            readonly 'text-neutrals-disabled'?: any;
-            readonly 'text-neutrals-inverted'?: any;
-            readonly 'text-neutrals-placeholder'?: any;
-            readonly 'text-neutrals-placeholder-only'?: any;
-            readonly 'text-neutrals-subtle'?: any;
-            readonly 'text-neutrals-subtle-active'?: any;
-            readonly 'text-neutrals-subtle-hover'?: any;
-            readonly 'text-primary'?: any;
-            readonly 'text-primary-active'?: any;
-            readonly 'text-primary-hover'?: any;
-            readonly 'text-primary-inverted'?: any;
-            readonly 'text-primary-inverted-subtle'?: any;
-            readonly 'text-primary-selected'?: any;
-            readonly 'text-success'?: any;
-            readonly 'text-warning'?: any;
-            readonly 'icon-danger'?: any;
-            readonly 'icon-danger-active'?: any;
-            readonly 'icon-danger-hover'?: any;
-            readonly 'icon-danger-inverted'?: any;
-            readonly 'icon-neutrals'?: any;
-            readonly 'icon-neutrals-disabled'?: any;
-            readonly 'icon-neutrals-inactive'?: any;
-            readonly 'icon-neutrals-inactive-hover'?: any;
-            readonly 'icon-neutrals-inverted'?: any;
-            readonly 'icon-neutrals-search'?: any;
-            readonly 'icon-neutrals-subtle'?: any;
-            readonly 'icon-neutrals-text'?: any;
-            readonly 'icon-primary'?: any;
-            readonly 'icon-primary-active'?: any;
-            readonly 'icon-primary-hover'?: any;
-            readonly 'icon-primary-inverted'?: any;
-            readonly 'icon-primary-selected'?: any;
-            readonly 'icon-success'?: any;
-            readonly 'icon-success-inverted'?: any;
-            readonly 'icon-warning'?: any;
-            readonly 'icon-warning-prominent'?: any;
-            readonly 'border-danger'?: any;
-            readonly 'border-danger-active'?: any;
-            readonly 'border-danger-hover'?: any;
-            readonly 'border-focus-inner'?: any;
-            readonly 'border-focus-middle'?: any;
-            readonly 'border-focus-outer'?: any;
-            readonly 'border-neutrals'?: any;
-            readonly 'border-neutrals-active'?: any;
-            readonly 'border-neutrals-controls'?: any;
-            readonly 'border-neutrals-controls-disabled'?: any;
-            readonly 'border-neutrals-disabled'?: any;
-            readonly 'border-neutrals-hover'?: any;
-            readonly 'border-neutrals-inverted'?: any;
-            readonly 'border-neutrals-subtle'?: any;
-            readonly 'border-neutrals-text-subtle'?: any;
-            readonly 'border-neutrals-text-subtle-active'?: any;
-            readonly 'border-neutrals-text-subtle-hover'?: any;
-            readonly 'border-primary'?: any;
-            readonly 'border-primary-active'?: any;
-            readonly 'border-primary-hover'?: any;
-            readonly 'border-primary-inverted'?: any;
-            readonly 'border-success'?: any;
-            readonly 'border-warning'?: any;
+            "background-alpha-active"?: any;
+            "background-alpha-hover"?: any;
+            "background-danger-prominent"?: any;
+            "background-danger-prominent-active"?: any;
+            "background-danger-prominent-hover"?: any;
+            "background-danger-subtle"?: any;
+            "background-danger-subtle-active"?: any;
+            "background-danger-subtle-hover"?: any;
+            "background-neutrals"?: any;
+            "background-neutrals-active"?: any;
+            "background-neutrals-container"?: any;
+            "background-neutrals-controls-disabled"?: any;
+            "background-neutrals-disabled"?: any;
+            "background-neutrals-hover"?: any;
+            "background-neutrals-inactive"?: any;
+            "background-neutrals-inactive-hover"?: any;
+            "background-neutrals-inverted"?: any;
+            "background-neutrals-inverted-subtle"?: any;
+            "background-neutrals-page"?: any;
+            "background-neutrals-page-subtle"?: any;
+            "background-neutrals-scrolls"?: any;
+            "background-neutrals-scrolls-hover"?: any;
+            "background-neutrals-subtle"?: any;
+            "background-neutrals-subtle-active"?: any;
+            "background-neutrals-subtle-hover"?: any;
+            "background-primary-prominent"?: any;
+            "background-primary-prominent-active"?: any;
+            "background-primary-prominent-hover"?: any;
+            "background-primary-prominent-selected"?: any;
+            "background-primary-subtle"?: any;
+            "background-primary-subtle-active"?: any;
+            "background-primary-subtle-hover"?: any;
+            "background-primary-subtle-selected"?: any;
+            "background-success"?: any;
+            "background-warning-prominent"?: any;
+            "background-warning-subtle"?: any;
+            "border-danger"?: any;
+            "border-danger-active"?: any;
+            "border-danger-hover"?: any;
+            "border-focus-inner"?: any;
+            "border-focus-middle"?: any;
+            "border-focus-outer"?: any;
+            "border-neutrals"?: any;
+            "border-neutrals-active"?: any;
+            "border-neutrals-controls"?: any;
+            "border-neutrals-controls-disabled"?: any;
+            "border-neutrals-disabled"?: any;
+            "border-neutrals-hover"?: any;
+            "border-neutrals-inverted"?: any;
+            "border-neutrals-subtle"?: any;
+            "border-neutrals-text"?: any;
+            "border-neutrals-text-active"?: any;
+            "border-neutrals-text-hover"?: any;
+            "border-neutrals-text-subtle"?: any;
+            "border-neutrals-text-subtle-active"?: any;
+            "border-neutrals-text-subtle-hover"?: any;
+            "border-neutrals-transparent"?: any;
+            "border-primary"?: any;
+            "border-primary-active"?: any;
+            "border-primary-hover"?: any;
+            "border-primary-inverted"?: any;
+            "border-success"?: any;
+            "border-warning"?: any;
+            "icon-danger"?: any;
+            "icon-danger-active"?: any;
+            "icon-danger-hover"?: any;
+            "icon-danger-inverted"?: any;
+            "icon-neutrals"?: any;
+            "icon-neutrals-disabled"?: any;
+            "icon-neutrals-inactive"?: any;
+            "icon-neutrals-inactive-hover"?: any;
+            "icon-neutrals-inverted"?: any;
+            "icon-neutrals-search"?: any;
+            "icon-neutrals-subtle"?: any;
+            "icon-neutrals-text"?: any;
+            "icon-primary"?: any;
+            "icon-primary-active"?: any;
+            "icon-primary-hover"?: any;
+            "icon-primary-inverted"?: any;
+            "icon-primary-selected"?: any;
+            "icon-success"?: any;
+            "icon-success-inverted"?: any;
+            "icon-warning"?: any;
+            "icon-warning-prominent"?: any;
+            "text-danger"?: any;
+            "text-danger-active"?: any;
+            "text-danger-hover"?: any;
+            "text-danger-inverted"?: any;
+            "text-neutrals"?: any;
+            "text-neutrals-active"?: any;
+            "text-neutrals-disabled"?: any;
+            "text-neutrals-hover"?: any;
+            "text-neutrals-inverted"?: any;
+            "text-neutrals-placeholder"?: any;
+            "text-neutrals-placeholder-only"?: any;
+            "text-neutrals-subtle"?: any;
+            "text-neutrals-subtle-active"?: any;
+            "text-neutrals-subtle-hover"?: any;
+            "text-primary"?: any;
+            "text-primary-active"?: any;
+            "text-primary-hover"?: any;
+            "text-primary-inverted"?: any;
+            "text-primary-inverted-subtle"?: any;
+            "text-primary-selected"?: any;
+            "text-success"?: any;
+            "text-warning"?: any;
         };
         'font-sizes': {
             readonly 150: "0.75rem";
@@ -466,7 +478,7 @@ declare const StyledIcon: ForwardRefExoticComponent<Omit<Omit<{
 }> & {
     children?: react.ReactNode;
 } & _mirohq_design_system_stitches.CustomStylesProps, "ref"> & RefAttributes<SVGSVGElement>> & _mirohq_design_system_stitches.StitchesInternals<ForwardRefExoticComponent<_mirohq_design_system_primitive.PrimitiveProps<"svg">>, {
-    color?: "background-danger" | "background-danger-hover" | "background-danger-prominent" | "background-danger-prominent-active" | "background-danger-prominent-hover" | "background-neutrals" | "background-neutrals-container" | "background-neutrals-controls-disabled" | "background-neutrals-disabled" | "background-neutrals-inactive" | "background-neutrals-inactive-hover" | "background-neutrals-inverted" | "background-neutrals-inverted-subtle" | "background-neutrals-page" | "background-neutrals-page-subtle" | "background-neutrals-scrolls" | "background-neutrals-scrolls-hover" | "background-neutrals-subtle" | "background-neutrals-subtle-active" | "background-neutrals-subtle-hover" | "background-primary-prominent" | "background-primary-prominent-active" | "background-primary-prominent-hover" | "background-primary-prominent-selected" | "background-primary-subtle" | "background-primary-subtle-active" | "background-primary-subtle-hover" | "background-primary-subtle-selected" | "background-success" | "background-warning-prominent" | "background-warning-subtle" | "text-danger" | "text-danger-active" | "text-danger-hover" | "text-danger-inverted" | "text-neutrals" | "text-neutrals-disabled" | "text-neutrals-inverted" | "text-neutrals-placeholder" | "text-neutrals-placeholder-only" | "text-neutrals-subtle" | "text-neutrals-subtle-active" | "text-neutrals-subtle-hover" | "text-primary" | "text-primary-active" | "text-primary-hover" | "text-primary-inverted" | "text-primary-inverted-subtle" | "text-primary-selected" | "text-success" | "text-warning" | "icon-danger" | "icon-danger-active" | "icon-danger-hover" | "icon-danger-inverted" | "icon-neutrals" | "icon-neutrals-disabled" | "icon-neutrals-inactive" | "icon-neutrals-inactive-hover" | "icon-neutrals-inverted" | "icon-neutrals-search" | "icon-neutrals-subtle" | "icon-neutrals-text" | "icon-primary" | "icon-primary-active" | "icon-primary-hover" | "icon-primary-inverted" | "icon-primary-selected" | "icon-success" | "icon-success-inverted" | "icon-warning" | "icon-warning-prominent" | "border-danger" | "border-danger-active" | "border-danger-hover" | "border-focus-inner" | "border-focus-middle" | "border-focus-outer" | "border-neutrals" | "border-neutrals-active" | "border-neutrals-controls" | "border-neutrals-controls-disabled" | "border-neutrals-disabled" | "border-neutrals-hover" | "border-neutrals-inverted" | "border-neutrals-subtle" | "border-neutrals-text-subtle" | "border-neutrals-text-subtle-active" | "border-neutrals-text-subtle-hover" | "border-primary" | "border-primary-active" | "border-primary-hover" | "border-primary-inverted" | "border-success" | "border-warning" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "black" | "white" | "transparent" | undefined;
+    color?: packages_themes_src_alias_keys.AliasColorsKeys | "black" | "blue-100" | "blue-200" | "blue-300" | "blue-400" | "blue-500" | "blue-600" | "blue-700" | "blue-800" | "blue-900" | "blue-1000" | "gray-100" | "gray-200" | "gray-300" | "gray-400" | "gray-500" | "gray-600" | "gray-700" | "gray-800" | "gray-900" | "green-100" | "green-200" | "green-300" | "green-400" | "green-500" | "green-600" | "green-700" | "green-800" | "green-900" | "indigo-100" | "indigo-200" | "indigo-300" | "indigo-400" | "indigo-500" | "indigo-600" | "indigo-700" | "indigo-800" | "indigo-900" | "red-100" | "red-200" | "red-300" | "red-400" | "red-500" | "red-600" | "red-700" | "red-800" | "red-900" | "transparent" | "white" | "yellow-100" | "yellow-200" | "yellow-300" | "yellow-400" | "yellow-500" | "yellow-600" | "yellow-700" | "yellow-800" | "yellow-900" | undefined;
     size?: "small" | "medium" | "large" | undefined;
     weight?: "bold" | "thin" | "normal" | undefined;
 }, {}>;
@@ -832,6 +844,10 @@ declare const IconHouse: IconComponentType;
 
 declare const IconImage: IconComponentType;
 
+declare const IconIndentLeft: IconComponentType;
+
+declare const IconIndentRight: IconComponentType;
+
 declare const IconInformationMarkCircle: IconComponentType;
 
 declare const IconKanban: IconComponentType;
@@ -1188,6 +1204,8 @@ declare const IconTextAlignCenter: IconComponentType;
 
 declare const IconTextAlignLeft: IconComponentType;
 
+declare const IconTextAlignRight: IconComponentType;
+
 declare const IconTextBBoldItalicUnderlined: IconComponentType;
 
 declare const IconTextBBold: IconComponentType;
@@ -1280,4 +1298,4 @@ declare const IconViewSideLeft: IconComponentType;
 
 declare const IconWallet: IconComponentType;
 
-export { IconAddLineBottom, IconAddLineRight, IconAlignBottom, IconAlignCenterHorizontal, IconAlignCenterVertical, IconAlignLeft, IconAlignRight, IconAlignTop, IconArrowArcLeft, IconArrowArcRight, IconArrowBendUpRight, IconArrowBoxOut, IconArrowClockwiseDownRight, IconArrowClockwiseUpLeft, IconArrowCounterClockwiseDownLeft, IconArrowCounterClockwiseUpRight, IconArrowCurvesBottomRight, IconArrowDown, IconArrowDownLeft, IconArrowDownRight, IconArrowElbowDownRight, IconArrowFatRight, IconArrowFatUpRight, IconArrowLeft, IconArrowRight, IconArrowUp, IconArrowUpCircle, IconArrowUpLeft, IconArrowUpRight, IconArrowsClockwiseRectangleTilt, IconArrowsClockwiseX, IconArrowsClockwiseY, IconArrowsDownUp, IconArrowsHorizontalLinesTopBottom, IconArrowsInSimple, IconArrowsOutCardinal, IconArrowsOutLinesHorizontal, IconArrowsOutSimple, IconArrowsSquareCounterClockwiseY, IconArticle, IconAt, IconBadge, IconBarrel, IconBell, IconBellSlash, IconBellTilt, IconBoard, IconBookOpenInfo, IconBookmark, IconBracketCurlyLeft, IconBracketCurlyRight, IconBracketsAngleSlash, IconBracketsCurlyCirclesThree, IconBrush, IconCalendarBlank, IconCamera, IconCard, IconCardNumberThree, IconCardsPoker, IconChartBarY, IconChartBarYSimple, IconChat, IconChatCheck, IconChatDashesLinesTwo, IconChatLinesCross, IconChatLinesDot, IconChatLinesEyeOpen, IconChatLinesTwo, IconChatLinesTwoStack, IconChatPlus, IconChatTextArrow, IconChatTwo, IconCheckMark, IconCheckboardSquareCentered, IconChevronDown, IconChevronDownDouble, IconChevronLeft, IconChevronLeftDouble, IconChevronRight, IconChevronRightDouble, IconChevronRightSmall, IconChevronUp, IconChevronUpDouble, IconChevronUpDown, IconChevronUpDownLine, IconCircle, IconCircleCorners, IconCircleMotionX, IconCircleNotch, IconCircleSlash, IconCirclesConnected, IconClock, IconClockCounterClockwise, IconClockCounterClockwiseSimple, IconClockOvertime, IconCloud, IconCluster, IconClustered, IconCog, IconColumnsThree, IconComponentType, IconConeSerpentine, IconConnectionLineElbows, IconConnectionLineStraight, IconCornersThreeEyeOpen, IconCreditCard, IconCrop, IconCross, IconCrossCircle, IconCrossFat, IconCrossSquare, IconCube, IconCursor, IconCursorFilled, IconCursorLines, IconCursorText, IconCurveSquareCircleArrow, IconDashLeftDownSquareDashRightUp, IconDashLeftUpSquareDashDownRight, IconDashSquareDashHorizontal, IconDashSquareDashVertical, IconDiagramCardLarge1, IconDiagramCardLarge2, IconDiagramCardLarge3, IconDiagramCardLarge4, IconDiagramCardSmall1, IconDiagramCardSmall2, IconDiagramCardSmall3, IconDistributeHorizontal, IconDistributeVertical, IconDotsNine, IconDotsThree, IconDotsTwo, IconDownload, IconEnvelope, IconEraser, IconExclamationMarkOctagon, IconExclamationPointCircle, IconExport, IconEyeClosed, IconEyeClosedDotsFourFrameBroken, IconEyeOpen, IconEyeOpenLineFrameBroken, IconEyeOpenSlash, IconEyedropper, IconFactory, IconFactoryHouse, IconFlag, IconFolder, IconFrame, IconFrameLinesTwo, IconFramePlay, IconFramePlus, IconFunnel, IconGauge, IconGift, IconGlobe, IconGraduationCap, IconGrid, IconGridFour, IconGridSix, IconHand, IconHandFilled, IconHandPointing, IconHeadsetPerson, IconHeart, IconHeartFilled, IconHexagon, IconHighlighter, IconHighlighterUnderline, IconHouse, IconImage, IconInformationMarkCircle, IconKanban, IconKey, IconKeycap, IconLaptop, IconLasso, IconLayout, IconLifesaver, IconLightbox, IconLightbulb, IconLightning, IconLineCurved, IconLineDashed, IconLineDiagonal, IconLineDotted, IconLineHorizontal, IconLineOrthogonal, IconLineStraight, IconLinesThreeHorizontal, IconLinesThreeHorizontalLineVerticalCenter, IconLinesThreeVertical, IconLinesTopLeftColumnsTwo, IconLink, IconLinkPlus, IconListBullets, IconListNumbers, IconLockClosed, IconLockOpen, IconLogin, IconLogout, IconMagnet, IconMagnifyingGlass, IconMagnifyingGlassLightning, IconMagnifyingGlassPlus, IconMap, IconMegaphone, IconMicrophone, IconMicrophoneSlash, IconMinus, IconMobile, IconMonitorArrow, IconMonitorPause, IconMonitorPlay, IconMonitorStop, IconMoon, IconMouse, IconNavigationArrowLines, IconNavigationUpLeftFilled, IconNavigationUpLeftSlash, IconNavigationUpRight, IconNext, IconNodeConnectedDot, IconNodeLinesCurved, IconNodeLinesHorizontal, IconNodeLinesVertical, IconNodePlus, IconNodesConnected, IconNodesConnectionsThree, IconNoteMagnifyingGlass, IconOctagon, IconOffice, IconPaintBucket, IconPalette, IconPaperPlaneFilledRight, IconPaperPlaneTilt, IconParallelogram, IconPause, IconPauseCircle, IconPdf, IconPen, IconPenTip, IconPenUnderline, IconPentagon, IconPlaceholder, IconPlanet, IconPlay, IconPlayCircle, IconPlaybackSpeedCircle, IconPlug, IconPlus, IconPlusSquare, IconPlusText, IconPresentationArrow, IconPresentationEyeOpen, IconPresentationLine, IconPresentationLinesTwo, IconPresentationLink, IconPresentationNumberOne, IconPresentationPlay, IconPresentationPlus, IconPrevious, IconProhibit, IconProps, IconPushPin, IconPushPinFilled, IconQuestionMark, IconQuestionMarkCircle, IconRectangleArrowUpCenter, IconRectangleDashLines, IconRectangleDotLinePen, IconRectanglePlayStack, IconRectangleTick, IconRectangleTriangleBottomCenter, IconRectanglesThreeAligned, IconRectanglesThreeFree, IconRectanglesThreeOverlap, IconRectanglesTwoLine, IconRectanglesTwoLinesFour, IconRectanglesTwoMinus, IconRectanglesTwoPlus, IconRectanglesTwoUser, IconRhombus, IconRocket, IconRss, IconRssRectangle, IconScissors, IconScrollbarXy, IconShapes, IconShieldCheck, IconShieldLock, IconShuffle, IconSidebarClosed, IconSidebarOpen, IconSlidersX, IconSlidersY, IconSmiley, IconSmileyChat, IconSmileyPlus, IconSmileySticker, IconSocialFacebook, IconSocialInstagram, IconSocialJira, IconSocialLinkedin, IconSocialSlack, IconSocialTwitter, IconSocialYoutube, IconSparks, IconSparksFilled, IconSpeakerCross, IconSpeakerHigh, IconSplitVertical, IconSquare, IconSquareArrowIn, IconSquareBracketsAngleSlash, IconSquareCirclesTwo, IconSquareLineSquareDashed, IconSquareRounded, IconSquareStarScribble, IconSquareTriangleCirclePlus, IconSquaresFour, IconSquaresGroup, IconSquaresMerge, IconSquaresThree, IconSquaresTwoOverlap, IconSquaresUngroup, IconSquaresUnmerge, IconStack, IconStar, IconStarFilled, IconStarHalf, IconStickyCorners, IconStickyEyeClosed, IconStickyEyeOpen, IconStickyNote, IconStickyNoteStack, IconStickyNoteWide, IconStickyNotesTwo, IconStopCircle, IconStroke1, IconStroke2, IconStroke3, IconStroke4, IconStroke5, IconStroke6, IconSwitch, IconTag, IconTextAUnderline, IconTextAlignCenter, IconTextAlignLeft, IconTextBBold, IconTextBBoldItalicUnderlined, IconTextCursorEyeOpen, IconTextHOne, IconTextHThree, IconTextHTwo, IconTextIItalic, IconTextIndent, IconTextLinesThree, IconTextSStrikethrough, IconTextStyles, IconTextT, IconTextUUnderlined, IconThumbsUp, IconTickCircle, IconTicket, IconTimer, IconToolbar, IconTooltip, IconTrackpad, IconTrapeze, IconTrash, IconTrashSimple, IconTriangle, IconTriangleSquareCircle, IconTrident, IconTrophy, IconUser, IconUserAdd, IconUserArrowRightUp, IconUserCog, IconUserCogPlus, IconUserEyeOpen, IconUserLoad, IconUserNumberThree, IconUserPenDashesBottom, IconUserPenLineBottom, IconUserTickDown, IconUsers, IconUsersThree, IconVideoCamera, IconVideoCameraSimple, IconVideoCameraSimpleSlash, IconViewCenter, IconViewSideLeft, IconWallet };
+export { IconAddLineBottom, IconAddLineRight, IconAlignBottom, IconAlignCenterHorizontal, IconAlignCenterVertical, IconAlignLeft, IconAlignRight, IconAlignTop, IconArrowArcLeft, IconArrowArcRight, IconArrowBendUpRight, IconArrowBoxOut, IconArrowClockwiseDownRight, IconArrowClockwiseUpLeft, IconArrowCounterClockwiseDownLeft, IconArrowCounterClockwiseUpRight, IconArrowCurvesBottomRight, IconArrowDown, IconArrowDownLeft, IconArrowDownRight, IconArrowElbowDownRight, IconArrowFatRight, IconArrowFatUpRight, IconArrowLeft, IconArrowRight, IconArrowUp, IconArrowUpCircle, IconArrowUpLeft, IconArrowUpRight, IconArrowsClockwiseRectangleTilt, IconArrowsClockwiseX, IconArrowsClockwiseY, IconArrowsDownUp, IconArrowsHorizontalLinesTopBottom, IconArrowsInSimple, IconArrowsOutCardinal, IconArrowsOutLinesHorizontal, IconArrowsOutSimple, IconArrowsSquareCounterClockwiseY, IconArticle, IconAt, IconBadge, IconBarrel, IconBell, IconBellSlash, IconBellTilt, IconBoard, IconBookOpenInfo, IconBookmark, IconBracketCurlyLeft, IconBracketCurlyRight, IconBracketsAngleSlash, IconBracketsCurlyCirclesThree, IconBrush, IconCalendarBlank, IconCamera, IconCard, IconCardNumberThree, IconCardsPoker, IconChartBarY, IconChartBarYSimple, IconChat, IconChatCheck, IconChatDashesLinesTwo, IconChatLinesCross, IconChatLinesDot, IconChatLinesEyeOpen, IconChatLinesTwo, IconChatLinesTwoStack, IconChatPlus, IconChatTextArrow, IconChatTwo, IconCheckMark, IconCheckboardSquareCentered, IconChevronDown, IconChevronDownDouble, IconChevronLeft, IconChevronLeftDouble, IconChevronRight, IconChevronRightDouble, IconChevronRightSmall, IconChevronUp, IconChevronUpDouble, IconChevronUpDown, IconChevronUpDownLine, IconCircle, IconCircleCorners, IconCircleMotionX, IconCircleNotch, IconCircleSlash, IconCirclesConnected, IconClock, IconClockCounterClockwise, IconClockCounterClockwiseSimple, IconClockOvertime, IconCloud, IconCluster, IconClustered, IconCog, IconColumnsThree, IconComponentType, IconConeSerpentine, IconConnectionLineElbows, IconConnectionLineStraight, IconCornersThreeEyeOpen, IconCreditCard, IconCrop, IconCross, IconCrossCircle, IconCrossFat, IconCrossSquare, IconCube, IconCursor, IconCursorFilled, IconCursorLines, IconCursorText, IconCurveSquareCircleArrow, IconDashLeftDownSquareDashRightUp, IconDashLeftUpSquareDashDownRight, IconDashSquareDashHorizontal, IconDashSquareDashVertical, IconDiagramCardLarge1, IconDiagramCardLarge2, IconDiagramCardLarge3, IconDiagramCardLarge4, IconDiagramCardSmall1, IconDiagramCardSmall2, IconDiagramCardSmall3, IconDistributeHorizontal, IconDistributeVertical, IconDotsNine, IconDotsThree, IconDotsTwo, IconDownload, IconEnvelope, IconEraser, IconExclamationMarkOctagon, IconExclamationPointCircle, IconExport, IconEyeClosed, IconEyeClosedDotsFourFrameBroken, IconEyeOpen, IconEyeOpenLineFrameBroken, IconEyeOpenSlash, IconEyedropper, IconFactory, IconFactoryHouse, IconFlag, IconFolder, IconFrame, IconFrameLinesTwo, IconFramePlay, IconFramePlus, IconFunnel, IconGauge, IconGift, IconGlobe, IconGraduationCap, IconGrid, IconGridFour, IconGridSix, IconHand, IconHandFilled, IconHandPointing, IconHeadsetPerson, IconHeart, IconHeartFilled, IconHexagon, IconHighlighter, IconHighlighterUnderline, IconHouse, IconImage, IconIndentLeft, IconIndentRight, IconInformationMarkCircle, IconKanban, IconKey, IconKeycap, IconLaptop, IconLasso, IconLayout, IconLifesaver, IconLightbox, IconLightbulb, IconLightning, IconLineCurved, IconLineDashed, IconLineDiagonal, IconLineDotted, IconLineHorizontal, IconLineOrthogonal, IconLineStraight, IconLinesThreeHorizontal, IconLinesThreeHorizontalLineVerticalCenter, IconLinesThreeVertical, IconLinesTopLeftColumnsTwo, IconLink, IconLinkPlus, IconListBullets, IconListNumbers, IconLockClosed, IconLockOpen, IconLogin, IconLogout, IconMagnet, IconMagnifyingGlass, IconMagnifyingGlassLightning, IconMagnifyingGlassPlus, IconMap, IconMegaphone, IconMicrophone, IconMicrophoneSlash, IconMinus, IconMobile, IconMonitorArrow, IconMonitorPause, IconMonitorPlay, IconMonitorStop, IconMoon, IconMouse, IconNavigationArrowLines, IconNavigationUpLeftFilled, IconNavigationUpLeftSlash, IconNavigationUpRight, IconNext, IconNodeConnectedDot, IconNodeLinesCurved, IconNodeLinesHorizontal, IconNodeLinesVertical, IconNodePlus, IconNodesConnected, IconNodesConnectionsThree, IconNoteMagnifyingGlass, IconOctagon, IconOffice, IconPaintBucket, IconPalette, IconPaperPlaneFilledRight, IconPaperPlaneTilt, IconParallelogram, IconPause, IconPauseCircle, IconPdf, IconPen, IconPenTip, IconPenUnderline, IconPentagon, IconPlaceholder, IconPlanet, IconPlay, IconPlayCircle, IconPlaybackSpeedCircle, IconPlug, IconPlus, IconPlusSquare, IconPlusText, IconPresentationArrow, IconPresentationEyeOpen, IconPresentationLine, IconPresentationLinesTwo, IconPresentationLink, IconPresentationNumberOne, IconPresentationPlay, IconPresentationPlus, IconPrevious, IconProhibit, IconProps, IconPushPin, IconPushPinFilled, IconQuestionMark, IconQuestionMarkCircle, IconRectangleArrowUpCenter, IconRectangleDashLines, IconRectangleDotLinePen, IconRectanglePlayStack, IconRectangleTick, IconRectangleTriangleBottomCenter, IconRectanglesThreeAligned, IconRectanglesThreeFree, IconRectanglesThreeOverlap, IconRectanglesTwoLine, IconRectanglesTwoLinesFour, IconRectanglesTwoMinus, IconRectanglesTwoPlus, IconRectanglesTwoUser, IconRhombus, IconRocket, IconRss, IconRssRectangle, IconScissors, IconScrollbarXy, IconShapes, IconShieldCheck, IconShieldLock, IconShuffle, IconSidebarClosed, IconSidebarOpen, IconSlidersX, IconSlidersY, IconSmiley, IconSmileyChat, IconSmileyPlus, IconSmileySticker, IconSocialFacebook, IconSocialInstagram, IconSocialJira, IconSocialLinkedin, IconSocialSlack, IconSocialTwitter, IconSocialYoutube, IconSparks, IconSparksFilled, IconSpeakerCross, IconSpeakerHigh, IconSplitVertical, IconSquare, IconSquareArrowIn, IconSquareBracketsAngleSlash, IconSquareCirclesTwo, IconSquareLineSquareDashed, IconSquareRounded, IconSquareStarScribble, IconSquareTriangleCirclePlus, IconSquaresFour, IconSquaresGroup, IconSquaresMerge, IconSquaresThree, IconSquaresTwoOverlap, IconSquaresUngroup, IconSquaresUnmerge, IconStack, IconStar, IconStarFilled, IconStarHalf, IconStickyCorners, IconStickyEyeClosed, IconStickyEyeOpen, IconStickyNote, IconStickyNoteStack, IconStickyNoteWide, IconStickyNotesTwo, IconStopCircle, IconStroke1, IconStroke2, IconStroke3, IconStroke4, IconStroke5, IconStroke6, IconSwitch, IconTag, IconTextAUnderline, IconTextAlignCenter, IconTextAlignLeft, IconTextAlignRight, IconTextBBold, IconTextBBoldItalicUnderlined, IconTextCursorEyeOpen, IconTextHOne, IconTextHThree, IconTextHTwo, IconTextIItalic, IconTextIndent, IconTextLinesThree, IconTextSStrikethrough, IconTextStyles, IconTextT, IconTextUUnderlined, IconThumbsUp, IconTickCircle, IconTicket, IconTimer, IconToolbar, IconTooltip, IconTrackpad, IconTrapeze, IconTrash, IconTrashSimple, IconTriangle, IconTriangleSquareCircle, IconTrident, IconTrophy, IconUser, IconUserAdd, IconUserArrowRightUp, IconUserCog, IconUserCogPlus, IconUserEyeOpen, IconUserLoad, IconUserNumberThree, IconUserPenDashesBottom, IconUserPenLineBottom, IconUserTickDown, IconUsers, IconUsersThree, IconVideoCamera, IconVideoCameraSimple, IconVideoCameraSimpleSlash, IconViewCenter, IconViewSideLeft, IconWallet };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirohq/design-system-icons",
-  "version": "0.26.1",
+  "version": "0.27.1-themes.0",
   "description": "",
   "author": "Miro",
   "source": "src/index.ts",
@@ -31,10 +31,10 @@
     "react": "^16.14 || ^17 || ^18"
   },
   "dependencies": {
-    "@mirohq/design-system-base-icon": "^0.1.3",
-    "@mirohq/design-system-link": "^1.2.16",
+    "@mirohq/design-system-base-icon": "^0.1.4-themes.0",
+    "@mirohq/design-system-link": "^1.2.17-themes.0",
     "@mirohq/design-system-primitive": "^1.1.0",
-    "@mirohq/design-system-stitches": "^2.3.4",
+    "@mirohq/design-system-stitches": "^2.3.5-themes.0",
     "@mirohq/design-system-utils": "^0.14.1"
   },
   "devDependencies": {

package/react/arrow-elbow-down-right.tsx

@@ -20,10 +20,17 @@ export const IconArrowElbowDownRight: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
-      <path
-        fill='currentColor'
-        d='M4 15h-1c0 .5523.4477 1 1 1v-1Zm17 0 .7071.7071.7071-.7071-.7071-.7071-.7071.7071Zm-3.2929-4.7071c-.3905-.3905-1.0237-.3905-1.4142 0-.3905.3905-.3905 1.0237 0 1.4142l1.4142-1.4142Zm-1.4142 8c-.3905.3905-.3905 1.0237 0 1.4142.3905.3905 1.0237.3905 1.4142 0l-1.4142-1.4142Zm-11.2929-13.2929c0-.5523-.4477-1-1-1s-1 .4477-1 1h2Zm-1 11h17v-2h-17v2Zm17.7071-1.7071-4-4-1.4142 1.4142 4 4 1.4142-1.4142Zm-1.4142 0-4 4 1.4142 1.4142 4-4-1.4142-1.4142Zm-15.2929.7071v-10h-2v10h2Z'
-      />
+      <g clipPath='url(#clip0_4109_692)'>
+        <path
+          fill='currentColor'
+          d='M4 15h-1c0 .5523.4477 1 1 1v-1Zm17 0 .7071.7071.7071-.7071-.7071-.7071-.7071.7071Zm-3.2929-4.7071c-.3905-.3905-1.0237-.3905-1.4142 0-.3905.3905-.3905 1.0237 0 1.4142l1.4142-1.4142Zm-1.4142 8c-.3905.3905-.3905 1.0237 0 1.4142.3905.3905 1.0237.3905 1.4142 0l-1.4142-1.4142Zm-11.2929-13.2929c0-.5523-.4477-1-1-1s-1 .4477-1 1h2Zm-1 11h17v-2h-17v2Zm17.7071-1.7071-4-4-1.4142 1.4142 4 4 1.4142-1.4142Zm-1.4142 0-4 4 1.4142 1.4142 4-4-1.4142-1.4142Zm-15.2929.7071v-10h-2v10h2Z'
+        />
+      </g>,
+      <defs>
+        <clipPath id='clip0_4109_692'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
     )
 )
 

package/react/diagram-card-large-2.tsx

@@ -20,16 +20,16 @@ export const IconDiagramCardLarge2: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
+      <path
+        fill='currentColor'
+        d='M9 8c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2ZM7 18c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM10 19c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1ZM15 18c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM18 19c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1Z'
+      />,
       <path
         stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 7h6m-6 4h6m-15-8h18v18h-18v-18Z'
-      />,
-      <path
-        fill='currentColor'
-        d='M9 8c0 1.1046-.8954 2-2 2s-2-.8954-2-2 .8954-2 2-2 2 .8954 2 2ZM7 18c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM10 19c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1ZM15 18c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM18 19c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1Z'
       />
     )
 )

package/react/diagram-card-large-3.tsx

@@ -20,16 +20,16 @@ export const IconDiagramCardLarge3: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
+      <path
+        fill='currentColor'
+        d='M8 18c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM13 18c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM17 19c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1Z'
+      />,
       <path
         stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M7 7h7m-7 4h7m-11 4v6h18v-6m-18 0v-12h18v12m-18 0h18'
-      />,
-      <path
-        fill='currentColor'
-        d='M8 18c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM13 18c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1ZM17 19c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1Z'
       />
     )
 )

package/react/diagram-card-large-4.tsx

@@ -20,16 +20,16 @@ export const IconDiagramCardLarge4: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
+      <path
+        fill='currentColor'
+        d='M7 10c1.1046 0 2-.8954 2-2s-.8954-2-2-2-2 .8954-2 2 .8954 2 2 2ZM7 19c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1ZM12 19c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1ZM18 18c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1Z'
+      />,
       <path
         stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M12 7h6m-6 4h6m-15 4v6h18v-6m-18 0v-12h18v12m-18 0h18'
-      />,
-      <path
-        fill='currentColor'
-        d='M7 10c1.1046 0 2-.8954 2-2s-.8954-2-2-2-2 .8954-2 2 .8954 2 2 2ZM7 19c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1ZM12 19c.5523 0 1-.4477 1-1s-.4477-1-1-1-1 .4477-1 1 .4477 1 1 1ZM18 18c0 .5523-.4477 1-1 1s-1-.4477-1-1 .4477-1 1-1 1 .4477 1 1Z'
       />
     )
 )

package/react/diagram-card-small-2.tsx

@@ -20,14 +20,14 @@ export const IconDiagramCardSmall2: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
+      <circle cx={7} cy={12} r={2} fill='currentColor' />,
       <path
         stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M18 12h-6.5m-8.5-5h18v10h-18v-10Z'
-      />,
-      <circle cx={7} cy={12} r={2} fill='currentColor' />
+      />
     )
 )
 

package/react/diagram-card-small-3.tsx

@@ -20,14 +20,14 @@ export const IconDiagramCardSmall3: IconComponentType = forwardRef(
         fill: 'none',
         ref: forwardRef,
       },
+      <path fill='currentColor' d='M13 7h8v10h-8z' />,
       <path
         stroke='currentColor'
         strokeLinecap='round'
         strokeLinejoin='round'
         strokeWidth='var(--svg-stroke-width)'
         d='M6 11h4m-7-4h18v10h-18v-10Z'
-      />,
-      <path fill='currentColor' d='M13 7h8v10h-8z' />
+      />
     )
 )
 

package/react/indent-left.tsx

@@ -0,0 +1,42 @@
+/**
+ * DO NOT MODIFY THIS FILE.
+ * This file was generated by sync icons utility.
+ */
+import React, { forwardRef, createElement } from 'react'
+import { iconSymbol } from '@mirohq/design-system-base-icon'
+
+import { StyledIcon } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
+
+export const IconIndentLeft: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        fill='currentColor'
+        d='M7 14.5683v-5.1366c0-.3838-.464-.576-.7355-.3046l-2.5683 2.5682a.431.431 0 0 0 0 .6094l2.5683 2.5682c.2714.2715.7355.0792.7355-.3046Z'
+      />,
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M5 6h14m-8 6h8m-14 6h14'
+      />,
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M11.8097 12.3875v.0001'
+      />
+    )
+)
+
+IconIndentLeft[iconSymbol] = true

package/react/indent-right.tsx

@@ -0,0 +1,42 @@
+/**
+ * DO NOT MODIFY THIS FILE.
+ * This file was generated by sync icons utility.
+ */
+import React, { forwardRef, createElement } from 'react'
+import { iconSymbol } from '@mirohq/design-system-base-icon'
+
+import { StyledIcon } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
+
+export const IconIndentRight: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M5 6h14m-8 6h8m-14 6h14'
+      />,
+      <path
+        stroke='currentColor'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M11.8097 12.3875v.0001'
+      />,
+      <path
+        fill='currentColor'
+        d='M4.04 14.5683v-5.1366c0-.3838.4641-.576.7355-.3046l2.5683 2.5682a.431.431 0 0 1 0 .6094l-2.5683 2.5682c-.2714.2715-.7355.0792-.7355-.3046Z'
+      />
+    )
+)
+
+IconIndentRight[iconSymbol] = true