npm - @vibe/core - Versions diffs - 3.28.0-alpha-df61a.0 → 3.28.1-alpha-e7b89.0 - Mend

@vibe/core 3.28.0-alpha-df61a.0 → 3.28.1-alpha-e7b89.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 (359) hide show

package/dist/components/Accordion/Accordion/Accordion.d.ts CHANGED Viewed

@@ -17,6 +17,14 @@ export interface AccordionProps extends VibeComponentProps {
      * Array of initial expanded indexes
      */
     defaultIndex?: Array<number>;
+    /**
+     * A class name to be added to the accordion container
+     */
+    className?: string;
+    /**
+     * An id to be added the accordion container.
+     */
+    id?: string;
 }
 declare const Accordion: VibeComponent<AccordionProps, unknown> & object;
 export default Accordion;

package/dist/components/Accordion/AccordionItem/AccordionItem.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import React from "react";
 import { VibeComponentProps, ElementContent } from "../../../types";
 export interface AccordionItemProps extends VibeComponentProps {
     /**
-     * Header title
+     * Header title for the accordion item.
      */
     title?: ElementContent;
     /**
@@ -10,20 +10,45 @@ export interface AccordionItemProps extends VibeComponentProps {
      */
     children?: ElementContent;
     /**
-     * The expand icon font size
+     * The font size of the expand/collapse icon.
      */
     iconSize?: number | string;
     /**
-     * On click callback
+     * Custom callback triggered when the item is clicked.
      */
     onClick?: () => void;
+    /** @ignore */
     open?: boolean;
+    /** @ignore */
     onClickAccordionCallback?: () => void;
+    /**
+     * Determines whether the item's border is hidden.
+     */
     hideBorder?: boolean;
+    /**
+     * Custom class name to add to the header of the expandable
+     */
     headerClassName?: string;
+    /**
+     * Custom class name to add to the content of the expandable
+     */
     contentClassName?: string;
+    /**
+     * Custom class name to add to the ExpandCollapse component
+     */
     expandCollapseComponentClassName?: string;
+    /**
+     * If true, the click event is handled during the capture phase instead of bubbling.
+     */
     captureOnClick?: boolean;
+    /**
+     * A class name to be added to the accordion item container
+     */
+    className?: string;
+    /**
+     * An id to be added the accordion item container.
+     */
+    id?: string;
 }
 declare const AccordionItem: React.FC<AccordionItemProps>;
 export default AccordionItem;

package/dist/components/EditableText/EditableText.d.ts CHANGED Viewed

@@ -8,18 +8,12 @@ export interface EditableTextProps extends VibeComponentProps, EditableTypograph
      * Sets the Text type
      * */
     type?: TextType;
-    /**
-     * Sets the Text weight
+    /** Sets the Text weight
      */
     weight?: TextWeight;
-    /**
-     * Enables editing multiple lines of text
+    /** Enables editing multiple lines of text
      */
     multiline?: boolean;
