@itcase/ui 1.3.12 → 1.3.14

package/dist/stories/Loader.stories.js

@@ -1,119 +0,0 @@
-import {
-  heightProps,
-  positionProps,
-  textColorProps,
-  textSizeProps,
-  widthProps,
-} from '../../../constants'
-import { Loader, loaderConfig } from '../Loader'
-import { loaderAppearance } from '../Loader.appearance'
-
-loaderConfig.setAppearance(loaderAppearance)
-
-export default {
-  argTypes: {
-    children: {
-      if: { arg: 'advancedProps' },
-    },
-    width: {
-      control: 'inline-radio',
-      options: widthProps,
-    },
-    height: {
-      control: 'inline-radio',
-      options: heightProps,
-    },
-    position: {
-      control: 'inline-radio',
-      if: { arg: 'advancedProps' },
-      options: positionProps,
-    },
-    right: {
-      if: { arg: 'advancedProps' },
-    },
-    left: {
-      if: { arg: 'advancedProps' },
-    },
-    advancedProps: { control: 'boolean' },
-    appearance: {
-      control: 'inline-radio',
-      options: [
-        null,
-        'accent',
-        'primary',
-        'secondary',
-        'surfacePrimary',
-        'surfaceSecondary',
-        'surfaceTertiary',
-      ],
-    },
-    className: {
-      if: { arg: 'advancedProps' },
-    },
-    set: {
-      control: 'inline-radio',
-      options: [null, 'simple'],
-    },
-    textColor: {
-      control: 'select',
-      options: textColorProps,
-    },
-    textSize: {
-      control: 'inline-radio',
-      options: textSizeProps,
-    },
-  },
-  component: Loader,
-  title: 'Atoms / Loader',
-}
-
-export const Default = {
-  args: {
-    appearance: 'surfacePrimary',
-    set: 'simple',
-    text: 'Text',
-    textSize: 'm',
-  },
-}
-
-export const Accent = {
-  args: {
-    ...Default.args,
-    appearance: 'accent',
-  },
-}
-
-export const Primary = {
-  args: {
-    ...Default.args,
-    appearance: 'primary',
-  },
-}
-
-export const Secondary = {
-  args: {
-    ...Default.args,
-    appearance: 'secondary',
-  },
-}
-
-export const SurfacePrimary = {
-  args: {
-    ...Default.args,
-    appearance: 'surfacePrimary',
-  },
-}
-
-export const SurfaceSecondary = {
-  args: {
-    ...Default.args,
-    appearance: 'surfaceSecondary',
-  },
-}
-
-export const SurfaceTertiary = {
-  args: {
-    ...Default.args,
-    appearance: 'surfaceTertiary',
-  },
-}

package/dist/stories/Logo.stories.js

@@ -1,99 +0,0 @@
-import { alignDirectionProps, alignProps, widthProps } from '../../../constants'
-import { Logo } from '../Logo'
-
-export default {
-  argTypes: {
-    children: {
-      if: { arg: 'advancedProps' },
-    },
-    width: {
-      control: 'inline-radio',
-      options: widthProps,
-    },
-    alignItems: {
-      control: 'inline-radio',
-      options: alignProps,
-    },
-    isLink: {
-      if: { arg: 'advancedProps' },
-    },
-    advancedProps: { control: 'boolean' },
-    align: {
-      control: 'inline-radio',
-      options: alignProps,
-    },
-    alignDirection: {
-      control: 'inline-radio',
-      options: alignDirectionProps,
-    },
-    className: {
-      if: { arg: 'advancedProps' },
-    },
-    href: {
-      if: { arg: 'advancedProps' },
-    },
-    link: {
-      if: { arg: 'advancedProps' },
-    },
-    logoSrc: {
-      if: { arg: 'advancedProps' },
-    },
-    mode: {
-      control: 'inline-radio',
-      options: [null, 'skeleton'],
-    },
-    size: {
-      control: 'inline-radio',
-      options: ['s', 'm', 'l'],
-    },
-    sizeMobile: {
-      control: 'inline-radio',
-      if: { arg: 'advancedProps' },
-      options: ['s', 'm', 'l'],
-    },
-    source: {
-      if: { arg: 'advancedProps' },
-    },
-    target: {
-      if: { arg: 'advancedProps' },
-    },
-  },
-  component: Logo,
-  title: 'Atoms / Logo',
-}
-
-export const Default = {
-  args: {
-    size: 'm',
-    src: 'assets/img/logo.svg',
-  },
-}
-
-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 SkeletonMode = {
-  args: {
-    ...Default.args,
-    mode: 'skeleton',
-    size: 'l',
-  },
-}

