@ssa-ui-kit/core 0.0.16-alpha → 0.0.17-alpha

package/src/components/Button/fixtures.ts

@@ -1,165 +1,165 @@
-import Icon from '@components/Icon';
-import { IButtonProps } from './types';
-
-export type TestPropsType = Omit<
-  IButtonProps,
-  'isDisabled' | 'startIcon' | 'endIcon'
-> & {
-  disabled?: boolean;
-  startIcon?: React.ComponentProps<typeof Icon>['name'];
-  endIcon?: React.ComponentProps<typeof Icon>['name'];
-};
-
-const baseSpecs: TestPropsType[] = [
-  {
-    type: 'button',
-    variant: 'primary',
-    size: 'small',
-    text: 'Button',
-    disabled: false,
-  },
-  {
-    type: 'button',
-    variant: 'primary',
-    size: 'small',
-    text: 'Button',
-    disabled: false,
-    endIcon: 'plus',
-  },
-  {
-    type: 'button',
-    variant: 'primary',
-    size: 'small',
-    text: 'Button',
-    disabled: false,
-    startIcon: 'minus',
-  },
-  {
-    type: 'button',
-    variant: 'primary',
-    size: 'small',
-    text: 'Button',
-    disabled: false,
-    startIcon: 'minus',
-    endIcon: 'plus',
-  },
-  {
-    type: 'button',
-    variant: 'primary',
-    size: 'small',
-    disabled: false,
-    startIcon: 'minus',
-    endIcon: 'plus',
-  },
-  {
-    type: 'button',
-    variant: 'primary',
-    size: 'small',
-    disabled: false,
-    startIcon: 'minus',
-  },
-  {
-    type: 'button',
-    variant: 'primary',
-    size: 'small',
-    disabled: false,
-    endIcon: 'plus',
-  },
-
-  {
-    type: 'button',
-    variant: 'primary',
-    size: 'small',
-    text: 'Button',
-    disabled: true,
-  },
-  {
-    type: 'button',
-    variant: 'primary',
-    size: 'small',
-    text: 'Button',
-    disabled: true,
-    endIcon: 'plus',
-  },
-  {
-    type: 'button',
-    variant: 'primary',
-    size: 'small',
-    text: 'Button',
-    disabled: true,
-    startIcon: 'minus',
-  },
-  {
-    type: 'button',
-    variant: 'primary',
-    size: 'small',
-    text: 'Button',
-    disabled: true,
-    startIcon: 'minus',
-    endIcon: 'plus',
-  },
-  {
-    type: 'button',
-    variant: 'primary',
-    size: 'small',
-    disabled: true,
-    startIcon: 'minus',
-    endIcon: 'plus',
-  },
-  {
-    type: 'button',
-    variant: 'primary',
-    size: 'small',
-    disabled: true,
-    startIcon: 'minus',
-  },
-  {
-    type: 'button',
-    variant: 'primary',
-    size: 'small',
-    disabled: true,
-    endIcon: 'plus',
-  },
-];
-
-export const primaryBtnSpecs = [
-  ...baseSpecs,
-  ...baseSpecs.map((s) => ({ ...s, size: undefined })),
-  ...baseSpecs.map((s) => ({ ...s, size: 'medium' as IButtonProps['size'] })),
-  ...baseSpecs.map((s) => ({ ...s, size: 'large' as IButtonProps['size'] })),
-  ...baseSpecs.map((s) => ({
-    ...s,
-    size: 'small' as IButtonProps['size'],
-    type: 'submit' as IButtonProps['type'],
-  })),
-  ...baseSpecs.map((s) => ({
-    ...s,
-    size: 'medium' as IButtonProps['size'],
-    type: 'submit' as IButtonProps['type'],
-  })),
-  ...baseSpecs.map((s) => ({
-    ...s,
-    size: 'large' as IButtonProps['size'],
-    type: 'submit' as IButtonProps['type'],
-  })),
-];
-
-export const secondaryBtnSpecs = primaryBtnSpecs.map((s) => ({
-  ...s,
-  variant: 'secondary' as IButtonProps['variant'],
-}));
-
-export const tertiaryBtnSpecs = primaryBtnSpecs.map((s) => ({
-  ...s,
-  variant: 'tertiary' as IButtonProps['variant'],
-}));
-
-export const infoBtnSpecs = primaryBtnSpecs.map((s) => ({
-  ...s,
-  variant: 'info' as IButtonProps['variant'],
-}));
-
-export const attentionBtnSpecs = primaryBtnSpecs.map((s) => ({
-  ...s,
-  variant: 'attention' as IButtonProps['variant'],
-}));
+import Icon from '@components/Icon';
+import { IButtonProps } from './types';
+
+export type TestPropsType = Omit<
+  IButtonProps,
+  'isDisabled' | 'startIcon' | 'endIcon'
+> & {
+  disabled?: boolean;
+  startIcon?: React.ComponentProps<typeof Icon>['name'];
+  endIcon?: React.ComponentProps<typeof Icon>['name'];
+};
+
+const baseSpecs: TestPropsType[] = [
+  {
+    type: 'button',
+    variant: 'primary',
+    size: 'small',
+    text: 'Button',
+    disabled: false,
+  },
+  {
+    type: 'button',
+    variant: 'primary',
+    size: 'small',
+    text: 'Button',
+    disabled: false,
+    endIcon: 'plus',
+  },
+  {
+    type: 'button',
+    variant: 'primary',
+    size: 'small',
+    text: 'Button',
+    disabled: false,
+    startIcon: 'minus',
+  },
+  {
+    type: 'button',
+    variant: 'primary',
+    size: 'small',
+    text: 'Button',
+    disabled: false,
+    startIcon: 'minus',
+    endIcon: 'plus',
+  },
+  {
+    type: 'button',
+    variant: 'primary',
+    size: 'small',
+    disabled: false,
+    startIcon: 'minus',
+    endIcon: 'plus',
+  },
+  {
+    type: 'button',
+    variant: 'primary',
+    size: 'small',
+    disabled: false,
+    startIcon: 'minus',
+  },
+  {
+    type: 'button',
+    variant: 'primary',
+    size: 'small',
+    disabled: false,
+    endIcon: 'plus',
+  },
+
+  {
+    type: 'button',
+    variant: 'primary',
+    size: 'small',
+    text: 'Button',
+    disabled: true,
+  },
+  {
+    type: 'button',
+    variant: 'primary',
+    size: 'small',
+    text: 'Button',
+    disabled: true,
+    endIcon: 'plus',
+  },
+  {
+    type: 'button',
+    variant: 'primary',
+    size: 'small',
+    text: 'Button',
+    disabled: true,
+    startIcon: 'minus',
+  },
+  {
+    type: 'button',
+    variant: 'primary',
+    size: 'small',
+    text: 'Button',
+    disabled: true,
+    startIcon: 'minus',
+    endIcon: 'plus',
+  },
+  {
+    type: 'button',
+    variant: 'primary',
+    size: 'small',
+    disabled: true,
+    startIcon: 'minus',
+    endIcon: 'plus',
+  },
+  {
+    type: 'button',
+    variant: 'primary',
+    size: 'small',
+    disabled: true,
+    startIcon: 'minus',
+  },
+  {
+    type: 'button',
+    variant: 'primary',
+    size: 'small',
+    disabled: true,
+    endIcon: 'plus',
+  },
+];
+
+export const primaryBtnSpecs = [
+  ...baseSpecs,
+  ...baseSpecs.map((s) => ({ ...s, size: undefined })),
+  ...baseSpecs.map((s) => ({ ...s, size: 'medium' as IButtonProps['size'] })),
+  ...baseSpecs.map((s) => ({ ...s, size: 'large' as IButtonProps['size'] })),
+  ...baseSpecs.map((s) => ({
+    ...s,
+    size: 'small' as IButtonProps['size'],
+    type: 'submit' as IButtonProps['type'],
+  })),
+  ...baseSpecs.map((s) => ({
+    ...s,
+    size: 'medium' as IButtonProps['size'],
+    type: 'submit' as IButtonProps['type'],
+  })),
+  ...baseSpecs.map((s) => ({
+    ...s,
+    size: 'large' as IButtonProps['size'],
+    type: 'submit' as IButtonProps['type'],
+  })),
+];
+
+export const secondaryBtnSpecs = primaryBtnSpecs.map((s) => ({
+  ...s,
+  variant: 'secondary' as IButtonProps['variant'],
+}));
+
+export const tertiaryBtnSpecs = primaryBtnSpecs.map((s) => ({
+  ...s,
+  variant: 'tertiary' as IButtonProps['variant'],
+}));
+
+export const infoBtnSpecs = primaryBtnSpecs.map((s) => ({
+  ...s,
+  variant: 'info' as IButtonProps['variant'],
+}));
+
+export const attentionBtnSpecs = primaryBtnSpecs.map((s) => ({
+  ...s,
+  variant: 'attention' as IButtonProps['variant'],
+}));