-    /**
-     * Maximum number of rows for multiline text
-     */
-    multilineMaxRows?: number;
 }
 declare const _default: ((VibeComponent<EditableTextProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
     types: typeof TextTypeEnum;

package/dist/components/EditableTypography/EditableTypography.d.ts CHANGED Viewed

@@ -39,8 +39,6 @@ export interface EditableTypographyProps extends VibeComponentProps, EditableTyp
     weight?: TextWeight | HeadingWeight;
     /** Controls whether a textarea or a simple input would be rendered, allowing multi-lines */
     multiline?: boolean;
-    /** Maximum number of rows for multiline text */
-    multilineMaxRows?: number;
 }
 declare const EditableTypography: VibeComponent<EditableTypographyProps, HTMLElement>;
 export default EditableTypography;

package/dist/components/Label/Label.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import { LabelColor as LabelColorEnum, LabelKind as LabelKindEnum } from "./LabelConstants";
+import { LabelKind as LabelKindEnum } from "./LabelConstants";
 import { LabelColor, LabelKind } from "./Label.types";
 import { VibeComponent, VibeComponentProps } from "../../types";
 import { LabelSizes } from "./Label.types";
@@ -17,13 +17,148 @@ export interface LabelProps extends VibeComponentProps {
     size?: LabelSizes;
 }
 declare const _default: ((VibeComponent<LabelProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
-    colors: typeof LabelColorEnum;
+    colors: {
+        GRASS_GREEN: import("../../utils/colors-vars-map").ContentColorByName.GRASS_GREEN;
+        DONE_GREEN: import("../../utils/colors-vars-map").ContentColorByName.DONE_GREEN;
+        BRIGHT_GREEN: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_GREEN;
+        SALADISH: import("../../utils/colors-vars-map").ContentColorByName.SALADISH;
+        EGG_YOLK: import("../../utils/colors-vars-map").ContentColorByName.EGG_YOLK;
+        WORKING_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.WORKING_ORANGE;
+        DARK_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.DARK_ORANGE;
+        PEACH: import("../../utils/colors-vars-map").ContentColorByName.PEACH;
+        SUNSET: import("../../utils/colors-vars-map").ContentColorByName.SUNSET;
+        STUCK_RED: import("../../utils/colors-vars-map").ContentColorByName.STUCK_RED;
+        DARK_RED: import("../../utils/colors-vars-map").ContentColorByName.DARK_RED;
+        SOFIA_PINK: import("../../utils/colors-vars-map").ContentColorByName.SOFIA_PINK;
+        LIPSTICK: import("../../utils/colors-vars-map").ContentColorByName.LIPSTICK;
+        BUBBLE: import("../../utils/colors-vars-map").ContentColorByName.BUBBLE;
+        PURPLE: import("../../utils/colors-vars-map").ContentColorByName.PURPLE;
+        DARK_PURPLE: import("../../utils/colors-vars-map").ContentColorByName.DARK_PURPLE;
+        BERRY: import("../../utils/colors-vars-map").ContentColorByName.BERRY;
+        DARK_INDIGO: import("../../utils/colors-vars-map").ContentColorByName.DARK_INDIGO;
+        INDIGO: import("../../utils/colors-vars-map").ContentColorByName.INDIGO;
+        NAVY: import("../../utils/colors-vars-map").ContentColorByName.NAVY;
+        BRIGHT_BLUE: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_BLUE;
+        DARK_BLUE: import("../../utils/colors-vars-map").ContentColorByName.DARK_BLUE;
+        AQUAMARINE: import("../../utils/colors-vars-map").ContentColorByName.AQUAMARINE;
+        CHILI_BLUE: import("../../utils/colors-vars-map").ContentColorByName.CHILI_BLUE;
+        RIVER: import("../../utils/colors-vars-map").ContentColorByName.RIVER;
+        WINTER: import("../../utils/colors-vars-map").ContentColorByName.WINTER;
+        EXPLOSIVE: import("../../utils/colors-vars-map").ContentColorByName.EXPLOSIVE;
+        AMERICAN_GRAY: import("../../utils/colors-vars-map").ContentColorByName.AMERICAN_GRAY;
+        BLACKISH: import("../../utils/colors-vars-map").ContentColorByName.BLACKISH;
+        BROWN: import("../../utils/colors-vars-map").ContentColorByName.BROWN;
+        ORCHID: import("../../utils/colors-vars-map").ContentColorByName.ORCHID;
+        TAN: import("../../utils/colors-vars-map").ContentColorByName.TAN;
+        SKY: import("../../utils/colors-vars-map").ContentColorByName.SKY;
+        COFFEE: import("../../utils/colors-vars-map").ContentColorByName.COFFEE;
+        ROYAL: import("../../utils/colors-vars-map").ContentColorByName.ROYAL;
+        TEAL: import("../../utils/colors-vars-map").ContentColorByName.TEAL;
+        LAVENDER: import("../../utils/colors-vars-map").ContentColorByName.LAVENDER;
+        STEEL: import("../../utils/colors-vars-map").ContentColorByName.STEEL;
+        LILAC: import("../../utils/colors-vars-map").ContentColorByName.LILAC;
+        PECAN: import("../../utils/colors-vars-map").ContentColorByName.PECAN;
+        PRIMARY: import("./LabelConstants").LabelColor.PRIMARY;
+        DARK: import("./LabelConstants").LabelColor.DARK;
+        NEGATIVE: import("./LabelConstants").LabelColor.NEGATIVE;
+        POSITIVE: import("./LabelConstants").LabelColor.POSITIVE;
+    };
     kinds: typeof LabelKindEnum;
 }>) | (React.FC<LabelProps & React.RefAttributes<HTMLElement>> & Partial<{
-    colors: typeof LabelColorEnum;
+    colors: {
+        GRASS_GREEN: import("../../utils/colors-vars-map").ContentColorByName.GRASS_GREEN;
+        DONE_GREEN: import("../../utils/colors-vars-map").ContentColorByName.DONE_GREEN;
+        BRIGHT_GREEN: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_GREEN;
+        SALADISH: import("../../utils/colors-vars-map").ContentColorByName.SALADISH;
+        EGG_YOLK: import("../../utils/colors-vars-map").ContentColorByName.EGG_YOLK;
+        WORKING_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.WORKING_ORANGE;
+        DARK_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.DARK_ORANGE;
+        PEACH: import("../../utils/colors-vars-map").ContentColorByName.PEACH;
+        SUNSET: import("../../utils/colors-vars-map").ContentColorByName.SUNSET;
+        STUCK_RED: import("../../utils/colors-vars-map").ContentColorByName.STUCK_RED;
+        DARK_RED: import("../../utils/colors-vars-map").ContentColorByName.DARK_RED;
+        SOFIA_PINK: import("../../utils/colors-vars-map").ContentColorByName.SOFIA_PINK;
+        LIPSTICK: import("../../utils/colors-vars-map").ContentColorByName.LIPSTICK;
+        BUBBLE: import("../../utils/colors-vars-map").ContentColorByName.BUBBLE;
+        PURPLE: import("../../utils/colors-vars-map").ContentColorByName.PURPLE;
+        DARK_PURPLE: import("../../utils/colors-vars-map").ContentColorByName.DARK_PURPLE;
+        BERRY: import("../../utils/colors-vars-map").ContentColorByName.BERRY;
+        DARK_INDIGO: import("../../utils/colors-vars-map").ContentColorByName.DARK_INDIGO;
+        INDIGO: import("../../utils/colors-vars-map").ContentColorByName.INDIGO;
+        NAVY: import("../../utils/colors-vars-map").ContentColorByName.NAVY;
+        BRIGHT_BLUE: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_BLUE;
+        DARK_BLUE: import("../../utils/colors-vars-map").ContentColorByName.DARK_BLUE;
+        AQUAMARINE: import("../../utils/colors-vars-map").ContentColorByName.AQUAMARINE;
+        CHILI_BLUE: import("../../utils/colors-vars-map").ContentColorByName.CHILI_BLUE;
+        RIVER: import("../../utils/colors-vars-map").ContentColorByName.RIVER;
+        WINTER: import("../../utils/colors-vars-map").ContentColorByName.WINTER;
+        EXPLOSIVE: import("../../utils/colors-vars-map").ContentColorByName.EXPLOSIVE;
+        AMERICAN_GRAY: import("../../utils/colors-vars-map").ContentColorByName.AMERICAN_GRAY;
+        BLACKISH: import("../../utils/colors-vars-map").ContentColorByName.BLACKISH;
+        BROWN: import("../../utils/colors-vars-map").ContentColorByName.BROWN;
+        ORCHID: import("../../utils/colors-vars-map").ContentColorByName.ORCHID;
+        TAN: import("../../utils/colors-vars-map").ContentColorByName.TAN;
+        SKY: import("../../utils/colors-vars-map").ContentColorByName.SKY;
+        COFFEE: import("../../utils/colors-vars-map").ContentColorByName.COFFEE;
+        ROYAL: import("../../utils/colors-vars-map").ContentColorByName.ROYAL;
+        TEAL: import("../../utils/colors-vars-map").ContentColorByName.TEAL;
+        LAVENDER: import("../../utils/colors-vars-map").ContentColorByName.LAVENDER;
+        STEEL: import("../../utils/colors-vars-map").ContentColorByName.STEEL;
+        LILAC: import("../../utils/colors-vars-map").ContentColorByName.LILAC;
+        PECAN: import("../../utils/colors-vars-map").ContentColorByName.PECAN;
+        PRIMARY: import("./LabelConstants").LabelColor.PRIMARY;
+        DARK: import("./LabelConstants").LabelColor.DARK;
+        NEGATIVE: import("./LabelConstants").LabelColor.NEGATIVE;
+        POSITIVE: import("./LabelConstants").LabelColor.POSITIVE;
+    };
     kinds: typeof LabelKindEnum;
 }>)) & {
-    colors: typeof LabelColorEnum;
+    colors: {
+        GRASS_GREEN: import("../../utils/colors-vars-map").ContentColorByName.GRASS_GREEN;
+        DONE_GREEN: import("../../utils/colors-vars-map").ContentColorByName.DONE_GREEN;
+        BRIGHT_GREEN: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_GREEN;
+        SALADISH: import("../../utils/colors-vars-map").ContentColorByName.SALADISH;
+        EGG_YOLK: import("../../utils/colors-vars-map").ContentColorByName.EGG_YOLK;
+        WORKING_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.WORKING_ORANGE;
+        DARK_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.DARK_ORANGE;
+        PEACH: import("../../utils/colors-vars-map").ContentColorByName.PEACH;
+        SUNSET: import("../../utils/colors-vars-map").ContentColorByName.SUNSET;
+        STUCK_RED: import("../../utils/colors-vars-map").ContentColorByName.STUCK_RED;
+        DARK_RED: import("../../utils/colors-vars-map").ContentColorByName.DARK_RED;
+        SOFIA_PINK: import("../../utils/colors-vars-map").ContentColorByName.SOFIA_PINK;
+        LIPSTICK: import("../../utils/colors-vars-map").ContentColorByName.LIPSTICK;
+        BUBBLE: import("../../utils/colors-vars-map").ContentColorByName.BUBBLE;
+        PURPLE: import("../../utils/colors-vars-map").ContentColorByName.PURPLE;
+        DARK_PURPLE: import("../../utils/colors-vars-map").ContentColorByName.DARK_PURPLE;
+        BERRY: import("../../utils/colors-vars-map").ContentColorByName.BERRY;
+        DARK_INDIGO: import("../../utils/colors-vars-map").ContentColorByName.DARK_INDIGO;
+        INDIGO: import("../../utils/colors-vars-map").ContentColorByName.INDIGO;
+        NAVY: import("../../utils/colors-vars-map").ContentColorByName.NAVY;
+        BRIGHT_BLUE: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_BLUE;
+        DARK_BLUE: import("../../utils/colors-vars-map").ContentColorByName.DARK_BLUE;
+        AQUAMARINE: import("../../utils/colors-vars-map").ContentColorByName.AQUAMARINE;
+        CHILI_BLUE: import("../../utils/colors-vars-map").ContentColorByName.CHILI_BLUE;
+        RIVER: import("../../utils/colors-vars-map").ContentColorByName.RIVER;
+        WINTER: import("../../utils/colors-vars-map").ContentColorByName.WINTER;
+        EXPLOSIVE: import("../../utils/colors-vars-map").ContentColorByName.EXPLOSIVE;
+        AMERICAN_GRAY: import("../../utils/colors-vars-map").ContentColorByName.AMERICAN_GRAY;
+        BLACKISH: import("../../utils/colors-vars-map").ContentColorByName.BLACKISH;
+        BROWN: import("../../utils/colors-vars-map").ContentColorByName.BROWN;
+        ORCHID: import("../../utils/colors-vars-map").ContentColorByName.ORCHID;
+        TAN: import("../../utils/colors-vars-map").ContentColorByName.TAN;
+        SKY: import("../../utils/colors-vars-map").ContentColorByName.SKY;
+        COFFEE: import("../../utils/colors-vars-map").ContentColorByName.COFFEE;
+        ROYAL: import("../../utils/colors-vars-map").ContentColorByName.ROYAL;
+        TEAL: import("../../utils/colors-vars-map").ContentColorByName.TEAL;
+        LAVENDER: import("../../utils/colors-vars-map").ContentColorByName.LAVENDER;
+        STEEL: import("../../utils/colors-vars-map").ContentColorByName.STEEL;
+        LILAC: import("../../utils/colors-vars-map").ContentColorByName.LILAC;
+        PECAN: import("../../utils/colors-vars-map").ContentColorByName.PECAN;
+        PRIMARY: import("./LabelConstants").LabelColor.PRIMARY;
+        DARK: import("./LabelConstants").LabelColor.DARK;
+        NEGATIVE: import("./LabelConstants").LabelColor.NEGATIVE;
+        POSITIVE: import("./LabelConstants").LabelColor.POSITIVE;
+    };
     kinds: typeof LabelKindEnum;
 };
 export default _default;