package/dist/stories/MenuItem.stories.js

@@ -1,258 +0,0 @@
-import {
-  fillProps,
-  shapeProps,
-  sizeProps,
-  textColorActiveProps,
-  textColorHoverProps,
-  textColorProps,
-  textGradientProps,
-  textSizeProps,
-  textStyleProps,
-  textWeightProps,
-  textWrapProps,
-  underlineProps,
-} from '../../../constants'
-import { MenuItem, menuItemConfig } from '../MenuItem'
-import { menuItemAppearance } from '../MenuItem.appearance'
-
-menuItemConfig.setAppearance(menuItemAppearance)
-
-export default {
-  argTypes: {
-    children: {
-      if: { arg: 'advancedProps' },
-    },
-    advancedProps: { control: 'boolean' },
-    after: {
-      if: { arg: 'advancedProps' },
-    },
-    appearance: {
-      control: 'inline-radio',
-      options: [null, 'any'],
-    },
-    before: {
-      if: { arg: 'advancedProps' },
-    },
-    className: {
-      if: { arg: 'advancedProps' },
-    },
-    descTextColor: {
-      control: 'select',
-      options: textColorProps,
-    },
-    descTextColorHover: {
-      control: 'select',
-      options: textColorHoverProps,
-    },
-    descTextGradient: {
-      control: 'inline-radio',
-      if: { arg: 'advancedProps' },
-      options: textGradientProps,
-    },
-    descTextSize: {
-      control: 'inline-radio',
-      options: textSizeProps,
-    },
-    descTextStyle: {
-      control: 'inline-radio',
-      if: { arg: 'advancedProps' },
-      options: textStyleProps,
-    },
-    descTextWeight: {
-      control: 'inline-radio',
-      options: textWeightProps,
-    },
-    descTextWrap: {
-      control: 'inline-radio',
-      if: { arg: 'advancedProps' },
-      options: textWrapProps,
-    },
-    fill: {
-      control: 'select',
-      options: fillProps,
-    },
-    href: {
-      if: { arg: 'advancedProps' },
-    },
-    link: {
-      if: { arg: 'advancedProps' },
-    },
-    LinkComponent: {
-      if: { arg: 'advancedProps' },
-    },
-    linkFill: {
-      control: 'select',
-      if: { arg: 'advancedProps' },
-      options: fillProps,
-    },
-    rel: {
-      if: { arg: 'advancedProps' },
-    },
-    shape: {
-      control: 'inline-radio',
-      options: shapeProps,
-    },
-    size: {
-      control: 'inline-radio',
-      options: sizeProps,
-    },
-    target: {
-      if: { arg: 'advancedProps' },
-    },
-    textColor: {
-      control: 'select',
-      options: textColorProps,
-    },
-    textColorActive: {
-      control: 'select',
-      options: textColorActiveProps,
-    },
-    textColorHover: {
-      control: 'select',
-      options: textColorHoverProps,
-    },
-    textGradient: {
-      control: 'inline-radio',
-      if: { arg: 'advancedProps' },
-      options: textGradientProps,
-    },
-    textSize: {
-      control: 'inline-radio',
-      options: textSizeProps,
-    },
-    textStyle: {
-      control: 'inline-radio',
-      if: { arg: 'advancedProps' },
-      options: textStyleProps,
-    },
-    textWeight: {
-      control: 'inline-radio',
-      options: textWeightProps,
-    },
-    textWrap: {
-      control: 'inline-radio',
-      if: { arg: 'advancedProps' },
-      options: textWrapProps,
-    },
-    type: {
-      if: { arg: 'advancedProps' },
-    },
-    underline: {
-      control: 'inline-radio',
-      if: { arg: 'advancedProps' },
-      options: underlineProps,
-    },
-    onClick: {
-      if: { arg: 'advancedProps' },
-    },
-    onMouseEnter: {
-      if: { arg: 'advancedProps' },
-    },
-  },
-  component: MenuItem,
-  parameters: {
-    controls: {
-      exclude: [
-        'fillDesktop',
-        'fillMobile',
-        'fillTablet',
-        'linkFillDesktop',
-        'linkFillMobile',
-        'linkFillTablet',
-        'shapeDesktop',
-        'shapeMobile',
-        'shapeTablet',
-        'sizeDesktop',
-        'sizeMobile',
-        'sizeTablet',
-        'typeDesktop',
-        'typeMobile',
-        'typeTablet',
-      ],
-    },
-  },
-  title: 'Atoms / MenuItem',
-}
-
-export const Default = {
-  args: {
-    cursor: 'pointer',
-    isActive: true,
-    isHover: true,
-    appearance: 'any',
-    desc: 'desc',
-    descTextColor: 'surfaceTextPrimary',
-    descTextSize: 's',
-    descTextWeight: 400,
-    label: 'Menu Item',
-    size: 'm',
-    textColor: 'surfaceTextPrimary',
-    textSize: 'l',
-    textWeight: 400,
-  },
-}
-
-export const SizeXXL = {
-  args: {
-    ...Default.args,
-    size: 'xxl',
-  },
-}
-
-export const SizeXL = {
-  args: {
-    ...Default.args,
-    size: 'xl',
-  },
-}
-
-export const SizeL = {
-  args: {
-    ...Default.args,
-    size: 'l',
-  },
-}
-
-export const SizeM = {
-  args: {
-    ...Default.args,
-    size: 'm',
-  },
-}
-
-export const SizeS = {
-  args: {
-    ...Default.args,
-    size: 's',
-  },
-}
-
-export const SizeXS = {
-  args: {
-    ...Default.args,
-    size: 'xs',
-  },
-}
-
-export const SizeXXS = {
-  args: {
-    ...Default.args,
-    size: 'xxs',
-  },
-}
-
-export const Active = {
-  args: {
-    ...Default.args,
-    isActive: true,
-    size: 'm',
-  },
-}
-
-export const SetSubitem = {
-  args: {
-    ...Default.args,
-    set: 'subitem',
-    size: 'm',
-  },
-}

