@sellmate/design-system 1.0.25 → 1.0.27

package/dist/types/components/sd-button-v2/sd-button-v2.config.d.ts

@@ -17,11 +17,6 @@ export declare const BUTTON_CONFIG: {
         readonly size: "xs";
         readonly color: string;
     };
-    readonly neutral_xs: {
-        readonly variant: "primary";
-        readonly size: "xs";
-        readonly color: string;
-    };
     readonly neutral_outline_xs: {
         readonly variant: "outline";
         readonly size: "xs";
@@ -52,11 +47,6 @@ export declare const BUTTON_CONFIG: {
         readonly size: "sm";
         readonly color: string;
     };
-    readonly neutral_sm: {
-        readonly variant: "primary";
-        readonly size: "sm";
-        readonly color: string;
-    };
     readonly neutral_outline_sm: {
         readonly variant: "outline";
         readonly size: "sm";
@@ -87,11 +77,6 @@ export declare const BUTTON_CONFIG: {
         readonly size: "md";
         readonly color: string;
     };
-    readonly neutral_md: {
-        readonly variant: "primary";
-        readonly size: "md";
-        readonly color: string;
-    };
     readonly neutral_outline_md: {
         readonly variant: "outline";
         readonly size: "md";
@@ -122,11 +107,6 @@ export declare const BUTTON_CONFIG: {
         readonly size: "lg";
         readonly color: string;
     };
-    readonly neutral_lg: {
-        readonly variant: "primary";
-        readonly size: "lg";
-        readonly color: string;
-    };
     readonly neutral_outline_lg: {
         readonly variant: "outline";
         readonly size: "lg";
@@ -149,7 +129,6 @@ export declare const PRESET_HOVER_BACKGROUNDS: {
     readonly primary: string;
     readonly secondary: string;
     readonly primary_outline: string;
-    readonly neutral: string;
     readonly neutral_outline: string;
     readonly danger: string;
     readonly danger_outline: string;
@@ -158,7 +137,6 @@ export declare const PRESET_CONTENT_COLORS: {
     readonly primary: string;
     readonly secondary: string;
     readonly primary_outline: string;
-    readonly neutral: string;
     readonly neutral_outline: string;
     readonly danger: string;
     readonly danger_outline: string;
@@ -167,7 +145,6 @@ export declare const PRESET_BORDER_COLORS: {
     readonly primary: "transparent";
     readonly secondary: "transparent";
     readonly primary_outline: string;
-    readonly neutral: "transparent";
     readonly neutral_outline: string;
     readonly danger: "transparent";
     readonly danger_outline: string;

package/dist/types/components/sd-dropdown-button/sd-dropdown-button.config.d.ts

@@ -7,7 +7,7 @@ export interface DropdownButtonItem {
 }
 export type DropdownButtonValue = DropdownButtonItem['value'];
 export type DropdownButtonSize = 'xs' | 'sm' | 'md';
-type UnsupportedDropdownButtonName = 'neutral_xs' | 'neutral_sm' | 'neutral_md' | `${string}_lg`;
+type UnsupportedDropdownButtonName = `${string}_lg`;
 export type DropdownButtonName = Exclude<ButtonV2Name, UnsupportedDropdownButtonName>;
 export type DropdownButtonPreset = ButtonV2Preset;
 export declare const DROPDOWN_BUTTON_CONFIG: Record<DropdownButtonName, {
@@ -20,7 +20,6 @@ export declare const PRESET_HOVER_BACKGROUNDS: {
     readonly primary: string;
     readonly secondary: string;
     readonly primary_outline: string;
-    readonly neutral: string;
     readonly neutral_outline: string;
     readonly danger: string;
     readonly danger_outline: string;
@@ -29,7 +28,6 @@ export declare const PRESET_CONTENT_COLORS: {
     readonly primary: string;
     readonly secondary: string;
     readonly primary_outline: string;
-    readonly neutral: string;
     readonly neutral_outline: string;
     readonly danger: string;
     readonly danger_outline: string;
@@ -38,7 +36,6 @@ export declare const PRESET_BORDER_COLORS: {
     readonly primary: "transparent";
     readonly secondary: "transparent";
     readonly primary_outline: string;
-    readonly neutral: "transparent";
     readonly neutral_outline: string;
     readonly danger: "transparent";
     readonly danger_outline: string;

package/dist/types/components/sd-field/sd-field.d.ts

@@ -1,6 +1,6 @@
 import { ValidatableField } from '../sd-form/sd-form';
 import { Rule } from '../../types/form';
-import { SdTooltipProps } from '../sd-tooltip/sd-tooltip';
+import { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
 export declare class SdField implements ValidatableField {
     el: HTMLElement;
     name: string;

package/dist/types/components/sd-input/sd-input.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { Rule } from '../../types/form';
-import { SdTooltipProps } from '../sd-tooltip/sd-tooltip';
+import { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
 export declare class SdInput {
     host: HTMLElement;
     value?: string | number | null;

package/dist/types/components/sd-select/sd-select.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { BaseDropdownEvent } from '../../utils/base-dropdown-event';
-import { SdTooltipProps } from '../sd-tooltip/sd-tooltip';
+import { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
 import { Rule } from '../../components';
 export interface SelectOption {
     value: string | number;

package/dist/types/components/sd-select-multiple-group/sd-select-multiple-group.d.ts

@@ -1,7 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { BaseDropdownEvent } from '../../utils/base-dropdown-event';
 import { SelectMultipleEvents, SelectOption, SelectStyleProps } from '../sd-select/sd-select';
-import { SdTooltipProps } from '../sd-tooltip/sd-tooltip';
+import { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
 import { Rule } from '../../components';
 export interface SelectOptionGroup extends SelectOption {
     type: 'group' | 'subgroup' | 'item' | 'all';

package/dist/types/components/sd-tag/sd-tag.config.d.ts

@@ -1,5 +1,5 @@
 export declare const TAG_SHAPES: readonly ["square", "pill"];
-export declare const TAG_SIZES: readonly ["sm", "md", "lg"];
+export declare const TAG_SIZES: readonly ["xs", "sm", "md"];
 export declare const TAG_COLORS: readonly ["grey", "red", "orange", "yellow", "green", "blue", "darkblue", "indigo"];
 export type TagShape = (typeof TAG_SHAPES)[number];
 export type TagSize = (typeof TAG_SIZES)[number];
@@ -17,6 +17,7 @@ export declare const TAG_CONFIG: Record<TagName, {
     gap: string;
     fontSize: string;
     fontWeight: string;
+    lineHeight: string;
     iconSize: number;
     radius: string;
 }>;

package/dist/types/components/sd-tooltip/sd-tooltip.config.d.ts

@@ -0,0 +1,18 @@
+import { ButtonSize, ButtonVariant } from '../sd-button/sd-button';
+export type TooltipType = 'default' | 'danger' | 'warning' | 'accent';
+export declare const TOOLTIP_TYPE_CONFIG: Record<TooltipType, {
+    bg: string;
+    content: string;
+}>;
+export interface SdTooltipProps {
+    trigger?: 'hover' | 'click';
+    placement?: 'top' | 'bottom' | 'left' | 'right';
+    color?: string;
+    tooltipType?: TooltipType;
+    icon?: IconName;
+    iconSize?: number;
+    label?: string;
+    buttonSize?: ButtonSize;
+    buttonVariant?: ButtonVariant;
+    noHover?: boolean;
+}

package/dist/types/components/sd-tooltip/sd-tooltip.d.ts

@@ -1,30 +1,17 @@
 import { ButtonSize, ButtonVariant } from '../sd-button/sd-button';
-export interface SdTooltipProps {
-    trigger?: 'hover' | 'click';
-    placement?: 'top' | 'bottom' | 'left' | 'right';
-    color?: string;
-    type?: 'default' | 'caution' | 'notice' | 'accent';
-    icon?: IconName;
-    iconSize?: number;
-    label?: string;
-    buttonSize?: ButtonSize;
-    buttonVariant?: ButtonVariant;
-    noHover?: boolean;
-    useClose?: boolean;
-}
+import { type TooltipType } from './sd-tooltip.config';
 export declare class SdTooltip {
     el: HTMLElement;
     trigger: 'hover' | 'click';
     placement: 'top' | 'bottom' | 'left' | 'right';
     color: string;
-    type: 'default' | 'caution' | 'notice' | 'accent';
+    tooltipType: TooltipType;
     icon: IconName;
     iconSize: number;
     label: string;
     buttonSize: ButtonSize;
     buttonVariant: ButtonVariant;
     noHover: boolean;
-    useClose: boolean;
     showTooltip: boolean;
     slotContentHTML: string;
     private buttonEl?;

package/dist/types/components.d.ts

@@ -5,13 +5,14 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { BadgeColor } from "./components/sd-badge/sd-badge.config";
 import { ButtonSize, ButtonVariant } from "./components/sd-button/sd-button";
 import { ButtonV2Name, ButtonV2Type } from "./components/sd-button-v2/sd-button-v2.config";
 import { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 import { Type } from "./components/sd-date-box/sd-date-box";
 import { DropdownButtonItem, DropdownButtonName, DropdownButtonValue } from "./components/sd-dropdown-button/sd-dropdown-button.config";
 import { Rule } from "./types/form";
-import { SdTooltipProps } from "./components/sd-tooltip/sd-tooltip";
+import { SdTooltipProps, TooltipType } from "./components/sd-tooltip/sd-tooltip.config";
 import { ValidatableField } from "./components/sd-form/sd-form";
 import { Event } from "./stencil-public-runtime";
 import { SdModalCardButtonProps } from "./components/sd-modal-card/sd-modal-card";
@@ -29,13 +30,14 @@ import { Row, SdTableColumn } from "./components/sd-table/sd-table";
 import { TabOption } from "./components/sd-tabs/sd-tabs";
 import { TagName } from "./components/sd-tag/sd-tag.config";
 import { ToastType } from "./components/sd-toast/sd-toast";
+export { BadgeColor } from "./components/sd-badge/sd-badge.config";
 export { ButtonSize, ButtonVariant } from "./components/sd-button/sd-button";
 export { ButtonV2Name, ButtonV2Type } from "./components/sd-button-v2/sd-button-v2.config";
 export { CheckedType } from "./components/sd-checkbox/sd-checkbox";
 export { Type } from "./components/sd-date-box/sd-date-box";
 export { DropdownButtonItem, DropdownButtonName, DropdownButtonValue } from "./components/sd-dropdown-button/sd-dropdown-button.config";
 export { Rule } from "./types/form";
-export { SdTooltipProps } from "./components/sd-tooltip/sd-tooltip";
+export { SdTooltipProps, TooltipType } from "./components/sd-tooltip/sd-tooltip.config";
 export { ValidatableField } from "./components/sd-form/sd-form";
 export { Event } from "./stencil-public-runtime";
 export { SdModalCardButtonProps } from "./components/sd-modal-card/sd-modal-card";
@@ -56,17 +58,13 @@ export { ToastType } from "./components/sd-toast/sd-toast";
 export namespace Components {
     interface SdBadge {
         /**
-          * @default 'brilliantblue_75'
+          * @default 'blue'
          */
-        "color": string;
+        "color": BadgeColor;
         /**
           * @default ''
          */
         "label": string;
-        /**
-          * @default 'md'
-         */
-        "size": 'sm' | 'md';
     }
     interface SdButton {
         /**
@@ -1205,7 +1203,7 @@ export namespace Components {
          */
         "label": string;
         /**
-          * @default 'square_md_grey'
+          * @default 'square_sm_grey'
          */
         "name": TagName;
     }
@@ -1312,18 +1310,14 @@ export namespace Components {
           * @default 'top'
          */
         "placement": 'top' | 'bottom' | 'left' | 'right';
-        /**
-          * @default 'hover'
-         */
-        "trigger": 'hover' | 'click';
         /**
           * @default 'default'
          */
-        "type": 'default' | 'caution' | 'notice' | 'accent';
+        "tooltipType": TooltipType;
         /**
-          * @default false
+          * @default 'hover'
          */
-        "useClose": boolean;
+        "trigger": 'hover' | 'click';
     }
 }
 export interface SdButtonCustomEvent<T> extends CustomEvent<T> {
@@ -2119,17 +2113,13 @@ declare namespace LocalJSX {
 
     interface SdBadge {
         /**
-          * @default 'brilliantblue_75'
+          * @default 'blue'
          */
-        "color"?: string;
+        "color"?: BadgeColor;
         /**
           * @default ''
          */
         "label"?: string;
-        /**
-          * @default 'md'
-         */
-        "size"?: 'sm' | 'md';
     }
     interface SdButton {
         /**
@@ -3287,7 +3277,7 @@ declare namespace LocalJSX {
          */
         "label"?: string;
         /**
-          * @default 'square_md_grey'
+          * @default 'square_sm_grey'
          */
         "name"?: TagName;
     }
@@ -3399,23 +3389,18 @@ declare namespace LocalJSX {
           * @default 'top'
          */
         "placement"?: 'top' | 'bottom' | 'left' | 'right';
-        /**
-          * @default 'hover'
-         */
-        "trigger"?: 'hover' | 'click';
         /**
           * @default 'default'
          */
-        "type"?: 'default' | 'caution' | 'notice' | 'accent';
+        "tooltipType"?: TooltipType;
         /**
-          * @default false
+          * @default 'hover'
          */
-        "useClose"?: boolean;
+        "trigger"?: 'hover' | 'click';
     }
 
     interface SdBadgeAttributes {
-        "size": 'sm' | 'md';
-        "color": string;
+        "color": BadgeColor;
         "label": string;
     }
     interface SdButtonAttributes {
@@ -3757,14 +3742,13 @@ declare namespace LocalJSX {
         "trigger": 'hover' | 'click';
         "placement": 'top' | 'bottom' | 'left' | 'right';
         "color": string;
-        "type": 'default' | 'caution' | 'notice' | 'accent';
+        "tooltipType": TooltipType;
         "icon": IconName;
         "iconSize": number;
         "label": string;
         "buttonSize": ButtonSize;
         "buttonVariant": ButtonVariant;
         "noHover": boolean;
-        "useClose": boolean;
     }
 
     interface IntrinsicElements {