@itcase/ui 1.3.11 → 1.3.13

package/dist/stories/Size.stories.js

@@ -1,99 +0,0 @@
-import { badgeAppearance, badgeConfig } from '../../Badge'
-import { Tab, tabConfig } from '../Tab'
-import { tabAppearance } from '../Tab.appearance'
-import { argTypes } from './args'
-
-badgeConfig.setAppearance(badgeAppearance)
-tabConfig.setAppearance(tabAppearance)
-
-export default {
-  argTypes: {
-    ...argTypes,
-  },
-  component: Tab,
-  parameters: {
-    controls: {
-      exclude: [
-        'fillDesktop',
-        'fillMobile',
-        'fillTablet',
-        'linkFillDesktop',
-        'linkFillMobile',
-        'linkFillTablet',
-        'shapeDesktop',
-        'shapeMobile',
-        'shapeTablet',
-        'sizeDesktop',
-        'sizeMobile',
-        'sizeTablet',
-        'typeDesktop',
-        'typeMobile',
-        'typeTablet',
-      ],
-    },
-  },
-  title: 'Atoms / Tab / Size',
-}
-
-export const Default = {
-  args: {
-    appearance: 'primary',
-    badge: true,
-    badgeAppearance: 'accent',
-    badgeSize: 'xs',
-    badgeTextSize: 'xs',
-    badgeValue: '3',
-    label: 'Label',
-    labelTextSize: 'm',
-    size: 'm',
-  },
-}
-
-export const SizeXXS = {
-  args: {
-    ...Default.args,
-    size: 'xxs',
-  },
-}
-
-export const SizeXS = {
-  args: {
-    ...Default.args,
-    size: 'xs',
-  },
-}
-
-export const SizeS = {
-  args: {
-    ...Default.args,
-    size: 's',
-  },
-}
-
-export const SizeM = {
-  args: {
-    ...Default.args,
-    size: 'm',
-  },
-}
-
-export const SizeL = {
-  args: {
-    ...Default.args,
-    size: 'l',
-  },
-}
-
-export const SizeXL = {
-  args: {
-    ...Default.args,
-    size: 'xl',
-  },
-}
-
-export const SizeXXL = {
-  args: {
-    ...Default.args,
-    size: 'xxl',
-  },
-}

package/dist/stories/State.stories.js

@@ -1,67 +0,0 @@
-import { badgeAppearance, badgeConfig } from '../../Badge'
-import { Tab, tabConfig } from '../Tab'
-import { tabAppearance } from '../Tab.appearance'
-import { argTypes } from './args'
-
-badgeConfig.setAppearance(badgeAppearance)
-tabConfig.setAppearance(tabAppearance)
-
-export default {
-  args: {
-    badge: true,
-    badgeAppearance: 'accent',
-    badgeSize: 'xs',
-    badgeTextSize: 'xs',
-    badgeValue: '3',
-    label: 'Label',
-    labelTextSize: 'm',
-    size: 'normal',
-  },
-  argTypes: {
-    ...argTypes,
-  },
-  component: Tab,
-  parameters: {
-    controls: {
-      exclude: [
-        'fillDesktop',
-        'fillMobile',
-        'fillTablet',
-        'linkFillDesktop',
-        'linkFillMobile',
-        'linkFillTablet',
-        'shapeDesktop',
-        'shapeMobile',
-        'shapeTablet',
-        'sizeDesktop',
-        'sizeMobile',
-        'sizeTablet',
-        'typeDesktop',
-        'typeMobile',
-        'typeTablet',
-      ],
-    },
-  },
-  title: 'Atoms / Tab / State',
-}
-
-export const Normal = {
-  args: {
-    appearance: 'any',
-  },
-}
-
-export const Active = {
-  args: {
-    isActive: true,
-    appearance: 'surfacePrimary',
-  },
-}
-
-export const Disabled = {
-  args: {
-    isDisabled: true,
-    appearance: 'surfacePrimary',
-    badgeAppearance: 'disabled',
-  },
-}