package/dist/components/Label/Label.types.d.ts CHANGED Viewed

@@ -1,3 +1,5 @@
+import { contentColors } from "../../utils/colors-vars-map";
 export type LabelSizes = "small" | "medium";
 export type LabelKind = "fill" | "line";
-export type LabelColor = "primary" | "dark" | "negative" | "positive";
+export type ContentColor = (typeof contentColors)[number];
+export type LabelColor = "primary" | "dark" | "negative" | "positive" | ContentColor;

package/dist/components/Label/LabelConstants.d.ts CHANGED Viewed

@@ -1,5 +1,6 @@
 import { TextType } from "../Text/Text.types";
 import { LabelSizes } from "./Label.types";
+import { ContentColorByName } from "../../utils/colors-vars-map";
 /**
  * @deprecated
  */
@@ -16,4 +17,50 @@ export declare enum LabelColor {
     NEGATIVE = "negative",
     POSITIVE = "positive"
 }
+export declare const LabelAllowedColor: {
+    GRASS_GREEN: ContentColorByName.GRASS_GREEN;
+    DONE_GREEN: ContentColorByName.DONE_GREEN;
+    BRIGHT_GREEN: ContentColorByName.BRIGHT_GREEN;
+    SALADISH: ContentColorByName.SALADISH;
+    EGG_YOLK: ContentColorByName.EGG_YOLK;
+    WORKING_ORANGE: ContentColorByName.WORKING_ORANGE;
+    DARK_ORANGE: ContentColorByName.DARK_ORANGE;
+    PEACH: ContentColorByName.PEACH;
+    SUNSET: ContentColorByName.SUNSET;
+    STUCK_RED: ContentColorByName.STUCK_RED;
+    DARK_RED: ContentColorByName.DARK_RED;
+    SOFIA_PINK: ContentColorByName.SOFIA_PINK;
+    LIPSTICK: ContentColorByName.LIPSTICK;
+    BUBBLE: ContentColorByName.BUBBLE;
+    PURPLE: ContentColorByName.PURPLE;
+    DARK_PURPLE: ContentColorByName.DARK_PURPLE;
+    BERRY: ContentColorByName.BERRY;
+    DARK_INDIGO: ContentColorByName.DARK_INDIGO;
+    INDIGO: ContentColorByName.INDIGO;
+    NAVY: ContentColorByName.NAVY;
+    BRIGHT_BLUE: ContentColorByName.BRIGHT_BLUE;
+    DARK_BLUE: ContentColorByName.DARK_BLUE;
+    AQUAMARINE: ContentColorByName.AQUAMARINE;
+    CHILI_BLUE: ContentColorByName.CHILI_BLUE;
+    RIVER: ContentColorByName.RIVER;
+    WINTER: ContentColorByName.WINTER;
+    EXPLOSIVE: ContentColorByName.EXPLOSIVE;
+    AMERICAN_GRAY: ContentColorByName.AMERICAN_GRAY;
+    BLACKISH: ContentColorByName.BLACKISH;
+    BROWN: ContentColorByName.BROWN;
+    ORCHID: ContentColorByName.ORCHID;
+    TAN: ContentColorByName.TAN;
+    SKY: ContentColorByName.SKY;
+    COFFEE: ContentColorByName.COFFEE;
+    ROYAL: ContentColorByName.ROYAL;
+    TEAL: ContentColorByName.TEAL;
+    LAVENDER: ContentColorByName.LAVENDER;
+    STEEL: ContentColorByName.STEEL;
+    LILAC: ContentColorByName.LILAC;
+    PECAN: ContentColorByName.PECAN;
+    PRIMARY: LabelColor.PRIMARY;
+    DARK: LabelColor.DARK;
+    NEGATIVE: LabelColor.NEGATIVE;
+    POSITIVE: LabelColor.POSITIVE;
+};
 export declare const mapSizesToTextSize: Record<LabelSizes, TextType>;