package/dist/stories/Message.stories.js

@@ -1,34 +0,0 @@
-import { Response } from '../Response'
-import { argTypes } from './args'
-
-export default {
-  argTypes: {
-    ...argTypes,
-  },
-  component: Response,
-  title: 'Molecules / Response / Set: Message',
-}
-
-const Default = {
-  args: {
-    message: 'Ничего не найдено',
-    messageTextSize: 'l',
-    set: 'message',
-  },
-}
-
-export const Success = {
-  args: {
-    ...Default.args,
-    imageSrc: 'assets/img/search.svg',
-    state: 'success',
-  },
-}
-
-export const Error = {
-  args: {
-    ...Default.args,
-    imageSrc: 'assets/img/search.svg',
-    state: 'error',
-  },
-}

package/dist/stories/ModalConfirm.stories.js

@@ -1,60 +0,0 @@
-import { Button, buttonConfig } from '../../Button'
-import { buttonAppearance } from '../../Button/Button.appearance'
-import { Group } from '../../Group'
-import { Title } from '../../Title'
-import { Modal } from '../Modal'
-
-buttonConfig.setAppearance(buttonAppearance)
-
-export default {
-  component: Modal,
-  title: 'Molecules / Modal / Confirm',
-}
-
-export const Default = {
-  args: {
-    children: (
-      <Group direction="vertical" gap="24">
-        <Title size="h3" textColor="surfaceTextPrimary">
-          Подтверждение действия
-        </Title>
-        <Group width="fill" direction="vertical" gap="16">
-          <Button
-            width="fill"
-            labelTextSize="l"
-            appearance="accent"
-            label="Подтвердить"
-            shape="rounded"
-            size="xxl"
-          />
-          <Button
-            width="fill"
-            labelTextSize="l"
-            appearance="surfaceSecondary"
-            label="Отмена"
-            shape="rounded"
-            size="xxl"
-          />
-        </Group>
-      </Group>
-    ),
-    padding: 32,
-    elevation: 8,
-    isOpen: true,
-    isOutsideClose: true,
-    isOverlay: true,
-    closeButton: (
-      <Button
-        position="absolute"
-        top="32"
-        right="32"
-        appearance="surfaceSecondary"
-        iconFill="surfaceItemPrimary"
-        iconSrc="assets/16/Remove.svg"
-        shape="circular"
-        size="m"
-      />
-    ),
-    shape: 'rounded',
-  },
-}

