@shape-digital-env/shape-ui 0.0.2 → 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/components/Accordion/Accordion.d.ts +31 -6
- 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.stories.d.ts +24 -8
- 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 +4 -1
- 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 +29 -0
- 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 +10 -0
- 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 +26 -13
- 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 -6
- 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.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 +55 -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 +8951 -9104
- 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 +73 -47
- package/components/Tabs/Tabs.figma.d.ts +0 -8
- package/components/Tabs/Tabs.figma.d.ts.map +0 -1
|
@@ -1,20 +1,45 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
export type
|
|
3
|
-
|
|
4
|
-
name: string;
|
|
2
|
+
export type AccordionItemConfig = {
|
|
3
|
+
/** Text in the second column, next to the label. */
|
|
5
4
|
displayValue: string;
|
|
5
|
+
/** Whether the row's checkbox is checked. */
|
|
6
6
|
checked: boolean;
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
/** @deprecated Use `onItemCheckedChange` on the Accordion. */
|
|
8
|
+
onChange?: () => void;
|
|
9
|
+
} & ({
|
|
10
|
+
/** Stable identifier, passed to `onItemCheckedChange`. */
|
|
11
|
+
value: string;
|
|
12
|
+
/** Row label. */
|
|
13
|
+
label: string;
|
|
14
|
+
} | {
|
|
15
|
+
/** @deprecated Use `value`. */
|
|
16
|
+
key: string;
|
|
17
|
+
/** @deprecated Use `label`. */
|
|
18
|
+
name: string;
|
|
19
|
+
});
|
|
20
|
+
/** @deprecated Use `AccordionItemConfig`. */
|
|
21
|
+
export type AccordionItem = AccordionItemConfig;
|
|
9
22
|
export type AccordionProps = {
|
|
23
|
+
/** Section title in the header. */
|
|
10
24
|
title: string;
|
|
11
|
-
|
|
25
|
+
/** Rows with a checkbox each. Ignored when `children` is given. */
|
|
26
|
+
items?: AccordionItemConfig[];
|
|
27
|
+
/** Called when a row's checkbox changes, with the row's `value`. */
|
|
28
|
+
onItemCheckedChange?: (value: string, checked: boolean) => void;
|
|
29
|
+
/** Header of the checkbox column. No header row when omitted. */
|
|
12
30
|
columnLabel?: string;
|
|
31
|
+
/** Open state when uncontrolled. @default true */
|
|
13
32
|
defaultOpen?: boolean;
|
|
14
33
|
className?: string;
|
|
34
|
+
/** Replaces the list of `items`. */
|
|
15
35
|
children?: React.ReactNode;
|
|
36
|
+
/** Open state, when controlled. Pair it with `onOpenChange`. */
|
|
37
|
+
open?: boolean;
|
|
38
|
+
/** @deprecated Use `open`. */
|
|
16
39
|
expanded?: boolean;
|
|
40
|
+
/** Called with the new open state when the header is clicked. Only fires when controlled (`open` set). */
|
|
17
41
|
onOpenChange?: (open: boolean) => void;
|
|
42
|
+
/** Content at the end of the header, before the chevron. */
|
|
18
43
|
headerExtra?: React.ReactNode;
|
|
19
44
|
};
|
|
20
45
|
export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,MAAM,mBAAmB,GAAG;IAChC,oDAAoD;IACpD,YAAY,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,OAAO,EAAE,OAAO,CAAC;IACjB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,GAAG,CACA;IACE,0DAA0D;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;CACf,GACD;IACE,+BAA+B;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;CACd,CACJ,CAAC;AAEF,6CAA6C;AAC7C,MAAM,MAAM,aAAa,GAAG,mBAAmB,CAAC;AAEhD,MAAM,MAAM,cAAc,GAAG;IAC3B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,mEAAmE;IACnE,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,oEAAoE;IACpE,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAChE,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,gEAAgE;IAChE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0GAA0G;IAC1G,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,4DAA4D;IAC5D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B,CAAC;AAgBF,eAAO,MAAM,SAAS,uFAgHrB,CAAC"}
|
|
@@ -1,9 +1,52 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
declare const meta:
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { AccordionItemConfig, AccordionProps } from './Accordion';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import('react').ForwardRefExoticComponent<AccordionProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
6
|
+
parameters: {
|
|
7
|
+
docs: {
|
|
8
|
+
description: {
|
|
9
|
+
component: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
14
|
+
title: string;
|
|
15
|
+
items?: AccordionItemConfig[] | undefined;
|
|
16
|
+
onItemCheckedChange?: ((value: string, checked: boolean) => void) | undefined;
|
|
17
|
+
columnLabel?: string | undefined;
|
|
18
|
+
defaultOpen?: boolean | undefined;
|
|
19
|
+
className?: string | undefined;
|
|
20
|
+
children?: import('react').ReactNode;
|
|
21
|
+
open?: boolean | undefined;
|
|
22
|
+
expanded?: boolean | undefined;
|
|
23
|
+
onOpenChange?: ((open: boolean) => void) | undefined;
|
|
24
|
+
headerExtra?: import('react').ReactNode;
|
|
25
|
+
ref?: import('react').LegacyRef<HTMLDivElement> | undefined;
|
|
26
|
+
key?: import('react').Key | null | undefined;
|
|
27
|
+
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
28
|
+
args: {
|
|
29
|
+
title: string;
|
|
30
|
+
items: ({
|
|
31
|
+
value: string;
|
|
32
|
+
label: string;
|
|
33
|
+
displayValue: string;
|
|
34
|
+
checked: true;
|
|
35
|
+
} | {
|
|
36
|
+
value: string;
|
|
37
|
+
label: string;
|
|
38
|
+
displayValue: string;
|
|
39
|
+
checked: false;
|
|
40
|
+
})[];
|
|
41
|
+
columnLabel: string;
|
|
42
|
+
onItemCheckedChange: import('storybook/test').Mock<(...args: any[]) => any>;
|
|
43
|
+
onOpenChange: import('storybook/test').Mock<(...args: any[]) => any>;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
4
46
|
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof
|
|
47
|
+
type Story = StoryObj<typeof meta>;
|
|
6
48
|
export declare const Default: Story;
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
49
|
+
export declare const States: Story;
|
|
50
|
+
export declare const LongContent: Story;
|
|
51
|
+
export declare const Controlled: Story;
|
|
9
52
|
//# sourceMappingURL=Accordion.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,EAEL,KAAK,mBAAmB,EACxB,KAAK,cAAc,EACpB,MAAM,aAAa,CAAC;AAkBrB,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyBwB,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,MAAM,EAAE,KAYpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AAoCF,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
export interface AccountAvatarProps {
|
|
3
|
+
/** Name whose first letter is shown, upper-cased. Empty, blank or missing shows "?". */
|
|
3
4
|
userName?: string;
|
|
5
|
+
/** Classes for the root `<span>`, e.g. to change its size. */
|
|
4
6
|
className?: string;
|
|
5
7
|
}
|
|
6
8
|
declare const AccountAvatar: React.ForwardRefExoticComponent<Readonly<AccountAvatarProps> & React.RefAttributes<HTMLSpanElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/AccountAvatar/AccountAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,sGAkBjB,CAAC;AAGH,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
1
|
+
{"version":3,"file":"AccountAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/AccountAvatar/AccountAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,kBAAkB;IACjC,wFAAwF;IACxF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,sGAkBjB,CAAC;AAGH,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1,10 +1,23 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<Readonly<import('./AccountAvatar').AccountAvatarProps> & import('react').RefAttributes<HTMLSpanElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
docs: {
|
|
8
|
+
description: {
|
|
9
|
+
component: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
args: {
|
|
14
|
+
userName: string;
|
|
15
|
+
};
|
|
16
|
+
};
|
|
4
17
|
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof
|
|
18
|
+
type Story = StoryObj<typeof meta>;
|
|
6
19
|
export declare const Default: Story;
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
9
|
-
export declare const
|
|
20
|
+
export declare const Fallback: Story;
|
|
21
|
+
export declare const NameVariety: Story;
|
|
22
|
+
export declare const CustomSize: Story;
|
|
10
23
|
//# sourceMappingURL=AccountAvatar.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccountAvatar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AccountAvatar/AccountAvatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"AccountAvatar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AccountAvatar/AccountAvatar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;CAa4B,CAAC;AAEvC,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,KAetB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAgBzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC"}
|
|
@@ -2,12 +2,10 @@ import { Meta, StoryObj } from '@storybook/react-vite';
|
|
|
2
2
|
declare const meta: Meta;
|
|
3
3
|
export default meta;
|
|
4
4
|
type Story = StoryObj;
|
|
5
|
-
export declare const
|
|
6
|
-
export declare const
|
|
7
|
-
export declare const Lumen: Story;
|
|
8
|
-
export declare const Reef: Story;
|
|
5
|
+
export declare const Symbols: Story;
|
|
6
|
+
export declare const WithName: Story;
|
|
9
7
|
export declare const Lockup: Story;
|
|
10
8
|
export declare const LockupWithoutShapeWordmark: Story;
|
|
11
|
-
export declare const
|
|
12
|
-
export declare const
|
|
9
|
+
export declare const CustomSize: Story;
|
|
10
|
+
export declare const TwoCopiesOnOnePage: Story;
|
|
13
11
|
//# sourceMappingURL=AppLogos.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppLogos.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/AppLogos.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"AppLogos.stories.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/AppLogos.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAY5D,QAAA,MAAM,IAAI,EAAE,IAWX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAapB,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KAWxC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AAcF,eAAO,MAAM,kBAAkB,EAAE,KAkDhC,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
/** Aura product symbol, without the name. `ref` points at the `<svg>`. */
|
|
2
3
|
export declare const AuraLogo: React.ForwardRefExoticComponent<Readonly<{
|
|
4
|
+
/** Classes for the root `<svg>`. */
|
|
3
5
|
className?: string;
|
|
4
6
|
}> & React.RefAttributes<SVGSVGElement>>;
|
|
5
7
|
//# sourceMappingURL=AuraLogo.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuraLogo.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/AuraLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AuraLogo.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/AuraLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,0EAA0E;AAC1E,eAAO,MAAM,QAAQ;IAGjB,oCAAoC;gBACxB,MAAM;wCA0TpB,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
/** Aura product symbol with the product name beside it. `ref` points at the `<svg>`. */
|
|
2
3
|
export declare const AuraLogoWithName: React.ForwardRefExoticComponent<Readonly<{
|
|
4
|
+
/** Classes for the root `<svg>`. @default "h-6 w-auto max-w-full" */
|
|
3
5
|
className?: string;
|
|
4
6
|
}> & React.RefAttributes<SVGSVGElement>>;
|
|
5
7
|
//# sourceMappingURL=AuraLogoWithName.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuraLogoWithName.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/AuraLogoWithName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AuraLogoWithName.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/AuraLogoWithName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,wFAAwF;AACxF,eAAO,MAAM,gBAAgB;IAGzB,qEAAqE;gBACzD,MAAM;wCAsGpB,CAAC"}
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
/** Lighthouse symbol with the "shape" wordmark above the product name. `ref` points at the `<svg>`. */
|
|
2
3
|
export declare const LighthouseLockup: React.ForwardRefExoticComponent<Readonly<{
|
|
4
|
+
/** Classes for the root `<svg>`. The default includes an optical `translate-y` offset. @default "h-6 w-auto max-w-full translate-y-[-4px]" */
|
|
3
5
|
className?: string;
|
|
6
|
+
/** Shows the "shape" wordmark above the product name. @default true */
|
|
4
7
|
showShapeWordmark?: boolean;
|
|
5
8
|
}> & React.RefAttributes<SVGSVGElement>>;
|
|
6
9
|
//# sourceMappingURL=LighthouseLockup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LighthouseLockup.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/LighthouseLockup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"LighthouseLockup.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/LighthouseLockup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,uGAAuG;AACvG,eAAO,MAAM,gBAAgB;IAGzB,8IAA8I;gBAClI,MAAM;IAClB,uEAAuE;wBACnD,OAAO;wCAgH9B,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
/** Lighthouse product symbol, without the name. `ref` points at the `<svg>`. */
|
|
2
3
|
export declare const LighthouseLogo: React.ForwardRefExoticComponent<Readonly<{
|
|
4
|
+
/** Classes for the root `<svg>`. */
|
|
3
5
|
className?: string;
|
|
4
6
|
}> & React.RefAttributes<SVGSVGElement>>;
|
|
5
7
|
//# sourceMappingURL=LighthouseLogo.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LighthouseLogo.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/LighthouseLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"LighthouseLogo.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/LighthouseLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,gFAAgF;AAChF,eAAO,MAAM,cAAc;IAGvB,oCAAoC;gBACxB,MAAM;wCAgGpB,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
/** Lighthouse product symbol with the product name beside it. `ref` points at the `<svg>`. */
|
|
2
3
|
export declare const LighthouseLogoWithName: React.ForwardRefExoticComponent<Readonly<{
|
|
4
|
+
/** Classes for the root `<svg>`. @default "h-6 w-auto max-w-full" */
|
|
3
5
|
className?: string;
|
|
4
6
|
}> & React.RefAttributes<SVGSVGElement>>;
|
|
5
7
|
//# sourceMappingURL=LighthouseLogoWithName.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LighthouseLogoWithName.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/LighthouseLogoWithName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"LighthouseLogoWithName.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/LighthouseLogoWithName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA2B/B,8FAA8F;AAC9F,eAAO,MAAM,sBAAsB;IAG/B,qEAAqE;gBACzD,MAAM;wCAsFpB,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
/** Lumen product symbol, without the name. `ref` points at the `<svg>`. */
|
|
2
3
|
export declare const LumenLogo: React.ForwardRefExoticComponent<Readonly<{
|
|
4
|
+
/** Classes for the root `<svg>`. */
|
|
3
5
|
className?: string;
|
|
4
6
|
}> & React.RefAttributes<SVGSVGElement>>;
|
|
5
7
|
//# sourceMappingURL=LumenLogo.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LumenLogo.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/LumenLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"LumenLogo.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/LumenLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,2EAA2E;AAC3E,eAAO,MAAM,SAAS;IAGlB,oCAAoC;gBACxB,MAAM;wCA0EpB,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
/** Lumen product symbol with the product name beside it. `ref` points at the `<svg>`. */
|
|
2
3
|
export declare const LumenLogoWithName: React.ForwardRefExoticComponent<Readonly<{
|
|
4
|
+
/** Classes for the root `<svg>`. @default "h-6 w-auto max-w-full" */
|
|
3
5
|
className?: string;
|
|
4
6
|
}> & React.RefAttributes<SVGSVGElement>>;
|
|
5
7
|
//# sourceMappingURL=LumenLogoWithName.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LumenLogoWithName.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/LumenLogoWithName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"LumenLogoWithName.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/LumenLogoWithName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,yFAAyF;AACzF,eAAO,MAAM,iBAAiB;IAG1B,qEAAqE;gBACzD,MAAM;wCAwFpB,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
/** Reef product symbol, without the name. `ref` points at the `<svg>`. */
|
|
2
3
|
export declare const ReefLogo: React.ForwardRefExoticComponent<Readonly<{
|
|
4
|
+
/** Classes for the root `<svg>`. */
|
|
3
5
|
className?: string;
|
|
4
6
|
}> & React.RefAttributes<SVGSVGElement>>;
|
|
5
7
|
//# sourceMappingURL=ReefLogo.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReefLogo.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/ReefLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ReefLogo.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/ReefLogo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,0EAA0E;AAC1E,eAAO,MAAM,QAAQ;IAGjB,oCAAoC;gBACxB,MAAM;wCA+GpB,CAAC"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
/** Reef product symbol with the product name beside it. `ref` points at the `<svg>`. */
|
|
2
3
|
export declare const ReefLogoWithName: React.ForwardRefExoticComponent<Readonly<{
|
|
4
|
+
/** Classes for the root `<svg>`. @default "h-6 w-auto max-w-full" */
|
|
3
5
|
className?: string;
|
|
4
6
|
}> & React.RefAttributes<SVGSVGElement>>;
|
|
5
7
|
//# sourceMappingURL=ReefLogoWithName.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReefLogoWithName.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/ReefLogoWithName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ReefLogoWithName.d.ts","sourceRoot":"","sources":["../../../src/components/AppLogos/ReefLogoWithName.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,wFAAwF;AACxF,eAAO,MAAM,gBAAgB;IAGzB,qEAAqE;gBACzD,MAAM;wCA+DpB,CAAC"}
|
|
@@ -7,7 +7,20 @@ declare const buttonVariants: (props?: ({
|
|
|
7
7
|
export type ButtonVariant = NonNullable<VariantProps<typeof buttonVariants>["variant"]>;
|
|
8
8
|
export type ButtonSize = NonNullable<VariantProps<typeof buttonVariants>["size"]>;
|
|
9
9
|
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
|
10
|
+
/** Visual style of the button. @default "primary" */
|
|
11
|
+
variant?: VariantProps<typeof buttonVariants>["variant"];
|
|
12
|
+
/** Height and padding. `icon` is a square button for a single icon — give it an `aria-label`. @default "md" */
|
|
13
|
+
size?: VariantProps<typeof buttonVariants>["size"];
|
|
14
|
+
/**
|
|
15
|
+
* Renders the single child element (e.g. an `<a>`) with the button's styles
|
|
16
|
+
* instead of a `<button>`. When disabled or loading, the child gets
|
|
17
|
+
* `aria-disabled` and clicks and Enter/Space are blocked. @default false
|
|
18
|
+
*/
|
|
10
19
|
asChild?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Shows a spinner before the content and disables the button. The spinner
|
|
22
|
+
* is not rendered when `asChild` is set. @default false
|
|
23
|
+
*/
|
|
11
24
|
loading?: boolean;
|
|
12
25
|
}
|
|
13
26
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EA4DnB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,WAAW,CACrC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAC/C,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,WAAW,CAClC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAC5C,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EA4DnB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,WAAW,CACrC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAC/C,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,WAAW,CAClC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAC5C,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,qDAAqD;IACrD,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;IACzD,+GAA+G;IAC/G,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC;IACnD;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFAiFX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1,12 +1,46 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
declare const meta:
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { ButtonVariant } from './Button';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import('react').ForwardRefExoticComponent<import('./Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
component: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
argTypes: {
|
|
15
|
+
variant: {
|
|
16
|
+
control: "select";
|
|
17
|
+
options: ButtonVariant[];
|
|
18
|
+
};
|
|
19
|
+
size: {
|
|
20
|
+
control: "select";
|
|
21
|
+
options: string[];
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
args: {
|
|
25
|
+
children: string;
|
|
26
|
+
variant: "primary";
|
|
27
|
+
size: "md";
|
|
28
|
+
disabled: false;
|
|
29
|
+
loading: false;
|
|
30
|
+
onClick: import('storybook/test').Mock<(...args: any[]) => any>;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
4
33
|
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof
|
|
34
|
+
type Story = StoryObj<typeof meta>;
|
|
6
35
|
export declare const Default: Story;
|
|
7
36
|
export declare const Variants: Story;
|
|
8
37
|
export declare const Sizes: Story;
|
|
9
38
|
export declare const WithIcon: Story;
|
|
10
39
|
export declare const States: Story;
|
|
40
|
+
export declare const LongContent: Story;
|
|
11
41
|
export declare const AsChild: Story;
|
|
42
|
+
export declare const ClickAndKeyboard: Story;
|
|
43
|
+
export declare const DisabledIgnoresInput: Story;
|
|
44
|
+
export declare const LoadingIgnoresInput: Story;
|
|
45
|
+
export declare const AsChildDisabled: Story;
|
|
12
46
|
//# sourceMappingURL=Button.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAA2B,KAAK,aAAa,EAAE,MAAM,UAAU,CAAC;AAevE,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BqB,CAAC;AAEhC,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,KAUtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAanB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAkBpB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAazB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAU9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAUlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAYjC,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAa7B,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
/** Draws a subtle border around the card. @default false */
|
|
3
4
|
bordered?: boolean;
|
|
4
5
|
}
|
|
5
6
|
declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,IAAI,kFAYT,CAAC;AAGF,QAAA,MAAM,UAAU,6GAKd,CAAC;AAGH,QAAA,MAAM,SAAS,qHAmBb,CAAC;AAGH,QAAA,MAAM,eAAe,yHASnB,CAAC;AAGH,QAAA,MAAM,WAAW,6GASf,CAAC;AAGH,QAAA,MAAM,UAAU,6GASd,CAAC;AAGH,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,GACX,CAAC"}
|
|
@@ -1,7 +1,26 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<import('./Card').CardProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
docs: {
|
|
8
|
+
description: {
|
|
9
|
+
component: string;
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
args: {
|
|
14
|
+
bordered: false;
|
|
15
|
+
className: string;
|
|
16
|
+
};
|
|
17
|
+
render: (args: import('./Card').CardProps & import('react').RefAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
};
|
|
4
19
|
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof
|
|
20
|
+
type Story = StoryObj<typeof meta>;
|
|
6
21
|
export declare const Default: Story;
|
|
22
|
+
export declare const Bordered: Story;
|
|
23
|
+
export declare const ContentOnly: Story;
|
|
24
|
+
export declare const LongContent: Story;
|
|
25
|
+
export declare const Untitled: Story;
|
|
7
26
|
//# sourceMappingURL=Card.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAY5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;CA8BmB,CAAC;AAE9B,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,KAAoC,CAAC;AAE5D,eAAO,MAAM,WAAW,EAAE,KAGzB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAC"}
|
|
@@ -3,7 +3,12 @@ import * as React from "react";
|
|
|
3
3
|
declare const cellStyledVariants: (props?: ({
|
|
4
4
|
variant?: "default" | "error" | "muted" | "success" | "warning" | null | undefined;
|
|
5
5
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
/** Text color of the cell: primary, secondary or a feedback status. */
|
|
6
7
|
export type CellVariant = NonNullable<VariantProps<typeof cellStyledVariants>["variant"]>;
|
|
8
|
+
/**
|
|
9
|
+
* A `<td>` with a text color for its status. Takes every native `<td>`
|
|
10
|
+
* attribute; `variant` defaults to `"default"`.
|
|
11
|
+
*/
|
|
7
12
|
export interface CellStyledProps extends React.TdHTMLAttributes<HTMLTableCellElement>, VariantProps<typeof cellStyledVariants> {
|
|
8
13
|
}
|
|
9
14
|
declare const CellStyled: React.ForwardRefExoticComponent<CellStyledProps & React.RefAttributes<HTMLTableCellElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CellStyled.d.ts","sourceRoot":"","sources":["../../../src/components/CellStyled/CellStyled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,kBAAkB;;8EAatB,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,WAAW,
|
|
1
|
+
{"version":3,"file":"CellStyled.d.ts","sourceRoot":"","sources":["../../../src/components/CellStyled/CellStyled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,kBAAkB;;8EAatB,CAAC;AAEH,uEAAuE;AACvE,MAAM,MAAM,WAAW,GAAG,WAAW,CACnC,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAC,SAAS,CAAC,CACnD,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,eACf,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAClD,YAAY,CAAC,OAAO,kBAAkB,CAAC;CAAG;AAE9C,QAAA,MAAM,UAAU,8FAQf,CAAC;AAGF,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,CAAC"}
|
|
@@ -1,8 +1,32 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
declare const meta:
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { CellVariant } from './index';
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: import('react').ForwardRefExoticComponent<import('./CellStyled').CellStyledProps & import('react').RefAttributes<HTMLTableCellElement>>;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
component: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
argTypes: {
|
|
15
|
+
variant: {
|
|
16
|
+
control: "select";
|
|
17
|
+
options: CellVariant[];
|
|
18
|
+
description: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
args: {
|
|
22
|
+
children: string;
|
|
23
|
+
variant: "default";
|
|
24
|
+
};
|
|
25
|
+
render: (args: import('./CellStyled').CellStyledProps & import('react').RefAttributes<HTMLTableCellElement>) => import("react/jsx-runtime").JSX.Element;
|
|
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 LongContent: Story;
|
|
8
32
|
//# sourceMappingURL=CellStyled.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CellStyled.stories.d.ts","sourceRoot":"","sources":["../../../src/components/CellStyled/CellStyled.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"CellStyled.stories.d.ts","sourceRoot":"","sources":["../../../src/components/CellStyled/CellStyled.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAc,KAAK,WAAW,EAAE,MAAM,SAAS,CAAC;AAUvD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;CAkCyB,CAAC;AAEpC,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,KAqBtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAOzB,CAAC"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
export interface ChartWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
/**
|
|
3
|
+
/** Adds a drop shadow. @default false */
|
|
4
4
|
shadow?: boolean;
|
|
5
|
-
/**
|
|
5
|
+
/** Fills the wrapper with the dark surface color (`bg-gray-100`); `false` leaves it transparent. @default true */
|
|
6
6
|
darkBg?: boolean;
|
|
7
|
-
/**
|
|
7
|
+
/** Tailwind height class applied to the wrapper. @default "h-full" */
|
|
8
8
|
height?: string;
|
|
9
|
-
/**
|
|
9
|
+
/** Tailwind gap class between the children. @default "gap-4" */
|
|
10
10
|
gap?: string;
|
|
11
11
|
}
|
|
12
12
|
declare const ChartWrapper: React.ForwardRefExoticComponent<ChartWrapperProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/ChartWrapper/ChartWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,
|
|
1
|
+
{"version":3,"file":"ChartWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/ChartWrapper/ChartWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,yCAAyC;IACzC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kHAAkH;IAClH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gEAAgE;IAChE,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,QAAA,MAAM,YAAY,0FAyBjB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1,9 +1,26 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import('react').ForwardRefExoticComponent<import('./ChartWrapper').ChartWrapperProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
docs: {
|
|
7
|
+
description: {
|
|
8
|
+
component: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
};
|
|
12
|
+
args: {
|
|
13
|
+
shadow: false;
|
|
14
|
+
darkBg: true;
|
|
15
|
+
height: string;
|
|
16
|
+
gap: string;
|
|
17
|
+
children: import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
4
20
|
export default meta;
|
|
5
21
|
type Story = StoryObj<typeof meta>;
|
|
6
22
|
export declare const Default: Story;
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
23
|
+
export declare const Variants: Story;
|
|
24
|
+
export declare const Loading: Story;
|
|
25
|
+
export declare const LongContent: Story;
|
|
9
26
|
//# sourceMappingURL=ChartWrapper.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartWrapper.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ChartWrapper/ChartWrapper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"ChartWrapper.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ChartWrapper/ChartWrapper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;CAuB2B,CAAC;AAEtC,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,KAStB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAezB,CAAC"}
|