@bubo-squared/ui-framework 0.1.95 → 0.1.97
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/README.md +47 -47
- package/dist/index.cjs +182 -96
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +13 -4
- package/dist/index.d.ts +13 -4
- package/dist/index.js +182 -96
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/style.d.ts +2 -2
package/dist/index.d.cts
CHANGED
|
@@ -146,9 +146,12 @@ interface BadgeStatusProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
146
146
|
declare const BadgeStatus: React$1.ForwardRefExoticComponent<BadgeStatusProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
147
147
|
|
|
148
148
|
type DividerType = "default" | "text" | "iconButton" | "iconButtonGroup" | "button";
|
|
149
|
+
type DividerOrientation = "horizontal" | "vertical";
|
|
149
150
|
type SimpleDividerType = Exclude<DividerType, "button" | "iconButton" | "iconButtonGroup">;
|
|
150
151
|
interface BaseDividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
151
152
|
type?: SimpleDividerType;
|
|
153
|
+
/** Orientation of the divider lines. Defaults to "horizontal". */
|
|
154
|
+
orientation?: DividerOrientation;
|
|
152
155
|
/** Size variant for the divider (affects line thickness + center element sizing). */
|
|
153
156
|
size?: DividerSize;
|
|
154
157
|
/** Label shown for text variant (e.g. "OR"). */
|
|
@@ -159,6 +162,8 @@ type IconButtonVariant = ButtonProps["variant"];
|
|
|
159
162
|
type DividerSize = IconButtonGroupProps["size"];
|
|
160
163
|
interface IconLinesDividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
161
164
|
type: "iconButton";
|
|
165
|
+
/** Orientation of the divider lines. Defaults to "horizontal". */
|
|
166
|
+
orientation?: DividerOrientation;
|
|
162
167
|
/** Size variant for the divider (affects line thickness + icon button size). */
|
|
163
168
|
size?: DividerSize;
|
|
164
169
|
/** Icon rendered between the lines. */
|
|
@@ -172,6 +177,8 @@ interface IconLinesDividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
172
177
|
}
|
|
173
178
|
interface ButtonLinesDividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
174
179
|
type: "button";
|
|
180
|
+
/** Orientation of the divider lines. Defaults to "horizontal". */
|
|
181
|
+
orientation?: DividerOrientation;
|
|
175
182
|
/** Size variant for the divider (affects line thickness + button size). */
|
|
176
183
|
size?: DividerSize;
|
|
177
184
|
/** Text inside the button between the lines. */
|
|
@@ -183,6 +190,8 @@ interface ButtonLinesDividerProps extends React$1.HTMLAttributes<HTMLDivElement>
|
|
|
183
190
|
}
|
|
184
191
|
interface IconGroupLinesDividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
185
192
|
type: "iconButtonGroup";
|
|
193
|
+
/** Orientation of the divider lines. Defaults to "horizontal". */
|
|
194
|
+
orientation?: DividerOrientation;
|
|
186
195
|
/** Size variant for the divider (affects line thickness + icon group size). */
|
|
187
196
|
size?: DividerSize;
|
|
188
197
|
/** Items rendered as a segmented icon group between the lines. */
|
|
@@ -247,7 +256,7 @@ interface DropdownOption {
|
|
|
247
256
|
value: string;
|
|
248
257
|
}
|
|
249
258
|
declare const dropdownTriggerVariants: (props?: ({
|
|
250
|
-
size?: "
|
|
259
|
+
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
251
260
|
status?: "success" | "error" | "default" | null | undefined;
|
|
252
261
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
253
262
|
interface DropdownProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "onChange">, VariantProps<typeof dropdownTriggerVariants> {
|
|
@@ -284,7 +293,7 @@ interface FieldProps {
|
|
|
284
293
|
}
|
|
285
294
|
declare const Field: React$1.FC<FieldProps>;
|
|
286
295
|
|
|
287
|
-
type PasswordInputSize = "
|
|
296
|
+
type PasswordInputSize = "sm" | "md" | "lg" | "xl";
|
|
288
297
|
type PasswordInputStatus = "default" | "success" | "error";
|
|
289
298
|
type PasswordInputVariant = "icons" | "action";
|
|
290
299
|
interface PasswordInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "disabled"> {
|
|
@@ -306,7 +315,7 @@ interface PasswordInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputE
|
|
|
306
315
|
}
|
|
307
316
|
declare const PasswordInput: React$1.FC<PasswordInputProps>;
|
|
308
317
|
|
|
309
|
-
type TextInputSize = "
|
|
318
|
+
type TextInputSize = "sm" | "md" | "lg" | "xl";
|
|
310
319
|
type TextInputStatus = "default" | "success" | "error";
|
|
311
320
|
interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "disabled"> {
|
|
312
321
|
label?: string;
|
|
@@ -361,7 +370,7 @@ interface RadioGroupProps extends Omit<RadioGroupPrimitive.RadioGroupProps, "chi
|
|
|
361
370
|
}
|
|
362
371
|
declare const RadioGroup: React$1.FC<RadioGroupProps>;
|
|
363
372
|
|
|
364
|
-
type SearchInputSize = "
|
|
373
|
+
type SearchInputSize = "sm" | "md" | "lg" | "xl";
|
|
365
374
|
interface SearchInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "disabled"> {
|
|
366
375
|
placeholder?: string;
|
|
367
376
|
leadingIcon?: React$1.ReactNode;
|
package/dist/index.d.ts
CHANGED
|
@@ -146,9 +146,12 @@ interface BadgeStatusProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
146
146
|
declare const BadgeStatus: React$1.ForwardRefExoticComponent<BadgeStatusProps & React$1.RefAttributes<HTMLDivElement>>;
|
|
147
147
|
|
|
148
148
|
type DividerType = "default" | "text" | "iconButton" | "iconButtonGroup" | "button";
|
|
149
|
+
type DividerOrientation = "horizontal" | "vertical";
|
|
149
150
|
type SimpleDividerType = Exclude<DividerType, "button" | "iconButton" | "iconButtonGroup">;
|
|
150
151
|
interface BaseDividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
151
152
|
type?: SimpleDividerType;
|
|
153
|
+
/** Orientation of the divider lines. Defaults to "horizontal". */
|
|
154
|
+
orientation?: DividerOrientation;
|
|
152
155
|
/** Size variant for the divider (affects line thickness + center element sizing). */
|
|
153
156
|
size?: DividerSize;
|
|
154
157
|
/** Label shown for text variant (e.g. "OR"). */
|
|
@@ -159,6 +162,8 @@ type IconButtonVariant = ButtonProps["variant"];
|
|
|
159
162
|
type DividerSize = IconButtonGroupProps["size"];
|
|
160
163
|
interface IconLinesDividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
161
164
|
type: "iconButton";
|
|
165
|
+
/** Orientation of the divider lines. Defaults to "horizontal". */
|
|
166
|
+
orientation?: DividerOrientation;
|
|
162
167
|
/** Size variant for the divider (affects line thickness + icon button size). */
|
|
163
168
|
size?: DividerSize;
|
|
164
169
|
/** Icon rendered between the lines. */
|
|
@@ -172,6 +177,8 @@ interface IconLinesDividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
|
172
177
|
}
|
|
173
178
|
interface ButtonLinesDividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
174
179
|
type: "button";
|
|
180
|
+
/** Orientation of the divider lines. Defaults to "horizontal". */
|
|
181
|
+
orientation?: DividerOrientation;
|
|
175
182
|
/** Size variant for the divider (affects line thickness + button size). */
|
|
176
183
|
size?: DividerSize;
|
|
177
184
|
/** Text inside the button between the lines. */
|
|
@@ -183,6 +190,8 @@ interface ButtonLinesDividerProps extends React$1.HTMLAttributes<HTMLDivElement>
|
|
|
183
190
|
}
|
|
184
191
|
interface IconGroupLinesDividerProps extends React$1.HTMLAttributes<HTMLDivElement> {
|
|
185
192
|
type: "iconButtonGroup";
|
|
193
|
+
/** Orientation of the divider lines. Defaults to "horizontal". */
|
|
194
|
+
orientation?: DividerOrientation;
|
|
186
195
|
/** Size variant for the divider (affects line thickness + icon group size). */
|
|
187
196
|
size?: DividerSize;
|
|
188
197
|
/** Items rendered as a segmented icon group between the lines. */
|
|
@@ -247,7 +256,7 @@ interface DropdownOption {
|
|
|
247
256
|
value: string;
|
|
248
257
|
}
|
|
249
258
|
declare const dropdownTriggerVariants: (props?: ({
|
|
250
|
-
size?: "
|
|
259
|
+
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
251
260
|
status?: "success" | "error" | "default" | null | undefined;
|
|
252
261
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
253
262
|
interface DropdownProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "onChange">, VariantProps<typeof dropdownTriggerVariants> {
|
|
@@ -284,7 +293,7 @@ interface FieldProps {
|
|
|
284
293
|
}
|
|
285
294
|
declare const Field: React$1.FC<FieldProps>;
|
|
286
295
|
|
|
287
|
-
type PasswordInputSize = "
|
|
296
|
+
type PasswordInputSize = "sm" | "md" | "lg" | "xl";
|
|
288
297
|
type PasswordInputStatus = "default" | "success" | "error";
|
|
289
298
|
type PasswordInputVariant = "icons" | "action";
|
|
290
299
|
interface PasswordInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type" | "size" | "disabled"> {
|
|
@@ -306,7 +315,7 @@ interface PasswordInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputE
|
|
|
306
315
|
}
|
|
307
316
|
declare const PasswordInput: React$1.FC<PasswordInputProps>;
|
|
308
317
|
|
|
309
|
-
type TextInputSize = "
|
|
318
|
+
type TextInputSize = "sm" | "md" | "lg" | "xl";
|
|
310
319
|
type TextInputStatus = "default" | "success" | "error";
|
|
311
320
|
interface TextInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "disabled"> {
|
|
312
321
|
label?: string;
|
|
@@ -361,7 +370,7 @@ interface RadioGroupProps extends Omit<RadioGroupPrimitive.RadioGroupProps, "chi
|
|
|
361
370
|
}
|
|
362
371
|
declare const RadioGroup: React$1.FC<RadioGroupProps>;
|
|
363
372
|
|
|
364
|
-
type SearchInputSize = "
|
|
373
|
+
type SearchInputSize = "sm" | "md" | "lg" | "xl";
|
|
365
374
|
interface SearchInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "size" | "disabled"> {
|
|
366
375
|
placeholder?: string;
|
|
367
376
|
leadingIcon?: React$1.ReactNode;
|