npm - @gataca/design-system - Versions diffs - 0.3.89 → 0.3.91 - Mend

@gataca/design-system 0.3.89 → 0.3.91

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 (413) hide show

package/dist/components/web/Icons/icons/withSelectedState/shieldCheck.d.ts CHANGED Viewed

@@ -1,5 +1,7 @@
 import { IconSize, IconStyle, ShieldIconSize } from '../../icon_types';
 type ShieldCheckIconProps = {
+    id?: string;
+    className?: string;
     size: IconSize | ShieldIconSize;
     color?: string;
     checkColor?: string;

package/dist/components/web/Icons/icons/withSelectedState/shieldError.d.ts CHANGED Viewed

@@ -1,5 +1,7 @@
 import { IconSize, IconStyle, ShieldIconSize } from '../../icon_types';
 type ShieldErrorIconProps = {
+    id?: string;
+    className?: string;
     size: IconSize | ShieldIconSize;
     color?: string;
     crossColor?: string;

package/dist/components/web/Icons/icons/withSelectedState/square.d.ts CHANGED Viewed

@@ -1,5 +1,7 @@
 import { IconSize, IconStyle } from '../../icon_types';
 type SquareIconProps = {
+    id?: string;
+    className?: string;
     size: IconSize;
     color?: string;
     style: IconStyle;

package/dist/components/web/Icons/icons/withSelectedState/stamp.d.ts CHANGED Viewed

@@ -1,5 +1,7 @@
 import { IconSize, IconStyle } from '../../icon_types';
 type StampIconProps = {
+    id?: string;
+    className?: string;
     size: IconSize;
     color?: string;
     style: IconStyle;

package/dist/components/web/Icons/icons/withSelectedState/star.d.ts CHANGED Viewed

@@ -1,5 +1,7 @@
 import { IconSize, IconStyle } from '../../icon_types';
 type StarIconProps = {
+    id?: string;
+    className?: string;
     size: IconSize;
     color?: string;
     style: IconStyle;

package/dist/components/web/Icons/icons/withSelectedState/subscriptions.d.ts CHANGED Viewed

@@ -1,5 +1,7 @@
 import { IconSize, IconStyle } from '../../icon_types';
 type SubscriptionsIconProps = {
+    id?: string;
+    className?: string;
     size: IconSize;
     color?: string;
     style: IconStyle;

package/dist/components/web/Icons/icons/withSelectedState/users.d.ts CHANGED Viewed

@@ -1,5 +1,7 @@
 import { IconSize, IconStyle } from '../../icon_types';
 type UsersV2IconProps = {
+    id?: string;
+    className?: string;
     size: IconSize;
     color?: string;
     style: IconStyle;

package/dist/components/web/Icons/icons/withSelectedState/verification.d.ts CHANGED Viewed

@@ -1,5 +1,7 @@
 import { IconSize, IconStyle } from '../../icon_types';
 type VerificationIconProps = {
+    id?: string;
+    className?: string;
     size: IconSize;
     color?: string;
     style: IconStyle;

package/dist/components/web/Icons/icons/withSelectedState/wallet.d.ts CHANGED Viewed

@@ -1,5 +1,7 @@
 import { IconSize, IconStyle } from '../../icon_types';
 type WalletIconProps = {
+    id?: string;
+    className?: string;
     size: IconSize;
     color?: string;
     style: IconStyle;

package/dist/components/web/Icons/icons/xCircle.d.ts CHANGED Viewed

@@ -1,5 +1,7 @@
 import { IconSize } from '../icon_types';
 type XCircleIconProps = {
+    id?: string;
+    className?: string;
     size: IconSize;
     color?: string;
 };

package/dist/components/web/Illustrations/Illustration.web.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import { IllustrationProps } from './illustrations_types';
-export declare const Illustration: ({ imgName, size, containerStyle, }: IllustrationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Illustration: ({ id, className, imgName, size, containerStyle, }: IllustrationProps) => import("react/jsx-runtime").JSX.Element;
 export default Illustration;

package/dist/components/web/Illustrations/illustrations_types.d.ts CHANGED Viewed

@@ -1,11 +1,15 @@
 export type IllustrationSize = 80 | 120 | 142;
 export type IllustrationName = 'success' | 'error' | 'upgrade' | 'downgrade' | 'mail' | 'warningYellow' | 'updateBlue' | 'skull' | 'sandboxConnect' | 'logout' | 'heartbreak' | 'time' | 'search' | 'credentialPrimary' | 'credentialSecondary' | 'credentialTertiary';
 export type IllustrationProps = {
+    id?: string;
+    className?: string;
     imgName: IllustrationName;
     size?: IllustrationSize;
     containerStyle?: any;
 };
 export type SingleIllustrationProps = {
+    id?: string;
+    className?: string;
     size?: IllustrationSize;
     containerStyle?: any;
 };

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

@@ -4,6 +4,8 @@ export type IndicatorColor = 'purple' | 'green' | 'red' | 'blue';
 export type IndicatorSize = '28' | '16' | '14' | '10' | '8' | '5' | '4';
 export type IndicatorType = 'quantity' | 'status';
 export interface IndicatorProps {
+    id?: string;
+    className?: string;
     size: IndicatorSize;
     color: IndicatorColor;
     type: IndicatorType;

package/dist/components/web/Lists/List/list_types.web.d.ts CHANGED Viewed

@@ -1,6 +1,8 @@
 import { ListItemProps } from '../ListItem/listItem_types.web';
 export type ListBg = 'grey' | 'white';
 export interface ListProps {
+    id?: string;
+    className?: string;
     list: ListItemProps[];
     bgColor?: ListBg;
     borderTop?: boolean;

package/dist/components/web/Lists/ListItem/listItem_types.web.d.ts CHANGED Viewed

@@ -19,6 +19,8 @@ export type ListItemAlign = 'left' | 'right';
 export type ListItemLeading = 'none' | 'avatar' | 'credential' | 'icon' | 'indicator' | 'chip';
 export type ListItemTrailing = 'none' | 'checkbox' | 'switch' | 'radioButton' | 'notifications' | 'icon' | 'segmentedButton' | 'value' | 'action' | 'button' | 'chip' | 'iconGroup';
 export interface ListItemProps {
+    id?: string;
+    className?: string;
     type?: ListItemType;
     state?: ListItemState;
     condition?: ListItemCondition;
@@ -57,6 +59,8 @@ export interface ListItemProps {
     hasHoverStyle?: boolean;
     radioButton?: RadioButtonProps;
     notification?: {
+        id?: string;
+        className?: string;
         text: string;
         onPress: (x?: any) => void;
     };

package/dist/components/web/Lists/ListMetaContainer/listMetaContainer_types.web.d.ts CHANGED Viewed

@@ -6,6 +6,8 @@ export type ListMetaContainerSize = 'medium' | 'small';
 export type ListMetaContainerColor = 'black' | 'gray' | 'red' | 'white';
 export type ListMetaContainerAlign = 'left' | 'right';
 export interface ListMetaContainerProps {
+    id?: string;
+    className?: string;
     condition: ListMetaContainerCondition;
     size?: ListMetaContainerSize;
     color?: ListMetaContainerColor;

package/dist/components/web/NavBar/NavOption/navOption_types.web.d.ts CHANGED Viewed

@@ -3,6 +3,8 @@ export type NavOptionSize = 'medium' | 'small';
 export type NavOptionState = 'active' | 'default';
 export type NavOptionAlign = 'left' | 'right';
 export interface NavOptionProps {
+    id?: string;
+    className?: string;
     state: NavOptionState;
     label?: string;
     Icon: React.FC<{

package/dist/components/web/NavBar/NavigationBar/navigationBar_types.web.d.ts CHANGED Viewed

@@ -3,7 +3,11 @@ export type NavigationBarSize = 'medium' | 'small';
 export type NavigationBarState = 'active' | 'default';
 export type NavigationBarAlign = 'left' | 'right';
 export interface NavigationBarProps {
+    id?: string;
+    className?: string;
     navOptions: {
+        id?: string;
+        className?: string;
         state: NavigationBarState;
         label?: string;
         Icon: React.FC<{

package/dist/components/web/Popover/popover_types.web.d.ts CHANGED Viewed

@@ -1,5 +1,7 @@
 import { ButtonProps } from '../Buttons/Button/Button.types.web';
 export interface PopoverProps {
+    id?: string;
+    className?: string;
     image: string;
     button: ButtonProps;
     onClose: (x?: any) => void;

package/dist/components/web/RadioButton/RadioButton/radioButton_types.web.d.ts CHANGED Viewed

@@ -4,6 +4,8 @@ export type RadioButtonState = 'active' | 'default' | 'hover' | 'disable';
 export type RadioButtonAlign = 'left' | 'right';
 export type RadioButtonColor = 'black' | 'white';
 export interface RadioButtonProps {
+    id?: string;
+    className?: string;
     state: RadioButtonState;
     leadingText?: string;
     size?: RadioButtonSize;

package/dist/components/web/Switch/Switch/switch_types.web.d.ts CHANGED Viewed

@@ -1,6 +1,8 @@
 export type SwitchSize = '32' | '24';
 export type SwitchState = 'enable' | 'hover' | 'disable';
 export interface SwitchProps {
+    id?: string;
+    className?: string;
     state: SwitchState;
     size: SwitchSize;
     text?: string;

package/dist/components/web/TextField/TextField/textField_types.web.d.ts CHANGED Viewed

@@ -5,6 +5,8 @@ export type TextFieldState = 'enable' | 'disable' | 'hover' | 'active' | 'comple
 export type TextFieldType = 'color' | 'date' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'tel' | 'text' | 'time' | 'url' | 'week';
 export type TextFieldAutoComplete = 'additional-name' | 'address-line1' | 'address-line2' | 'birthdate-day' | 'birthdate-full' | 'birthdate-month' | 'birthdate-year' | 'cc-csc' | 'cc-exp' | 'cc-exp-day' | 'cc-exp-month' | 'cc-exp-year' | 'cc-number' | 'country' | 'current-password' | 'email' | 'family-name' | 'gender' | 'given-name' | 'honorific-prefix' | 'honorific-suffix' | 'name' | 'name-family' | 'name-given' | 'name-middle' | 'name-middle-initial' | 'name-prefix' | 'name-suffix' | 'new-password' | 'nickname' | 'one-time-code' | 'organization' | 'organization-title' | 'password' | 'password-new' | 'postal-address' | 'postal-address-country' | 'postal-address-extended' | 'postal-address-extended-postal-code' | 'postal-address-locality' | 'postal-address-region' | 'postal-code' | 'street-address' | 'sms-otp' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-device' | 'url' | 'username' | 'username-new' | 'off';
 export interface TextFieldProps {
+    id?: string;
+    className?: string;
     state: TextFieldState;
     textFieldSize: TextFieldSize;
     label: {

package/dist/components/web/Tooltips/Tooltip/tooltip_types.web.d.ts CHANGED Viewed

@@ -1,6 +1,8 @@
 import { ReactNode, RefObject } from 'react';
 export type PopableAction = 'press' | 'longpress' | 'hover';
 export type PopableProps = {
+    id?: string;
+    className?: string;
     action?: PopableAction;
     animated?: PopoverProps['animated'];
     backgroundColor?: PopoverProps['backgroundColor'];