package/dist/stories/Switch.stories.js

@@ -1,84 +0,0 @@
-import { Switch } from '../Switch'
-
-export default {
-  argTypes: {
-    id: {
-      if: { arg: 'advancedProps' },
-    },
-    advancedProps: { control: 'boolean' },
-    checked: {
-      control: 'boolean',
-    },
-    className: {
-      if: { arg: 'advancedProps' },
-    },
-    disabled: {
-      control: 'boolean',
-    },
-    set: {
-      if: { arg: 'advancedProps' },
-    },
-    size: {
-      control: 'inline-radio',
-      options: ['normal', 'compact'],
-    },
-    onChange: {
-      if: { arg: 'advancedProps' },
-    },
-  },
-  component: Switch,
-  title: 'Atoms / Switch ',
-}
-
-export const Default = {
-  args: {
-    checked: false,
-    disabled: false,
-    size: 'normal',
-  },
-}
-
-export const Active = {
-  args: {
-    ...Default.args,
-    checked: false,
-    disabled: false,
-  },
-}
-export const ActiveChecked = {
-  args: {
-    ...Default.args,
-    checked: true,
-    disabled: false,
-  },
-}
-export const Disabled = {
-  args: {
-    ...Default.args,
-    checked: false,
-    disabled: true,
-  },
-}
-export const DisabledChecked = {
-  args: {
-    ...Default.args,
-    checked: true,
-    disabled: true,
-  },
-}
-
-export const Normal = {
-  args: {
-    checked: true,
-    disabled: false,
-    size: 'normal',
-  },
-}
-
-export const Compact = {
-  args: {
-    checked: true,
-    disabled: false,
-    size: 'compact',
-  },
-}

package/dist/stories/Text.stories.js

@@ -1,172 +0,0 @@
-import {
-  textAlignProps,
-  textColorActiveProps,
-  textColorHoverProps,
-  textColorProps,
-  textGradientProps,
-  textSizeProps,
-  textStyleProps,
-  textWeightProps,
-  textWrapProps,
-} from '../../../constants'
-import { Text } from '../Text'
-
-export default {
-  argTypes: {
-    textAlign: {
-      control: 'inline-radio',
-      options: textAlignProps,
-    },
-    cursor: {
-      if: { arg: 'advancedProps' },
-    },
-    advancedProps: { control: 'boolean' },
-    after: {
-      if: { arg: 'advancedProps' },
-    },
-    appearance: {
-      control: 'inline-radio',
-      options: [null, 'dev'],
-    },
-    before: {
-      if: { arg: 'advancedProps' },
-    },
-    className: {
-      if: { arg: 'advancedProps' },
-    },
-    htmlFor: {
-      if: { arg: 'advancedProps' },
-    },
-    size: {
-      control: 'inline-radio',
-      options: textSizeProps,
-    },
-    tag: {
-      if: { arg: 'advancedProps' },
-    },
-    textColor: {
-      control: 'select',
-      options: textColorProps,
-    },
-    textColorActive: {
-      control: 'select',
-      options: textColorActiveProps,
-    },
-    textColorHover: {
-      control: 'select',
-      options: textColorHoverProps,
-    },
-    textGradient: {
-      control: 'inline-radio',
-      options: textGradientProps,
-    },
-    textStyle: {
-      control: 'inline-radio',
-      options: textStyleProps,
-    },
-    textWeight: {
-      control: 'inline-radio',
-      options: textWeightProps,
-    },
-    textWrap: {
-      control: 'inline-radio',
-      options: textWrapProps,
-    },
-    type: {
-      control: 'inline-radio',
-      options: ['accent', 'primary', 'secondary', 'tertiary', 'surface', 'success', 'error'],
-    },
-    onClick: {
-      if: { arg: 'advancedProps' },
-    },
-  },
-  component: Text,
-  parameters: {
-    controls: {
-      exclude: [
-        'sizeDesktop',
-        'sizeMobile',
-        'sizeTablet',
-        'textColorDesktop',
-        'textColorMobile',
-        'textColorTablet',
-        'textWeightDesktop',
-        'textWeightMobile',
-        'textWeightTablet',
-      ],
-    },
-  },
-  title: 'Atoms / Text',
-}
-
-const Default = {
-  args: {
-    appearance: null,
-    textColor: 'surfaceTextPrimary',
-  },
-}
-
-export const SizeXXS = {
-  args: {
-    ...Default.args,
-    children: 'text 10px',
-    size: 'xxs',
-  },
-}
-
-export const SizeXS = {
-  args: {
-    ...Default.args,
-    children: 'text 12px',
-    size: 'xs',
-  },
-}
-
-export const SizeS = {
-  args: {
-    ...Default.args,
-    children: 'text 14px',
-    size: 's',
-  },
-}
-
-export const SizeM = {
-  args: {
-    ...Default.args,
-    children: 'text 16px',
-    size: 'm',
-  },
-}
-
-export const SizeL = {
-  args: {
-    ...Default.args,
-    children: 'text 18px',
-    size: 'l',
-  },
-}
-
-export const SizeXL = {
-  args: {
-    ...Default.args,
-    children: 'text 20px',
-    size: 'xl',
-  },
-}
-
-export const SizeXXL = {
-  args: {
-    ...Default.args,
-    children: 'text 24px',
-    size: 'xxl',
-  },
-}
-
-export const SkeletonMode = {
-  args: {
-    ...Default.args,
-    children: 'hidden text',
-    mode: 'skeleton',
-    size: 'm',
-  },
-}

