@agility/plenum-ui 2.0.6 → 2.0.8
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/index.d.ts +20 -5
- package/dist/index.js +1 -1
- package/dist/index.js.map +3 -3
- package/dist/tailwind.css +59 -0
- package/dist/types/stories/atoms/buttons/Button/Button.d.ts +1 -1
- package/dist/types/stories/atoms/buttons/Button/Warning/Warning.stories.d.ts +15 -0
- package/dist/types/stories/molecules/inputs/NestedInputButton/NestedInputButton.d.ts +1 -4
- package/package.json +1 -1
- package/stories/atoms/buttons/Button/Button.tsx +15 -5
- package/stories/atoms/buttons/Button/Warning/Warning.stories.ts +90 -0
- package/stories/molecules/inputs/NestedInputButton/NestedInputButton.tsx +17 -12
- package/stories/organisms/AnimatedFormInputWithAddons/AnimatedFormInputWithAddons.stories.tsx +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -86,7 +86,7 @@ declare module '@agility/plenum-ui/stories/atoms/buttons/Button/Alternative/Alte
|
|
|
86
86
|
declare module '@agility/plenum-ui/stories/atoms/buttons/Button/Button' {
|
|
87
87
|
import React, { HTMLAttributeAnchorTarget } from "react";
|
|
88
88
|
import { UnifiedIconName, IDynamicIconProps } from "@agility/plenum-ui/stories/atoms/icons/index";
|
|
89
|
-
export type BTNActionType = "primary" | "secondary" | "alternative" | "danger";
|
|
89
|
+
export type BTNActionType = "primary" | "secondary" | "alternative" | "danger" | "warning";
|
|
90
90
|
export interface IButtonProps extends Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> {
|
|
91
91
|
/** Is the button a Primary CTA, alternative or danger button? */
|
|
92
92
|
actionType?: BTNActionType;
|
|
@@ -170,6 +170,24 @@ declare module '@agility/plenum-ui/stories/atoms/buttons/Button/Secondary/Second
|
|
|
170
170
|
export const SecondaryLarge: Story;
|
|
171
171
|
export const SecondaryExtraLarge: Story;
|
|
172
172
|
|
|
173
|
+
}
|
|
174
|
+
declare module '@agility/plenum-ui/stories/atoms/buttons/Button/Warning/Warning.stories' {
|
|
175
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
176
|
+
import Button from "@agility/plenum-ui/stories/atoms/buttons/Button/Button";
|
|
177
|
+
const meta: Meta<typeof Button>;
|
|
178
|
+
export default meta;
|
|
179
|
+
type Story = StoryObj<typeof Button>;
|
|
180
|
+
export const Warning: Story;
|
|
181
|
+
export const WarningDisabled: Story;
|
|
182
|
+
export const WarningTrailingIcon: Story;
|
|
183
|
+
export const WarningLeadingIcon: Story;
|
|
184
|
+
export const WarningSimpleIconName: Story;
|
|
185
|
+
export const WarningExtraSmall: Story;
|
|
186
|
+
export const WarningSmall: Story;
|
|
187
|
+
export const WarningMedium: Story;
|
|
188
|
+
export const WarningLarge: Story;
|
|
189
|
+
export const WarningExtraLarge: Story;
|
|
190
|
+
|
|
173
191
|
}
|
|
174
192
|
declare module '@agility/plenum-ui/stories/atoms/buttons/Button/defaultArgs' {
|
|
175
193
|
import { IDynamicIconProps } from "@agility/plenum-ui/stories/atoms/icons/index";
|
|
@@ -497,7 +515,7 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/InputLabel/index' {
|
|
|
497
515
|
declare module '@agility/plenum-ui/stories/molecules/inputs/NestedInputButton/NestedInputButton' {
|
|
498
516
|
import React from "react";
|
|
499
517
|
import { IDynamicIconProps } from "@/stories/atoms/icons";
|
|
500
|
-
export interface INestedInputButtonProps {
|
|
518
|
+
export interface INestedInputButtonProps extends Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> {
|
|
501
519
|
/** Icon to be included*/
|
|
502
520
|
icon?: IDynamicIconProps;
|
|
503
521
|
/** CTA label */
|
|
@@ -506,9 +524,6 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/NestedInputButton/Ne
|
|
|
506
524
|
align: "left" | "right";
|
|
507
525
|
/** Show the CTA without Background color and a border seperator */
|
|
508
526
|
isClear?: boolean;
|
|
509
|
-
/** Onclick callback */
|
|
510
|
-
onClickHandler?(): void;
|
|
511
|
-
buttonProps?: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
|
|
512
527
|
}
|
|
513
528
|
const NestedInputButton: React.FC<INestedInputButtonProps>;
|
|
514
529
|
export default NestedInputButton;
|