package/dist/stories/ModalDefault.stories.js

@@ -1,33 +0,0 @@
-import { Button, buttonConfig } from '../../Button'
-import { buttonAppearance } from '../../Button/Button.appearance'
-import { Modal } from '../Modal'
-
-buttonConfig.setAppearance(buttonAppearance)
-
-export default {
-  component: Modal,
-  title: 'Molecules / Modal / Default',
-}
-
-export const Default = {
-  args: {
-    padding: 32,
-    elevation: 8,
-    isOpen: true,
-    isOutsideClose: true,
-    isOverlay: true,
-    closeButton: (
-      <Button
-        position="absolute"
-        top="32"
-        right="32"
-        appearance="surfaceSecondary"
-        iconFill="surfaceItemPrimary"
-        iconSrc="assets/16/Remove.svg"
-        shape="circular"
-        size="m"
-      />
-    ),
-    shape: 'rounded',
-  },
-}

package/dist/stories/ModalSheetBottom.stories.js

@@ -1,47 +0,0 @@
-import { Group } from '../../Group'
-import { Icon } from '../../Icon'
-import { Text } from '../../Text'
-import { ModalSheetBottom } from '../ModalSheetBottom'
-
-export default {
-  argTypes: {},
-  component: ModalSheetBottom,
-  title: 'Molecules / ModalSheetBottom ',
-}
-
-export const Default = {
-  args: {
-    children: (
-      <Group padding="20px 12px" direction="vertical" justifyContent="center">
-        <Text size="m" textColor="surfaceTextPrimary">
-          company
-        </Text>
-        <Text size="xs" textColor="surfaceTextPrimary">
-          inn
-        </Text>
-      </Group>
-    ),
-    isOpenModal: true,
-    fill: 'surfaceSecondary',
-    initialSnap: 0.5,
-  },
-}
-
-export const CloseButton = {
-  args: {
-    children: (
-      <Group padding="20px 12px" direction="vertical" justifyContent="center">
-        <Text size="m" textColor="surfaceTextPrimary">
-          company
-        </Text>
-        <Text size="xs" textColor="surfaceTextPrimary">
-          inn
-        </Text>
-      </Group>
-    ),
-    isOpenModal: true,
-    closeButton: <Icon iconFill="surfaceItemPrimary" imageSrc="assets/16/Remove.svg" size="16" />,
-    fill: 'surfaceSecondary',
-    initialSnap: 0.5,
-  },
-}