@gataca/design-system 4.2.0 → 4.3.1

package/dist/components/web/Icons/icons/compliance.d.ts

@@ -6,5 +6,5 @@ type ComplianceIconProps = {
     color?: string;
     style?: IconStyle;
 };
-declare const ComplianceIcon: ({ id, className, size, color }: ComplianceIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const ComplianceIcon: ({ id, className, size, color, }: ComplianceIconProps) => import("react/jsx-runtime").JSX.Element;
 export default ComplianceIcon;

package/dist/components/web/Icons/icons/devices.d.ts

@@ -6,5 +6,5 @@ type DevicesIconProps = {
     color?: string;
     style?: IconStyle;
 };
-export declare const DevicesIcon: ({ id, className, size, color }: DevicesIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DevicesIcon: ({ id, className, size, color, }: DevicesIconProps) => import("react/jsx-runtime").JSX.Element;
 export default DevicesIcon;

package/dist/components/web/Icons/icons/disconnect.d.ts

@@ -6,5 +6,5 @@ type DisconnectIconProps = {
     color?: string;
     style?: IconStyle;
 };
-declare const DisconnectIcon: ({ id, className, size, color }: DisconnectIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const DisconnectIcon: ({ id, className, size, color, }: DisconnectIconProps) => import("react/jsx-runtime").JSX.Element;
 export default DisconnectIcon;

package/dist/components/web/Icons/icons/government.d.ts

@@ -6,5 +6,5 @@ type GovernmentIconProps = {
     color?: string;
     style?: IconStyle;
 };
-declare const GovernmentIcon: ({ id, className, size, color }: GovernmentIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const GovernmentIcon: ({ id, className, size, color, }: GovernmentIconProps) => import("react/jsx-runtime").JSX.Element;
 export default GovernmentIcon;

package/dist/components/web/Icons/icons/navigation.d.ts

@@ -6,5 +6,5 @@ type NavigationIconProps = {
     color?: string;
     style?: IconStyle;
 };
-declare const NavigationIcon: ({ id, className, size, color }: NavigationIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const NavigationIcon: ({ id, className, size, color, }: NavigationIconProps) => import("react/jsx-runtime").JSX.Element;
 export default NavigationIcon;

package/dist/components/web/Icons/icons/plusCircle.d.ts

@@ -6,5 +6,5 @@ type PlusCircleIconProps = {
     color?: string;
     style?: IconStyle;
 };
-declare const PlusCircleIcon: ({ id, className, size, color }: PlusCircleIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const PlusCircleIcon: ({ id, className, size, color, }: PlusCircleIconProps) => import("react/jsx-runtime").JSX.Element;
 export default PlusCircleIcon;

package/dist/components/web/Icons/icons/radioButton.d.ts

@@ -1,11 +1,11 @@
-import { ColorsType } from '../../../../styles';
+import { ThemeColorsType } from '../../../../styles';
 import { RadioButtonSize, RadioButtonState } from '../../RadioButton/RadioButton/radioButton_types.web';
 import { IconStyle } from '../icon_types';
 type RadioButtonIconProps = {
     id?: string;
     className?: string;
     size: RadioButtonSize;
-    colors: ColorsType;
+    themeColors: ThemeColorsType;
     state: RadioButtonState;
     style?: IconStyle;
 };

package/dist/components/web/Icons/icons/userSecure.d.ts

@@ -6,5 +6,5 @@ type UserSecureIconProps = {
     color?: string;
     style?: IconStyle;
 };
-declare const UserSecureIcon: ({ id, className, size, color }: UserSecureIconProps) => import("react/jsx-runtime").JSX.Element;
+declare const UserSecureIcon: ({ id, className, size, color, }: UserSecureIconProps) => import("react/jsx-runtime").JSX.Element;
 export default UserSecureIcon;

package/dist/components/web/Indicator/Indicator/indicator_types.web.d.ts

@@ -1,5 +1,5 @@
 import { StyleType } from '../../../../styles';
-import { ColorsType } from '../../../../styles/Colors';
+import { ThemeColorsType } from '../../../../styles/Colors';
 export type IndicatorColor = 'purple' | 'green' | 'red' | 'blue';
 export type IndicatorSize = '28' | '16' | '14' | '10' | '8' | '5' | '4';
 export type IndicatorType = 'quantity' | 'status';
@@ -13,7 +13,7 @@ export interface IndicatorProps {
     containerStyle?: any;
 }
 export declare const IndicatorBorderWidthySize: Record<string, number>;
-export declare const createBgColorMap: (Colors: ColorsType) => {
+export declare const createBgColorMap: (themeColors: ThemeColorsType) => {
     purple: string;
     red: string;
     green: string;

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";