@itcase/ui 1.2.19 → 1.2.21

package/dist/stories/Tab.state.stories.js

@@ -1,227 +0,0 @@
-import { Tab, tabConfig } from '@itcase/ui/components/Tab'
-import {
-  fillHoverProps,
-  fillProps,
-  shapeProps,
-  sizeProps,
-  textColorActiveProps,
-  textColorHoverProps,
-  textColorProps,
-  textGradientProps,
-  textSizeProps,
-  textStyleProps,
-  textWeightProps,
-  textWrapProps,
-  underlineProps,
-} from '@itcase/ui/constants'
-
-import tabAppearance from 'src/components/Tab/appearance.json'
-
-tabConfig.setAppearance(tabAppearance)
-
-export default {
-  title: 'Atoms / Tab / State',
-  component: Tab,
-  parameters: {
-    controls: {
-      exclude: [
-        'fillDesktop',
-        'fillMobile',
-        'fillTablet',
-        'linkFillDesktop',
-        'linkFillMobile',
-        'linkFillTablet',
-        'shapeDesktop',
-        'shapeMobile',
-        'shapeTablet',
-        'sizeDesktop',
-        'sizeMobile',
-        'sizeTablet',
-        'typeDesktop',
-        'typeMobile',
-        'typeTablet',
-      ],
-    },
-  },
-  argTypes: {
-    advancedProps: { control: 'boolean' },
-    onClick: {
-      if: { arg: 'advancedProps' },
-    },
-    onMouseEnter: {
-      if: { arg: 'advancedProps' },
-    },
-    after: {
-      if: { arg: 'advancedProps' },
-    },
-    before: {
-      if: { arg: 'advancedProps' },
-    },
-    children: {
-      if: { arg: 'advancedProps' },
-    },
-    className: {
-      if: { arg: 'advancedProps' },
-    },
-    href: {
-      if: { arg: 'advancedProps' },
-    },
-    link: {
-      if: { arg: 'advancedProps' },
-    },
-    LinkComponent: {
-      if: { arg: 'advancedProps' },
-    },
-    rel: {
-      if: { arg: 'advancedProps' },
-    },
-    target: {
-      if: { arg: 'advancedProps' },
-    },
-    isActive: {
-      control: 'boolean',
-    },
-    appearance: {
-      options: [
-        null,
-        'any',
-        'surfacePrimary',
-        'surfaceSecondary',
-        'surfaceTertiary',
-        'surfaceQuaternary',
-        'accent',
-        'primary',
-        'secondary',
-      ],
-      control: 'inline-radio',
-    },
-    badge: {
-      control: 'boolean',
-    },
-    badgeSize: {
-      options: sizeProps,
-      control: 'inline-radio',
-    },
-    badgeFill: {
-      options: fillProps,
-      control: 'select',
-    },
-    badgeTextColor: {
-      options: textColorProps,
-      control: 'select',
-    },
-    badgeTextSize: {
-      options: textSizeProps,
-      control: 'inline-radio',
-    },
-    fill: {
-      options: fillProps,
-      control: 'select',
-    },
-    fillHover: {
-      options: fillHoverProps,
-      control: 'select',
-    },
-    labelColor: {
-      options: textColorProps,
-      control: 'select',
-    },
-    labelColorActive: {
-      if: { arg: 'advancedProps' },
-      options: textColorActiveProps,
-      control: 'select',
-    },
-    labelTextSize: {
-      options: textSizeProps,
-      control: 'inline-radio',
-    },
-    labelTextColorHover: {
-      if: { arg: 'advancedProps' },
-      options: textColorHoverProps,
-      control: 'inline-radio',
-    },
-    labelTextGradient: {
-      if: { arg: 'advancedProps' },
-      options: textGradientProps,
-      control: 'inline-radio',
-    },
-    labelTextStyle: {
-      options: textStyleProps,
-      control: 'inline-radio',
-      if: { arg: 'advancedProps' },
-    },
-    labelTextWeight: {
-      options: textWeightProps,
-      control: 'inline-radio',
-    },
-    labelTextWrap: {
-      options: textWrapProps,
-      control: 'inline-radio',
-    },
-    linkFill: {
-      if: { arg: 'advancedProps' },
-      options: fillProps,
-      control: 'select',
-    },
-    shape: {
-      options: shapeProps,
-      control: 'inline-radio',
-    },
-    size: {
-      options: ['xxs', 'xs', 's', 'm', 'l', 'xl', 'xxl'],
-      control: 'inline-radio',
-    },
-    type: {
-      if: { arg: 'advancedProps' },
-    },
-    underline: {
-      if: { arg: 'advancedProps' },
-      options: underlineProps,
-      control: 'inline-radio',
-    },
-    badgeAppearance: {
-      options: [
-        'surfacePrimary',
-        'surfaceSecondary',
-        'surfaceTertiary',
-        'surfaceQuaternary',
-        'accent',
-        'primary',
-        'secondary',
-        'disabled',
-      ],
-      control: 'inline-radio',
-    },
-  },
-  args: {
-    label: 'Label',
-    size: 'normal',
-    labelTextSize: 'm',
-    badge: true,
-    badgeSize: 'xs',
-    badgeAppearance: 'accent',
-    badgeTextSize: 'xs',
-    badgeValue: '3',
-  },
-}
-
-export const Normal = {
-  args: {
-    appearance: 'any',
-  },
-}
-
-export const Active = {
-  args: {
-    appearance: 'surfacePrimary',
-    isActive: true,
-  },
-}
-
-export const Disabled = {
-  args: {
-    appearance: 'surfacePrimary',
-    isDisabled: true,
-    badgeAppearance: 'disabled',
-  },
-}

