@raspberrypifoundation/design-system-react 2.7.0-beta.0 → 2.7.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/CHANGELOG.md +9 -2
- package/dist/design-system-react.css +1 -1
- package/dist/design-system-react.js +891 -845
- package/dist/design-system-react.umd.cjs +6 -6
- package/dist/scss/components/alert.scss +39 -16
- package/dist/scss/components/forms/error-message.scss +1 -0
- package/dist/scss/components/forms/fieldset.scss +13 -17
- package/dist/scss/components/forms/input-checkbox.scss +18 -12
- package/dist/scss/components/forms/input-label.scss +2 -1
- package/dist/scss/components/forms/input-radio.scss +17 -12
- package/dist/scss/components/forms/input-search.scss +8 -2
- package/dist/scss/components/modal.scss +95 -0
- package/dist/scss/components/progress-bar.scss +61 -17
- package/dist/scss/design-system-core.scss +4 -0
- package/dist/scss/properties/colors/_utilities.scss +4 -0
- package/dist/types/lib/main.d.ts +28 -0
- package/dist/types/lib/main.d.ts.map +1 -0
- package/dist/types/src/components/Accordion/Accordion.spec.d.ts +2 -0
- package/dist/types/src/components/Accordion/Accordion.spec.d.ts.map +1 -0
- package/dist/types/src/components/Accordion/index.d.ts +17 -0
- package/dist/types/src/components/Accordion/index.d.ts.map +1 -0
- package/dist/types/src/components/Alert/Alert.spec.d.ts +2 -0
- package/dist/types/src/components/Alert/Alert.spec.d.ts.map +1 -0
- package/dist/types/src/components/Alert/Alert.types.d.ts +41 -0
- package/dist/types/src/components/Alert/Alert.types.d.ts.map +1 -0
- package/dist/types/src/components/Alert/index.d.ts +6 -0
- package/dist/types/src/components/Alert/index.d.ts.map +1 -0
- package/dist/types/src/components/Button/Button.spec.d.ts +2 -0
- package/dist/types/src/components/Button/Button.spec.d.ts.map +1 -0
- package/dist/types/src/components/Button/Button.types.d.ts +34 -0
- package/dist/types/src/components/Button/Button.types.d.ts.map +1 -0
- package/dist/types/src/components/Button/index.d.ts +6 -0
- package/dist/types/src/components/Button/index.d.ts.map +1 -0
- package/dist/types/src/components/Form/CheckboxInput/CheckboxInput.types.d.ts +24 -0
- package/dist/types/src/components/Form/CheckboxInput/CheckboxInput.types.d.ts.map +1 -0
- package/dist/types/src/components/Form/CheckboxInput/index.d.ts +6 -0
- package/dist/types/src/components/Form/CheckboxInput/index.d.ts.map +1 -0
- package/dist/types/src/components/Form/Fieldset/Fieldset.spec.d.ts +2 -0
- package/dist/types/src/components/Form/Fieldset/Fieldset.spec.d.ts.map +1 -0
- package/dist/types/src/components/Form/Fieldset/index.d.ts +21 -0
- package/dist/types/src/components/Form/Fieldset/index.d.ts.map +1 -0
- package/dist/types/src/components/Form/InputField/index.d.ts +21 -0
- package/dist/types/src/components/Form/InputField/index.d.ts.map +1 -0
- package/dist/types/src/components/Form/InputLabel/InputLabel.spec.d.ts +2 -0
- package/dist/types/src/components/Form/InputLabel/InputLabel.spec.d.ts.map +1 -0
- package/dist/types/src/components/Form/InputLabel/index.d.ts +17 -0
- package/dist/types/src/components/Form/InputLabel/index.d.ts.map +1 -0
- package/dist/types/src/components/Form/RadioInput/RadioInput.spec.d.ts +2 -0
- package/dist/types/src/components/Form/RadioInput/RadioInput.spec.d.ts.map +1 -0
- package/dist/types/src/components/Form/RadioInput/index.d.ts +25 -0
- package/dist/types/src/components/Form/RadioInput/index.d.ts.map +1 -0
- package/dist/types/src/components/Form/SearchInput/SearchInput.spec.d.ts +2 -0
- package/dist/types/src/components/Form/SearchInput/SearchInput.spec.d.ts.map +1 -0
- package/dist/types/src/components/Form/SearchInput/SearchInput.types.d.ts +21 -0
- package/dist/types/src/components/Form/SearchInput/SearchInput.types.d.ts.map +1 -0
- package/dist/types/src/components/Form/SearchInput/index.d.ts +6 -0
- package/dist/types/src/components/Form/SearchInput/index.d.ts.map +1 -0
- package/dist/types/src/components/Form/SelectInput/SelectInput.spec.d.ts +2 -0
- package/dist/types/src/components/Form/SelectInput/SelectInput.spec.d.ts.map +1 -0
- package/dist/types/src/components/Form/SelectInput/index.d.ts +31 -0
- package/dist/types/src/components/Form/SelectInput/index.d.ts.map +1 -0
- package/dist/types/src/components/Form/TextInput/TextInput.spec.d.ts +2 -0
- package/dist/types/src/components/Form/TextInput/TextInput.spec.d.ts.map +1 -0
- package/dist/types/src/components/Form/TextInput/index.d.ts +27 -0
- package/dist/types/src/components/Form/TextInput/index.d.ts.map +1 -0
- package/dist/types/src/components/Form/TextareaInput/TextareaInput.spec.d.ts +2 -0
- package/dist/types/src/components/Form/TextareaInput/TextareaInput.spec.d.ts.map +1 -0
- package/dist/types/src/components/Form/TextareaInput/index.d.ts +29 -0
- package/dist/types/src/components/Form/TextareaInput/index.d.ts.map +1 -0
- package/dist/types/src/components/MaterialSymbols/index.d.ts +2 -0
- package/dist/types/src/components/MaterialSymbols/index.d.ts.map +1 -0
- package/dist/types/src/components/Modal/Modal.types.d.ts +45 -0
- package/dist/types/src/components/Modal/Modal.types.d.ts.map +1 -0
- package/dist/types/src/components/Modal/index.d.ts +6 -0
- package/dist/types/src/components/Modal/index.d.ts.map +1 -0
- package/dist/types/src/components/ProgressBar/ProgressBar.types.d.ts +11 -0
- package/dist/types/src/components/ProgressBar/ProgressBar.types.d.ts.map +1 -0
- package/dist/types/src/components/ProgressBar/index.d.ts +6 -0
- package/dist/types/src/components/ProgressBar/index.d.ts.map +1 -0
- package/dist/types/src/components/Table/BodyCell/BodyCell.spec.d.ts +2 -0
- package/dist/types/src/components/Table/BodyCell/BodyCell.spec.d.ts.map +1 -0
- package/dist/types/src/components/Table/BodyCell/index.d.ts +6 -0
- package/dist/types/src/components/Table/BodyCell/index.d.ts.map +1 -0
- package/dist/types/src/components/Table/HeaderCell/HeaderCell.spec.d.ts +2 -0
- package/dist/types/src/components/Table/HeaderCell/HeaderCell.spec.d.ts.map +1 -0
- package/dist/types/src/components/Table/HeaderCell/HeaderCell.types.d.ts +9 -0
- package/dist/types/src/components/Table/HeaderCell/HeaderCell.types.d.ts.map +1 -0
- package/dist/types/src/components/Table/HeaderCell/index.d.ts +5 -0
- package/dist/types/src/components/Table/HeaderCell/index.d.ts.map +1 -0
- package/dist/types/src/components/Table/Table/Table.spec.d.ts +2 -0
- package/dist/types/src/components/Table/Table/Table.spec.d.ts.map +1 -0
- package/dist/types/src/components/Table/Table/Table.types.d.ts +9 -0
- package/dist/types/src/components/Table/Table/Table.types.d.ts.map +1 -0
- package/dist/types/src/components/Table/Table/index.d.ts +5 -0
- package/dist/types/src/components/Table/Table/index.d.ts.map +1 -0
- package/dist/types/src/components/Tag/Tag.spec.d.ts +2 -0
- package/dist/types/src/components/Tag/Tag.spec.d.ts.map +1 -0
- package/dist/types/src/components/Tag/Tag.types.d.ts +13 -0
- package/dist/types/src/components/Tag/Tag.types.d.ts.map +1 -0
- package/dist/types/src/components/Tag/index.d.ts +5 -0
- package/dist/types/src/components/Tag/index.d.ts.map +1 -0
- package/dist/types/src/hooks/useDialog.d.ts +5 -0
- package/dist/types/src/hooks/useDialog.d.ts.map +1 -0
- package/dist/types/src/stories/Accordion.stories.d.ts +15 -0
- package/dist/types/src/stories/Accordion.stories.d.ts.map +1 -0
- package/dist/types/src/stories/Alert.stories.d.ts +41 -0
- package/dist/types/src/stories/Alert.stories.d.ts.map +1 -0
- package/dist/types/src/stories/Button.stories.d.ts +132 -0
- package/dist/types/src/stories/Button.stories.d.ts.map +1 -0
- package/dist/types/src/stories/Modal/ExampleModal/ExampleModal.d.ts +2 -0
- package/dist/types/src/stories/Modal/ExampleModal/ExampleModal.d.ts.map +1 -0
- package/dist/types/src/stories/Modal/ExampleModal/ExampleModal.stories.d.ts +7 -0
- package/dist/types/src/stories/Modal/ExampleModal/ExampleModal.stories.d.ts.map +1 -0
- package/dist/types/src/stories/Modal/Modal.stories.d.ts +26 -0
- package/dist/types/src/stories/Modal/Modal.stories.d.ts.map +1 -0
- package/dist/types/src/stories/Modal/Modal.stories.helpers.d.ts +3 -0
- package/dist/types/src/stories/Modal/Modal.stories.helpers.d.ts.map +1 -0
- package/dist/types/src/stories/ProgressBar.stories.d.ts +93 -0
- package/dist/types/src/stories/ProgressBar.stories.d.ts.map +1 -0
- package/dist/types/src/stories/Tag.stories.d.ts +53 -0
- package/dist/types/src/stories/Tag.stories.d.ts.map +1 -0
- package/dist/types/src/stories/forms/CheckboxInput.stories.d.ts +30 -0
- package/dist/types/src/stories/forms/CheckboxInput.stories.d.ts.map +1 -0
- package/dist/types/src/stories/forms/Fieldset.stories.d.ts +57 -0
- package/dist/types/src/stories/forms/Fieldset.stories.d.ts.map +1 -0
- package/dist/types/src/stories/forms/InputLabel.stories.d.ts +25 -0
- package/dist/types/src/stories/forms/InputLabel.stories.d.ts.map +1 -0
- package/dist/types/src/stories/forms/RadioInput.stories.d.ts +51 -0
- package/dist/types/src/stories/forms/RadioInput.stories.d.ts.map +1 -0
- package/dist/types/src/stories/forms/SearchInput.stories.d.ts +40 -0
- package/dist/types/src/stories/forms/SearchInput.stories.d.ts.map +1 -0
- package/dist/types/src/stories/forms/SelectInput.stories.d.ts +52 -0
- package/dist/types/src/stories/forms/SelectInput.stories.d.ts.map +1 -0
- package/dist/types/src/stories/forms/TextInput.stories.d.ts +37 -0
- package/dist/types/src/stories/forms/TextInput.stories.d.ts.map +1 -0
- package/dist/types/src/stories/forms/TextareaInput.stories.d.ts +52 -0
- package/dist/types/src/stories/forms/TextareaInput.stories.d.ts.map +1 -0
- package/dist/types/src/stories/table/Table.stories.d.ts +9 -0
- package/dist/types/src/stories/table/Table.stories.d.ts.map +1 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectInput.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/SelectInput/SelectInput.spec.jsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export function SelectInput({ id, label, name, options, disabled, error, fullWidth, hint, onChange, placeholder, value, }: {
|
|
2
|
+
id: any;
|
|
3
|
+
label: any;
|
|
4
|
+
name: any;
|
|
5
|
+
options: any;
|
|
6
|
+
disabled?: boolean | undefined;
|
|
7
|
+
error?: string | undefined;
|
|
8
|
+
fullWidth?: boolean | undefined;
|
|
9
|
+
hint?: string | undefined;
|
|
10
|
+
onChange?: (() => void) | undefined;
|
|
11
|
+
placeholder?: string | undefined;
|
|
12
|
+
value?: string | undefined;
|
|
13
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export namespace SelectInput {
|
|
15
|
+
namespace propTypes {
|
|
16
|
+
let disabled: PropTypes.Requireable<boolean>;
|
|
17
|
+
let error: PropTypes.Requireable<string>;
|
|
18
|
+
let fullWidth: PropTypes.Requireable<boolean>;
|
|
19
|
+
let hint: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
|
|
20
|
+
let label: PropTypes.Validator<NonNullable<NonNullable<string | object | null | undefined>>>;
|
|
21
|
+
let id: PropTypes.Validator<string>;
|
|
22
|
+
let name: PropTypes.Validator<string>;
|
|
23
|
+
let onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
24
|
+
let options: PropTypes.Validator<any[]>;
|
|
25
|
+
let placeholder: PropTypes.Requireable<string>;
|
|
26
|
+
let value: PropTypes.Requireable<string>;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
export default SelectInput;
|
|
30
|
+
import PropTypes from "prop-types";
|
|
31
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/SelectInput/index.jsx"],"names":[],"mappings":"AAOO;;;;;;;;;;;;4CA4CN;;;;;;;;;;;;;;;;;sBAlDqB,YAAY"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextInput.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/TextInput/TextInput.spec.jsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export function TextInput({ id, label, name, value, disabled, error, fullWidth, hint, onChange, }: {
|
|
2
|
+
id: any;
|
|
3
|
+
label: any;
|
|
4
|
+
name: any;
|
|
5
|
+
value: any;
|
|
6
|
+
disabled?: boolean | undefined;
|
|
7
|
+
error?: string | undefined;
|
|
8
|
+
fullWidth?: boolean | undefined;
|
|
9
|
+
hint?: string | undefined;
|
|
10
|
+
onChange?: (() => void) | undefined;
|
|
11
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export namespace TextInput {
|
|
13
|
+
namespace propTypes {
|
|
14
|
+
let disabled: PropTypes.Requireable<boolean>;
|
|
15
|
+
let error: PropTypes.Requireable<string>;
|
|
16
|
+
let fullWidth: PropTypes.Requireable<boolean>;
|
|
17
|
+
let hint: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
|
|
18
|
+
let label: PropTypes.Validator<NonNullable<NonNullable<string | object | null | undefined>>>;
|
|
19
|
+
let id: PropTypes.Validator<string>;
|
|
20
|
+
let name: PropTypes.Validator<string>;
|
|
21
|
+
let onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
22
|
+
let value: PropTypes.Validator<string>;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
export default TextInput;
|
|
26
|
+
import PropTypes from "prop-types";
|
|
27
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/TextInput/index.jsx"],"names":[],"mappings":"AAOO;;;;;;;;;;4CA+BN;;;;;;;;;;;;;;;sBArCqB,YAAY"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextareaInput.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/TextareaInput/TextareaInput.spec.jsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export function TextareaInput({ id, label, name, value, disabled, readOnly, error, fullWidth, hint, onChange, }: {
|
|
2
|
+
id: any;
|
|
3
|
+
label: any;
|
|
4
|
+
name: any;
|
|
5
|
+
value: any;
|
|
6
|
+
disabled?: boolean | undefined;
|
|
7
|
+
readOnly?: boolean | undefined;
|
|
8
|
+
error?: string | undefined;
|
|
9
|
+
fullWidth?: boolean | undefined;
|
|
10
|
+
hint?: string | undefined;
|
|
11
|
+
onChange?: (() => void) | undefined;
|
|
12
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export namespace TextareaInput {
|
|
14
|
+
namespace propTypes {
|
|
15
|
+
let disabled: PropTypes.Requireable<boolean>;
|
|
16
|
+
let readOnly: PropTypes.Requireable<boolean>;
|
|
17
|
+
let error: PropTypes.Requireable<string>;
|
|
18
|
+
let fullWidth: PropTypes.Requireable<boolean>;
|
|
19
|
+
let hint: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
|
|
20
|
+
let label: PropTypes.Validator<NonNullable<NonNullable<string | object | null | undefined>>>;
|
|
21
|
+
let id: PropTypes.Validator<string>;
|
|
22
|
+
let name: PropTypes.Validator<string>;
|
|
23
|
+
let onChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
24
|
+
let value: PropTypes.Validator<string>;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
export default TextareaInput;
|
|
28
|
+
import PropTypes from "prop-types";
|
|
29
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/TextareaInput/index.jsx"],"names":[],"mappings":"AAOO;;;;;;;;;;;4CAkCN;;;;;;;;;;;;;;;;sBAxCqB,YAAY"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MaterialSymbols/index.jsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
type BaseModalProps = {
|
|
2
|
+
isOpen: boolean;
|
|
3
|
+
setIsOpen: (isOpen: boolean) => void;
|
|
4
|
+
heading: string;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
showCloseButton?: boolean;
|
|
7
|
+
};
|
|
8
|
+
type PrimaryButtonProps = {
|
|
9
|
+
primaryButtonText: string;
|
|
10
|
+
} & ({
|
|
11
|
+
onClickPrimaryButton: () => void;
|
|
12
|
+
primaryButtonLink?: never;
|
|
13
|
+
} | {
|
|
14
|
+
primaryButtonLink: string;
|
|
15
|
+
onClickPrimaryButton?: never;
|
|
16
|
+
});
|
|
17
|
+
type SecondaryButtonProps = {
|
|
18
|
+
secondaryButtonText?: never;
|
|
19
|
+
secondaryButtonLink?: never;
|
|
20
|
+
onClickSecondaryButton?: never;
|
|
21
|
+
} | ({
|
|
22
|
+
secondaryButtonText: string;
|
|
23
|
+
} & ({
|
|
24
|
+
onClickSecondaryButton: () => void;
|
|
25
|
+
secondaryButtonLink?: never;
|
|
26
|
+
} | {
|
|
27
|
+
secondaryButtonLink: string;
|
|
28
|
+
onClickSecondaryButton?: never;
|
|
29
|
+
}));
|
|
30
|
+
type TertiaryButtonProps = {
|
|
31
|
+
tertiaryButtonText?: never;
|
|
32
|
+
tertiaryButtonLink?: never;
|
|
33
|
+
onClickTertiaryButton?: never;
|
|
34
|
+
} | ({
|
|
35
|
+
tertiaryButtonText: string;
|
|
36
|
+
} & ({
|
|
37
|
+
onClickTertiaryButton: () => void;
|
|
38
|
+
tertiaryButtonLink?: never;
|
|
39
|
+
} | {
|
|
40
|
+
tertiaryButtonLink: string;
|
|
41
|
+
onClickTertiaryButton?: never;
|
|
42
|
+
}));
|
|
43
|
+
export type ModalProps = BaseModalProps & PrimaryButtonProps & SecondaryButtonProps & TertiaryButtonProps;
|
|
44
|
+
export {};
|
|
45
|
+
//# sourceMappingURL=Modal.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,GAAG;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,iBAAiB,EAAE,MAAM,CAAC;CAC3B,GAAG,CACA;IAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,GAC/D;IAAE,iBAAiB,EAAE,MAAM,CAAC;IAAC,oBAAoB,CAAC,EAAE,KAAK,CAAA;CAAE,CAC9D,CAAC;AAEF,KAAK,oBAAoB,GACrB;IACE,mBAAmB,CAAC,EAAE,KAAK,CAAC;IAC5B,mBAAmB,CAAC,EAAE,KAAK,CAAC;IAC5B,sBAAsB,CAAC,EAAE,KAAK,CAAC;CAChC,GACD,CAAC;IACC,mBAAmB,EAAE,MAAM,CAAC;CAC7B,GAAG,CACA;IAAE,sBAAsB,EAAE,MAAM,IAAI,CAAC;IAAC,mBAAmB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnE;IAAE,mBAAmB,EAAE,MAAM,CAAC;IAAC,sBAAsB,CAAC,EAAE,KAAK,CAAA;CAAE,CAClE,CAAC,CAAC;AAEP,KAAK,mBAAmB,GACpB;IACE,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,qBAAqB,CAAC,EAAE,KAAK,CAAC;CAC/B,GACD,CAAC;IACC,kBAAkB,EAAE,MAAM,CAAC;CAC5B,GAAG,CACA;IAAE,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAAC,kBAAkB,CAAC,EAAE,KAAK,CAAA;CAAE,GACjE;IAAE,kBAAkB,EAAE,MAAM,CAAC;IAAC,qBAAqB,CAAC,EAAE,KAAK,CAAA;CAAE,CAChE,CAAC,CAAC;AAEP,MAAM,MAAM,UAAU,GAAG,cAAc,GACrC,kBAAkB,GAClB,oBAAoB,GACpB,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import "@/components/MaterialSymbols";
|
|
2
|
+
import "./Modal.scss";
|
|
3
|
+
import type { ModalProps } from "./Modal.types";
|
|
4
|
+
declare const Modal: ({ isOpen, setIsOpen, heading, children, primaryButtonLink, primaryButtonText, onClickPrimaryButton, secondaryButtonText, secondaryButtonLink, onClickSecondaryButton, tertiaryButtonText, tertiaryButtonLink, onClickTertiaryButton, showCloseButton, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export default Modal;
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,QAAA,MAAM,KAAK,GAAI,yPAeZ,UAAU,4CAuDZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export type ProgressBarProps = {
|
|
2
|
+
/** The text that labels the progress bar */
|
|
3
|
+
text?: string;
|
|
4
|
+
/** Percentage complete */
|
|
5
|
+
percent: number;
|
|
6
|
+
/** Optional visual indicator for when progress bar is complete */
|
|
7
|
+
complete?: boolean;
|
|
8
|
+
/** Additional CSS class name */
|
|
9
|
+
className?: string;
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=ProgressBar.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressBar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/ProgressBar.types.ts"],"names":[],"mappings":"AAAE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2BAA2B;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import "@/components/MaterialSymbols";
|
|
2
|
+
import "./ProgressBar.scss";
|
|
3
|
+
import type { ProgressBarProps } from "./ProgressBar.types";
|
|
4
|
+
export declare const ProgressBar: ({ text, percent, complete, className, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export default ProgressBar;
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,GAAI,yCAKzB,gBAAgB,4CAclB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BodyCell.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/BodyCell/BodyCell.spec.jsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/BodyCell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAEzB,eAAO,MAAM,QAAQ,GAAI,cAAc;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAIpE,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeaderCell.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/HeaderCell/HeaderCell.spec.jsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export type HeaderCellProps = {
|
|
2
|
+
/** Controls whether the up or down arrow is displayed */
|
|
3
|
+
sortDirection?: "up" | "down";
|
|
4
|
+
/** The content of the table header cell */
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
/** Click handler for header cell */
|
|
7
|
+
onClick?: () => void;
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=HeaderCell.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HeaderCell.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/HeaderCell/HeaderCell.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC5B,yDAAyD;IACzD,aAAa,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IAC9B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import "./HeaderCell.scss";
|
|
2
|
+
import type { HeaderCellProps } from "./HeaderCell.types";
|
|
3
|
+
export declare const HeaderCell: ({ sortDirection, children, onClick, }: HeaderCellProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default HeaderCell;
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/HeaderCell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,GAAI,uCAIxB,eAAe,4CAoCjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/Table/Table.spec.jsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export type TableProps = {
|
|
2
|
+
/** The header row component */
|
|
3
|
+
headerRow: React.ReactNode;
|
|
4
|
+
/** An array of body row components */
|
|
5
|
+
bodyRows: Array<React.ReactNode>;
|
|
6
|
+
/** Whether or not the table displays full width or not */
|
|
7
|
+
fullWidth?: boolean;
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=Table.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/Table/Table.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACvB,+BAA+B;IAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;IACjC,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/Table/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,KAAK,GAAI,oCAAoC,UAAU,4CAsBnE,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tag.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/Tag.spec.jsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export type TagProps = {
|
|
2
|
+
/** The text content of the tag */
|
|
3
|
+
text: string;
|
|
4
|
+
/** The variant of the tag. Is ignored if you add a custom modifier. */
|
|
5
|
+
variant?: 'default' | 'information' | 'success' | 'warning' | 'error';
|
|
6
|
+
/** The secondary (inverted) look of all variants. */
|
|
7
|
+
secondary?: boolean;
|
|
8
|
+
/** A list of available icon names can be found here. Write names as snake case (so "Check Circle" becomes check_circle). */
|
|
9
|
+
icon?: string;
|
|
10
|
+
/** The position of the icon */
|
|
11
|
+
iconPosition?: 'left' | 'right';
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=Tag.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tag.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/Tag.types.ts"],"names":[],"mappings":"AAAE,MAAM,MAAM,QAAQ,GAAG;IACrB,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IACrE,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4HAA4H;IAC5H,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAChC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAEA,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,eAAO,MAAM,GAAG,GAAI,mDAMjB,QAAQ,4CAwBV,CAAC;AAEF,eAAe,GAAG,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDialog.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDialog.ts"],"names":[],"mappings":"AAEA,wBAAgB,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;;;EAqD5E"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
declare namespace _default {
|
|
2
|
+
export let title: string;
|
|
3
|
+
export { Accordion as component };
|
|
4
|
+
export let tags: string[];
|
|
5
|
+
}
|
|
6
|
+
export default _default;
|
|
7
|
+
export namespace Default {
|
|
8
|
+
namespace args {
|
|
9
|
+
let title_1: string;
|
|
10
|
+
export { title_1 as title };
|
|
11
|
+
export let content: string;
|
|
12
|
+
export let id: string;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
//# sourceMappingURL=Accordion.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Accordion.stories.jsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import { Alert } from "../components/Alert";
|
|
3
|
+
/**
|
|
4
|
+
* Alerts are used to call out important information.
|
|
5
|
+
*
|
|
6
|
+
* Simplest use: `<Alert title="" text="" type=""/>`
|
|
7
|
+
*
|
|
8
|
+
* For each story, click "Show code" to see the code featuring all available props defined.
|
|
9
|
+
*
|
|
10
|
+
* ### Alert types
|
|
11
|
+
* There are three main types:
|
|
12
|
+
* * error
|
|
13
|
+
* * warning
|
|
14
|
+
* * information
|
|
15
|
+
* * success
|
|
16
|
+
*
|
|
17
|
+
* Use the `type` prop: `<Alert type="error" .../>`
|
|
18
|
+
*
|
|
19
|
+
* ### Title/text or children
|
|
20
|
+
* You may provide plain text to title/text or custom children, `titleChildren` prop for title and `children` prop for text. Do not provide both plain text and children to title/text.
|
|
21
|
+
*
|
|
22
|
+
* ### Actions
|
|
23
|
+
* An array of actions can be provided, these will show clickable links.
|
|
24
|
+
*
|
|
25
|
+
* e.g. `<Alert ... actions={[ {href: '', label: ''} ]}/>`
|
|
26
|
+
*
|
|
27
|
+
*/
|
|
28
|
+
declare const meta: Meta<typeof Alert>;
|
|
29
|
+
export default meta;
|
|
30
|
+
type Story = StoryObj<typeof Alert>;
|
|
31
|
+
/**
|
|
32
|
+
* Primary buttons are used to denote the main action that the user should take next.
|
|
33
|
+
*/
|
|
34
|
+
export declare const Default: Story;
|
|
35
|
+
export declare const Error: Story;
|
|
36
|
+
export declare const Warning: Story;
|
|
37
|
+
export declare const Success: Story;
|
|
38
|
+
export declare const WithActions: Story;
|
|
39
|
+
export declare const WithClose: Story;
|
|
40
|
+
export declare const WithCustomTitle: Story;
|
|
41
|
+
//# sourceMappingURL=Alert.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAqB5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC"}
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
export default options;
|
|
2
|
+
export namespace Default {
|
|
3
|
+
let args: {};
|
|
4
|
+
}
|
|
5
|
+
export namespace Secondary {
|
|
6
|
+
export namespace args_1 {
|
|
7
|
+
let type: string;
|
|
8
|
+
}
|
|
9
|
+
export { args_1 as args };
|
|
10
|
+
}
|
|
11
|
+
export namespace Tertiary {
|
|
12
|
+
export namespace args_2 {
|
|
13
|
+
let type_1: string;
|
|
14
|
+
export { type_1 as type };
|
|
15
|
+
}
|
|
16
|
+
export { args_2 as args };
|
|
17
|
+
}
|
|
18
|
+
export namespace Small {
|
|
19
|
+
export namespace args_3 {
|
|
20
|
+
let size: string;
|
|
21
|
+
}
|
|
22
|
+
export { args_3 as args };
|
|
23
|
+
}
|
|
24
|
+
export namespace TextAndIcon {
|
|
25
|
+
export namespace args_4 {
|
|
26
|
+
let icon: string;
|
|
27
|
+
}
|
|
28
|
+
export { args_4 as args };
|
|
29
|
+
}
|
|
30
|
+
export namespace IconOnly {
|
|
31
|
+
export namespace args_5 {
|
|
32
|
+
let icon_1: string;
|
|
33
|
+
export { icon_1 as icon };
|
|
34
|
+
export let iconOnly: boolean;
|
|
35
|
+
}
|
|
36
|
+
export { args_5 as args };
|
|
37
|
+
}
|
|
38
|
+
export namespace LinkButton {
|
|
39
|
+
export namespace args_6 {
|
|
40
|
+
export let href: string;
|
|
41
|
+
export { Link as linkComponent };
|
|
42
|
+
}
|
|
43
|
+
export { args_6 as args };
|
|
44
|
+
export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
|
|
45
|
+
}
|
|
46
|
+
export namespace ExternalLink {
|
|
47
|
+
export namespace args_7 {
|
|
48
|
+
let href_1: string;
|
|
49
|
+
export { href_1 as href };
|
|
50
|
+
let icon_2: string;
|
|
51
|
+
export { icon_2 as icon };
|
|
52
|
+
export let iconPosition: string;
|
|
53
|
+
}
|
|
54
|
+
export { args_7 as args };
|
|
55
|
+
let decorators_1: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
|
|
56
|
+
export { decorators_1 as decorators };
|
|
57
|
+
}
|
|
58
|
+
export namespace Danger {
|
|
59
|
+
export namespace args_8 {
|
|
60
|
+
let variant: string;
|
|
61
|
+
}
|
|
62
|
+
export { args_8 as args };
|
|
63
|
+
}
|
|
64
|
+
declare namespace options {
|
|
65
|
+
export let title: string;
|
|
66
|
+
export { Button as component };
|
|
67
|
+
export let tags: string[];
|
|
68
|
+
export namespace argTypes {
|
|
69
|
+
export namespace type_2 {
|
|
70
|
+
namespace control {
|
|
71
|
+
let type_3: string;
|
|
72
|
+
export { type_3 as type };
|
|
73
|
+
}
|
|
74
|
+
let options: string[];
|
|
75
|
+
}
|
|
76
|
+
export { type_2 as type };
|
|
77
|
+
export namespace variant_1 {
|
|
78
|
+
export namespace control_1 {
|
|
79
|
+
let type_4: string;
|
|
80
|
+
export { type_4 as type };
|
|
81
|
+
}
|
|
82
|
+
export { control_1 as control };
|
|
83
|
+
let options_1: string[];
|
|
84
|
+
export { options_1 as options };
|
|
85
|
+
}
|
|
86
|
+
export { variant_1 as variant };
|
|
87
|
+
export namespace size_1 {
|
|
88
|
+
export namespace control_2 {
|
|
89
|
+
let type_5: string;
|
|
90
|
+
export { type_5 as type };
|
|
91
|
+
}
|
|
92
|
+
export { control_2 as control };
|
|
93
|
+
let options_2: string[];
|
|
94
|
+
export { options_2 as options };
|
|
95
|
+
}
|
|
96
|
+
export { size_1 as size };
|
|
97
|
+
export namespace icon_3 {
|
|
98
|
+
let description: string;
|
|
99
|
+
}
|
|
100
|
+
export { icon_3 as icon };
|
|
101
|
+
export namespace iconPosition_1 {
|
|
102
|
+
export namespace control_3 {
|
|
103
|
+
let type_6: string;
|
|
104
|
+
export { type_6 as type };
|
|
105
|
+
}
|
|
106
|
+
export { control_3 as control };
|
|
107
|
+
let options_3: string[];
|
|
108
|
+
export { options_3 as options };
|
|
109
|
+
}
|
|
110
|
+
export { iconPosition_1 as iconPosition };
|
|
111
|
+
}
|
|
112
|
+
let args_9: {
|
|
113
|
+
text: string;
|
|
114
|
+
type: string;
|
|
115
|
+
variant: string;
|
|
116
|
+
size: string;
|
|
117
|
+
icon: string;
|
|
118
|
+
iconOnly: boolean;
|
|
119
|
+
iconPosition: string;
|
|
120
|
+
fullWidth: boolean;
|
|
121
|
+
disabled: boolean;
|
|
122
|
+
href: string;
|
|
123
|
+
title: string;
|
|
124
|
+
className: string;
|
|
125
|
+
onClick: null;
|
|
126
|
+
"aria-label": string;
|
|
127
|
+
linkComponent: null;
|
|
128
|
+
};
|
|
129
|
+
export { args_9 as args };
|
|
130
|
+
}
|
|
131
|
+
import { Link } from "react-router-dom";
|
|
132
|
+
//# sourceMappingURL=Button.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Button.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBACkC,kBAAkB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExampleModal.d.ts","sourceRoot":"","sources":["../../../../../../src/stories/Modal/ExampleModal/ExampleModal.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,YAAY,4CA+BnC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import ExampleModal from "./ExampleModal";
|
|
3
|
+
declare const meta: Meta<typeof ExampleModal>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof ExampleModal>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
//# sourceMappingURL=ExampleModal.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExampleModal.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/stories/Modal/ExampleModal/ExampleModal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CASnC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAC;AAE3C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
import Modal from "../../components/Modal";
|
|
3
|
+
/**
|
|
4
|
+
* A Modal displays content on top of the normal screen. It could contain a call to action, or alert the user to some important information.
|
|
5
|
+
*
|
|
6
|
+
* **NOTE**: the Modal is intentionally not shown here, since it would overlay on top of the documentation.
|
|
7
|
+
*
|
|
8
|
+
* - To see the Modal component with close/open functionality, see the Example story.
|
|
9
|
+
*
|
|
10
|
+
* - To see the Modal UI only, see the Default/Custom styling stories.
|
|
11
|
+
*
|
|
12
|
+
*/
|
|
13
|
+
declare const meta: Meta<typeof Modal>;
|
|
14
|
+
export default meta;
|
|
15
|
+
type Story = StoryObj<typeof Modal>;
|
|
16
|
+
export declare const Default: Story;
|
|
17
|
+
export declare const WithContentScrollbar: Story;
|
|
18
|
+
export declare const CustomStyling: {
|
|
19
|
+
parameters: {
|
|
20
|
+
docs: {
|
|
21
|
+
disable: boolean;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=Modal.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAM3C;;;;;;;;;GASG;AAEH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAiC5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KASlC,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;CA2BzB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.stories.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Modal/Modal.stories.helpers.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,+CAKhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAa7B,CAAC"}
|