@itcase/ui 1.2.19 → 1.2.21

package/dist/stories/NotFound.stories.js

@@ -1,93 +0,0 @@
-import { buttonConfig } from '@itcase/ui/components/Button'
-import { Response } from '@itcase/ui/components/Response'
-import {
-  fillHoverProps,
-  fillProps,
-  shapeProps,
-  sizeProps,
-  textColorProps,
-  textSizeProps,
-  widthProps,
-} from '@itcase/ui/constants'
-
-import buttonAppearance from 'src/components/Button/appearance.json'
-
-buttonConfig.setAppearance(buttonAppearance)
-
-export default {
-  title: 'Components / NotFound',
-  component: Response,
-  argTypes: {
-    advancedProps: { control: 'boolean' },
-    buttonAfter: {
-      if: { arg: 'advancedProps' },
-    },
-    buttonBefore: {
-      if: { arg: 'advancedProps' },
-    },
-    buttonFill: {
-      options: fillProps,
-      control: 'select',
-    },
-    buttonFillHover: {
-      options: fillHoverProps,
-      control: 'select',
-    },
-    buttonLabelTextColor: {
-      options: textColorProps,
-      control: 'select',
-    },
-    buttonLabelTextSize: {
-      options: textSizeProps,
-      control: 'inline-radio',
-    },
-    buttonShape: {
-      options: shapeProps,
-      control: 'inline-radio',
-    },
-    buttonSize: {
-      options: sizeProps,
-      control: 'inline-radio',
-    },
-    buttonWidth: {
-      options: widthProps,
-      control: 'inline-radio',
-    },
-    messageTextColor: {
-      options: textColorProps,
-      control: 'select',
-    },
-    messageTextSize: {
-      options: textSizeProps,
-      control: 'inline-radio',
-    },
-    buttonAppearance: {
-      options: [
-        null,
-        'accent',
-        'primary',
-        'secondary',
-        'surfacePrimary',
-        'surfaceSecondary',
-        'surfaceTertiary',
-        'surfaceDisabled',
-      ],
-      control: 'inline-radio',
-    },
-  },
-}
-
-export const Default = {
-  args: {
-    imageSrc: 'assets/img/search.svg',
-    message: 'Nothing found',
-    messageTextColor: 'surfaceTextPrimary',
-    messageTextSize: 'l',
-    buttonLabel: 'Label',
-    buttonLabelTextSize: 'l',
-    buttonShape: 'rounded',
-    buttonSize: 'xxl',
-    buttonWidth: 'fill',
-    buttonAppearance: 'surfaceSecondary',
-  },
-}

package/dist/stories/Tab.appearance.stories.js

@@ -1,260 +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 / Appearance',
-  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',
-    },
-  },
-}
-
-export const Default = {
-  args: {
-    appearance: 'any',
-    label: 'Label',
-    size: 'normal',
-    labelTextSize: 'm',
-    badge: true,
-    badgeSize: 'xs',
-    badgeAppearance: 'accent',
-    badgeTextSize: 'xs',
-    badgeValue: '3',
-  },
-}
-
-export const SurfacePrimary = {
-  args: {
-    ...Default.args,
-    appearance: 'surfacePrimary',
-  },
-}
-
-export const SurfaceSecondary = {
-  args: {
-    ...Default.args,
-    appearance: 'surfaceSecondary',
-  },
-}
-
-export const SurfaceTertiary = {
-  args: {
-    ...Default.args,
-    appearance: 'surfaceTertiary',
-  },
-}
-
-export const SurfaceQuaternary = {
-  args: {
-    ...Default.args,
-    appearance: 'surfaceQuaternary',
-  },
-}
-
-export const Accent = {
-  args: {
-    ...Default.args,
-    appearance: 'accent',
-    badgeAppearance: 'surfacePrimary',
-  },
-}
-
-export const Primary = {
-  args: {
-    ...Default.args,
-    appearance: 'primary',
-  },
-}
-
-export const Secondary = {
-  args: {
-    ...Default.args,
-    appearance: 'secondary',
-  },
-}

package/dist/stories/Tab.size.stories.js

@@ -1,259 +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 / Size',
-  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',
-    },
-  },
-}
-
-export const Default = {
-  args: {
-    appearance: 'primary',
-    label: 'Label',
-    size: 'm',
-    labelTextSize: 'm',
-    badge: true,
-    badgeSize: 'xs',
-    badgeAppearance: 'accent',
-    badgeTextSize: 'xs',
-    badgeValue: '3',
-  },
-}
-
-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',
-  },
-}