tcce-design-system 0.1.4 → 0.1.6
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/tcce-design-system-components.d.ts +12 -23
- package/dist/tcce-design-system-components.js +2184 -2212
- package/dist/tcce-design-system-components.umd.cjs +212 -212
- package/package.json +72 -72
|
@@ -146,36 +146,15 @@ declare type ColorKey_2 = 'primary' | 'orange' | 'white' | 'gray';
|
|
|
146
146
|
* Helper to create field configurations for common patterns
|
|
147
147
|
*/
|
|
148
148
|
export declare const createFieldConfig: {
|
|
149
|
-
/**
|
|
150
|
-
* Creates a text input field configuration
|
|
151
|
-
*/
|
|
152
149
|
text: (name: string, label: string, options?: Partial<FieldConfig>) => FieldConfig;
|
|
153
|
-
/**
|
|
154
|
-
* Creates an email input field configuration
|
|
155
|
-
*/
|
|
156
150
|
email: (name: string, label: string, options?: Partial<FieldConfig>) => FieldConfig;
|
|
157
|
-
/**
|
|
158
|
-
* Creates a password input field configuration
|
|
159
|
-
*/
|
|
160
151
|
password: (name: string, label: string, options?: Partial<FieldConfig>) => FieldConfig;
|
|
161
|
-
|
|
162
|
-
* Creates a select input field configuration
|
|
163
|
-
*/
|
|
164
|
-
select: (name: string, label: string, options: SelectOption[], config?: Partial<FieldConfig>) => FieldConfig;
|
|
165
|
-
/**
|
|
166
|
-
* Creates a checkbox input field configuration
|
|
167
|
-
*/
|
|
152
|
+
select: (name: string, label: string, optionsArr: SelectOption[], config?: Partial<FieldConfig>) => FieldConfig;
|
|
168
153
|
checkbox: (name: string, label: string, options?: Partial<FieldConfig>) => FieldConfig;
|
|
169
|
-
|
|
170
|
-
* Creates a radio group field configuration
|
|
171
|
-
*/
|
|
172
|
-
radio: (name: string, label: string, options: Array<{
|
|
154
|
+
radio: (name: string, label: string, optionsArr: Array<{
|
|
173
155
|
value: string | number;
|
|
174
156
|
label: string;
|
|
175
157
|
}>, config?: Partial<FieldConfig>) => FieldConfig;
|
|
176
|
-
/**
|
|
177
|
-
* Creates a PIN input field configuration
|
|
178
|
-
*/
|
|
179
158
|
pin: (name: string, label: string, length?: number, options?: Partial<FieldConfig>) => FieldConfig;
|
|
180
159
|
};
|
|
181
160
|
|
|
@@ -248,6 +227,7 @@ export declare interface FieldConfig {
|
|
|
248
227
|
name: string;
|
|
249
228
|
label: string;
|
|
250
229
|
type: AllowedInputType;
|
|
230
|
+
size?: FormFieldSize;
|
|
251
231
|
placeholder?: string;
|
|
252
232
|
required?: boolean;
|
|
253
233
|
disabled?: boolean;
|
|
@@ -266,6 +246,10 @@ export declare interface FieldConfig {
|
|
|
266
246
|
pinLength?: number;
|
|
267
247
|
pinType?: 'text' | 'number';
|
|
268
248
|
rows?: number;
|
|
249
|
+
className?: string;
|
|
250
|
+
inputClassName?: string;
|
|
251
|
+
labelClassName?: string;
|
|
252
|
+
messageErrorClassName?: string;
|
|
269
253
|
}
|
|
270
254
|
|
|
271
255
|
export declare const flushedStyles: RuleSet<object>;
|
|
@@ -567,6 +551,11 @@ export declare interface InputWithIconsProps extends WithIconsProps {
|
|
|
567
551
|
hasRightIcon?: boolean;
|
|
568
552
|
}
|
|
569
553
|
|
|
554
|
+
/**
|
|
555
|
+
* Type guard to check if a string is a valid AllowedInputType
|
|
556
|
+
*/
|
|
557
|
+
export declare const isAllowedInputType: (t: string) => t is AllowedInputType;
|
|
558
|
+
|
|
570
559
|
export declare const Label: default_2.FC<BaseLabelProps>;
|
|
571
560
|
|
|
572
561
|
export declare type LabelSize = 'sm' | 'md' | 'lg';
|