package/dist/mocked_classnames/components/Accordion/Accordion/Accordion.d.ts CHANGED Viewed

@@ -17,6 +17,14 @@ export interface AccordionProps extends VibeComponentProps {
      * Array of initial expanded indexes
      */
     defaultIndex?: Array<number>;
+    /**
+     * A class name to be added to the accordion container
+     */
+    className?: string;
+    /**
+     * An id to be added the accordion container.
+     */
+    id?: string;
 }
 declare const Accordion: VibeComponent<AccordionProps, unknown> & object;
 export default Accordion;

package/dist/mocked_classnames/components/Accordion/AccordionItem/AccordionItem.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@ import React from "react";
 import { VibeComponentProps, ElementContent } from "../../../types";
 export interface AccordionItemProps extends VibeComponentProps {
     /**
-     * Header title
+     * Header title for the accordion item.
      */
     title?: ElementContent;
     /**
@@ -10,20 +10,45 @@ export interface AccordionItemProps extends VibeComponentProps {
      */
     children?: ElementContent;
     /**
-     * The expand icon font size
+     * The font size of the expand/collapse icon.
      */
     iconSize?: number | string;
     /**
-     * On click callback
+     * Custom callback triggered when the item is clicked.
      */
     onClick?: () => void;
+    /** @ignore */
     open?: boolean;
+    /** @ignore */
     onClickAccordionCallback?: () => void;
+    /**
+     * Determines whether the item's border is hidden.
+     */
     hideBorder?: boolean;
+    /**
+     * Custom class name to add to the header of the expandable
+     */
     headerClassName?: string;
+    /**
+     * Custom class name to add to the content of the expandable
+     */
     contentClassName?: string;
+    /**
+     * Custom class name to add to the ExpandCollapse component
+     */
     expandCollapseComponentClassName?: string;
+    /**
+     * If true, the click event is handled during the capture phase instead of bubbling.
+     */
     captureOnClick?: boolean;
+    /**
+     * A class name to be added to the accordion item container
+     */
+    className?: string;
+    /**
+     * An id to be added the accordion item container.
+     */
+    id?: string;
 }
 declare const AccordionItem: React.FC<AccordionItemProps>;
 export default AccordionItem;

