@gataca/design-system 4.2.0 → 4.3.0

package/dist/components/web/Indicator/NumberBadges/numberBadges_types.web.d.ts

@@ -7,14 +7,14 @@ export interface NumberBadgesProps {
     containerStyle?: any;
 }
 export declare enum numberBadgesBgColorByState {
-    'enable' = "neutral500",
-    'active' = "primary700",
-    'disable' = "neutral500",
-    'hover' = "neutral600"
+    'enable' = "surfaceNeutralDefault",
+    'active' = "surfacePrimaryDefault",
+    'disable' = "iconsDisabledDefault",
+    'hover' = "surfacePrimaryDefaultHover"
 }
 export declare enum numberBadgesTextColorByState {
-    'enable' = "fundationWhite",
-    'active' = "fundationWhite",
-    'disable' = "neutral600",
-    'hover' = "fundationWhite"
+    'enable' = "textPrimaryOnColor",
+    'active' = "textPrimaryOnColor",
+    'disable' = "textDisableOnColor",
+    'hover' = "textPrimaryOnColorHover"
 }

package/dist/components/web/Lists/ListItem/listItem.config.web.d.ts

@@ -1,6 +1,6 @@
-import { ColorsType } from '../../../../utils/theming';
+import { ThemeColorsType } from '../../../../utils/theming';
 import { ListItemColor, ListItemState, ListItemType } from './listItem_types.web';
-export declare const createColorMap: (Colors: ColorsType) => {
+export declare const createColorMap: (themeColors: ThemeColorsType) => {
     white: {
         enable: string;
         hover: string;
@@ -17,7 +17,7 @@ export declare const createColorMap: (Colors: ColorsType) => {
         active: string;
     };
 };
-export declare const getContainerStyles: (colors: ColorsType, color?: ListItemColor, type?: ListItemType, state?: ListItemState) => {
+export declare const getContainerStyles: (themeColors: ThemeColorsType, color?: ListItemColor, type?: ListItemType, state?: ListItemState) => {
     borderBottomRightRadius: number;
     borderBottomLeftRadius: number;
     borderRadius?: undefined;

package/dist/components/web/Menus/MenuItem/MenuItem_types.web.d.ts

@@ -1,6 +1,7 @@
 import { ChipProps } from '../../Chips/Chip/Chip.types.web';
 import { IconSize, IconStyle } from '../../Icons/icon_types';
 import { IndicatorProps } from '../../Indicator/Indicator/indicator_types.web';
+import { ThemeColorsType } from '../../../../styles/Colors';
 export type MenuItemState = 'enable' | 'active' | 'disable' | 'hover';
 export type MenuItemType = 'main' | 'sub-menu';
 export interface MenuItemProps {
@@ -44,15 +45,5 @@ export interface MenuItemProps {
     containerStyle?: any;
     onClick?: (x?: any) => void;
 }
-export declare enum stateLeadingIconColors {
-    'enable' = "neutral1000",
-    'active' = "primary700",
-    'disable' = "neutral700",
-    'hover' = "neutral1000"
-}
-export declare enum backgroundColorByState {
-    'enable' = "fundationWhite",
-    'active' = "primary100",
-    'disable' = "fundationWhite",
-    'hover' = "neutral200"
-}
+export declare const stateLeadingIconColors: Record<MenuItemState, keyof ThemeColorsType>;
+export declare const backgroundColorByState: Record<MenuItemState, keyof ThemeColorsType>;

package/dist/components/web/Tabs/ButtonTabs/ButtonTabs.config.web.d.ts

@@ -1,5 +1,5 @@
-import { ColorsType, StyleType } from '../../../../utils/theming';
-export declare const createColorMap: (Colors: ColorsType) => {
+import { StyleType, ThemeColorsType } from '../../../../utils/theming';
+export declare const createColorMap: (themeColors: ThemeColorsType) => {
     white: {
         fill: {
             enable: {
@@ -37,7 +37,7 @@ export declare const createColorMap: (Colors: ColorsType) => {
         };
     };
 };
-export declare const getButtonGeneralStyles: (colors: ColorsType, color: string, state: string) => {
+export declare const getButtonGeneralStyles: (themeColors: ThemeColorsType, color: string, state: string) => {
     backgroundColor: any;
     borderColor: any;
     borderWidth: number;
@@ -46,7 +46,7 @@ export declare const getButtonGeneralStyles: (colors: ColorsType, color: string,
     padding: string;
     minHeight: number;
 };
-export declare const getButtonContentStyles: (fontStyles: StyleType, colors: ColorsType, color: string, state: string) => {
+export declare const getButtonContentStyles: (fontStyles: StyleType, themeColors: ThemeColorsType, color: string, state: string) => {
     styles: {
         lineHeight: string;
         color: any;

package/dist/components/web/Tabs/Tabs/tabs_types.web.d.ts

@@ -17,20 +17,20 @@ export interface TabsProps {
     onChange: (index?: number) => void;
 }
 export declare enum textColorByState {
-    'enable' = "neutral1000",
-    'active' = "primary700",
-    'disable' = "neutral500",
-    'hover' = "neutral1000"
+    'enable' = "textNeutralDefault",
+    'active' = "iconsPrimaryDefault",
+    'disable' = "textDisableDefault",
+    'hover' = "textNeutralDefault"
 }
 export declare enum borderColorByState {
-    'enable' = "neutral400",
-    'active' = "primary700",
-    'disable' = "neutral400",
-    'hover' = "neutral400"
+    'enable' = "bordersGeneralDefault",
+    'active' = "bordersPrimaryDefault",
+    'disable' = "bordersGeneralDefault",
+    'hover' = "bordersGeneralDefault"
 }
 export declare enum infoIconColorByState {
-    'enable' = "neutral1000",
-    'active' = "neutral1000",
-    'disable' = "neutral500",
-    'hover' = "neutral1000"
+    'enable' = "iconsNeutralDefault",
+    'active' = "iconsNeutralDefault",
+    'disable' = "iconsDisabledDefault",
+    'hover' = "iconsNeutralDefault"
 }

package/dist/components/web/TextField/TextField/textField_config.d.ts

@@ -12,6 +12,6 @@ export declare const inputBorder: {
     success: string;
     error: string;
 };
-export declare const inputColor: (state: TextFieldState, value?: string) => "neutral600" | "neutral1000";
-export declare const inputBackgroundColor: (state: TextFieldState) => "fundationWhite" | "neutral300";
-export declare const helperTextColor: (state: TextFieldState) => "neutral600" | "success300" | "alert300";
+export declare const inputColor: (state: TextFieldState, value?: string) => "textNeutralDefault" | "textDisableDefault";
+export declare const inputBackgroundColor: (state: TextFieldState) => "surfaceDisableDisable" | "surfaceNeutralDefaultSubtle";
+export declare const helperTextColor: (state: TextFieldState) => "textAlertDefault" | "textSuccessDefault" | "textDefaultPlaceholder";