@popsure/dirty-swan 0.57.7 → 0.57.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.d.ts +1 -1
- package/dist/cjs/index.js +39 -37
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/components/input/checkbox/index.d.ts +2 -1
- package/dist/cjs/lib/components/input/checkbox/index.stories.d.ts +11 -7
- package/dist/cjs/lib/components/input/radio/index.d.ts +3 -1
- package/dist/cjs/lib/components/input/radio/index.stories.d.ts +10 -2
- package/dist/cjs/lib/index.d.ts +2 -1
- package/dist/esm/{Calendar-d39056f4.js → Calendar-2d7e51b5.js} +2 -2
- package/dist/esm/{Calendar-d39056f4.js.map → Calendar-2d7e51b5.js.map} +1 -1
- package/dist/esm/components/chip/index.js +2 -2
- package/dist/esm/components/chip/index.js.map +1 -1
- package/dist/esm/components/dateSelector/components/Calendar.js +1 -1
- package/dist/esm/components/dateSelector/index.js +1 -1
- package/dist/esm/components/dateSelector/index.stories.js +1 -1
- package/dist/esm/components/dateSelector/index.test.js +1 -1
- package/dist/esm/components/input/checkbox/index.js +16 -16
- package/dist/esm/components/input/checkbox/index.js.map +1 -1
- package/dist/esm/components/input/checkbox/index.stories.js +24 -20
- package/dist/esm/components/input/checkbox/index.stories.js.map +1 -1
- package/dist/esm/components/input/radio/index.js +23 -21
- package/dist/esm/components/input/radio/index.js.map +1 -1
- package/dist/esm/components/input/radio/index.stories.js +12 -3
- package/dist/esm/components/input/radio/index.stories.js.map +1 -1
- package/dist/esm/components/input/radio/index.test.js +1 -0
- package/dist/esm/components/input/radio/index.test.js.map +1 -1
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/lib/components/input/checkbox/index.d.ts +2 -1
- package/dist/esm/lib/components/input/checkbox/index.stories.d.ts +11 -7
- package/dist/esm/lib/components/input/radio/index.d.ts +3 -1
- package/dist/esm/lib/components/input/radio/index.stories.d.ts +10 -2
- package/dist/esm/lib/index.d.ts +2 -1
- package/package.json +1 -1
- package/src/index.tsx +1 -0
- package/src/lib/components/chip/index.tsx +1 -0
- package/src/lib/components/chip/style.module.scss +5 -0
- package/src/lib/components/input/checkbox/index.stories.tsx +81 -58
- package/src/lib/components/input/checkbox/index.tsx +5 -2
- package/src/lib/components/input/checkbox/styles.module.scss +4 -0
- package/src/lib/components/input/radio/index.stories.tsx +17 -2
- package/src/lib/components/input/radio/index.tsx +11 -2
- package/src/lib/components/input/radio/styles.module.scss +5 -1
- package/src/lib/index.tsx +2 -0
|
@@ -16,5 +16,6 @@ export interface CheckboxProps<ValueType extends string> {
|
|
|
16
16
|
label?: string;
|
|
17
17
|
option?: string;
|
|
18
18
|
};
|
|
19
|
+
fieldLegend?: string;
|
|
19
20
|
}
|
|
20
|
-
export declare const Checkbox: <ValueType extends string>({ options, value, onChange, wide, inlineLayout, bordered, classNames: classNamesObj, }: CheckboxProps<ValueType> & {}) => JSX.Element;
|
|
21
|
+
export declare const Checkbox: <ValueType extends string>({ options, value, onChange, wide, inlineLayout, bordered, classNames: classNamesObj, fieldLegend, }: CheckboxProps<ValueType> & {}) => JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CheckboxProps } from '.';
|
|
2
2
|
declare const story: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: <ValueType extends string>({ options, value, onChange, wide, inlineLayout, bordered, classNames: classNamesObj, }: CheckboxProps<ValueType>) => JSX.Element;
|
|
4
|
+
component: <ValueType extends string>({ options, value, onChange, wide, inlineLayout, bordered, classNames: classNamesObj, fieldLegend, }: CheckboxProps<ValueType>) => JSX.Element;
|
|
5
5
|
argTypes: {
|
|
6
6
|
options: {
|
|
7
7
|
description: string;
|
|
@@ -9,6 +9,9 @@ declare const story: {
|
|
|
9
9
|
value: {
|
|
10
10
|
description: string;
|
|
11
11
|
};
|
|
12
|
+
fieldLegend: {
|
|
13
|
+
description: string;
|
|
14
|
+
};
|
|
12
15
|
onChange: {
|
|
13
16
|
description: string;
|
|
14
17
|
action: boolean;
|
|
@@ -46,6 +49,7 @@ declare const story: {
|
|
|
46
49
|
description: string;
|
|
47
50
|
};
|
|
48
51
|
};
|
|
52
|
+
fieldLegend: string;
|
|
49
53
|
wide: boolean;
|
|
50
54
|
bordered: boolean;
|
|
51
55
|
inlineLayout: boolean;
|
|
@@ -59,12 +63,12 @@ declare const story: {
|
|
|
59
63
|
};
|
|
60
64
|
};
|
|
61
65
|
export declare const CheckboxStory: {
|
|
62
|
-
({ onChange, options, wide, bordered, classNames, inlineLayout, }: CheckboxProps<string>): JSX.Element;
|
|
66
|
+
({ onChange, options, wide, bordered, classNames, inlineLayout, fieldLegend, }: CheckboxProps<string>): JSX.Element;
|
|
63
67
|
storyName: string;
|
|
64
68
|
};
|
|
65
|
-
export declare const CheckboxWithCustomWrapperStyles: ({ onChange }: CheckboxProps<string>) => JSX.Element;
|
|
66
|
-
export declare const CheckboxWithCustomOptionStyles: ({ onChange }: CheckboxProps<string>) => JSX.Element;
|
|
67
|
-
export declare const CheckboxWithCustomLabelStyles: ({ onChange }: CheckboxProps<string>) => JSX.Element;
|
|
68
|
-
export declare const CheckboxWithInlineLayout: ({ onChange }: CheckboxProps<string>) => JSX.Element;
|
|
69
|
-
export declare const CheckboxWithCustomLabel: ({ onChange, wide, classNames, inlineLayout }: CheckboxProps<string>) => JSX.Element;
|
|
69
|
+
export declare const CheckboxWithCustomWrapperStyles: ({ onChange, }: CheckboxProps<string>) => JSX.Element;
|
|
70
|
+
export declare const CheckboxWithCustomOptionStyles: ({ onChange, }: CheckboxProps<string>) => JSX.Element;
|
|
71
|
+
export declare const CheckboxWithCustomLabelStyles: ({ onChange, }: CheckboxProps<string>) => JSX.Element;
|
|
72
|
+
export declare const CheckboxWithInlineLayout: ({ onChange, }: CheckboxProps<string>) => JSX.Element;
|
|
73
|
+
export declare const CheckboxWithCustomLabel: ({ onChange, wide, classNames, inlineLayout, }: CheckboxProps<string>) => JSX.Element;
|
|
70
74
|
export default story;
|
|
@@ -19,5 +19,7 @@ export interface RadioProps<ValueType extends string> {
|
|
|
19
19
|
};
|
|
20
20
|
bordered?: boolean;
|
|
21
21
|
disabled?: boolean;
|
|
22
|
+
fieldLegend?: string;
|
|
23
|
+
groupName?: string;
|
|
22
24
|
}
|
|
23
|
-
export declare const Radio: <ValueType extends string>({ options, value, onChange, wide, inlineLayout, inlineIcon, classNames: classNamesObj, bordered, disabled, }: RadioProps<ValueType>) => JSX.Element;
|
|
25
|
+
export declare const Radio: <ValueType extends string>({ options, value, onChange, wide, inlineLayout, inlineIcon, classNames: classNamesObj, bordered, disabled, fieldLegend, groupName, }: RadioProps<ValueType>) => JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { RadioProps } from '.';
|
|
2
2
|
declare const story: {
|
|
3
3
|
title: string;
|
|
4
|
-
component: <ValueType extends string>({ options, value, onChange, wide, inlineLayout, inlineIcon, classNames: classNamesObj, bordered, disabled, }: RadioProps<ValueType>) => JSX.Element;
|
|
4
|
+
component: <ValueType extends string>({ options, value, onChange, wide, inlineLayout, inlineIcon, classNames: classNamesObj, bordered, disabled, fieldLegend, groupName, }: RadioProps<ValueType>) => JSX.Element;
|
|
5
5
|
argTypes: {
|
|
6
6
|
options: {
|
|
7
7
|
description: string;
|
|
@@ -9,6 +9,12 @@ declare const story: {
|
|
|
9
9
|
value: {
|
|
10
10
|
description: string;
|
|
11
11
|
};
|
|
12
|
+
fieldLegend: {
|
|
13
|
+
description: string;
|
|
14
|
+
};
|
|
15
|
+
groupName: {
|
|
16
|
+
description: string;
|
|
17
|
+
};
|
|
12
18
|
onChange: {
|
|
13
19
|
description: string;
|
|
14
20
|
action: boolean;
|
|
@@ -50,6 +56,8 @@ declare const story: {
|
|
|
50
56
|
description: string;
|
|
51
57
|
};
|
|
52
58
|
};
|
|
59
|
+
fieldLegend: string;
|
|
60
|
+
groupName: string;
|
|
53
61
|
value: string;
|
|
54
62
|
wide: boolean;
|
|
55
63
|
classNames: {
|
|
@@ -64,7 +72,7 @@ declare const story: {
|
|
|
64
72
|
};
|
|
65
73
|
};
|
|
66
74
|
export declare const RadioStory: {
|
|
67
|
-
({ onChange, options, wide, classNames, inlineLayout, bordered, disabled, }: RadioProps<string>): JSX.Element;
|
|
75
|
+
({ onChange, options, wide, classNames, inlineLayout, bordered, disabled, fieldLegend, groupName, }: RadioProps<string>): JSX.Element;
|
|
68
76
|
storyName: string;
|
|
69
77
|
};
|
|
70
78
|
export declare const RadioWithCustomWrapperStyles: ({ onChange, }: RadioProps<string>) => JSX.Element;
|
package/dist/cjs/lib/index.d.ts
CHANGED
|
@@ -30,7 +30,8 @@ import { Table, TableData, TableProps } from './components/table/Table';
|
|
|
30
30
|
import { useEscapeKey } from './hooks/useEscapeKey';
|
|
31
31
|
import { useFocusWithin } from './hooks/useFocusWithin';
|
|
32
32
|
import { useMediaQuery } from './hooks/useMediaQuery';
|
|
33
|
+
import { useOnClickOutside } from './hooks/useOnClickOutside';
|
|
33
34
|
export * from './components/icon';
|
|
34
|
-
export { Accordion, DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, FullScreenModal, InfoCard, Card, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Table, Toggle, Toaster, toast, useEscapeKey, useFocusWithin, useMediaQuery, };
|
|
35
|
+
export { Accordion, DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, FullScreenModal, InfoCard, Card, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, Checkbox, Radio, Link, InformationBox, Badge, images, illustrations, Spinner, Table, Toggle, Toaster, toast, useEscapeKey, useFocusWithin, useOnClickOutside, useMediaQuery, };
|
|
35
36
|
export type { AccordionProps, IllustrationKeys, InformationBoxProps, InputProps, FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus, CardProps, IconWrapperProps, TableData, TableProps, };
|
|
36
37
|
export type { DownloadStatus } from './models/download';
|
|
@@ -2049,5 +2049,5 @@ var Calendar = function (_a) {
|
|
|
2049
2049
|
}, firstDayOfWeek: firstDayOfWeek, locale: (dayjsLocale === null || dayjsLocale === void 0 ? void 0 : dayjsLocale.name) || 'en', months: localizedMonths, weekdaysLong: localizedWeekdays, weekdaysShort: localizedWeekdaysShort }))] }));
|
|
2050
2050
|
};
|
|
2051
2051
|
|
|
2052
|
-
export { Calendar as C, dayjs as a, dayjs_min as d };
|
|
2053
|
-
//# sourceMappingURL=Calendar-
|
|
2052
|
+
export { Calendar as C, dayjs as a, dayjs_min as d, useOnClickOutside as u };
|
|
2053
|
+
//# sourceMappingURL=Calendar-2d7e51b5.js.map
|