package/dist/mocked_classnames/components/EditableText/EditableText.d.ts CHANGED Viewed

@@ -8,18 +8,12 @@ export interface EditableTextProps extends VibeComponentProps, EditableTypograph
      * Sets the Text type
      * */
     type?: TextType;
-    /**
-     * Sets the Text weight
+    /** Sets the Text weight
      */
     weight?: TextWeight;
-    /**
-     * Enables editing multiple lines of text
+    /** Enables editing multiple lines of text
      */
     multiline?: boolean;
-    /**
-     * Maximum number of rows for multiline text
-     */
-    multilineMaxRows?: number;
 }
 declare const _default: ((VibeComponent<EditableTextProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
     types: typeof TextTypeEnum;

package/dist/mocked_classnames/components/EditableTypography/EditableTypography.d.ts CHANGED Viewed

@@ -39,8 +39,6 @@ export interface EditableTypographyProps extends VibeComponentProps, EditableTyp
     weight?: TextWeight | HeadingWeight;
     /** Controls whether a textarea or a simple input would be rendered, allowing multi-lines */
     multiline?: boolean;
-    /** Maximum number of rows for multiline text */
-    multilineMaxRows?: number;
 }
 declare const EditableTypography: VibeComponent<EditableTypographyProps, HTMLElement>;
 export default EditableTypography;

package/dist/mocked_classnames/components/Label/Label.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from "react";
-import { LabelColor as LabelColorEnum, LabelKind as LabelKindEnum } from "./LabelConstants";
+import { LabelKind as LabelKindEnum } from "./LabelConstants";
 import { LabelColor, LabelKind } from "./Label.types";
 import { VibeComponent, VibeComponentProps } from "../../types";
 import { LabelSizes } from "./Label.types";
@@ -17,13 +17,148 @@ export interface LabelProps extends VibeComponentProps {
     size?: LabelSizes;
 }
 declare const _default: ((VibeComponent<LabelProps & React.RefAttributes<HTMLElement>, HTMLElement> & Partial<{
-    colors: typeof LabelColorEnum;
+    colors: {
+        GRASS_GREEN: import("../../utils/colors-vars-map").ContentColorByName.GRASS_GREEN;
+        DONE_GREEN: import("../../utils/colors-vars-map").ContentColorByName.DONE_GREEN;
+        BRIGHT_GREEN: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_GREEN;
+        SALADISH: import("../../utils/colors-vars-map").ContentColorByName.SALADISH;
+        EGG_YOLK: import("../../utils/colors-vars-map").ContentColorByName.EGG_YOLK;
+        WORKING_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.WORKING_ORANGE;
+        DARK_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.DARK_ORANGE;
+        PEACH: import("../../utils/colors-vars-map").ContentColorByName.PEACH;
+        SUNSET: import("../../utils/colors-vars-map").ContentColorByName.SUNSET;
+        STUCK_RED: import("../../utils/colors-vars-map").ContentColorByName.STUCK_RED;
+        DARK_RED: import("../../utils/colors-vars-map").ContentColorByName.DARK_RED;
+        SOFIA_PINK: import("../../utils/colors-vars-map").ContentColorByName.SOFIA_PINK;
+        LIPSTICK: import("../../utils/colors-vars-map").ContentColorByName.LIPSTICK;
+        BUBBLE: import("../../utils/colors-vars-map").ContentColorByName.BUBBLE;
+        PURPLE: import("../../utils/colors-vars-map").ContentColorByName.PURPLE;
+        DARK_PURPLE: import("../../utils/colors-vars-map").ContentColorByName.DARK_PURPLE;
+        BERRY: import("../../utils/colors-vars-map").ContentColorByName.BERRY;
+        DARK_INDIGO: import("../../utils/colors-vars-map").ContentColorByName.DARK_INDIGO;
+        INDIGO: import("../../utils/colors-vars-map").ContentColorByName.INDIGO;
+        NAVY: import("../../utils/colors-vars-map").ContentColorByName.NAVY;
+        BRIGHT_BLUE: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_BLUE;
+        DARK_BLUE: import("../../utils/colors-vars-map").ContentColorByName.DARK_BLUE;
+        AQUAMARINE: import("../../utils/colors-vars-map").ContentColorByName.AQUAMARINE;
+        CHILI_BLUE: import("../../utils/colors-vars-map").ContentColorByName.CHILI_BLUE;
+        RIVER: import("../../utils/colors-vars-map").ContentColorByName.RIVER;
+        WINTER: import("../../utils/colors-vars-map").ContentColorByName.WINTER;
+        EXPLOSIVE: import("../../utils/colors-vars-map").ContentColorByName.EXPLOSIVE;
+        AMERICAN_GRAY: import("../../utils/colors-vars-map").ContentColorByName.AMERICAN_GRAY;
+        BLACKISH: import("../../utils/colors-vars-map").ContentColorByName.BLACKISH;
+        BROWN: import("../../utils/colors-vars-map").ContentColorByName.BROWN;
+        ORCHID: import("../../utils/colors-vars-map").ContentColorByName.ORCHID;
+        TAN: import("../../utils/colors-vars-map").ContentColorByName.TAN;
+        SKY: import("../../utils/colors-vars-map").ContentColorByName.SKY;
+        COFFEE: import("../../utils/colors-vars-map").ContentColorByName.COFFEE;
+        ROYAL: import("../../utils/colors-vars-map").ContentColorByName.ROYAL;
+        TEAL: import("../../utils/colors-vars-map").ContentColorByName.TEAL;
+        LAVENDER: import("../../utils/colors-vars-map").ContentColorByName.LAVENDER;
+        STEEL: import("../../utils/colors-vars-map").ContentColorByName.STEEL;
+        LILAC: import("../../utils/colors-vars-map").ContentColorByName.LILAC;
+        PECAN: import("../../utils/colors-vars-map").ContentColorByName.PECAN;
+        PRIMARY: import("./LabelConstants").LabelColor.PRIMARY;
+        DARK: import("./LabelConstants").LabelColor.DARK;
+        NEGATIVE: import("./LabelConstants").LabelColor.NEGATIVE;
+        POSITIVE: import("./LabelConstants").LabelColor.POSITIVE;
+    };
     kinds: typeof LabelKindEnum;
 }>) | (React.FC<LabelProps & React.RefAttributes<HTMLElement>> & Partial<{
-    colors: typeof LabelColorEnum;
+    colors: {
+        GRASS_GREEN: import("../../utils/colors-vars-map").ContentColorByName.GRASS_GREEN;
+        DONE_GREEN: import("../../utils/colors-vars-map").ContentColorByName.DONE_GREEN;
+        BRIGHT_GREEN: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_GREEN;
+        SALADISH: import("../../utils/colors-vars-map").ContentColorByName.SALADISH;
+        EGG_YOLK: import("../../utils/colors-vars-map").ContentColorByName.EGG_YOLK;
+        WORKING_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.WORKING_ORANGE;
+        DARK_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.DARK_ORANGE;
+        PEACH: import("../../utils/colors-vars-map").ContentColorByName.PEACH;
+        SUNSET: import("../../utils/colors-vars-map").ContentColorByName.SUNSET;
+        STUCK_RED: import("../../utils/colors-vars-map").ContentColorByName.STUCK_RED;
+        DARK_RED: import("../../utils/colors-vars-map").ContentColorByName.DARK_RED;
+        SOFIA_PINK: import("../../utils/colors-vars-map").ContentColorByName.SOFIA_PINK;
+        LIPSTICK: import("../../utils/colors-vars-map").ContentColorByName.LIPSTICK;
+        BUBBLE: import("../../utils/colors-vars-map").ContentColorByName.BUBBLE;
+        PURPLE: import("../../utils/colors-vars-map").ContentColorByName.PURPLE;
+        DARK_PURPLE: import("../../utils/colors-vars-map").ContentColorByName.DARK_PURPLE;
+        BERRY: import("../../utils/colors-vars-map").ContentColorByName.BERRY;
+        DARK_INDIGO: import("../../utils/colors-vars-map").ContentColorByName.DARK_INDIGO;
+        INDIGO: import("../../utils/colors-vars-map").ContentColorByName.INDIGO;
+        NAVY: import("../../utils/colors-vars-map").ContentColorByName.NAVY;
+        BRIGHT_BLUE: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_BLUE;
+        DARK_BLUE: import("../../utils/colors-vars-map").ContentColorByName.DARK_BLUE;
+        AQUAMARINE: import("../../utils/colors-vars-map").ContentColorByName.AQUAMARINE;
+        CHILI_BLUE: import("../../utils/colors-vars-map").ContentColorByName.CHILI_BLUE;
+        RIVER: import("../../utils/colors-vars-map").ContentColorByName.RIVER;
+        WINTER: import("../../utils/colors-vars-map").ContentColorByName.WINTER;
+        EXPLOSIVE: import("../../utils/colors-vars-map").ContentColorByName.EXPLOSIVE;
+        AMERICAN_GRAY: import("../../utils/colors-vars-map").ContentColorByName.AMERICAN_GRAY;
+        BLACKISH: import("../../utils/colors-vars-map").ContentColorByName.BLACKISH;
+        BROWN: import("../../utils/colors-vars-map").ContentColorByName.BROWN;
+        ORCHID: import("../../utils/colors-vars-map").ContentColorByName.ORCHID;
+        TAN: import("../../utils/colors-vars-map").ContentColorByName.TAN;
+        SKY: import("../../utils/colors-vars-map").ContentColorByName.SKY;
+        COFFEE: import("../../utils/colors-vars-map").ContentColorByName.COFFEE;
+        ROYAL: import("../../utils/colors-vars-map").ContentColorByName.ROYAL;
+        TEAL: import("../../utils/colors-vars-map").ContentColorByName.TEAL;
+        LAVENDER: import("../../utils/colors-vars-map").ContentColorByName.LAVENDER;
+        STEEL: import("../../utils/colors-vars-map").ContentColorByName.STEEL;
+        LILAC: import("../../utils/colors-vars-map").ContentColorByName.LILAC;
+        PECAN: import("../../utils/colors-vars-map").ContentColorByName.PECAN;
+        PRIMARY: import("./LabelConstants").LabelColor.PRIMARY;
+        DARK: import("./LabelConstants").LabelColor.DARK;
+        NEGATIVE: import("./LabelConstants").LabelColor.NEGATIVE;
+        POSITIVE: import("./LabelConstants").LabelColor.POSITIVE;
+    };
     kinds: typeof LabelKindEnum;
 }>)) & {
-    colors: typeof LabelColorEnum;
+    colors: {
+        GRASS_GREEN: import("../../utils/colors-vars-map").ContentColorByName.GRASS_GREEN;
+        DONE_GREEN: import("../../utils/colors-vars-map").ContentColorByName.DONE_GREEN;
+        BRIGHT_GREEN: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_GREEN;
+        SALADISH: import("../../utils/colors-vars-map").ContentColorByName.SALADISH;
+        EGG_YOLK: import("../../utils/colors-vars-map").ContentColorByName.EGG_YOLK;
+        WORKING_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.WORKING_ORANGE;
+        DARK_ORANGE: import("../../utils/colors-vars-map").ContentColorByName.DARK_ORANGE;
+        PEACH: import("../../utils/colors-vars-map").ContentColorByName.PEACH;
+        SUNSET: import("../../utils/colors-vars-map").ContentColorByName.SUNSET;
+        STUCK_RED: import("../../utils/colors-vars-map").ContentColorByName.STUCK_RED;
+        DARK_RED: import("../../utils/colors-vars-map").ContentColorByName.DARK_RED;
+        SOFIA_PINK: import("../../utils/colors-vars-map").ContentColorByName.SOFIA_PINK;
+        LIPSTICK: import("../../utils/colors-vars-map").ContentColorByName.LIPSTICK;
+        BUBBLE: import("../../utils/colors-vars-map").ContentColorByName.BUBBLE;
+        PURPLE: import("../../utils/colors-vars-map").ContentColorByName.PURPLE;
+        DARK_PURPLE: import("../../utils/colors-vars-map").ContentColorByName.DARK_PURPLE;
+        BERRY: import("../../utils/colors-vars-map").ContentColorByName.BERRY;
+        DARK_INDIGO: import("../../utils/colors-vars-map").ContentColorByName.DARK_INDIGO;
+        INDIGO: import("../../utils/colors-vars-map").ContentColorByName.INDIGO;
+        NAVY: import("../../utils/colors-vars-map").ContentColorByName.NAVY;
+        BRIGHT_BLUE: import("../../utils/colors-vars-map").ContentColorByName.BRIGHT_BLUE;
+        DARK_BLUE: import("../../utils/colors-vars-map").ContentColorByName.DARK_BLUE;
+        AQUAMARINE: import("../../utils/colors-vars-map").ContentColorByName.AQUAMARINE;
+        CHILI_BLUE: import("../../utils/colors-vars-map").ContentColorByName.CHILI_BLUE;
+        RIVER: import("../../utils/colors-vars-map").ContentColorByName.RIVER;
+        WINTER: import("../../utils/colors-vars-map").ContentColorByName.WINTER;
+        EXPLOSIVE: import("../../utils/colors-vars-map").ContentColorByName.EXPLOSIVE;
+        AMERICAN_GRAY: import("../../utils/colors-vars-map").ContentColorByName.AMERICAN_GRAY;
+        BLACKISH: import("../../utils/colors-vars-map").ContentColorByName.BLACKISH;
+        BROWN: import("../../utils/colors-vars-map").ContentColorByName.BROWN;
+        ORCHID: import("../../utils/colors-vars-map").ContentColorByName.ORCHID;
+        TAN: import("../../utils/colors-vars-map").ContentColorByName.TAN;
+        SKY: import("../../utils/colors-vars-map").ContentColorByName.SKY;
+        COFFEE: import("../../utils/colors-vars-map").ContentColorByName.COFFEE;
+        ROYAL: import("../../utils/colors-vars-map").ContentColorByName.ROYAL;
+        TEAL: import("../../utils/colors-vars-map").ContentColorByName.TEAL;
+        LAVENDER: import("../../utils/colors-vars-map").ContentColorByName.LAVENDER;
+        STEEL: import("../../utils/colors-vars-map").ContentColorByName.STEEL;
+        LILAC: import("../../utils/colors-vars-map").ContentColorByName.LILAC;
+        PECAN: import("../../utils/colors-vars-map").ContentColorByName.PECAN;
+        PRIMARY: import("./LabelConstants").LabelColor.PRIMARY;
+        DARK: import("./LabelConstants").LabelColor.DARK;
+        NEGATIVE: import("./LabelConstants").LabelColor.NEGATIVE;
+        POSITIVE: import("./LabelConstants").LabelColor.POSITIVE;
+    };
     kinds: typeof LabelKindEnum;
 };
 export default _default;

package/dist/mocked_classnames/components/Label/Label.types.d.ts CHANGED Viewed

@@ -1,3 +1,5 @@
+import { contentColors } from "../../utils/colors-vars-map";
 export type LabelSizes = "small" | "medium";
 export type LabelKind = "fill" | "line";
-export type LabelColor = "primary" | "dark" | "negative" | "positive";
+export type ContentColor = (typeof contentColors)[number];
+export type LabelColor = "primary" | "dark" | "negative" | "positive" | ContentColor;