stp-ui-kit 0.0.111 → 0.0.112

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/components/data/ProgressLine/ProgressLine.stories.d.ts +13 -0
  2. package/dist/components/data/Table/Table.stories.d.ts +8 -0
  3. package/dist/components/display/Avatar/Avatar.stories.d.ts +13 -0
  4. package/dist/components/display/Button/Button.stories.d.ts +6 -0
  5. package/dist/components/display/Dropdown/Dropdown.stories.d.ts +6 -0
  6. package/dist/components/display/Empty/Empty.stories.d.ts +4 -0
  7. package/dist/components/display/Icon/Icon.stories.d.ts +14 -0
  8. package/dist/components/display/IconButton/IconButton.stories.d.ts +5 -0
  9. package/dist/components/display/Illustration/Illustration.stories.d.ts +6 -0
  10. package/dist/components/display/InputChip/InputChip.stories.d.ts +7 -0
  11. package/dist/components/display/Typography/Typography.stories.d.ts +19 -0
  12. package/dist/components/feedback/AppLoader/AppLoader.stories.d.ts +8 -0
  13. package/dist/components/feedback/Info/Info.stories.d.ts +10 -0
  14. package/dist/components/feedback/Message/Message.stories.d.ts +8 -5
  15. package/dist/components/feedback/Modal/Modal.stories.d.ts +5 -0
  16. package/dist/components/feedback/Spinner/Spinner.stories.d.ts +11 -0
  17. package/dist/components/feedback/Window/Window.stories.d.ts +8 -0
  18. package/dist/components/form/Calendar/Calendar.stories.d.ts +10 -0
  19. package/dist/components/form/Checkbox/Checkbox.stories.d.ts +12 -0
  20. package/dist/components/form/InlineError/InlineError.stories.d.ts +7 -0
  21. package/dist/components/form/Input/TextArea.stories.d.ts +13 -0
  22. package/dist/components/form/RadioButton/RadioButton.stories.d.ts +11 -0
  23. package/dist/components/form/Select/Select.d.ts +1 -0
  24. package/dist/components/form/Select/Select.stories.d.ts +11 -0
  25. package/dist/components/layout/Content/Content.stories.d.ts +7 -0
  26. package/dist/components/layout/Page/Page.stories.d.ts +7 -0
  27. package/dist/components/layout/Section/Section.stories.d.ts +7 -0
  28. package/dist/components/navigation/Link/Link.stories.d.ts +7 -0
  29. package/dist/icons/X.svg +3 -3
  30. package/dist/stp-ui-kit.es.js +1475 -1427
  31. package/dist/stp-ui-kit.es.js.map +1 -1
  32. package/dist/style.css +1 -1
  33. package/package.json +1 -1
  34. package/dist/components/form/RadioButton/CheckboxRadio.stories.d.ts +0 -15
@@ -0,0 +1,13 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { ProgressLine } from './ProgressLine';
3
+ declare const meta: Meta<typeof ProgressLine>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof ProgressLine>;
6
+ export declare const Default: Story;
7
+ export declare const Empty: Story;
8
+ export declare const QuarterProgress: Story;
9
+ export declare const HalfProgress: Story;
10
+ export declare const ThreeQuartersProgress: Story;
11
+ export declare const Complete: Story;
12
+ export declare const WithExtraText: Story;
13
+ export declare const AllProgress: Story;
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Table } from './Table';
3
+ declare const meta: Meta<typeof Table>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Table>;
6
+ export declare const Default: Story;
7
+ export declare const WithoutCaption: Story;
8
+ export declare const EmptyState: Story;
@@ -0,0 +1,13 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Avatar } from './Avatar';
3
+ declare const meta: Meta<typeof Avatar>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Avatar>;
6
+ export declare const Default: Story;
7
+ export declare const Fallback: Story;
8
+ export declare const Small: Story;
9
+ export declare const Medium: Story;
10
+ export declare const Large: Story;
11
+ export declare const ExtraLarge: Story;
12
+ export declare const SizeVariants: Story;
13
+ export declare const WithAndWithoutImage: Story;
@@ -9,3 +9,9 @@ export declare const Tertiary: Story;
9
9
  export declare const Plain: Story;
