stp-ui-kit 0.0.82 → 0.0.83
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.
- package/dist/components/data/ProgressBarAlternative/ProgressBarAlternative.d.ts +9 -0
- package/dist/components/data/ProgressBarAlternative/ProgressBarAlternative.stories.d.ts +15 -0
- package/dist/components/data/index.d.ts +1 -0
- package/dist/components/display/Chip/Chip.d.ts +10 -0
- package/dist/components/display/Chip/Chip.stories.d.ts +14 -0
- package/dist/components/display/Illustration/Illustration.d.ts +2 -1
- package/dist/components/display/index.d.ts +1 -0
- package/dist/components/layout/PageHeader/PageHeader.d.ts +3 -1
- package/dist/stp-ui-kit.es.js +1208 -1083
- package/dist/stp-ui-kit.es.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/styles/_variables.scss +45 -0
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
type ProgressColor = "blue" | "violet" | "fuchsia" | "lime" | "teal" | "indigo" | "red" | "amber" | "green";
|
|
3
|
+
interface ProgressBarAlternativeProps {
|
|
4
|
+
percent: number;
|
|
5
|
+
color?: ProgressColor;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare const ProgressBarAlternative: React.FC<ProgressBarAlternativeProps>;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { ProgressBarAlternative } from './ProgressBarAlternative';
|
|
3
|
+
declare const meta: Meta<typeof ProgressBarAlternative>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof ProgressBarAlternative>;
|
|
6
|
+
export declare const Blue: Story;
|
|
7
|
+
export declare const Violet: Story;
|
|
8
|
+
export declare const Fuchsia: Story;
|
|
9
|
+
export declare const Lime: Story;
|
|
10
|
+
export declare const Teal: Story;
|
|
11
|
+
export declare const Indigo: Story;
|
|
12
|
+
export declare const Red: Story;
|
|
13
|
+
export declare const Amber: Story;
|
|
14
|
+
export declare const Green: Story;
|
|
15
|
+
export declare const Playground: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
type ChipColor = "blue" | "violet" | "fuchsia" | "lime" | "teal" | "indigo" | "red" | "amber" | "green";
|
|
3
|
+
interface ChipProps {
|
|
4
|
+
label: string;
|
|
5
|
+
icon?: ReactNode;
|
|
6
|
+
color?: ChipColor;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const Chip: React.FC<ChipProps>;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Chip } from './Chip';
|
|
3
|
+
declare const meta: Meta<typeof Chip>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Chip>;
|
|
6
|
+
export declare const Blue: Story;
|
|
7
|
+
export declare const Violet: Story;
|
|
8
|
+
export declare const Fuchsia: Story;
|
|
9
|
+
export declare const Lime: Story;
|
|
10
|
+
export declare const Teal: Story;
|
|
11
|
+
export declare const Indigo: Story;
|
|
12
|
+
export declare const Red: Story;
|
|
13
|
+
export declare const Amber: Story;
|
|
14
|
+
export declare const Green: Story;
|
|
@@ -22,8 +22,9 @@ interface IllustrationImageProps {
|
|
|
22
22
|
src: string;
|
|
23
23
|
className?: string;
|
|
24
24
|
alt?: string;
|
|
25
|
+
size?: "small" | "large";
|
|
25
26
|
}
|
|
26
|
-
declare const IllustrationImage: ({ src, className, alt, }: IllustrationImageProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
declare const IllustrationImage: ({ src, className, alt, size, }: IllustrationImageProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
28
|
interface IllustrationType extends React.FC<IllustrationProps> {
|
|
28
29
|
Title: typeof IllustrationTitle;
|
|
29
30
|
Context: typeof IllustrationContext;
|
|
@@ -6,5 +6,7 @@ export interface PageHeaderProps {
|
|
|
6
6
|
activeTab?: TopBarProps["activeTab"];
|
|
7
7
|
onTabSelect?: TopBarProps["onTabSelect"];
|
|
8
8
|
isStretched?: TopBarProps["isStretched"];
|
|
9
|
+
extra?: ReactNode;
|
|
10
|
+
message?: string;
|
|
9
11
|
}
|
|
10
|
-
export declare const PageHeader: ({ title, sections, activeTab, onTabSelect, isStretched, }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare const PageHeader: ({ title, sections, activeTab, onTabSelect, isStretched, extra, message, }: PageHeaderProps) => import("react/jsx-runtime").JSX.Element;
|