@bubo-squared/ui-framework 0.1.93 → 0.1.94
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/index.cjs +213 -158
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +38 -9
- package/dist/index.d.ts +38 -9
- package/dist/index.js +213 -158
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -145,18 +145,22 @@ interface BadgeStatusProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
145
145
|
}
|
|
146
146
|
declare const BadgeStatus: React$1.ForwardRefExoticComponent<BadgeStatusProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
147
147
|
|
|
148
|
-
type DividerType = "
|
|
149
|
-
type SimpleDividerType = Exclude<DividerType, "button
|
|
148
|
+
type DividerType = "default" | "text" | "iconButton" | "iconButtonGroup" | "button";
|
|
149
|
+
type SimpleDividerType = Exclude<DividerType, "button" | "iconButton" | "iconButtonGroup">;
|
|
150
150
|
interface BaseDividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
151
151
|
type?: SimpleDividerType;
|
|
152
|
+
/** Size variant for the divider (affects line thickness + center element sizing). */
|
|
153
|
+
size?: DividerSize;
|
|
152
154
|
/** Label shown for text variant (e.g. "OR"). */
|
|
153
155
|
label?: string;
|
|
154
156
|
}
|
|
155
157
|
type ButtonVariant = ButtonProps$1["variant"];
|
|
156
158
|
type IconButtonVariant = ButtonProps["variant"];
|
|
157
|
-
type
|
|
159
|
+
type DividerSize = IconButtonGroupProps["size"];
|
|
158
160
|
interface IconLinesDividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
159
|
-
type: "
|
|
161
|
+
type: "iconButton";
|
|
162
|
+
/** Size variant for the divider (affects line thickness + icon button size). */
|
|
163
|
+
size?: DividerSize;
|
|
160
164
|
/** Icon rendered between the lines. */
|
|
161
165
|
icon: React$1.ReactNode;
|
|
162
166
|
/** Variant for the icon button between the lines. */
|
|
@@ -167,7 +171,9 @@ interface IconLinesDividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
167
171
|
ariaLabel?: string;
|
|
168
172
|
}
|
|
169
173
|
interface ButtonLinesDividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
170
|
-
type: "button
|
|
174
|
+
type: "button";
|
|
175
|
+
/** Size variant for the divider (affects line thickness + button size). */
|
|
176
|
+
size?: DividerSize;
|
|
171
177
|
/** Text inside the button between the lines. */
|
|
172
178
|
buttonLabel: string;
|
|
173
179
|
/** onClick handler for the button between the lines. */
|
|
@@ -176,11 +182,11 @@ interface ButtonLinesDividerProps extends React$1.HTMLAttributes<HTMLDivElement>
|
|
|
176
182
|
buttonVariant?: ButtonVariant;
|
|
177
183
|
}
|
|
178
184
|
interface IconGroupLinesDividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
179
|
-
type: "
|
|
185
|
+
type: "iconButtonGroup";
|
|
186
|
+
/** Size variant for the divider (affects line thickness + icon group size). */
|
|
187
|
+
size?: DividerSize;
|
|
180
188
|
/** Items rendered as a segmented icon group between the lines. */
|
|
181
189
|
iconGroupItems: IconButtonGroupItem[];
|
|
182
|
-
/** Shared size for the icon group; defaults to IconButtonGroup default. */
|
|
183
|
-
iconGroupSize?: IconGroupSize;
|
|
184
190
|
}
|
|
185
191
|
type DividerProps = BaseDividerProps | IconLinesDividerProps | IconGroupLinesDividerProps | ButtonLinesDividerProps;
|
|
186
192
|
declare const Divider: React$1.FC<DividerProps>;
|
|
@@ -248,7 +254,10 @@ interface DropdownProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElem
|
|
|
248
254
|
label?: string;
|
|
249
255
|
showLabel?: boolean;
|
|
250
256
|
hint?: string;
|
|
251
|
-
|
|
257
|
+
/**
|
|
258
|
+
* If true, the hint will not be rendered even if provided.
|
|
259
|
+
*/
|
|
260
|
+
hideHint?: boolean;
|
|
252
261
|
placeholder?: string;
|
|
253
262
|
status?: DropdownStatus;
|
|
254
263
|
options: DropdownOption[];
|
|
@@ -264,6 +273,10 @@ type FieldStatus = "default" | "success" | "error";
|
|
|
264
273
|
interface FieldProps {
|
|
265
274
|
label?: string;
|
|
266
275
|
hint?: string;
|
|
276
|
+
/**
|
|
277
|
+
* If true, the hint will not be rendered even if provided.
|
|
278
|
+
*/
|
|
279
|
+
hideHint?: boolean;
|
|
267
280
|
status?: FieldStatus;
|
|
268
281
|
disabled?: boolean | null;
|
|
269
282
|
className?: string;
|
|
@@ -277,6 +290,10 @@ type PasswordInputVariant = "icons" | "action";
|
|
|
277
290
|
interface PasswordInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "disabled"> {
|
|
278
291
|
label?: string;
|
|
279
292
|
hint?: string;
|
|
293
|
+
/**
|
|
294
|
+
* If true, the hint will not be rendered even if provided.
|
|
295
|
+
*/
|
|
296
|
+
hideHint?: boolean;
|
|
280
297
|
placeholder?: string;
|
|
281
298
|
status?: PasswordInputStatus;
|
|
282
299
|
size?: PasswordInputSize;
|
|
@@ -294,6 +311,10 @@ type TextInputStatus = "default" | "success" | "error";
|
|
|
294
311
|
interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "disabled"> {
|
|
295
312
|
label?: string;
|
|
296
313
|
hint?: string;
|
|
314
|
+
/**
|
|
315
|
+
* If true, the hint will not be rendered even if provided.
|
|
316
|
+
*/
|
|
317
|
+
hideHint?: boolean;
|
|
297
318
|
placeholder?: string;
|
|
298
319
|
status?: TextInputStatus;
|
|
299
320
|
size?: TextInputSize;
|
|
@@ -309,6 +330,10 @@ type PhoneInputProps = Omit<React$1.ComponentProps<"input">, "onChange" | "value
|
|
|
309
330
|
className?: string;
|
|
310
331
|
label?: string;
|
|
311
332
|
hint?: string;
|
|
333
|
+
/**
|
|
334
|
+
* If true, the hint will not be rendered even if provided.
|
|
335
|
+
*/
|
|
336
|
+
hideHint?: boolean;
|
|
312
337
|
placeholder?: string;
|
|
313
338
|
disabled?: boolean;
|
|
314
339
|
status?: TextInputStatus;
|
|
@@ -325,6 +350,10 @@ interface RadioGroupOption {
|
|
|
325
350
|
interface RadioGroupProps extends Omit<RadioGroupPrimitive.RadioGroupProps, "children" | "orientation" | "onValueChange"> {
|
|
326
351
|
label?: string;
|
|
327
352
|
hint?: string;
|
|
353
|
+
/**
|
|
354
|
+
* If true, the hint will not be rendered even if provided.
|
|
355
|
+
*/
|
|
356
|
+
hideHint?: boolean;
|
|
328
357
|
orientation?: RadioGroupOrientation;
|
|
329
358
|
options: RadioGroupOption[];
|
|
330
359
|
disabled?: boolean;
|
package/dist/index.d.ts
CHANGED
|
@@ -145,18 +145,22 @@ interface BadgeStatusProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
145
145
|
}
|
|
146
146
|
declare const BadgeStatus: React$1.ForwardRefExoticComponent<BadgeStatusProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
147
147
|
|
|
148
|
-
type DividerType = "
|
|
149
|
-
type SimpleDividerType = Exclude<DividerType, "button
|
|
148
|
+
type DividerType = "default" | "text" | "iconButton" | "iconButtonGroup" | "button";
|
|
149
|
+
type SimpleDividerType = Exclude<DividerType, "button" | "iconButton" | "iconButtonGroup">;
|
|
150
150
|
interface BaseDividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
151
151
|
type?: SimpleDividerType;
|
|
152
|
+
/** Size variant for the divider (affects line thickness + center element sizing). */
|
|
153
|
+
size?: DividerSize;
|
|
152
154
|
/** Label shown for text variant (e.g. "OR"). */
|
|
153
155
|
label?: string;
|
|
154
156
|
}
|
|
155
157
|
type ButtonVariant = ButtonProps$1["variant"];
|
|
156
158
|
type IconButtonVariant = ButtonProps["variant"];
|
|
157
|
-
type
|
|
159
|
+
type DividerSize = IconButtonGroupProps["size"];
|
|
158
160
|
interface IconLinesDividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
159
|
-
type: "
|
|
161
|
+
type: "iconButton";
|
|
162
|
+
/** Size variant for the divider (affects line thickness + icon button size). */
|
|
163
|
+
size?: DividerSize;
|
|
160
164
|
/** Icon rendered between the lines. */
|
|
161
165
|
icon: React$1.ReactNode;
|
|
162
166
|
/** Variant for the icon button between the lines. */
|
|
@@ -167,7 +171,9 @@ interface IconLinesDividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
167
171
|
ariaLabel?: string;
|
|
168
172
|
}
|
|
169
173
|
interface ButtonLinesDividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
170
|
-
type: "button
|
|
174
|
+
type: "button";
|
|
175
|
+
/** Size variant for the divider (affects line thickness + button size). */
|
|
176
|
+
size?: DividerSize;
|
|
171
177
|
/** Text inside the button between the lines. */
|
|
172
178
|
buttonLabel: string;
|
|
173
179
|
/** onClick handler for the button between the lines. */
|
|
@@ -176,11 +182,11 @@ interface ButtonLinesDividerProps extends React$1.HTMLAttributes<HTMLDivElement>
|
|
|
176
182
|
buttonVariant?: ButtonVariant;
|
|
177
183
|
}
|
|
178
184
|
interface IconGroupLinesDividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
179
|
-
type: "
|
|
185
|
+
type: "iconButtonGroup";
|
|
186
|
+
/** Size variant for the divider (affects line thickness + icon group size). */
|
|
187
|
+
size?: DividerSize;
|
|
180
188
|
/** Items rendered as a segmented icon group between the lines. */
|
|
181
189
|
iconGroupItems: IconButtonGroupItem[];
|
|
182
|
-
/** Shared size for the icon group; defaults to IconButtonGroup default. */
|
|
183
|
-
iconGroupSize?: IconGroupSize;
|
|
184
190
|
}
|
|
185
191
|
type DividerProps = BaseDividerProps | IconLinesDividerProps | IconGroupLinesDividerProps | ButtonLinesDividerProps;
|
|
186
192
|
declare const Divider: React$1.FC<DividerProps>;
|
|
@@ -248,7 +254,10 @@ interface DropdownProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElem
|
|
|
248
254
|
label?: string;
|
|
249
255
|
showLabel?: boolean;
|
|
250
256
|
hint?: string;
|
|
251
|
-
|
|
257
|
+
/**
|
|
258
|
+
* If true, the hint will not be rendered even if provided.
|
|
259
|
+
*/
|
|
260
|
+
hideHint?: boolean;
|
|
252
261
|
placeholder?: string;
|
|
253
262
|
status?: DropdownStatus;
|
|
254
263
|
options: DropdownOption[];
|
|
@@ -264,6 +273,10 @@ type FieldStatus = "default" | "success" | "error";
|
|
|
264
273
|
interface FieldProps {
|
|
265
274
|
label?: string;
|
|
266
275
|
hint?: string;
|
|
276
|
+
/**
|
|
277
|
+
* If true, the hint will not be rendered even if provided.
|
|
278
|
+
*/
|
|
279
|
+
hideHint?: boolean;
|
|
267
280
|
status?: FieldStatus;
|
|
268
281
|
disabled?: boolean | null;
|
|
269
282
|
className?: string;
|
|
@@ -277,6 +290,10 @@ type PasswordInputVariant = "icons" | "action";
|
|
|
277
290
|
interface PasswordInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "disabled"> {
|
|
278
291
|
label?: string;
|
|
279
292
|
hint?: string;
|
|
293
|
+
/**
|
|
294
|
+
* If true, the hint will not be rendered even if provided.
|
|
295
|
+
*/
|
|
296
|
+
hideHint?: boolean;
|
|
280
297
|
placeholder?: string;
|
|
281
298
|
status?: PasswordInputStatus;
|
|
282
299
|
size?: PasswordInputSize;
|
|
@@ -294,6 +311,10 @@ type TextInputStatus = "default" | "success" | "error";
|
|
|
294
311
|
interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "disabled"> {
|
|
295
312
|
label?: string;
|
|
296
313
|
hint?: string;
|
|
314
|
+
/**
|
|
315
|
+
* If true, the hint will not be rendered even if provided.
|
|
316
|
+
*/
|
|
317
|
+
hideHint?: boolean;
|
|
297
318
|
placeholder?: string;
|
|
298
319
|
status?: TextInputStatus;
|
|
299
320
|
size?: TextInputSize;
|
|
@@ -309,6 +330,10 @@ type PhoneInputProps = Omit<React$1.ComponentProps<"input">, "onChange" | "value
|
|
|
309
330
|
className?: string;
|
|
310
331
|
label?: string;
|
|
311
332
|
hint?: string;
|
|
333
|
+
/**
|
|
334
|
+
* If true, the hint will not be rendered even if provided.
|
|
335
|
+
*/
|
|
336
|
+
hideHint?: boolean;
|
|
312
337
|
placeholder?: string;
|
|
313
338
|
disabled?: boolean;
|
|
314
339
|
status?: TextInputStatus;
|
|
@@ -325,6 +350,10 @@ interface RadioGroupOption {
|
|
|
325
350
|
interface RadioGroupProps extends Omit<RadioGroupPrimitive.RadioGroupProps, "children" | "orientation" | "onValueChange"> {
|
|
326
351
|
label?: string;
|
|
327
352
|
hint?: string;
|
|
353
|
+
/**
|
|
354
|
+
* If true, the hint will not be rendered even if provided.
|
|
355
|
+
*/
|
|
356
|
+
hideHint?: boolean;
|
|
328
357
|
orientation?: RadioGroupOrientation;
|
|
329
358
|
options: RadioGroupOption[];
|
|
330
359
|
disabled?: boolean;
|