10
10
  export declare const Selected: Story;
11
11
  export declare const Disabled: Story;
12
+ export declare const Loading: Story;
13
+ export declare const Critical: Story;
14
+ export declare const Warning: Story;
15
+ export declare const WithIcon: Story;
16
+ export declare const Small: Story;
17
+ export declare const Large: Story;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryFn } from '@storybook/react';
2
+ import { Dropdown } from './Dropdown';
3
+ declare const meta: Meta<typeof Dropdown>;
4
+ export default meta;
5
+ export declare const Default: StoryFn<typeof Dropdown>;
6
+ export declare const AlignRight: StoryFn<typeof Dropdown>;
@@ -4,3 +4,7 @@ declare const meta: Meta<typeof Empty>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof Empty>;
6
6
  export declare const Default: Story;
7
+ export declare const WithoutButtons: Story;
8
+ export declare const WithoutImage: Story;
9
+ export declare const OnlyButton: Story;
10
+ export declare const MinimalContent: Story;
@@ -0,0 +1,14 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Icon } from './Icon';
3
+ declare const meta: Meta<typeof Icon>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Icon>;
6
+ export declare const Default: Story;
7
+ export declare const WithColor: Story;
8
+ export declare const LargeIcon: Story;
9
+ export declare const SmallIcon: Story;
10
+ export declare const ThickStroke: Story;
11
+ export declare const ThinStroke: Story;
12
+ export declare const ColorVariants: Story;
13
+ export declare const SizeVariants: Story;
14
+ export declare const DifferentIcons: Story;
@@ -4,5 +4,10 @@ declare const meta: Meta<typeof IconButton>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof IconButton>;
6
6
  export declare const Default: Story;
7
+ export declare const Primary: Story;
8
+ export declare const Tertiary: Story;
9
+ export declare const Plain: Story;
7
10
  export declare const Selected: Story;
8
11
  export declare const Disabled: Story;
12
+ export declare const Small: Story;
13
+ export declare const Large: Story;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Illustration } from './Illustration';
3
+ declare const meta: Meta<typeof Illustration>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Illustration>;
6
+ export declare const Default: Story;
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { InputChip } from './InputChip';
3
+ declare const meta: Meta<typeof InputChip>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof InputChip>;
6
+ export declare const Default: Story;
7
+ export declare const WithIcon: Story;
@@ -0,0 +1,19 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Typography } from './Typography';
3
+ declare const meta: Meta<typeof Typography>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Typography>;
6
+ export declare const HeadingXL: Story;
7
+ export declare const HeadingLG: Story;
8
+ export declare const HeadingMD: Story;
9
+ export declare const HeadingSM: Story;
10
+ export declare const HeadingXS: Story;
11
+ export declare const BodyLG: Story;
12
+ export declare const BodyMD: Story;
13
+ export declare const BodySM: Story;
14
+ export declare const Display: Story;
15
+ export declare const BoldWeight: Story;
16
+ export declare const SemiboldWeight: Story;
17
+ export declare const MediumWeight: Story;
18
+ export declare const RegularWeight: Story;
19
+ export declare const AllVariants: Story;
@@ -0,0 +1,8 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { AppLoader } from './AppLoader';
3
+ declare const meta: Meta<typeof AppLoader>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof AppLoader>;
6
+ export declare const Default: Story;
7
+ export declare const Centered: Story;
8
+ export declare const FullScreen: Story;
@@ -0,0 +1,10 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Info } from './Info';
3
+ declare const meta: Meta<typeof Info>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Info>;
6
+ export declare const Information: Story;
7
+ export declare const Warning: Story;
8
+ export declare const Success: Story;
9
+ export declare const AllTones: Story;
10
+ export declare const LongText: Story;
@@ -1,5 +1,8 @@
1
- declare const _default: {
2
- title: string;
3
- };
4
- export default _default;
5
- export declare const Default: () => import("react/jsx-runtime").JSX.Element;
1
+ import { Meta, StoryFn } from '@storybook/react';
2
+ declare const meta: Meta;
3
+ export default meta;
4
+ export declare const AllTypes: StoryFn;
5
+ export declare const Default: StoryFn;
6
+ export declare const Success: StoryFn;
7
+ export declare const Warning: StoryFn;
8
+ export declare const Error: StoryFn;
@@ -5,3 +5,8 @@ export default meta;
5
5
  export declare const Default: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../..').ModalProps>;
