@ssa-ui-kit/core 0.0.1-alpha

package/.babelrc.js

@@ -0,0 +1,4 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+const rootBabelConfig = require('../../.babelrc.js');
+
+module.exports = rootBabelConfig;

package/.storybook/main.ts

@@ -0,0 +1,43 @@
+import type { StorybookConfig } from '@storybook/react-webpack5';
+import initWebpackConfig from '../webpack.config';
+appWebpackConfig = initWebpackConfig();
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    '@storybook/addon-mdx-gfm', //cspell:disable-line
+    'storybook-addon-pseudo-states',
+  ],
+  framework: {
+    name: '@storybook/react-webpack5',
+    options: {},
+  },
+  typescript: {
+    check: false,
+    checkOptions: {},
+    reactDocgen: 'react-docgen-typescript', //cspell:disable-line
+    //cspell:disable-next-line
+    reactDocgenTypescriptOptions: {
+      compilerOptions: {
+        allowSyntheticDefaultImports: false,
+        esModuleInterop: false,
+      },
+    },
+  },
+  webpackFinal: (config) => {
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      ...appWebpackConfig.resolve.alias,
+    };
+
+    return config;
+  },
+  docs: {
+    autodocs: true, //cspell:disable-line
+  },
+};
+
+export default config;

package/.storybook/preview.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import '@storybook/react-webpack5';
+
+import { ThemeProvider } from '@emotion/react';
+import theme from '../src/themes/main';
+
+import './style.css';
+
+const preview = {
+  parameters: {
+    controls: { expanded: true, hideNoControlsWarning: true },
+  },
+  decorators: [
+    (Story) => (
+      <ThemeProvider theme={theme}>
+        <Story />
+      </ThemeProvider>
+    ),
+  ],
+};
+
+export default preview;

package/.storybook/style.css