package/dist/types/components/FormField/ChoiceField.d.ts

@@ -1,8 +0,0 @@
-import { IChoiceFieldProps } from './FormFiled.interface';
-declare function ChoiceField(props: IChoiceFieldProps): import("react/jsx-runtime").JSX.Element;
-declare namespace ChoiceField {
-    var defaultProps: {
-        radioClassName: string;
-    };
-}
-export { ChoiceField };

package/dist/types/components/FormField/FormField.d.ts

@@ -1,9 +0,0 @@
-import { IFormFieldProps } from './FormFiled.interface';
-declare function FormField(props: IFormFieldProps): import("react/jsx-runtime").JSX.Element;
-declare namespace FormField {
-    var defaultProps: {
-        dividerWidth: string;
-        dividerDirection: string;
-    };
-}
-export { FormField };

package/dist/types/components/FormField/FormFiled.interface.d.ts

@@ -1,77 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tBorderColorProps, tFillProps, iconSizePropsType, tTextSizeProps, tTextColorProps, tTextWeightProps, tDirectionProps, tSizeProps, tShapeProps, tItemColorProps } from '../../types';
-export interface IFormFieldProps extends iStyleAttributes {
-    afterItem?: ReactNode;
-    beforeItem?: ReactNode;
-    children?: ReactNode;
-    className?: string;
-    clearIcon?: string;
-    clearIconFill?: tFillProps;
-    clearIconSize?: iconSizePropsType;
-    dataTestId?: string;
-    desc?: string;
-    descSize?: tTextSizeProps;
-    descTextColor?: tTextColorProps;
-    descTextWeight?: tTextWeightProps;
-    direction?: tDirectionProps;
-    dividerDirection?: tDirectionProps;
-    dividerFill?: tFillProps;
-    dividerSize?: tSizeProps;
-    dividerWidth?: string;
-    fill?: tFillProps;
-    id?: string;
-    inputFill?: tFillProps;
-    inputShape?: tShapeProps;
-    label?: string;
-    labelTextSize?: tTextSizeProps;
-    labelTextColor?: tTextColorProps;
-    labelTextWeight?: tTextWeightProps;
-    message?: string;
-    messageSize?: tTextSizeProps;
-    messageTextColor?: tTextColorProps;
-    messageTextWeight?: tTextWeightProps;
-    set?: string;
-    shape?: tShapeProps;
-    size?: tSizeProps;
-    style?: CSSProperties;
-}
-export interface IChoiceFieldProps extends iStyleAttributes {
-    radioId?: string;
-    radioClassName?: string;
-    radioFillCheckmark?: tItemColorProps;
-    radioFillChecked?: tFillProps;
-    radioFill?: tFillProps;
-    radioFillDisabled?: tFillProps;
-    radioShape?: tShapeProps;
-    radioBorder?: tBorderColorProps;
-}
-export interface IPasswordFieldProps extends iStyleAttributes {
-    placeholder?: string;
-    passwordClassName?: string;
-    value?: string;
-    placeholderColor?: tTextColorProps;
-    valueTextColor?: tTextColorProps;
-    valueTextSize?: tTextSizeProps;
-}
-export interface ISelectFieldProps extends iStyleAttributes {
-    className?: string;
-    selectInputClass?: string;
-    selectFill?: tFillProps;
-    selectShape?: tShapeProps;
-    selectBorder?: tBorderColorProps;
-    selectSize?: tSizeProps;
-    selectOptionFill?: tFillProps;
-    selectOptionTextSize?: tTextSizeProps;
-    selectOptionTextColor?: tTextColorProps;
-    selectOptionBefore?: ReactNode;
-    selectOptionAfter?: ReactNode;
-    selectInputBefore?: ReactNode;
-    selectInputAfter?: ReactNode;
-    selectInputFill?: tFillProps;
-    selectInputTextSize?: tTextSizeProps;
-    selectInputTextColor?: tTextColorProps;
-}
-export interface ISwitchFieldProps extends iStyleAttributes {
-    className?: string;
-}

package/dist/types/components/FormField/PasswordField.d.ts

@@ -1,9 +0,0 @@
-import { IPasswordFieldProps } from './FormFiled.interface';
-declare function PasswordField(props: IPasswordFieldProps): import("react/jsx-runtime").JSX.Element;
-declare namespace PasswordField {
-    var defaultProps: {
-        set: string;
-        passwordClassName: string;
-    };
-}
-export { PasswordField };

package/dist/types/components/FormField/SelectField.d.ts

@@ -1,9 +0,0 @@
-import { ISelectFieldProps } from './FormFiled.interface';
-declare function SelectField(props: ISelectFieldProps): import("react/jsx-runtime").JSX.Element;
-declare namespace SelectField {
-    var defaultProps: {
-        set: string;
-        selectInputClass: string;
-    };
-}
-export { SelectField };

package/dist/types/components/FormField/SwitchField.d.ts

@@ -1,8 +0,0 @@
-import { ISwitchFieldProps } from './FormFiled.interface';
-declare function SwitchField(props: ISwitchFieldProps): import("react/jsx-runtime").JSX.Element;
-declare namespace SwitchField {
-    var defaultProps: {
-        set: string;
-    };
-}
-export { SwitchField };

package/dist/types/components/FormField/index.d.ts

@@ -1,6 +0,0 @@
-import { ChoiceField } from './ChoiceField';
-import { FormField } from './FormField';
-import { PasswordField } from './PasswordField';
-import { SelectField } from './SelectField';
-import { SwitchField } from './SwitchField';
-export { ChoiceField, FormField, PasswordField, SelectField, SwitchField };