6
6
  export declare const Critical: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../..').ModalProps>;
7
7
  export declare const Warning: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../..').ModalProps>;
8
+ export declare const SmallSize: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../..').ModalProps>;
9
+ export declare const LargeSize: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../..').ModalProps>;
10
+ export declare const FullHeight: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../..').ModalProps>;
11
+ export declare const WithoutButtons: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../..').ModalProps>;
12
+ export declare const MultipleSections: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../..').ModalProps>;
@@ -0,0 +1,11 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Spinner } from './Spinner';
3
+ declare const meta: Meta<typeof Spinner>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Spinner>;
6
+ export declare const Default: Story;
7
+ export declare const Small: Story;
8
+ export declare const Medium: Story;
9
+ export declare const Large: Story;
10
+ export declare const ExtraLarge: Story;
11
+ export declare const SizeVariants: Story;
@@ -0,0 +1,8 @@
1
+ import { Meta } from '@storybook/react';
2
+ import { Window } from './Window';
3
+ declare const meta: Meta<typeof Window>;
4
+ export default meta;
5
+ export declare const Default: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../..').WindowProps>;
6
+ export declare const SmallSize: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../..').WindowProps>;
7
+ export declare const LargeSize: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../..').WindowProps>;
8
+ export declare const FullHeight: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, import('../..').WindowProps>;
@@ -0,0 +1,10 @@
1
+ import { Meta, StoryFn } from '@storybook/react';
2
+ import { Calendar } from './Calendar';
3
+ declare const meta: Meta<typeof Calendar>;
4
+ export default meta;
5
+ export declare const Default: StoryFn<typeof Calendar>;
6
+ export declare const WithDefaultValue: StoryFn<typeof Calendar>;
7
+ export declare const DateRange: StoryFn<typeof Calendar>;
8
+ export declare const MultiMonth: StoryFn<typeof Calendar>;
9
+ export declare const WithMinMaxDates: StoryFn<typeof Calendar>;
10
+ export declare const OnCard: StoryFn<typeof Calendar>;
@@ -0,0 +1,12 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Checkbox } from './Checkbox';
3
+ declare const meta: Meta<typeof Checkbox>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Checkbox>;
6
+ export declare const Default: Story;
7
+ export declare const Checked: Story;
8
+ export declare const Indeterminate: Story;
9
+ export declare const Disabled: Story;
10
+ export declare const CheckedDisabled: Story;
11
+ export declare const WithError: Story;
12
+ export declare const WithoutLabel: Story;
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { InlineError } from './InlineError';
3
+ declare const meta: Meta<typeof InlineError>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof InlineError>;
6
+ export declare const Default: Story;
7
+ export declare const LongErrorMessage: Story;
@@ -0,0 +1,13 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { TextArea } from './TextArea';
3
+ declare const meta: Meta<typeof TextArea>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof TextArea>;
6
+ export declare const Default: Story;
7
+ export declare const WithHelperText: Story;
8
+ export declare const WithError: Story;
9
+ export declare const Disabled: Story;
10
+ export declare const ReadOnly: Story;
11
+ export declare const CustomRows: Story;
12
+ export declare const SmallRows: Story;
13
+ export declare const WithDefaultValue: Story;
@@ -0,0 +1,11 @@
1
+ import { Meta, StoryObj, StoryFn } from '@storybook/react';
2
+ import { RadioButton } from './RadioButton';
3
+ declare const meta: Meta<typeof RadioButton>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof RadioButton>;
6
+ export declare const Default: Story;
7
+ export declare const Checked: Story;
8
+ export declare const Disabled: Story;
9
+ export declare const CheckedDisabled: Story;
10
+ export declare const WithError: Story;
11
+ export declare const RadioGroup: StoryFn;
@@ -19,6 +19,7 @@ interface SelectProps {
19
19
  onFocus?: () => void;
20
20
  onBlur?: () => void;
21
21
  renderOption?: (option: SelectOption) => React.ReactNode;
22
+ searchable?: boolean;
22
23
  }
