@randstad-uca/design-system 1.0.14 → 1.0.16
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/components/Button.d.ts +1 -0
- package/dist/components/Form.d.ts +3 -0
- package/dist/components/Select.d.ts +1 -0
- package/dist/index.js +57 -31
- package/dist/index.js.map +1 -1
- package/dist/package.json +1 -1
- package/dist/stories/Form.stories.d.ts +4 -0
- package/dist/stories/Select.stories.d.ts +31 -8
- package/package.json +1 -1
package/dist/package.json
CHANGED
|
@@ -17,6 +17,8 @@ export interface FormProps {
|
|
|
17
17
|
linkText?: string;
|
|
18
18
|
linkRoute?: string;
|
|
19
19
|
labelColor?: string;
|
|
20
|
+
cleanButton?: boolean;
|
|
21
|
+
maxLength?: number;
|
|
20
22
|
}
|
|
21
23
|
declare const meta: Meta<FormProps>;
|
|
22
24
|
export default meta;
|
|
@@ -38,3 +40,5 @@ export declare const TextareaDisabled: Story;
|
|
|
38
40
|
export declare const Help: Story;
|
|
39
41
|
export declare const Link: Story;
|
|
40
42
|
export declare const LabelColor: Story;
|
|
43
|
+
export declare const WithMaxLength: Story;
|
|
44
|
+
export declare const WithCleanButton: Story;
|
|
@@ -35,6 +35,10 @@ declare const _default: {
|
|
|
35
35
|
action: string;
|
|
36
36
|
description: string;
|
|
37
37
|
};
|
|
38
|
+
maxLength: {
|
|
39
|
+
control: string;
|
|
40
|
+
description: string;
|
|
41
|
+
};
|
|
38
42
|
};
|
|
39
43
|
parameters: {
|
|
40
44
|
docs: {
|
|
@@ -45,7 +49,18 @@ declare const _default: {
|
|
|
45
49
|
};
|
|
46
50
|
};
|
|
47
51
|
export default _default;
|
|
48
|
-
export declare const Default: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, onOptionSelected }: {
|
|
52
|
+
export declare const Default: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, onOptionSelected }: {
|
|
53
|
+
options: any;
|
|
54
|
+
placeholder: any;
|
|
55
|
+
defaultValue: any;
|
|
56
|
+
disabled: any;
|
|
57
|
+
label: any;
|
|
58
|
+
labelColor: any;
|
|
59
|
+
filterable: any;
|
|
60
|
+
maxLength: any;
|
|
61
|
+
onOptionSelected: any;
|
|
62
|
+
}) => import("lit-html").TemplateResult<1>;
|
|
63
|
+
export declare const WithObjects: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, onOptionSelected }: {
|
|
49
64
|
options: any;
|
|
50
65
|
placeholder: any;
|
|
51
66
|
defaultValue: any;
|
|
@@ -53,9 +68,10 @@ export declare const Default: ({ options, placeholder, defaultValue, disabled, l
|
|
|
53
68
|
label: any;
|
|
54
69
|
labelColor: any;
|
|
55
70
|
filterable: any;
|
|
71
|
+
maxLength: any;
|
|
56
72
|
onOptionSelected: any;
|
|
57
73
|
}) => import("lit-html").TemplateResult<1>;
|
|
58
|
-
export declare const
|
|
74
|
+
export declare const WithNoOptions: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, onOptionSelected }: {
|
|
59
75
|
options: any;
|
|
60
76
|
placeholder: any;
|
|
61
77
|
defaultValue: any;
|
|
@@ -63,9 +79,10 @@ export declare const WithObjects: ({ options, placeholder, defaultValue, disable
|
|
|
63
79
|
label: any;
|
|
64
80
|
labelColor: any;
|
|
65
81
|
filterable: any;
|
|
82
|
+
maxLength: any;
|
|
66
83
|
onOptionSelected: any;
|
|
67
84
|
}) => import("lit-html").TemplateResult<1>;
|
|
68
|
-
export declare const
|
|
85
|
+
export declare const WithLabel: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, onOptionSelected }: {
|
|
69
86
|
options: any;
|
|
70
87
|
placeholder: any;
|
|
71
88
|
defaultValue: any;
|
|
@@ -73,9 +90,10 @@ export declare const WithNoOptions: ({ options, placeholder, defaultValue, disab
|
|
|
73
90
|
label: any;
|
|
74
91
|
labelColor: any;
|
|
75
92
|
filterable: any;
|
|
93
|
+
maxLength: any;
|
|
76
94
|
onOptionSelected: any;
|
|
77
95
|
}) => import("lit-html").TemplateResult<1>;
|
|
78
|
-
export declare const
|
|
96
|
+
export declare const NonFilterable: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, onOptionSelected }: {
|
|
79
97
|
options: any;
|
|
80
98
|
placeholder: any;
|
|
81
99
|
defaultValue: any;
|
|
@@ -83,9 +101,10 @@ export declare const WithLabel: ({ options, placeholder, defaultValue, disabled,
|
|
|
83
101
|
label: any;
|
|
84
102
|
labelColor: any;
|
|
85
103
|
filterable: any;
|
|
104
|
+
maxLength: any;
|
|
86
105
|
onOptionSelected: any;
|
|
87
106
|
}) => import("lit-html").TemplateResult<1>;
|
|
88
|
-
export declare const
|
|
107
|
+
export declare const Disabled: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, onOptionSelected }: {
|
|
89
108
|
options: any;
|
|
90
109
|
placeholder: any;
|
|
91
110
|
defaultValue: any;
|
|
@@ -93,9 +112,10 @@ export declare const NonFilterable: ({ options, placeholder, defaultValue, disab
|
|
|
93
112
|
label: any;
|
|
94
113
|
labelColor: any;
|
|
95
114
|
filterable: any;
|
|
115
|
+
maxLength: any;
|
|
96
116
|
onOptionSelected: any;
|
|
97
117
|
}) => import("lit-html").TemplateResult<1>;
|
|
98
|
-
export declare const
|
|
118
|
+
export declare const WithDefaultObjectValue: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, onOptionSelected }: {
|
|
99
119
|
options: any;
|
|
100
120
|
placeholder: any;
|
|
101
121
|
defaultValue: any;
|
|
@@ -103,9 +123,10 @@ export declare const Disabled: ({ options, placeholder, defaultValue, disabled,
|
|
|
103
123
|
label: any;
|
|
104
124
|
labelColor: any;
|
|
105
125
|
filterable: any;
|
|
126
|
+
maxLength: any;
|
|
106
127
|
onOptionSelected: any;
|
|
107
128
|
}) => import("lit-html").TemplateResult<1>;
|
|
108
|
-
export declare const
|
|
129
|
+
export declare const NonFilterableBasic: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, onOptionSelected }: {
|
|
109
130
|
options: any;
|
|
110
131
|
placeholder: any;
|
|
111
132
|
defaultValue: any;
|
|
@@ -113,9 +134,10 @@ export declare const WithDefaultObjectValue: ({ options, placeholder, defaultVal
|
|
|
113
134
|
label: any;
|
|
114
135
|
labelColor: any;
|
|
115
136
|
filterable: any;
|
|
137
|
+
maxLength: any;
|
|
116
138
|
onOptionSelected: any;
|
|
117
139
|
}) => import("lit-html").TemplateResult<1>;
|
|
118
|
-
export declare const
|
|
140
|
+
export declare const WithMaxLength: ({ options, placeholder, defaultValue, disabled, label, labelColor, filterable, maxLength, onOptionSelected }: {
|
|
119
141
|
options: any;
|
|
120
142
|
placeholder: any;
|
|
121
143
|
defaultValue: any;
|
|
@@ -123,5 +145,6 @@ export declare const NonFilterableBasic: ({ options, placeholder, defaultValue,
|
|
|
123
145
|
label: any;
|
|
124
146
|
labelColor: any;
|
|
125
147
|
filterable: any;
|
|
148
|
+
maxLength: any;
|
|
126
149
|
onOptionSelected: any;
|
|
127
150
|
}) => import("lit-html").TemplateResult<1>;
|