package/src/components/Button/helpers.ts

@@ -1,30 +1,30 @@
-import styled from '@emotion/styled';
-import { IButtonVariants } from './types';
-
-export const sizes: Array<keyof MainSizes> = ['small', 'medium', 'large'];
-export const variants: Array<keyof IButtonVariants> = [
-  'primary',
-  'info',
-  'secondary',
-  'tertiary',
-  'attention',
-];
-
-export const HeaderTitle = styled.span`
-  text-align: center;
-  font-weight: 800;
-  font-size: 12px;
-`;
-
-export const GridWrapper = styled.div`
-  display: grid;
-  grid-template: 'a a a a';
-  grid-gap: 10px;
-  grid-auto-columns: min-content;
-  align-items: center;
-  & > span {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-  }
-`;
+import styled from '@emotion/styled';
+import { IButtonVariants } from './types';
+
+export const sizes: Array<keyof MainSizes> = ['small', 'medium', 'large'];
+export const variants: Array<keyof IButtonVariants> = [
+  'primary',
+  'info',
+  'secondary',
+  'tertiary',
+  'attention',
+];
+
+export const HeaderTitle = styled.span`
+  text-align: center;
+  font-weight: 800;
+  font-size: 12px;
+`;
+
+export const GridWrapper = styled.div`
+  display: grid;
+  grid-template: 'a a a a';
+  grid-gap: 10px;
+  grid-auto-columns: min-content;
+  align-items: center;
+  & > span {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+  }
+`;

package/src/components/Button/index.ts

@@ -1 +1 @@
-export { default } from './Button';
+export { default } from './Button';