@shape-digital-env/shape-ui 0.0.1 → 0.0.3
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 +24 -85
- package/components/Accordion/Accordion.d.ts +32 -7
- package/components/Accordion/Accordion.d.ts.map +1 -1
- package/components/Accordion/Accordion.stories.d.ts +49 -6
- package/components/Accordion/Accordion.stories.d.ts.map +1 -1
- package/components/AccountAvatar/AccountAvatar.d.ts +2 -0
- package/components/AccountAvatar/AccountAvatar.d.ts.map +1 -1
- package/components/AccountAvatar/AccountAvatar.stories.d.ts +20 -7
- package/components/AccountAvatar/AccountAvatar.stories.d.ts.map +1 -1
- package/components/AppLogos/AppLogos.stories.d.ts +4 -6
- package/components/AppLogos/AppLogos.stories.d.ts.map +1 -1
- package/components/AppLogos/AuraLogo.d.ts +2 -0
- package/components/AppLogos/AuraLogo.d.ts.map +1 -1
- package/components/AppLogos/AuraLogoWithName.d.ts +2 -0
- package/components/AppLogos/AuraLogoWithName.d.ts.map +1 -1
- package/components/AppLogos/LighthouseLockup.d.ts +3 -0
- package/components/AppLogos/LighthouseLockup.d.ts.map +1 -1
- package/components/AppLogos/LighthouseLogo.d.ts +2 -0
- package/components/AppLogos/LighthouseLogo.d.ts.map +1 -1
- package/components/AppLogos/LighthouseLogoWithName.d.ts +2 -0
- package/components/AppLogos/LighthouseLogoWithName.d.ts.map +1 -1
- package/components/AppLogos/LumenLogo.d.ts +2 -0
- package/components/AppLogos/LumenLogo.d.ts.map +1 -1
- package/components/AppLogos/LumenLogoWithName.d.ts +2 -0
- package/components/AppLogos/LumenLogoWithName.d.ts.map +1 -1
- package/components/AppLogos/ReefLogo.d.ts +2 -0
- package/components/AppLogos/ReefLogo.d.ts.map +1 -1
- package/components/AppLogos/ReefLogoWithName.d.ts +2 -0
- package/components/AppLogos/ReefLogoWithName.d.ts.map +1 -1
- package/components/Button/Button.d.ts +13 -0
- package/components/Button/Button.d.ts.map +1 -1
- package/components/Button/Button.stories.d.ts +38 -4
- package/components/Button/Button.stories.d.ts.map +1 -1
- package/components/Card/Card.d.ts +1 -0
- package/components/Card/Card.d.ts.map +1 -1
- package/components/Card/Card.stories.d.ts +23 -4
- package/components/Card/Card.stories.d.ts.map +1 -1
- package/components/CellStyled/CellStyled.d.ts +5 -0
- package/components/CellStyled/CellStyled.d.ts.map +1 -1
- package/components/CellStyled/CellStyled.stories.d.ts +28 -4
- package/components/CellStyled/CellStyled.stories.d.ts.map +1 -1
- package/components/ChartWrapper/ChartWrapper.d.ts +4 -4
- package/components/ChartWrapper/ChartWrapper.d.ts.map +1 -1
- package/components/ChartWrapper/ChartWrapper.stories.d.ts +22 -5
- package/components/ChartWrapper/ChartWrapper.stories.d.ts.map +1 -1
- package/components/Checkbox/Checkbox.d.ts +4 -1
- package/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/components/Checkbox/Checkbox.stories.d.ts +25 -7
- package/components/Checkbox/Checkbox.stories.d.ts.map +1 -1
- package/components/ClearFilters/ClearFilters.d.ts +5 -0
- package/components/ClearFilters/ClearFilters.d.ts.map +1 -1
- package/components/ClearFilters/ClearFilters.stories.d.ts +26 -5
- package/components/ClearFilters/ClearFilters.stories.d.ts.map +1 -1
- package/components/DateRangePicker/DateRangePicker.d.ts +17 -0
- package/components/DateRangePicker/DateRangePicker.d.ts.map +1 -1
- package/components/DateRangePicker/DateRangePicker.stories.d.ts +55 -7
- package/components/DateRangePicker/DateRangePicker.stories.d.ts.map +1 -1
- package/components/Divider/Divider.d.ts +4 -4
- package/components/Divider/Divider.d.ts.map +1 -1
- package/components/Divider/Divider.stories.d.ts +27 -6
- package/components/Divider/Divider.stories.d.ts.map +1 -1
- package/components/DropdownMenu/DropdownMenu.d.ts +3 -0
- package/components/DropdownMenu/DropdownMenu.d.ts.map +1 -1
- package/components/DropdownMenu/DropdownMenu.stories.d.ts +37 -3
- package/components/DropdownMenu/DropdownMenu.stories.d.ts.map +1 -1
- package/components/ErrorFallback/ErrorFallback.d.ts +12 -0
- package/components/ErrorFallback/ErrorFallback.d.ts.map +1 -1
- package/components/ErrorFallback/ErrorFallback.stories.d.ts +291 -4
- package/components/ErrorFallback/ErrorFallback.stories.d.ts.map +1 -1
- package/components/ErrorOnLoadData/ErrorOnLoadData.d.ts +6 -0
- package/components/ErrorOnLoadData/ErrorOnLoadData.d.ts.map +1 -1
- package/components/ErrorOnLoadData/ErrorOnLoadData.stories.d.ts +1 -0
- package/components/ErrorOnLoadData/ErrorOnLoadData.stories.d.ts.map +1 -1
- package/components/Field/Field.stories.d.ts +19 -4
- package/components/Field/Field.stories.d.ts.map +1 -1
- package/components/Field/Field.types.d.ts +30 -0
- package/components/Field/Field.types.d.ts.map +1 -1
- package/components/Icon/Icon.d.ts +8 -4
- package/components/Icon/Icon.d.ts.map +1 -1
- package/components/Icon/Icon.stories.d.ts +36 -4
- package/components/Icon/Icon.stories.d.ts.map +1 -1
- package/components/Input/Input.d.ts +4 -0
- package/components/Input/Input.d.ts.map +1 -1
- package/components/Input/Input.stories.d.ts +328 -9
- package/components/Input/Input.stories.d.ts.map +1 -1
- package/components/LegendIcon/LegendIcon.d.ts +5 -2
- package/components/LegendIcon/LegendIcon.d.ts.map +1 -1
- package/components/LegendIcon/LegendIcon.stories.d.ts +3 -5
- package/components/LegendIcon/LegendIcon.stories.d.ts.map +1 -1
- package/components/LoginScreen/LoginScreen.d.ts +33 -5
- package/components/LoginScreen/LoginScreen.d.ts.map +1 -1
- package/components/LoginScreen/LoginScreen.stories.d.ts +6 -0
- package/components/LoginScreen/LoginScreen.stories.d.ts.map +1 -1
- package/components/Logo/Logo.d.ts +5 -0
- package/components/Logo/Logo.d.ts.map +1 -1
- package/components/Logo/Logo.stories.d.ts +27 -6
- package/components/Logo/Logo.stories.d.ts.map +1 -1
- package/components/MetricCard/MetricCard.d.ts +13 -1
- package/components/MetricCard/MetricCard.d.ts.map +1 -1
- package/components/MetricCard/MetricCard.stories.d.ts.map +1 -1
- package/components/Modal/Modal.d.ts +27 -16
- package/components/Modal/Modal.d.ts.map +1 -1
- package/components/Modal/Modal.stories.d.ts +41 -6
- package/components/Modal/Modal.stories.d.ts.map +1 -1
- package/components/MultiSelect/MultiSelect.d.ts +10 -0
- package/components/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/components/MultiSelect/MultiSelect.stories.d.ts +66 -5
- package/components/MultiSelect/MultiSelect.stories.d.ts.map +1 -1
- package/components/PageHeader/PageHeader.d.ts +2 -0
- package/components/PageHeader/PageHeader.d.ts.map +1 -1
- package/components/PageHeader/PageHeader.stories.d.ts +28 -6
- package/components/PageHeader/PageHeader.stories.d.ts.map +1 -1
- package/components/Pagination/Pagination.d.ts +9 -0
- package/components/Pagination/Pagination.d.ts.map +1 -1
- package/components/Pagination/Pagination.stories.d.ts +60 -4
- package/components/Pagination/Pagination.stories.d.ts.map +1 -1
- package/components/RadioGroup/RadioGroup.d.ts +2 -0
- package/components/RadioGroup/RadioGroup.d.ts.map +1 -1
- package/components/RadioGroup/RadioGroup.stories.d.ts +44 -5
- package/components/RadioGroup/RadioGroup.stories.d.ts.map +1 -1
- package/components/Select/Select.d.ts +47 -14
- package/components/Select/Select.d.ts.map +1 -1
- package/components/Select/Select.stories.d.ts +105 -10
- package/components/Select/Select.stories.d.ts.map +1 -1
- package/components/ShapeLogo/ShapeLogo.d.ts +4 -1
- package/components/ShapeLogo/ShapeLogo.d.ts.map +1 -1
- package/components/ShapeLogo/ShapeLogo.stories.d.ts +29 -4
- package/components/ShapeLogo/ShapeLogo.stories.d.ts.map +1 -1
- package/components/SortableTableSection/SortableTableSection.d.ts +20 -4
- package/components/SortableTableSection/SortableTableSection.d.ts.map +1 -1
- package/components/SortableTableSection/SortableTableSection.stories.d.ts +44 -5
- package/components/SortableTableSection/SortableTableSection.stories.d.ts.map +1 -1
- package/components/Spinner/Spinner.d.ts +12 -2
- package/components/Spinner/Spinner.d.ts.map +1 -1
- package/components/Spinner/Spinner.stories.d.ts +26 -4
- package/components/Spinner/Spinner.stories.d.ts.map +1 -1
- package/components/Stepper/Stepper.d.ts +9 -1
- package/components/Stepper/Stepper.d.ts.map +1 -1
- package/components/Stepper/Stepper.stories.d.ts +308 -6
- package/components/Stepper/Stepper.stories.d.ts.map +1 -1
- package/components/Switch/Switch.stories.d.ts +24 -7
- package/components/Switch/Switch.stories.d.ts.map +1 -1
- package/components/Table/DataTable/DataTable.d.ts +1 -1
- package/components/Table/DataTable/DataTable.d.ts.map +1 -1
- package/components/Table/DataTable/DataTable.stories.d.ts +96 -9
- package/components/Table/DataTable/DataTable.stories.d.ts.map +1 -1
- package/components/Table/DataTable/DataTable.types.d.ts +61 -0
- package/components/Table/DataTable/DataTable.types.d.ts.map +1 -1
- package/components/Table/DataTable/components/DataTableBody.d.ts +2 -1
- package/components/Table/DataTable/components/DataTableBody.d.ts.map +1 -1
- package/components/Table/DataTable/components/DataTableCell/DataTableCell.d.ts +5 -0
- package/components/Table/DataTable/components/DataTableCell/DataTableCell.d.ts.map +1 -1
- package/components/Table/DataTable/components/DataTableCell/DataTableCell.utils.d.ts.map +1 -1
- package/components/Table/DataTable/components/DataTableHeader.d.ts.map +1 -1
- package/components/Table/DataTable/hooks/useDataTableColumns.d.ts.map +1 -1
- package/components/Table/Table.d.ts +12 -2
- package/components/Table/Table.d.ts.map +1 -1
- package/components/Table/Table.stories.d.ts +22 -7
- package/components/Table/Table.stories.d.ts.map +1 -1
- package/components/Tabs/Tabs.d.ts +12 -0
- package/components/Tabs/Tabs.d.ts.map +1 -1
- package/components/Tabs/Tabs.stories.d.ts +38 -5
- package/components/Tabs/Tabs.stories.d.ts.map +1 -1
- package/components/Textarea/Textarea.d.ts +4 -0
- package/components/Textarea/Textarea.d.ts.map +1 -1
- package/components/Textarea/Textarea.stories.d.ts +311 -7
- package/components/Textarea/Textarea.stories.d.ts.map +1 -1
- package/components/Title/Title.d.ts +1 -0
- package/components/Title/Title.d.ts.map +1 -1
- package/components/Title/Title.stories.d.ts +18 -4
- package/components/Title/Title.stories.d.ts.map +1 -1
- package/components/Toast/Toast.d.ts +18 -2
- package/components/Toast/Toast.d.ts.map +1 -1
- package/components/Toast/Toast.stories.d.ts +40 -5
- package/components/Toast/Toast.stories.d.ts.map +1 -1
- package/components/Tooltip/Tooltip.d.ts +13 -0
- package/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/components/Tooltip/Tooltip.stories.d.ts +338 -3
- package/components/Tooltip/Tooltip.stories.d.ts.map +1 -1
- package/index.js +9144 -9221
- package/lib/i18n.d.ts +8 -0
- package/lib/i18n.d.ts.map +1 -0
- package/lib/useSvgId.d.ts +8 -0
- package/lib/useSvgId.d.ts.map +1 -0
- package/locales/en/common.i18n.d.ts +19 -0
- package/locales/en/common.i18n.d.ts.map +1 -0
- package/locales/en/index.d.ts +19 -0
- package/locales/en/index.d.ts.map +1 -1
- package/locales/en/table.i18n.d.ts +1 -0
- package/locales/en/table.i18n.d.ts.map +1 -1
- package/locales/es/common.i18n.d.ts +19 -0
- package/locales/es/common.i18n.d.ts.map +1 -0
- package/locales/es/index.d.ts +19 -0
- package/locales/es/index.d.ts.map +1 -1
- package/locales/es/table.i18n.d.ts +1 -0
- package/locales/es/table.i18n.d.ts.map +1 -1
- package/locales/pt-br/common.i18n.d.ts +19 -0
- package/locales/pt-br/common.i18n.d.ts.map +1 -0
- package/locales/pt-br/index.d.ts +19 -0
- package/locales/pt-br/index.d.ts.map +1 -1
- package/locales/pt-br/table.i18n.d.ts +1 -0
- package/locales/pt-br/table.i18n.d.ts.map +1 -1
- package/package.json +4 -1
- package/styles.css +46 -1638
- package/components/Tabs/Tabs.figma.d.ts +0 -8
- package/components/Tabs/Tabs.figma.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAsBzD,QAAA,MAAM,UAAU,uCAAuB,CAAC;AACxC,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAC1C,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAmB1C,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAC7D,OAAO,eAAe,CAAC,OAAO,CAC/B,GAAG;IACF
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAsBzD,QAAA,MAAM,UAAU,uCAAuB,CAAC;AACxC,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAC1C,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAmB1C,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,wBAAwB,CAC7D,OAAO,eAAe,CAAC,OAAO,CAC/B,GAAG;IACF;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACxC,uEAAuE;IACvE,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,mFAAmF;IACnF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wEAAwE;IACxE,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,0FAA0F;IAC1F,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,QAAA,MAAM,aAAa;IAtBjB;;;;;OAKG;cACO,OAAO,GAAG,UAAU,GAAG,MAAM;IACvC,uEAAuE;kBACzD,cAAc;IAC5B,mFAAmF;eACxE,OAAO;IAClB,wEAAwE;mBACzD,cAAc;IAC7B,0FAA0F;qBACzE,OAAO;IACxB;;;OAGG;YACK,OAAO;2CAwHhB,CAAC;AAiBF,QAAA,MAAM,aAAa;IARjB;;;;OAIG;oBACa,MAAM,GAAG,MAAM;wCA+FhC,CAAC;AAMF,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IACnE,+EAA+E;IAC/E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,QAAA,MAAM,UAAU,wFAuBd,CAAC;AAMH,QAAA,MAAM,WAAW,4JAYf,CAAC;AAMH,QAAA,MAAM,eAAe,gKASnB,CAAC;AAGH,QAAA,MAAM,MAAM,WACF,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;;;;;QAhUnE;;;;;WAKG;kBACO,OAAO,GAAG,UAAU,GAAG,MAAM;QACvC,uEAAuE;sBACzD,cAAc;QAC5B,mFAAmF;mBACxE,OAAO;QAClB,wEAAwE;uBACzD,cAAc;QAC7B,0FAA0F;yBACzE,OAAO;QACxB;;;WAGG;gBACK,OAAO;;;QAiIf;;;;WAIG;wBACa,MAAM,GAAG,MAAM;;;;;CAoLhC,CAAC;AAEF,OAAO,EACL,MAAM,EACN,UAAU,EACV,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,UAAU,EACV,WAAW,EACX,eAAe,GAChB,CAAC"}
|
|
@@ -1,13 +1,108 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
2
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
3
|
+
import { Select, SelectTriggerProps } from './Select';
|
|
4
|
+
interface SelectOption {
|
|
5
|
+
value: string;
|
|
6
|
+
label: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
}
|
|
9
|
+
type SelectStoryArgs = ComponentProps<typeof Select> & Pick<SelectTriggerProps, "variant" | "error" | "severity" | "leadingIcon" | "aria-label"> & {
|
|
10
|
+
options: SelectOption[];
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
};
|
|
13
|
+
declare const meta: {
|
|
14
|
+
title: string;
|
|
15
|
+
component: ((props: React.ComponentPropsWithoutRef<import('react').FC<import('@radix-ui/react-select').SelectProps>>) => import("react/jsx-runtime").JSX.Element) & {
|
|
16
|
+
displayName: string;
|
|
17
|
+
Group: import('react').ForwardRefExoticComponent<import('@radix-ui/react-select').SelectGroupProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
18
|
+
Value: import('react').ForwardRefExoticComponent<import('@radix-ui/react-select').SelectValueProps & import('react').RefAttributes<HTMLSpanElement>>;
|
|
19
|
+
Trigger: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
20
|
+
variant?: "ghost" | "outlined" | "icon";
|
|
21
|
+
leadingIcon?: import('..').IconDefinition;
|
|
22
|
+
severity?: boolean;
|
|
23
|
+
trailingIcon?: import('..').IconDefinition;
|
|
24
|
+
replaceChevron?: boolean;
|
|
25
|
+
error?: boolean;
|
|
26
|
+
} & import('react').RefAttributes<HTMLButtonElement>>;
|
|
27
|
+
Content: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
28
|
+
wrapperZIndex?: number | string;
|
|
29
|
+
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
30
|
+
Item: import('react').ForwardRefExoticComponent<import('./Select').SelectItemProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
31
|
+
Label: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectLabelProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
32
|
+
Separator: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectSeparatorProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
33
|
+
};
|
|
34
|
+
subcomponents: {
|
|
35
|
+
"Select.Trigger": import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
36
|
+
variant?: "ghost" | "outlined" | "icon";
|
|
37
|
+
leadingIcon?: import('..').IconDefinition;
|
|
38
|
+
severity?: boolean;
|
|
39
|
+
trailingIcon?: import('..').IconDefinition;
|
|
40
|
+
replaceChevron?: boolean;
|
|
41
|
+
error?: boolean;
|
|
42
|
+
} & import('react').RefAttributes<HTMLButtonElement>>;
|
|
43
|
+
"Select.Content": import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-select').SelectContentProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
|
|
44
|
+
wrapperZIndex?: number | string;
|
|
45
|
+
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
46
|
+
"Select.Item": import('react').ForwardRefExoticComponent<import('./Select').SelectItemProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
47
|
+
};
|
|
48
|
+
parameters: {
|
|
49
|
+
layout: string;
|
|
50
|
+
docs: {
|
|
51
|
+
description: {
|
|
52
|
+
component: string;
|
|
53
|
+
};
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
57
|
+
children?: import('react').ReactNode;
|
|
58
|
+
open?: boolean | undefined;
|
|
59
|
+
defaultOpen?: boolean | undefined;
|
|
60
|
+
onOpenChange?: ((open: boolean) => void) | undefined;
|
|
61
|
+
dir?: ("ltr" | "rtl") | undefined;
|
|
62
|
+
name?: string | undefined;
|
|
63
|
+
autoComplete?: string | undefined;
|
|
64
|
+
disabled?: boolean | undefined;
|
|
65
|
+
required?: boolean | undefined;
|
|
66
|
+
form?: string | undefined;
|
|
67
|
+
value?: string | undefined;
|
|
68
|
+
defaultValue?: string | undefined;
|
|
69
|
+
onValueChange?: ((value: string) => void) | undefined;
|
|
70
|
+
"aria-label"?: string | undefined | undefined;
|
|
71
|
+
error?: boolean | undefined;
|
|
72
|
+
variant?: "ghost" | "outlined" | "icon" | undefined;
|
|
73
|
+
leadingIcon?: import('..').IconDefinition | undefined;
|
|
74
|
+
severity?: boolean | undefined;
|
|
75
|
+
options: SelectOption[];
|
|
76
|
+
placeholder?: string | undefined;
|
|
77
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
78
|
+
argTypes: {
|
|
79
|
+
variant: {
|
|
80
|
+
control: "radio";
|
|
81
|
+
options: string[];
|
|
82
|
+
};
|
|
83
|
+
leadingIcon: {
|
|
84
|
+
control: false;
|
|
85
|
+
};
|
|
86
|
+
};
|
|
87
|
+
args: {
|
|
88
|
+
options: SelectOption[];
|
|
89
|
+
placeholder: string;
|
|
90
|
+
variant: "outlined";
|
|
91
|
+
"aria-label": string;
|
|
92
|
+
disabled: false;
|
|
93
|
+
error: false;
|
|
94
|
+
onValueChange: import('storybook/test').Mock<(...args: any[]) => any>;
|
|
95
|
+
};
|
|
96
|
+
render: (args: SelectStoryArgs) => import("react/jsx-runtime").JSX.Element;
|
|
97
|
+
};
|
|
4
98
|
export default meta;
|
|
5
|
-
type Story = StoryObj<
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
9
|
-
export declare const WithDisabledItems: Story;
|
|
99
|
+
type Story = StoryObj<typeof meta>;
|
|
100
|
+
export declare const Default: Story;
|
|
101
|
+
export declare const Variants: Story;
|
|
102
|
+
export declare const States: Story;
|
|
10
103
|
export declare const Grouped: Story;
|
|
11
|
-
export declare const
|
|
12
|
-
export declare const
|
|
104
|
+
export declare const LongContent: Story;
|
|
105
|
+
export declare const Empty: Story;
|
|
106
|
+
export declare const Controlled: Story;
|
|
107
|
+
export declare const InsideField: Story;
|
|
13
108
|
//# sourceMappingURL=Select.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EACL,MAAM,EAIN,KAAK,kBAAkB,EACxB,MAAM,UAAU,CAAC;AAMlB,UAAU,YAAY;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AASD,KAAK,eAAe,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAClD,IAAI,CACF,kBAAkB,EAClB,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,GAAG,YAAY,CAChE,GAAG;IACF,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAsCJ,QAAA,MAAM,IAAI;;wBAyM4hK,MAAO,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAjPxjK,YAAY,EAAE;sBACT,MAAM;;;;;;;;;;;;;;;;;;;;;CA6ES,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAgCtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAmBpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAuBrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAQzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAsBF,eAAO,MAAM,UAAU,EAAE,KAGxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAkBzB,CAAC"}
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
export interface ShapeLogoProps {
|
|
3
|
+
/** Width of the `<svg>`; the height follows the aspect ratio. @default 150 */
|
|
3
4
|
width?: string | number;
|
|
4
|
-
/**
|
|
5
|
+
/** Letter fill: `"dark"` = white letters for dark backgrounds, `"light"` = black letters for light backgrounds. @default "dark" */
|
|
5
6
|
variant?: "dark" | "light";
|
|
7
|
+
/** Classes for the root `<svg>`. */
|
|
6
8
|
className?: string;
|
|
9
|
+
/** Accessible name of the logo. @default "Shape logo" (translated through `shape_ui`) */
|
|
7
10
|
"aria-label"?: string;
|
|
8
11
|
}
|
|
9
12
|
declare const ShapeLogo: React.ForwardRefExoticComponent<ShapeLogoProps & React.RefAttributes<SVGSVGElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShapeLogo.d.ts","sourceRoot":"","sources":["../../../src/components/ShapeLogo/ShapeLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ShapeLogo.d.ts","sourceRoot":"","sources":["../../../src/components/ShapeLogo/ShapeLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,cAAc;IAC7B,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,mIAAmI;IACnI,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,SAAS,sFAwEd,CAAC;AAGF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1,8 +1,33 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<import('./ShapeLogo').ShapeLogoProps & import('react').RefAttributes<SVGSVGElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
docs: {
|
|
8
|
+
description: {
|
|
9
|
+
component: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
argTypes: {
|
|
14
|
+
variant: {
|
|
15
|
+
control: "radio";
|
|
16
|
+
options: string[];
|
|
17
|
+
};
|
|
18
|
+
width: {
|
|
19
|
+
control: "number";
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
args: {
|
|
23
|
+
variant: "dark";
|
|
24
|
+
width: number;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
4
27
|
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof
|
|
28
|
+
type Story = StoryObj<typeof meta>;
|
|
6
29
|
export declare const Default: Story;
|
|
7
30
|
export declare const Variants: Story;
|
|
31
|
+
export declare const Sizes: Story;
|
|
32
|
+
export declare const CustomLabel: Story;
|
|
8
33
|
//# sourceMappingURL=ShapeLogo.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ShapeLogo.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ShapeLogo/ShapeLogo.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"ShapeLogo.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ShapeLogo/ShapeLogo.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;CAiBwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAWtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC"}
|
|
@@ -1,14 +1,30 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
/** Sort of a column; `null` when it is not sorted. */
|
|
2
3
|
export type SortDirection = "asc" | "desc" | null;
|
|
3
|
-
export
|
|
4
|
-
|
|
5
|
-
content: React.ReactNode;
|
|
4
|
+
export type SortableColumn = {
|
|
5
|
+
/** Shows the sort button. @default true */
|
|
6
6
|
sortable?: boolean;
|
|
7
|
+
/** Current sort of this column; `null` when unsorted. @default null */
|
|
7
8
|
sortDirection?: SortDirection;
|
|
9
|
+
/** @deprecated Use `onSort` on SortableTableSection. */
|
|
8
10
|
onSort?: () => void;
|
|
9
|
-
}
|
|
11
|
+
} & ({
|
|
12
|
+
/** Column identifier, passed to `onSort`. */
|
|
13
|
+
value: string;
|
|
14
|
+
/** Header content. */
|
|
15
|
+
label: React.ReactNode;
|
|
16
|
+
} | {
|
|
17
|
+
/** @deprecated Use `value`. */
|
|
18
|
+
key: string;
|
|
19
|
+
/** @deprecated Use `label`. */
|
|
20
|
+
content: React.ReactNode;
|
|
21
|
+
});
|
|
10
22
|
export interface SortableTableSectionProps extends React.HTMLAttributes<HTMLTableSectionElement> {
|
|
23
|
+
/** Header cells, in order. Each one carries its own `sortDirection`. */
|
|
11
24
|
columns: SortableColumn[];
|
|
25
|
+
/** Called when a sortable header is clicked, with the column's `value`. */
|
|
26
|
+
onSort?: (value: string) => void;
|
|
27
|
+
/** Grey, regular-weight header text. @default false */
|
|
12
28
|
muted?: boolean;
|
|
13
29
|
}
|
|
14
30
|
declare const SortableTableSection: React.ForwardRefExoticComponent<SortableTableSectionProps & React.RefAttributes<HTMLTableSectionElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SortableTableSection.d.ts","sourceRoot":"","sources":["../../../src/components/SortableTableSection/SortableTableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;AAElD,MAAM,
|
|
1
|
+
{"version":3,"file":"SortableTableSection.d.ts","sourceRoot":"","sources":["../../../src/components/SortableTableSection/SortableTableSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,sDAAsD;AACtD,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,MAAM,GAAG,IAAI,CAAC;AAElD,MAAM,MAAM,cAAc,GAAG;IAC3B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uEAAuE;IACvE,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,wDAAwD;IACxD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB,GAAG,CACA;IACE,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,sBAAsB;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,GACD;IACE,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,+BAA+B;IAC/B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CACJ,CAAC;AAEF,MAAM,WAAW,yBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;IACrD,wEAAwE;IACxE,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,2EAA2E;IAC3E,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,uDAAuD;IACvD,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAeD,QAAA,MAAM,oBAAoB,2GAgDxB,CAAC;AAGH,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
|
|
@@ -1,9 +1,48 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
declare const meta:
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { SortableTableSectionProps } from './index';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import('react').ForwardRefExoticComponent<SortableTableSectionProps & import('react').RefAttributes<HTMLTableSectionElement>>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
component: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
args: {
|
|
15
|
+
columns: ({
|
|
16
|
+
value: string;
|
|
17
|
+
label: string;
|
|
18
|
+
sortDirection: "asc";
|
|
19
|
+
sortable?: undefined;
|
|
20
|
+
} | {
|
|
21
|
+
value: string;
|
|
22
|
+
label: string;
|
|
23
|
+
sortDirection?: undefined;
|
|
24
|
+
sortable?: undefined;
|
|
25
|
+
} | {
|
|
26
|
+
value: string;
|
|
27
|
+
label: string;
|
|
28
|
+
sortDirection: "desc";
|
|
29
|
+
sortable?: undefined;
|
|
30
|
+
} | {
|
|
31
|
+
value: string;
|
|
32
|
+
label: string;
|
|
33
|
+
sortable: false;
|
|
34
|
+
sortDirection?: undefined;
|
|
35
|
+
})[];
|
|
36
|
+
muted: false;
|
|
37
|
+
onSort: import('storybook/test').Mock<(...args: any[]) => any>;
|
|
38
|
+
};
|
|
39
|
+
render: (args: SortableTableSectionProps & import('react').RefAttributes<HTMLTableSectionElement>) => import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
};
|
|
4
41
|
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof
|
|
42
|
+
type Story = StoryObj<typeof meta>;
|
|
6
43
|
export declare const Default: Story;
|
|
7
44
|
export declare const Muted: Story;
|
|
8
|
-
export declare const
|
|
45
|
+
export declare const LongContent: Story;
|
|
46
|
+
/** Each click on the same header cycles ascending → descending → unsorted. */
|
|
47
|
+
export declare const Controlled: Story;
|
|
9
48
|
//# sourceMappingURL=SortableTableSection.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SortableTableSection.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SortableTableSection/SortableTableSection.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"SortableTableSection.stories.d.ts","sourceRoot":"","sources":["../../../src/components/SortableTableSection/SortableTableSection.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAGL,KAAK,yBAAyB,EAE/B,MAAM,SAAS,CAAC;AAmCjB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcmC,CAAC;AAE9C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,KAAK,EAAE,KAAiC,CAAC;AAEtD,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAuCF,8EAA8E;AAC9E,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC"}
|
|
@@ -1,13 +1,23 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
/** Diameter preset of the spinner; `lg` also uses a thicker border. */
|
|
2
3
|
export type SpinnerSize = 'sm' | 'md' | 'lg';
|
|
3
4
|
export interface SpinnerProps {
|
|
5
|
+
/** Diameter of the spinner. @default "md" */
|
|
4
6
|
size?: SpinnerSize;
|
|
5
|
-
/**
|
|
7
|
+
/**
|
|
8
|
+
* Wraps the spinner in a full-viewport centered container (replaces ContainedLoading).
|
|
9
|
+
* @default false
|
|
10
|
+
*/
|
|
6
11
|
centered?: boolean;
|
|
7
12
|
/** Applied to the spinner itself, also when `centered` wraps it. */
|
|
8
13
|
className?: string;
|
|
9
14
|
}
|
|
10
|
-
/**
|
|
15
|
+
/**
|
|
16
|
+
* Indeterminate loading indicator with `role="status"` and the accessible name "Loading",
|
|
17
|
+
* translated through `shape_ui`.
|
|
18
|
+
*
|
|
19
|
+
* `ref` points at the spinner itself, also when `centered` wraps it.
|
|
20
|
+
*/
|
|
11
21
|
declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLSpanElement>>;
|
|
12
22
|
export { Spinner };
|
|
13
23
|
//# sourceMappingURL=Spinner.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,uEAAuE;AACvE,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC3B,6CAA6C;IAC7C,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAQD;;;;;GAKG;AACH,QAAA,MAAM,OAAO,sFA0BZ,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -1,8 +1,30 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
declare const meta:
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { SpinnerSize } from './Spinner';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import('react').ForwardRefExoticComponent<import('./Spinner').SpinnerProps & import('react').RefAttributes<HTMLSpanElement>>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
component: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
argTypes: {
|
|
15
|
+
size: {
|
|
16
|
+
control: "select";
|
|
17
|
+
options: SpinnerSize[];
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
args: {
|
|
21
|
+
size: "md";
|
|
22
|
+
centered: false;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
4
25
|
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof
|
|
26
|
+
type Story = StoryObj<typeof meta>;
|
|
6
27
|
export declare const Default: Story;
|
|
7
28
|
export declare const Sizes: Story;
|
|
29
|
+
export declare const Centered: Story;
|
|
8
30
|
//# sourceMappingURL=Spinner.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Spinner.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAW,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAItD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAgBsB,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAGtB,CAAC"}
|
|
@@ -1,27 +1,35 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
interface StepperProps extends React.ComponentProps<"div"> {
|
|
3
|
+
/** 1-based number of the current step. With `totalSteps`, builds the accessible name ("Step 2 of 3"). */
|
|
3
4
|
currentStep?: number;
|
|
5
|
+
/** Total number of steps. With `currentStep`, builds the accessible name ("Step 2 of 3"). */
|
|
4
6
|
totalSteps?: number;
|
|
5
7
|
}
|
|
6
8
|
declare const Stepper: React.ForwardRefExoticComponent<Omit<StepperProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
9
|
interface StepProps extends React.ComponentProps<"div"> {
|
|
10
|
+
/** Marks this as the current step (`aria-current="step"`). @default false */
|
|
8
11
|
active?: boolean;
|
|
9
12
|
}
|
|
10
13
|
declare const Step: React.ForwardRefExoticComponent<Omit<StepProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
14
|
interface StepLabelProps extends React.ComponentProps<"div"> {
|
|
15
|
+
/** Highlights the label as the current step. @default false */
|
|
12
16
|
active?: boolean;
|
|
17
|
+
/** Highlights the label as a finished step. @default false */
|
|
13
18
|
completed?: boolean;
|
|
14
19
|
}
|
|
15
20
|
declare const StepLabel: React.ForwardRefExoticComponent<Omit<StepLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
16
21
|
interface StepIconProps extends React.ComponentProps<"div"> {
|
|
22
|
+
/** Fills the circle as the current step. @default false */
|
|
17
23
|
active?: boolean;
|
|
24
|
+
/** Fills the circle as a finished step. @default false */
|
|
18
25
|
completed?: boolean;
|
|
19
26
|
}
|
|
20
27
|
declare const StepIcon: React.ForwardRefExoticComponent<Omit<StepIconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
21
28
|
interface StepConnectorProps extends React.ComponentProps<"div"> {
|
|
29
|
+
/** Colors the line to show that the step before it is finished. @default false */
|
|
22
30
|
completed?: boolean;
|
|
23
31
|
}
|
|
24
32
|
declare const StepConnector: React.ForwardRefExoticComponent<Omit<StepConnectorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
25
33
|
export { Stepper, Step, StepLabel, StepIcon, StepConnector };
|
|
26
|
-
export type { StepperProps, StepProps, StepLabelProps, StepIconProps, StepConnectorProps };
|
|
34
|
+
export type { StepperProps, StepProps, StepLabelProps, StepIconProps, StepConnectorProps, };
|
|
27
35
|
//# sourceMappingURL=Stepper.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACxD,yGAAyG;IACzG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6FAA6F;IAC7F,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,kGAwBZ,CAAC;AAGF,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACrD,6EAA6E;IAC7E,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,QAAA,MAAM,IAAI,+FAST,CAAC;AAGF,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC1D,+DAA+D;IAC/D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,SAAS,oGAYd,CAAC;AAGF,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACzD,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,QAAQ,mGAcb,CAAC;AAGF,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC9D,kFAAkF;IAClF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,aAAa,wGAYlB,CAAC;AAGF,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC;AAC7D,YAAY,EACV,YAAY,EACZ,SAAS,EACT,cAAc,EACd,aAAa,EACb,kBAAkB,GACnB,CAAC"}
|