@@ -0,0 +1,31 @@
+@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');
+
+* {
+  outline: none;
+
+  box-sizing: border-box;
+  font-family: 'Manrope', sans-serif;
+
+  color: #2b2d31;
+}
+
+*::after,
+*::before {
+  box-sizing: border-box;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p {
+  margin: 0;
+  padding: 0;
+}
+
+.token.plain-text,
+.language-jsx span {
+  color: white;
+}

package/customTest.tsx

@@ -0,0 +1,46 @@
+import React, { ReactElement } from 'react';
+import { ThemeProvider, Theme } from '@emotion/react';
+import '@testing-library/dom';
+import { render, RenderOptions } from '@testing-library/react';
+
+const AllTheProviders = ({
+  children,
+  theme,
+}: {
+  children: React.ReactNode;
+  theme: Theme;
+}) => {
+  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
+};
+
+const customRender = (
+  theme: Theme,
+  ui: ReactElement,
+  options?: Omit<RenderOptions, 'wrapper'>,
+) =>
+  render(ui, {
+    wrapper: ({ children }) => (
+      <AllTheProviders theme={theme}>{children}</AllTheProviders>
+    ),
+    ...options,
+  });
+
+function mockUseForm() {
+  return {
+    ...jest.requireActual('react-hook-form'),
+    register: ({ name }: { name: string }) => ({
+      onChange: jest.fn(),
+      onBlur: jest.fn(),
+      name: name,
+      ref: jest.fn(),
+    }),
+  };
+}
+
+export const initRender = (theme: Theme) => {
+  return customRender.bind(null, theme);
+};
+
+export * from '@testing-library/react';
+
+export { customRender as render, mockUseForm };

package/dist/components/AccordionGroup/Accordion.d.ts

@@ -0,0 +1,2 @@
+import { AccordionViewProps } from './types';
+export declare const Accordion: ({ title, isOpened, ariaControls, id, size, renderTitle, renderContent, onClick, ...rest }: AccordionViewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AccordionGroup/AccordionContent.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { RenderContentProps } from './types';
+export declare const AccordionContent: ({ isOpened, children, size, ...rest }: Pick<import("./types").AccordionProps, "id" | "size"> & Pick<import("react").AriaAttributes, "aria-labelledby"> & {
+    isOpened?: boolean | undefined;
+    as?: import("react").ElementType<any> | undefined;
+    className?: string | undefined;
+} & {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AccordionGroup/AccordionContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IAccordionGroupContext } from './types';
+export declare const AccordionGroupContext: import("react").Context<IAccordionGroupContext>;
+export declare const useAccordionGroupContext: () => IAccordionGroupContext;
+export declare const AccordionGroupContextProvider: ({ children, }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AccordionGroup/AccordionGroup.d.ts

@@ -0,0 +1,2 @@
+import { AccordionGroupProps } from './types';
+export declare const AccordionGroup: ({ children, size, accordionsStayOpen, ...rest }: AccordionGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AccordionGroup/AccordionTitle.d.ts

@@ -0,0 +1,2 @@
+import { AccordionProps } from './types';
+export declare const AccordionTitle: AccordionProps['renderTitle'];

package/dist/components/AccordionGroup/index.d.ts

@@ -0,0 +1,5 @@
+export { AccordionGroup } from './AccordionGroup';
+export { AccordionContent } from './AccordionContent';
+export { AccordionGroupContext, AccordionGroupContextProvider, } from './AccordionContext';
+export { AccordionTitle } from './AccordionTitle';
+export { Accordion } from './Accordion';

package/dist/components/AccordionGroup/stories/helpers.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { DecoratorFunction } from '@storybook/types';
+import { AccordionGroup } from './..';
+import { AccordionGroupProps } from '../types';
+type Args = Parameters<typeof AccordionGroup>[0];
+export declare const AccordionGroupDecorator: DecoratorFunction<{
+    component: typeof AccordionGroup;
+    storyResult: React.ReactElement;
+    canvasElement: unknown;
+}, Args>;
+export declare const AccordionTemplate: (args: Pick<AccordionGroupProps, 'size' | 'accordionsStayOpen'>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/AccordionGroup/styles.d.ts

@@ -0,0 +1,21 @@
+import { Theme } from '@emotion/react';
+export declare const wrapperStyles: {
+    empty: import("@emotion/react").SerializedStyles;
+    small: import("@emotion/react").SerializedStyles;
+    medium: import("@emotion/react").SerializedStyles;
+    large: import("@emotion/react").SerializedStyles;
+};
+export declare const baseTitleStyles: import("@emotion/react").SerializedStyles;
+export declare const createTitleStyles: (theme: Theme, isActive?: boolean) => {
+    empty: import("@emotion/react").SerializedStyles;
+    small: import("@emotion/react").SerializedStyles;
+    medium: import("@emotion/react").SerializedStyles;
+    large: import("@emotion/react").SerializedStyles;
+};
+export declare const createBaseContentStyles: (isActive?: boolean) => import("@emotion/react").SerializedStyles;
+export declare const createContentStyles: (theme: Theme, isActive?: boolean) => {
+    empty: import("@emotion/react").SerializedStyles;
+    small: import("@emotion/react").SerializedStyles;
+    medium: import("@emotion/react").SerializedStyles;
+    large: import("@emotion/react").SerializedStyles;
+};

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

@@ -0,0 +1,44 @@
+import { SerializedStyles } from '@emotion/react';
+import { AriaAttributes } from 'react';
+export type AccordionSize = 'empty' | 'small' | 'medium' | 'large';
+export type SizeStyles = {
+    [K in AccordionSize]: SerializedStyles;
+};
+export interface AccordionGroupProps {
+    id?: string;
+    children: React.ReactElement<React.PropsWithChildren<AccordionViewProps>>[];
+    size?: AccordionSize;
+    accordionsStayOpen?: boolean;
+}
+export interface AccordionProps {
+    id: number | string;
+    size?: AccordionSize;
+    renderTitle: (data: RenderContentProps & {
+        title: string;
+        ariaControls?: string;
+        onClick?: () => void;
+    }) => React.ReactNode;
+    renderContent: (accordion: RenderContentProps) => React.ReactNode;
+    as?: React.ElementType;
+    className?: string;
+}
+export type RenderContentProps = Pick<AccordionProps, 'id' | 'size'> & Pick<AriaAttributes, 'aria-labelledby'> & {
+    isOpened?: boolean;
+    as?: React.ElementType;
+    className?: string;
+};
+export interface AccordionViewProps extends AccordionProps {
+    ariaControls?: string;
+    isOpened?: boolean;
+    isHidden?: boolean;
+    title: string;
+    onClick?: () => void;
+    children?: React.ReactNode;
+}
+export interface IAccordionGroupContext {
+    openedAccordions: Array<AccordionProps> | [];
+    stayOpen: boolean;
+    setOpenedAccordions: (accordions: Array<AccordionProps>) => void;
+    toggleOpenedAccordion: (accordion: AccordionProps) => void;
+    setStayOpen: (isStayOpen: boolean) => void;
+}

package/dist/components/Avatar/Avatar.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { CommonProps } from '../../types/emotion';
+declare const Avatar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    size: number;
+    image: string;
+} & CommonProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default Avatar;

package/dist/components/Avatar/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Avatar';

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { BadgeProps } from './types';
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
+export default Badge;

package/dist/components/Badge/BadgeBase.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { CommonProps } from '../../types/emotion';
+declare const BadgeBase: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & CommonProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default BadgeBase;

package/dist/components/Badge/helpers.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { IMapIcons } from '../Icon/types';
+export declare const sizes: Array<keyof MainSizes>;
+export declare const colors: Array<keyof MainColors>;
+export declare const icons: Array<{
+    color: keyof MainColors;
+    icon: keyof IMapIcons;
+}>;
+export declare const HeaderTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const GridWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Badge/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Badge';

package/dist/components/Badge/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const large: import("@emotion/react").SerializedStyles;
+export declare const medium: import("@emotion/react").SerializedStyles;
+export declare const small: import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface BadgeProps {
+    color?: keyof MainColors;
+    size?: keyof MainSizes;
+    children?: React.ReactNode;
+    as?: React.ElementType;
+    className?: string;
+}

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IButtonProps } from './types';
+export declare const Button: import("react").ForwardRefExoticComponent<IButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export default Button;

package/dist/components/Button/ButtonBase.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const ButtonBase: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;

package/dist/components/Button/ButtonText.d.ts

@@ -0,0 +1,6 @@
+import { IColoredButtonTextProps, IButtonTextProps } from './types';
+export declare const ButtonText: ({ text, className, testId }: IButtonTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WhiteButtonText: ({ text }: IColoredButtonTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GreyButtonText: ({ text }: IColoredButtonTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GreyLightButtonText: ({ text }: IColoredButtonTextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DisabledButtonText: ({ text }: IColoredButtonTextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/fixtures.d.ts

@@ -0,0 +1,85 @@
+/// <reference types="react" />
+import Icon from '../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'];
+};
+export declare const primaryBtnSpecs: TestPropsType[];
+export declare const secondaryBtnSpecs: {
+    variant: keyof import("./types").IButtonVariants | "custom" | undefined;
+    text?: string | undefined;
+    size?: keyof MainSizes | undefined;
+    'aria-labelledby'?: string | undefined;
+    className?: string | undefined;
+    'aria-current'?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-label'?: string | undefined;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+    children?: import("react").ReactNode;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
+    block?: boolean | undefined;
+    disabled?: boolean | undefined;
+    startIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
+    endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
+}[];
+export declare const tertiaryBtnSpecs: {
+    variant: keyof import("./types").IButtonVariants | "custom" | undefined;
+    text?: string | undefined;
+    size?: keyof MainSizes | undefined;
+    'aria-labelledby'?: string | undefined;
+    className?: string | undefined;
+    'aria-current'?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-label'?: string | undefined;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+    children?: import("react").ReactNode;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
+    block?: boolean | undefined;
+    disabled?: boolean | undefined;
+    startIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
+    endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
+}[];
+export declare const infoBtnSpecs: {
+    variant: keyof import("./types").IButtonVariants | "custom" | undefined;
+    text?: string | undefined;
+    size?: keyof MainSizes | undefined;
+    'aria-labelledby'?: string | undefined;
+    className?: string | undefined;
+    'aria-current'?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-label'?: string | undefined;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+    children?: import("react").ReactNode;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
+    block?: boolean | undefined;
+    disabled?: boolean | undefined;
+    startIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
+    endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
+}[];
+export declare const attentionBtnSpecs: {
+    variant: keyof import("./types").IButtonVariants | "custom" | undefined;
+    text?: string | undefined;
+    size?: keyof MainSizes | undefined;
+    'aria-labelledby'?: string | undefined;
+    className?: string | undefined;
+    'aria-current'?: boolean | "time" | "page" | "true" | "false" | "step" | "location" | "date" | undefined;
+    'aria-describedby'?: string | undefined;
+    'aria-disabled'?: (boolean | "true" | "false") | undefined;
+    'aria-label'?: string | undefined;
+    'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
+    children?: import("react").ReactNode;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    type?: "button" | "submit" | "reset" | undefined;
+    block?: boolean | undefined;
+    disabled?: boolean | undefined;
+    startIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
+    endIcon?: "filter" | "circle" | "search" | "visible" | "diet" | "calendar" | "home" | "stats" | "sleep" | "trainings" | "measurements" | "settings" | "plus" | "minus" | "more" | "more-vertical" | "check" | "check-circle" | "cross" | "user" | "union" | "notification" | "information" | "warning" | "attention" | "invisible" | "log-out" | "carrot-down" | "carrot-up" | "carrot-left" | "carrot-right" | "radio-on" | "arrow-up" | "arrow-down" | "archive" | "bin" | "change" | "copy" | undefined;
+}[];

package/dist/components/Button/helpers.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { IButtonVariants } from './types';
+export declare const sizes: Array<keyof MainSizes>;
+export declare const variants: Array<keyof IButtonVariants>;
+export declare const HeaderTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const GridWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/Button/index.d.ts

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

package/dist/components/Button/styles.d.ts

@@ -0,0 +1,12 @@
+import { Theme } from '@emotion/react';
+export declare const buttonBlock: import("@emotion/react").SerializedStyles;
+export declare const iconWrapperRight: import("@emotion/react").SerializedStyles;
+export declare const iconWrapperLeft: import("@emotion/react").SerializedStyles;
+export declare const large: import("@emotion/react").SerializedStyles;
+export declare const medium: import("@emotion/react").SerializedStyles;
+export declare const small: import("@emotion/react").SerializedStyles;
+export declare const primary: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const info: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const secondary: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const tertiary: (theme: Theme) => import("@emotion/react").SerializedStyles;
+export declare const attention: (theme: Theme) => import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,36 @@
+import { AriaAttributes } from 'react';
+import { SerializedStyles, Theme } from '@emotion/react';
+import { MouseEventHandler } from 'react';
+/**
+ * https://www.w3.org/WAI/ARIA/apg/patterns/button/
+ */
+type ButtonAriaProps = Pick<AriaAttributes, 'aria-labelledby' | 'aria-label' | 'aria-describedby' | 'aria-disabled' | 'aria-pressed' | 'aria-current'>;
+export interface IButtonProps extends ButtonAriaProps {
+    block?: boolean;
+    size?: keyof MainSizes;
+    text?: string;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    variant?: keyof IButtonVariants | 'custom';
+    type?: 'button' | 'reset' | 'submit';
+    isDisabled?: boolean;
+    className?: string;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    children?: React.ReactNode;
+}
+export interface IButtonVariants {
+    primary: (theme: Theme) => SerializedStyles;
+    info: (theme: Theme) => SerializedStyles;
+    secondary: (theme: Theme) => SerializedStyles;
+    tertiary: (theme: Theme) => SerializedStyles;
+    attention: (theme: Theme) => SerializedStyles;
+}
+export type IButtonTextProps = {
+    text: string;
+    className?: string;
+    testId?: string;
+};
+export type IColoredButtonTextProps = Required<Pick<IButtonProps, 'size'>> & {
+    text: string;
+};
+export {};

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,2 @@
+import { ButtonGroupProps } from './types';
+export declare const ButtonGroup: ({ items, buttonStyles, onClick, }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ButtonGroup/helpers.d.ts

@@ -0,0 +1,2 @@
+import { ButtonGroupItem } from './types';
+export declare const items: Array<ButtonGroupItem>;

package/dist/components/ButtonGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { ButtonGroup } from './ButtonGroup';
+export * from './types';

package/dist/components/ButtonGroup/styles.d.ts

@@ -0,0 +1,2 @@
+import { Theme } from '@emotion/react';
+export declare const ButtonItem: (theme: Theme) => import("@emotion/react").SerializedStyles;

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

@@ -0,0 +1,11 @@
+import { SerializedStyles } from '@emotion/react';
+export type ButtonGroupItem = {
+    id: number;
+    text: string;
+    isDisabled?: boolean;
+};
+export interface ButtonGroupProps {
+    items: Array<ButtonGroupItem>;
+    onClick: (item: ButtonGroupItem) => void;
+    buttonStyles?: SerializedStyles;
+}

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,3 @@
+import { CardProps } from './types';
+declare const Card: ({ children, onClick, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export default Card;

package/dist/components/Card/CardBase.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const CardBase: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    noShadow?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default CardBase;

package/dist/components/Card/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Card';
+export * from './CardBase';

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CommonProps } from '../../types/emotion';
+export interface CardProps extends CommonProps {
+    noShadow?: boolean;
+    children: React.ReactNode;
+    className?: string;
+    onClick?: () => void;
+}

package/dist/components/CardContent/CardContent.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { CommonProps } from '../../types/emotion';
+export interface CardProps extends CommonProps {
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+    className?: string;
+    ariaLabelledby?: string;
+    role?: string;
+}
+declare const CardContent: ({ children, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export default CardContent;

package/dist/components/CardContent/CardContentBase.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare const CardContentBase: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    direction?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default CardContentBase;

package/dist/components/CardContent/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CardContent';

package/dist/components/CardHeader/CardHeader.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { CommonProps } from '../../types/emotion';
+export interface CardProps extends CommonProps {
+    children: React.ReactNode;
+    icon?: React.ReactNode;
+    transparent?: boolean;
+}
+declare const CardHeader: ({ children, icon, transparent, ...props }: CardProps) => import("react/jsx-runtime").JSX.Element;
+export default CardHeader;

package/dist/components/CardHeader/CardHeaderBase.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare const CardHeaderBase: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    transparent?: boolean | undefined;
+    hasIcon?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default CardHeaderBase;