23
24
  export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
24
25
  export type { SelectProps, SelectOption };
@@ -0,0 +1,11 @@
1
+ import { Meta, StoryFn } from '@storybook/react';
2
+ import { Select } from './Select';
3
+ declare const meta: Meta<typeof Select>;
4
+ export default meta;
5
+ export declare const Default: StoryFn<typeof Select>;
6
+ export declare const WithHelperText: StoryFn<typeof Select>;
7
+ export declare const WithError: StoryFn<typeof Select>;
8
+ export declare const Disabled: StoryFn<typeof Select>;
9
+ export declare const ReadOnly: StoryFn<typeof Select>;
10
+ export declare const ManyOptions: StoryFn<typeof Select>;
11
+ export declare const Searchable: StoryFn<typeof Select>;
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Content } from './Content';
3
+ declare const meta: Meta<typeof Content>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Content>;
6
+ export declare const Default: Story;
7
+ export declare const WithRichContent: Story;
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Page } from './Page';
3
+ declare const meta: Meta<typeof Page>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Page>;
6
+ export declare const Default: Story;
7
+ export declare const WithMultipleSections: Story;
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Section } from './Section';
3
+ declare const meta: Meta<typeof Section>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Section>;
6
+ export declare const Default: Story;
7
+ export declare const MultipleSections: Story;
@@ -0,0 +1,7 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Link } from './Link';
3
+ declare const meta: Meta<typeof Link>;
4
+ export default meta;
5
+ type Story = StoryObj<typeof Link>;
6
+ export declare const Default: Story;
7
+ export declare const ExternalLink: Story;
package/dist/icons/X.svg CHANGED
@@ -1,3 +1,3 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none">
2
- <path d="M10.2197 0.21967C10.5126 -0.0732232 10.9873 -0.0732232 11.2802 0.21967C11.5731 0.512568 11.5731 0.987342 11.2802 1.28022L6.81049 5.74994L11.2802 10.2197C11.5731 10.5126 11.5731 10.9873 11.2802 11.2802C10.9873 11.5731 10.5126 11.5731 10.2197 11.2802L5.74994 6.81049L1.28022 11.2802C0.987342 11.5731 0.512568 11.5731 0.21967 11.2802C-0.0732232 10.9873 -0.0732232 10.5126 0.21967 10.2197L4.6894 5.74994L0.21967 1.28022C-0.0732233 0.987324 -0.0732233 0.512563 0.21967 0.21967C0.512563 -0.0732233 0.987324 -0.0732233 1.28022 0.21967L5.74994 4.6894L10.2197 0.21967Z" fill="currentColor"/>
3
- </svg>
1
+ <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M14.5581 4.55806C14.8021 4.31398 15.1978 4.31398 15.4418 4.55806C15.6859 4.80214 15.6859 5.19779 15.4418 5.44185L10.8837 9.99995L15.4418 14.5581C15.6859 14.8021 15.6859 15.1978 15.4418 15.4418C15.1978 15.6859 14.8021 15.6859 14.5581 15.4418L9.99995 10.8837L5.44185 15.4418C5.19779 15.6859 4.80214 15.6859 4.55806 15.4418C4.31398 15.1978 4.31398 14.8021 4.55806 14.5581L9.11616 9.99995L4.55806 5.44185C4.31398 5.19777 4.31398 4.80214 4.55806 4.55806C4.80214 4.31398 5.19777 4.31398 5.44185 4.55806L9.99995 9.11616L14.5581 4.55806Z" fill="#52545D"/>
3
+ </svg>