@pglevy/sailwind 0.2.0 → 0.3.0
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/README.md +52 -173
- package/dist/components/ApplicationHeader/ApplicationHeader.d.ts +34 -0
- package/dist/components/ApplicationHeader/ApplicationHeader.d.ts.map +1 -0
- package/dist/components/ApplicationHeader/ApplicationHeader.js +236 -0
- package/dist/components/ApplicationHeader/ApplicationHeader.stories.d.ts +18 -0
- package/dist/components/ApplicationHeader/ApplicationHeader.stories.d.ts.map +1 -0
- package/dist/components/ApplicationHeader/index.d.ts +3 -0
- package/dist/components/ApplicationHeader/index.d.ts.map +1 -0
- package/dist/components/Button/Button.stories.d.ts +21 -0
- package/dist/components/Button/Button.stories.d.ts.map +1 -0
- package/dist/components/Button/ButtonArrayLayout.d.ts +0 -8
- package/dist/components/Button/ButtonArrayLayout.d.ts.map +1 -1
- package/dist/components/Button/ButtonWidget.d.ts +0 -7
- package/dist/components/Button/ButtonWidget.d.ts.map +1 -1
- package/dist/components/Card/Card.stories.d.ts +21 -0
- package/dist/components/Card/Card.stories.d.ts.map +1 -0
- package/dist/components/Card/CardLayout.d.ts +0 -9
- package/dist/components/Card/CardLayout.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.stories.d.ts +20 -0
- package/dist/components/Checkbox/Checkbox.stories.d.ts.map +1 -0
- package/dist/components/Dialog/Dialog.stories.d.ts +18 -0
- package/dist/components/Dialog/Dialog.stories.d.ts.map +1 -0
- package/dist/components/Dropdown/Dropdown.stories.d.ts +22 -0
- package/dist/components/Dropdown/Dropdown.stories.d.ts.map +1 -0
- package/dist/components/Dropdown/DropdownField.d.ts +0 -27
- package/dist/components/Dropdown/DropdownField.d.ts.map +1 -1
- package/dist/components/Dropdown/MultipleDropdownField.d.ts +0 -25
- package/dist/components/Dropdown/MultipleDropdownField.d.ts.map +1 -1
- package/dist/components/Heading/Heading.stories.d.ts +23 -0
- package/dist/components/Heading/Heading.stories.d.ts.map +1 -0
- package/dist/components/Image/Image.stories.d.ts +21 -0
- package/dist/components/Image/Image.stories.d.ts.map +1 -0
- package/dist/components/Image/UserImage.d.ts +0 -14
- package/dist/components/Image/UserImage.d.ts.map +1 -1
- package/dist/components/MessageBanner/MessageBanner.stories.d.ts +35 -0
- package/dist/components/MessageBanner/MessageBanner.stories.d.ts.map +1 -0
- package/dist/components/Milestone/Milestone.stories.d.ts +20 -0
- package/dist/components/Milestone/Milestone.stories.d.ts.map +1 -0
- package/dist/components/Milestone/MilestoneField.d.ts +0 -8
- package/dist/components/Milestone/MilestoneField.d.ts.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.stories.d.ts +34 -0
- package/dist/components/ProgressBar/ProgressBar.stories.d.ts.map +1 -0
- package/dist/components/RadioButton/RadioButton.stories.d.ts +20 -0
- package/dist/components/RadioButton/RadioButton.stories.d.ts.map +1 -0
- package/dist/components/RichText/RichText.stories.d.ts +19 -0
- package/dist/components/RichText/RichText.stories.d.ts.map +1 -0
- package/dist/components/Slider/Slider.stories.d.ts +26 -0
- package/dist/components/Slider/Slider.stories.d.ts.map +1 -0
- package/dist/components/Stamp/Stamp.stories.d.ts +19 -0
- package/dist/components/Stamp/Stamp.stories.d.ts.map +1 -0
- package/dist/components/Switch/Switch.stories.d.ts +26 -0
- package/dist/components/Switch/Switch.stories.d.ts.map +1 -0
- package/dist/components/Tabs/Tabs.stories.d.ts +21 -0
- package/dist/components/Tabs/Tabs.stories.d.ts.map +1 -0
- package/dist/components/Tag/Tag.stories.d.ts +23 -0
- package/dist/components/Tag/Tag.stories.d.ts.map +1 -0
- package/dist/components/Tag/TagField.d.ts +0 -8
- package/dist/components/Tag/TagField.d.ts.map +1 -1
- package/dist/components/TextField/TextField.d.ts +0 -10
- package/dist/components/TextField/TextField.d.ts.map +1 -1
- package/dist/components/TextField/TextField.stories.d.ts +46 -0
- package/dist/components/TextField/TextField.stories.d.ts.map +1 -0
- package/dist/components/Toggle/Toggle.stories.d.ts +24 -0
- package/dist/components/Toggle/Toggle.stories.d.ts.map +1 -0
- package/dist/components/index.d.ts +1 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/images/icon-app.svg +1 -0
- package/dist/images/icon-appian-header.png +0 -0
- package/dist/images/icon-expression-rule.svg +1 -0
- package/dist/images/icon-interface.svg +1 -0
- package/dist/images/icon-record-type.svg +1 -0
- package/dist/index.js +30 -30
- package/dist/stories/Welcome.stories.d.ts +11 -0
- package/dist/stories/Welcome.stories.d.ts.map +1 -0
- package/dist/stories/pages/ApplicationHeaderDemo.stories.d.ts +13 -0
- package/dist/stories/pages/ApplicationHeaderDemo.stories.d.ts.map +1 -0
- package/dist/stories/pages/ButtonTextFieldTest.stories.d.ts +13 -0
- package/dist/stories/pages/ButtonTextFieldTest.stories.d.ts.map +1 -0
- package/dist/stories/pages/ESGConferenceRegistration.stories.d.ts +13 -0
- package/dist/stories/pages/ESGConferenceRegistration.stories.d.ts.map +1 -0
- package/dist/stories/pages/InsuranceQuoteWizard.stories.d.ts +13 -0
- package/dist/stories/pages/InsuranceQuoteWizard.stories.d.ts.map +1 -0
- package/dist/stories/patterns/ApplicationStatus.stories.d.ts +12 -0
- package/dist/stories/patterns/ApplicationStatus.stories.d.ts.map +1 -0
- package/dist/stories/patterns/DocumentReview.stories.d.ts +12 -0
- package/dist/stories/patterns/DocumentReview.stories.d.ts.map +1 -0
- package/dist/stories/patterns/FormEntry.stories.d.ts +12 -0
- package/dist/stories/patterns/FormEntry.stories.d.ts.map +1 -0
- package/dist/stories/patterns/Publications.stories.d.ts +12 -0
- package/dist/stories/patterns/Publications.stories.d.ts.map +1 -0
- package/dist/stories/patterns/TaskDashboard.stories.d.ts +12 -0
- package/dist/stories/patterns/TaskDashboard.stories.d.ts.map +1 -0
- package/dist/stories/patterns/UserProfile.stories.d.ts +12 -0
- package/dist/stories/patterns/UserProfile.stories.d.ts.map +1 -0
- package/package.json +10 -4
- package/dist/components/TableOfContents.d.ts +0 -2
- package/dist/components/TableOfContents.d.ts.map +0 -1
- package/dist/components/TableOfContents.js +0 -147
|
@@ -40,15 +40,6 @@ export interface CardLayoutProps {
|
|
|
40
40
|
/**
|
|
41
41
|
* CardLayout Component
|
|
42
42
|
* Displays content within a card container
|
|
43
|
-
*
|
|
44
|
-
* @example
|
|
45
|
-
* <CardLayout
|
|
46
|
-
* shape="SEMI_ROUNDED"
|
|
47
|
-
* padding="STANDARD"
|
|
48
|
-
* showBorder={true}
|
|
49
|
-
* >
|
|
50
|
-
* <p>Card content here</p>
|
|
51
|
-
* </CardLayout>
|
|
52
43
|
*/
|
|
53
44
|
export declare const CardLayout: React.FC<CardLayoutProps>;
|
|
54
45
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Card/CardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAG9E,KAAK,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,CAAA;AACrE,KAAK,SAAS,GAAG,MAAM,GAAG,aAAa,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,iBAAiB,GAAG,aAAa,GAAG,aAAa,CAAA;AAC3J,KAAK,qBAAqB,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAA;AAErD;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,wCAAwC;IACxC,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,mIAAmI;IACnI,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC1B,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,iCAAiC;IACjC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,iCAAiC;IACjC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,2JAA2J;IAC3J,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iCAAiC;IACjC,qBAAqB,CAAC,EAAE,qBAAqB,CAAA;IAC7C,gDAAgD;IAChD,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED
|
|
1
|
+
{"version":3,"file":"CardLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Card/CardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAG9E,KAAK,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,CAAA;AACrE,KAAK,SAAS,GAAG,MAAM,GAAG,aAAa,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,iBAAiB,GAAG,aAAa,GAAG,aAAa,CAAA;AAC3J,KAAK,qBAAqB,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAA;AAErD;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,wCAAwC;IACxC,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,mIAAmI;IACnI,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC1B,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,iCAAiC;IACjC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,iCAAiC;IACjC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,2JAA2J;IAC3J,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iCAAiC;IACjC,qBAAqB,CAAC,EAAE,qBAAqB,CAAA;IAC7C,gDAAgD;IAChD,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6LhD,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('./CheckboxField').CheckboxFieldProps>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export declare const CompactLayout: Story;
|
|
14
|
+
export declare const CardsStyle: Story;
|
|
15
|
+
export declare const AdjacentLabel: Story;
|
|
16
|
+
export declare const WithRequiredAndValidation: Story;
|
|
17
|
+
export declare const Disabled: Story;
|
|
18
|
+
export declare const SpacingVariations: Story;
|
|
19
|
+
export declare const ChoicePositionEnd: Story;
|
|
20
|
+
//# sourceMappingURL=Checkbox.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,QAAA,MAAM,IAAI;;;;;;;CAK4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAWvC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA8B/B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAkB/B,CAAA"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('./DialogField').DialogFieldProps>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export declare const FormDialog: Story;
|
|
14
|
+
export declare const ConfirmationDialog: Story;
|
|
15
|
+
export declare const WideDialog: Story;
|
|
16
|
+
export declare const TallDialog: Story;
|
|
17
|
+
export declare const FullWidthFit: Story;
|
|
18
|
+
//# sourceMappingURL=Dialog.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAM3D,QAAA,MAAM,IAAI;;;;;;;CAK0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAuDxB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA6ChC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAqBxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('./DropdownField').DropdownFieldProps>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export declare const NoDefaultSelection: Story;
|
|
14
|
+
export declare const WithSearch: Story;
|
|
15
|
+
export declare const Disabled: Story;
|
|
16
|
+
export declare const AdjacentLabel: Story;
|
|
17
|
+
export declare const MultipleDefault: Story;
|
|
18
|
+
export declare const MultipleNoDefault: Story;
|
|
19
|
+
export declare const MultipleWithSearch: Story;
|
|
20
|
+
export declare const MultipleDisabled: Story;
|
|
21
|
+
export declare const MultipleAdjacentLabel: Story;
|
|
22
|
+
//# sourceMappingURL=Dropdown.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAK3D,QAAA,MAAM,IAAI;;;;;;;CAK4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAiBhC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAwBxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAmB7B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAmB/B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA6BhC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAc9B,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAkBnC,CAAA"}
|
|
@@ -54,33 +54,6 @@ export interface DropdownFieldProps {
|
|
|
54
54
|
/**
|
|
55
55
|
* Single-select dropdown field component
|
|
56
56
|
*
|
|
57
|
-
* @example
|
|
58
|
-
* ```tsx
|
|
59
|
-
* <DropdownField
|
|
60
|
-
* label="Language"
|
|
61
|
-
* instructions="In which language are you most proficient?"
|
|
62
|
-
* choiceLabels={["English", "Spanish", "French", "German"]}
|
|
63
|
-
* choiceValues={["en_US", "es_ES", "fr_FR", "de_DE"]}
|
|
64
|
-
* value={selectedLanguage}
|
|
65
|
-
* saveInto={(value) => setSelectedLanguage(value)}
|
|
66
|
-
* placeholder="Select a language"
|
|
67
|
-
* searchDisplay="AUTO"
|
|
68
|
-
* />
|
|
69
|
-
* ```
|
|
70
|
-
*
|
|
71
|
-
* SAIL Translation:
|
|
72
|
-
* ```sail
|
|
73
|
-
* a!dropdownField(
|
|
74
|
-
* label: "Language",
|
|
75
|
-
* instructions: "In which language are you most proficient?",
|
|
76
|
-
* choiceLabels: {"English", "Spanish", "French", "German"},
|
|
77
|
-
* choiceValues: {"en_US", "es_ES", "fr_FR", "de_DE"},
|
|
78
|
-
* value: local!language,
|
|
79
|
-
* saveInto: local!language,
|
|
80
|
-
* placeholder: "Select a language",
|
|
81
|
-
* searchDisplay: "AUTO"
|
|
82
|
-
* )
|
|
83
|
-
* ```
|
|
84
57
|
*/
|
|
85
58
|
export declare const DropdownField: React.FC<DropdownFieldProps>;
|
|
86
59
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownField.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEzE,KAAK,aAAa,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAA;AAE1C;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8CAA8C;IAC9C,YAAY,EAAE,GAAG,EAAE,CAAA;IACnB,gEAAgE;IAChE,YAAY,EAAE,GAAG,EAAE,CAAA;IACnB,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iDAAiD;IACjD,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC/B,oFAAoF;IACpF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC/B,wCAAwC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,yDAAyD;IACzD,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;IACZ,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAA;CAC7B;AAED
|
|
1
|
+
{"version":3,"file":"DropdownField.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEzE,KAAK,aAAa,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAA;AAE1C;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8CAA8C;IAC9C,YAAY,EAAE,GAAG,EAAE,CAAA;IACnB,gEAAgE;IAChE,YAAY,EAAE,GAAG,EAAE,CAAA;IACnB,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iDAAiD;IACjD,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC/B,oFAAoF;IACpF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC/B,wCAAwC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,yDAAyD;IACzD,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;IACZ,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAA;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAA"}
|
|
@@ -54,31 +54,6 @@ export interface MultipleDropdownFieldProps {
|
|
|
54
54
|
/**
|
|
55
55
|
* Multi-select dropdown field component
|
|
56
56
|
*
|
|
57
|
-
* @example
|
|
58
|
-
* ```tsx
|
|
59
|
-
* <MultipleDropdownField
|
|
60
|
-
* label="Language"
|
|
61
|
-
* instructions="Which language(s) are you proficient in?"
|
|
62
|
-
* choiceLabels={["English", "Spanish", "French", "German"]}
|
|
63
|
-
* choiceValues={["en_US", "es_ES", "fr_FR", "de_DE"]}
|
|
64
|
-
* value={selectedLanguages}
|
|
65
|
-
* saveInto={(value) => setSelectedLanguages(value)}
|
|
66
|
-
* searchDisplay="AUTO"
|
|
67
|
-
* />
|
|
68
|
-
* ```
|
|
69
|
-
*
|
|
70
|
-
* SAIL Translation:
|
|
71
|
-
* ```sail
|
|
72
|
-
* a!multipleDropdownField(
|
|
73
|
-
* label: "Language",
|
|
74
|
-
* instructions: "Which language(s) are you proficient in?",
|
|
75
|
-
* choiceLabels: {"English", "Spanish", "French", "German"},
|
|
76
|
-
* choiceValues: {"en_US", "es_ES", "fr_FR", "de_DE"},
|
|
77
|
-
* value: local!language,
|
|
78
|
-
* saveInto: local!language,
|
|
79
|
-
* searchDisplay: "AUTO"
|
|
80
|
-
* )
|
|
81
|
-
* ```
|
|
82
57
|
*/
|
|
83
58
|
export declare const MultipleDropdownField: React.FC<MultipleDropdownFieldProps>;
|
|
84
59
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultipleDropdownField.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/MultipleDropdownField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEzE,KAAK,aAAa,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAA;AAE1C;;;GAGG;AACH,MAAM,WAAW,0BAA0B;IACzC,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,YAAY,EAAE,GAAG,EAAE,CAAA;IACnB,gEAAgE;IAChE,YAAY,EAAE,GAAG,EAAE,CAAA;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,GAAG,EAAE,CAAA;IACb,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,qFAAqF;IACrF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,wCAAwC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,yCAAyC;IACzC,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,yDAAyD;IACzD,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;IACZ,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAA;CAC7B;AAED
|
|
1
|
+
{"version":3,"file":"MultipleDropdownField.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/MultipleDropdownField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEzE,KAAK,aAAa,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAA;AAE1C;;;GAGG;AACH,MAAM,WAAW,0BAA0B;IACzC,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,YAAY,EAAE,GAAG,EAAE,CAAA;IACnB,gEAAgE;IAChE,YAAY,EAAE,GAAG,EAAE,CAAA;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,GAAG,EAAE,CAAA;IACb,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,qFAAqF;IACrF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,wCAAwC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,yCAAyC;IACzC,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,yDAAyD;IACzD,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;IACZ,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAA;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAEtE,CAAA"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('./HeadingField').HeadingFieldProps>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
args: {
|
|
10
|
+
text: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export default meta;
|
|
14
|
+
type Story = StoryObj<typeof meta>;
|
|
15
|
+
export declare const Default: Story;
|
|
16
|
+
export declare const Sizes: Story;
|
|
17
|
+
export declare const SemanticColors: Story;
|
|
18
|
+
export declare const CustomHexColor: Story;
|
|
19
|
+
export declare const FontWeights: Story;
|
|
20
|
+
export declare const Alignment: Story;
|
|
21
|
+
export declare const HeadingTags: Story;
|
|
22
|
+
export declare const WithLink: Story;
|
|
23
|
+
//# sourceMappingURL=Heading.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;;;;;CAQ2B,CAAA;AAErC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAWnB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KASzB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('./ImageField').ImageFieldProps>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export declare const SmallIcons: Story;
|
|
14
|
+
export declare const AvatarStyle: Story;
|
|
15
|
+
export declare const GalleryLayout: Story;
|
|
16
|
+
export declare const FitSize: Story;
|
|
17
|
+
export declare const AdjacentLabel: Story;
|
|
18
|
+
export declare const UserWithPhoto: Story;
|
|
19
|
+
export declare const UserInitialsFallback: Story;
|
|
20
|
+
export declare const UserDefaultIconFallback: Story;
|
|
21
|
+
//# sourceMappingURL=Image.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Image.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Image/Image.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;;CAKyB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAc3B,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAWlC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KASrC,CAAA"}
|
|
@@ -31,19 +31,5 @@ export interface UserImageProps {
|
|
|
31
31
|
* This is not a React component - it's a data structure
|
|
32
32
|
* that gets processed by ImageField for rendering with Radix Avatar
|
|
33
33
|
*
|
|
34
|
-
* @example
|
|
35
|
-
* <ImageField
|
|
36
|
-
* label="Assigned To"
|
|
37
|
-
* images={[
|
|
38
|
-
* {
|
|
39
|
-
* imageType: 'user',
|
|
40
|
-
* user: { name: "John Smith", photoUrl: "/avatars/john.jpg", initials: "JS" },
|
|
41
|
-
* altText: "John Smith profile photo",
|
|
42
|
-
* caption: "Click to view profile"
|
|
43
|
-
* }
|
|
44
|
-
* ]}
|
|
45
|
-
* style="AVATAR"
|
|
46
|
-
* size="MEDIUM"
|
|
47
|
-
* />
|
|
48
34
|
*/
|
|
49
35
|
//# sourceMappingURL=UserImage.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserImage.d.ts","sourceRoot":"","sources":["../../../src/components/Image/UserImage.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,WAAW,IAAI;IACnB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,qDAAqD;IACrD,SAAS,EAAE,MAAM,CAAA;IACjB,iDAAiD;IACjD,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,IAAI,CAAA;IACjB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED
|
|
1
|
+
{"version":3,"file":"UserImage.d.ts","sourceRoot":"","sources":["../../../src/components/Image/UserImage.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,WAAW,IAAI;IACnB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,qDAAqD;IACrD,SAAS,EAAE,MAAM,CAAA;IACjB,iDAAiD;IACjD,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,IAAI,CAAA;IACjB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;GAOG"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('./MessageBanner').MessageBannerProps>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
10
|
+
primaryText?: string | undefined;
|
|
11
|
+
secondaryText?: string | undefined;
|
|
12
|
+
backgroundColor?: import('./MessageBanner').BackgroundColor | undefined;
|
|
13
|
+
highlightColor?: import('./MessageBanner').HighlightColor | undefined;
|
|
14
|
+
icon?: "info" | "success" | "warning" | "error" | undefined;
|
|
15
|
+
showDecorativeBar?: boolean | undefined;
|
|
16
|
+
shape?: import('../..').SAILShape | undefined;
|
|
17
|
+
marginAbove?: import('../..').SAILMarginSize | undefined;
|
|
18
|
+
marginBelow?: import('../..').SAILMarginSize | undefined;
|
|
19
|
+
showWhen?: boolean | undefined;
|
|
20
|
+
announceBehavior?: import('./MessageBanner').AnnounceBehavior | undefined;
|
|
21
|
+
accessibilityText?: string | undefined;
|
|
22
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
23
|
+
};
|
|
24
|
+
export default meta;
|
|
25
|
+
type Story = StoryObj<typeof meta>;
|
|
26
|
+
export declare const Default: Story;
|
|
27
|
+
export declare const Success: Story;
|
|
28
|
+
export declare const Warning: Story;
|
|
29
|
+
export declare const Error: Story;
|
|
30
|
+
export declare const PredefinedStyles: Story;
|
|
31
|
+
export declare const CustomColors: Story;
|
|
32
|
+
export declare const NoDecorativeBar: Story;
|
|
33
|
+
export declare const Shapes: Story;
|
|
34
|
+
export declare const MarginSpacing: Story;
|
|
35
|
+
//# sourceMappingURL=MessageBanner.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MessageBanner.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBanner/MessageBanner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAY4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAkC9B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA2BpB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KA8B3B,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('./MilestoneField').MilestoneFieldProps>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export declare const VerticalDotStyle: Story;
|
|
14
|
+
export declare const ChevronStyle: Story;
|
|
15
|
+
export declare const AllCompleted: Story;
|
|
16
|
+
export declare const AllFuture: Story;
|
|
17
|
+
export declare const SemanticColors: Story;
|
|
18
|
+
export declare const LabelPositions: Story;
|
|
19
|
+
export declare const WithHelpTooltip: Story;
|
|
20
|
+
//# sourceMappingURL=Milestone.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Milestone.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Milestone/Milestone.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;;CAK6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAa5B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA4B5B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAA"}
|
|
@@ -36,14 +36,6 @@ export interface MilestoneFieldProps {
|
|
|
36
36
|
/**
|
|
37
37
|
* Displays the completed, current, and future steps of a process or sequence
|
|
38
38
|
*
|
|
39
|
-
* @example
|
|
40
|
-
* <MilestoneField
|
|
41
|
-
* label="Home Repair Claim Process"
|
|
42
|
-
* instructions="Customer #2325691"
|
|
43
|
-
* steps={["Submit Request", "Set Up Appointment", "File Assessment", "Submit Proposal"]}
|
|
44
|
-
* active={2}
|
|
45
|
-
* color="ACCENT"
|
|
46
|
-
* />
|
|
47
39
|
*/
|
|
48
40
|
export declare const MilestoneField: React.FC<MilestoneFieldProps>;
|
|
49
41
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MilestoneField.d.ts","sourceRoot":"","sources":["../../../src/components/Milestone/MilestoneField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEzE,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAA;AAC5C,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,KAAK,CAAA;AAC3C,KAAK,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;AAEjE,MAAM,WAAW,mBAAmB;IAClC,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uDAAuD;IACvD,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,2CAA2C;IAC3C,KAAK,CAAC,EAAE,GAAG,EAAE,CAAA;IACb,mGAAmG;IACnG,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,yCAAyC;IACzC,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gCAAgC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,0DAA0D;IAC1D,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,0DAA0D;IAC1D,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,kDAAkD;IAClD,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAED
|
|
1
|
+
{"version":3,"file":"MilestoneField.d.ts","sourceRoot":"","sources":["../../../src/components/Milestone/MilestoneField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEzE,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAA;AAC5C,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,KAAK,CAAA;AAC3C,KAAK,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;AAEjE,MAAM,WAAW,mBAAmB;IAClC,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uDAAuD;IACvD,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,2CAA2C;IAC3C,KAAK,CAAC,EAAE,GAAG,EAAE,CAAA;IACb,mGAAmG;IACnG,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,yCAAyC;IACzC,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gCAAgC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,0DAA0D;IAC1D,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,0DAA0D;IAC1D,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,kDAAkD;IAClD,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsTxD,CAAA"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('./ProgressBar').ProgressBarProps>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
10
|
+
label?: string | undefined;
|
|
11
|
+
instructions?: string | undefined;
|
|
12
|
+
percentage: number;
|
|
13
|
+
labelPosition?: import('../..').SAILLabelPosition | undefined;
|
|
14
|
+
helpTooltip?: string | undefined;
|
|
15
|
+
accessibilityText?: string | undefined;
|
|
16
|
+
color?: import('./ProgressBar').ProgressBarColor | undefined;
|
|
17
|
+
showWhen?: boolean | undefined;
|
|
18
|
+
style?: import('./ProgressBar').ProgressBarStyle | undefined;
|
|
19
|
+
showPercentage?: boolean | undefined;
|
|
20
|
+
marginAbove?: import('../..').SAILMarginSize | undefined;
|
|
21
|
+
marginBelow?: import('../..').SAILMarginSize | undefined;
|
|
22
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
23
|
+
};
|
|
24
|
+
export default meta;
|
|
25
|
+
type Story = StoryObj<typeof meta>;
|
|
26
|
+
export declare const Default: Story;
|
|
27
|
+
export declare const ThinStyle: Story;
|
|
28
|
+
export declare const ThickStyle: Story;
|
|
29
|
+
export declare const SemanticColors: Story;
|
|
30
|
+
export declare const CustomHexColor: Story;
|
|
31
|
+
export declare const HiddenPercentage: Story;
|
|
32
|
+
export declare const OverflowPercentage: Story;
|
|
33
|
+
export declare const CollapsedLabel: Story;
|
|
34
|
+
//# sourceMappingURL=ProgressBar.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAY0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAY5B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAA"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('./RadioButtonField').RadioButtonFieldProps>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export declare const CompactCardsLayout: Story;
|
|
14
|
+
export declare const CardsStyleStacked: Story;
|
|
15
|
+
export declare const AdjacentLabel: Story;
|
|
16
|
+
export declare const WithRequiredAndInstructions: Story;
|
|
17
|
+
export declare const Disabled: Story;
|
|
18
|
+
export declare const SpacingVariations: Story;
|
|
19
|
+
export declare const ChoicePositionEnd: Story;
|
|
20
|
+
//# sourceMappingURL=RadioButton.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,QAAA,MAAM,IAAI;;;;;;;CAK+B,CAAA;AAEzC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAmBhC,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAiB/B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAmBzC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAsC/B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAiB/B,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('./RichTextDisplayField').RichTextDisplayFieldProps>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export declare const UserProfileWithIcons: Story;
|
|
14
|
+
export declare const TextStyles: Story;
|
|
15
|
+
export declare const InteractiveLinks: Story;
|
|
16
|
+
export declare const StandaloneNavigationLinks: Story;
|
|
17
|
+
export declare const ColorVariations: Story;
|
|
18
|
+
export declare const TextAlignment: Story;
|
|
19
|
+
//# sourceMappingURL=RichText.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RichText.stories.d.ts","sourceRoot":"","sources":["../../../src/components/RichText/RichText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAK3D,QAAA,MAAM,IAAI;;;;;;;CAKmC,CAAA;AAE7C,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAuBlC,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KAexB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAuB9B,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAwBvC,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAgB7B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAoB3B,CAAA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('./SliderField').SliderFieldProps>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export declare const SingleValuePositive: Story;
|
|
14
|
+
export declare const RangeSlider: Story;
|
|
15
|
+
export declare const RangeSliderNegative: Story;
|
|
16
|
+
export declare const VerticalOrientation: Story;
|
|
17
|
+
export declare const SizeSmall: Story;
|
|
18
|
+
export declare const SizeStandard: Story;
|
|
19
|
+
export declare const SizeMedium: Story;
|
|
20
|
+
export declare const SizeLarge: Story;
|
|
21
|
+
export declare const ColorAccent: Story;
|
|
22
|
+
export declare const ColorPositive: Story;
|
|
23
|
+
export declare const ColorNegative: Story;
|
|
24
|
+
export declare const ColorCustomHex: Story;
|
|
25
|
+
export declare const Disabled: Story;
|
|
26
|
+
//# sourceMappingURL=Slider.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Slider.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,QAAA,MAAM,IAAI;;;;;;;CAK0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAqBrB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAqBjC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqBzB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAqBjC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkBjC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAc1B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAazB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAa5B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('./StampField').StampFieldProps>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export declare const SemanticColors: Story;
|
|
14
|
+
export declare const TransparentBackground: Story;
|
|
15
|
+
export declare const TextStamps: Story;
|
|
16
|
+
export declare const Sizes: Story;
|
|
17
|
+
export declare const Shapes: Story;
|
|
18
|
+
export declare const WithLabelAndInstructions: Story;
|
|
19
|
+
//# sourceMappingURL=Stamp.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stamp.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Stamp/Stamp.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;;CAKyB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAOnC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KASnB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAQpB,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KAWtC,CAAA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('./SwitchField').SwitchFieldProps>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export declare const Unchecked: Story;
|
|
14
|
+
export declare const WithInstructions: Story;
|
|
15
|
+
export declare const SmallSize: Story;
|
|
16
|
+
export declare const StandardSize: Story;
|
|
17
|
+
export declare const MediumSize: Story;
|
|
18
|
+
export declare const LargeSize: Story;
|
|
19
|
+
export declare const ColorAccent: Story;
|
|
20
|
+
export declare const ColorPositive: Story;
|
|
21
|
+
export declare const ColorNegative: Story;
|
|
22
|
+
export declare const CustomHexColor: Story;
|
|
23
|
+
export declare const DisabledOff: Story;
|
|
24
|
+
export declare const DisabledOn: Story;
|
|
25
|
+
export declare const AdjacentLabel: Story;
|
|
26
|
+
//# sourceMappingURL=Switch.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,QAAA,MAAM,IAAI;;;;;;;CAK0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KASvB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAW9B,CAAA;AAGD,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAM1B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAM3B,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('./TabsField').TabsFieldProps>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export declare const BasicHorizontalWithContent: Story;
|
|
14
|
+
export declare const VerticalOrientation: Story;
|
|
15
|
+
export declare const SizeSmall: Story;
|
|
16
|
+
export declare const SizeLarge: Story;
|
|
17
|
+
export declare const ColorPositive: Story;
|
|
18
|
+
export declare const ColorNegative: Story;
|
|
19
|
+
export declare const ColorCustomHex: Story;
|
|
20
|
+
export declare const ManualActivation: Story;
|
|
21
|
+
//# sourceMappingURL=Tabs.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,QAAA,MAAM,IAAI;;;;;;;CAKwB,CAAA;AAElC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAoBlC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KA8ExC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KA6DjC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KASvB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KASvB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAU9B,CAAA"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').FC<import('./TagField').TagFieldProps>;
|
|
5
|
+
tags: string[];
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
args: {
|
|
10
|
+
size: "STANDARD";
|
|
11
|
+
tags: {
|
|
12
|
+
text: string;
|
|
13
|
+
backgroundColor: string;
|
|
14
|
+
}[];
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
export default meta;
|
|
18
|
+
type Story = StoryObj<typeof meta>;
|
|
19
|
+
export declare const Default: Story;
|
|
20
|
+
export declare const SemanticColors: Story;
|
|
21
|
+
export declare const CustomHexColors: Story;
|
|
22
|
+
export declare const SmallSize: Story;
|
|
23
|
+
//# sourceMappingURL=Tag.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tag.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAWuB,CAAA;AAEjC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAA;AAEhC,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA"}
|
|
@@ -38,14 +38,6 @@ export interface TagFieldProps {
|
|
|
38
38
|
/**
|
|
39
39
|
* TagField Component
|
|
40
40
|
* Displays a list of short text labels with colored backgrounds
|
|
41
|
-
*
|
|
42
|
-
* @example
|
|
43
|
-
* <TagField
|
|
44
|
-
* size="STANDARD"
|
|
45
|
-
* tags={[
|
|
46
|
-
* { text: "URGENT", backgroundColor: "#FED7DE", textColor: "#9F0019" }
|
|
47
|
-
* ]}
|
|
48
|
-
* />
|
|
49
41
|
*/
|
|
50
42
|
export declare const TagField: React.FC<TagFieldProps>;
|
|
51
43
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagField.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/TagField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAqB,MAAM,kBAAkB,CAAA;AAIjH;;GAEG;AACH,KAAK,OAAO,GAAG,OAAO,CAAC,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAC,CAAA;AAEtD;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,oCAAoC;IACpC,IAAI,EAAE,YAAY,EAAE,CAAA;IACpB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,uBAAuB;IACvB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,mCAAmC;IACnC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED
|
|
1
|
+
{"version":3,"file":"TagField.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/TagField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAqB,MAAM,kBAAkB,CAAA;AAIjH;;GAEG;AACH,KAAK,OAAO,GAAG,OAAO,CAAC,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAC,CAAA;AAEtD;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,oCAAoC;IACpC,IAAI,EAAE,YAAY,EAAE,CAAA;IACpB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,uBAAuB;IACvB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,mCAAmC;IACnC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8I5C,CAAA"}
|