package/dist/stories/Textarea.stories.js

@@ -1,90 +0,0 @@
-import { borderColorProps, sizeProps, textColorProps, textSizeProps } from '../../../constants'
-import { Textarea, textareaConfig } from '../Textarea'
-import { textareaState } from '../Textarea.appearance'
-
-textareaConfig.setState(textareaState)
-
-export default {
-  argTypes: {
-    id: {
-      if: { arg: 'advancedProps' },
-    },
-    borderColor: {
-      control: 'select',
-      options: borderColorProps,
-    },
-    advancedProps: { control: 'boolean' },
-    className: {
-      if: { arg: 'advancedProps' },
-    },
-    disabled: {
-      control: 'boolean',
-    },
-    shape: {
-      control: 'inline-radio',
-      options: [null, 'rounded', 'underline'],
-    },
-    size: {
-      control: 'inline-radio',
-      options: sizeProps,
-    },
-    state: {
-      control: 'inline-radio',
-      options: [
-        null,
-        'normal',
-        'filled',
-        'active',
-        'activeFilled',
-        'error',
-        'errorFilled',
-        'readonly',
-        'disabled',
-        'success',
-        'require',
-      ],
-    },
-    textColor: {
-      control: 'select',
-      options: textColorProps,
-    },
-    textSize: {
-      control: 'inline-radio',
-      options: textSizeProps,
-    },
-    onBlur: {
-      if: { arg: 'advancedProps' },
-    },
-    onKeyDown: {
-      if: { arg: 'advancedProps' },
-    },
-  },
-  component: Textarea,
-  title: 'Atoms / Textarea',
-}
-
-export const Default = {
-  args: {
-    borderColor: 'surfaceBorderTertiary',
-    placeholder: 'Placeholder',
-    shape: 'rounded',
-    size: 'm',
-    state: null,
-    textColor: 'surfaceTextPrimary',
-    textSize: 'm',
-    value: 'Filled',
-  },
-}
-
-export const Active = {
-  args: {
-    ...Default.args,
-  },
-}
-
-export const Disabled = {
-  args: {
-    ...Default.args,
-    disabled: true,
-  },
-}