@rarui/styles 1.27.0 → 1.28.0
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/CHANGELOG.md +8 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +99 -2
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -7366,6 +7366,7 @@ declare const styles$1: {
|
|
|
7366
7366
|
};
|
|
7367
7367
|
};
|
|
7368
7368
|
}>;
|
|
7369
|
+
close: string;
|
|
7369
7370
|
overlay: string;
|
|
7370
7371
|
};
|
|
7371
7372
|
declare const paddingProperties: {
|
|
@@ -7433,6 +7434,7 @@ export declare const chip: {
|
|
|
7433
7434
|
};
|
|
7434
7435
|
};
|
|
7435
7436
|
}>;
|
|
7437
|
+
close: string;
|
|
7436
7438
|
overlay: string;
|
|
7437
7439
|
};
|
|
7438
7440
|
};
|
|
@@ -7974,6 +7976,14 @@ declare const styles$3: {
|
|
|
7974
7976
|
};
|
|
7975
7977
|
};
|
|
7976
7978
|
};
|
|
7979
|
+
border: {
|
|
7980
|
+
true: {
|
|
7981
|
+
borderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7982
|
+
};
|
|
7983
|
+
false: {
|
|
7984
|
+
borderWidth: number;
|
|
7985
|
+
};
|
|
7986
|
+
};
|
|
7977
7987
|
}>;
|
|
7978
7988
|
input: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7979
7989
|
/**
|
|
@@ -8070,6 +8080,14 @@ export declare const input: {
|
|
|
8070
8080
|
};
|
|
8071
8081
|
};
|
|
8072
8082
|
};
|
|
8083
|
+
border: {
|
|
8084
|
+
true: {
|
|
8085
|
+
borderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8086
|
+
};
|
|
8087
|
+
false: {
|
|
8088
|
+
borderWidth: number;
|
|
8089
|
+
};
|
|
8090
|
+
};
|
|
8073
8091
|
}>;
|
|
8074
8092
|
input: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8075
8093
|
divider: {
|
|
@@ -8583,6 +8601,87 @@ export declare const skeleton: {
|
|
|
8583
8601
|
}
|
|
8584
8602
|
]>;
|
|
8585
8603
|
};
|
|
8604
|
+
declare const selectStyles: {
|
|
8605
|
+
select: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8606
|
+
/**
|
|
8607
|
+
* Determines the visual style of the input, affecting its border
|
|
8608
|
+
*/
|
|
8609
|
+
appearance: {
|
|
8610
|
+
success: {
|
|
8611
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8612
|
+
":hover": {
|
|
8613
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8614
|
+
};
|
|
8615
|
+
":focus": {
|
|
8616
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8617
|
+
};
|
|
8618
|
+
};
|
|
8619
|
+
error: {
|
|
8620
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8621
|
+
":hover": {
|
|
8622
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8623
|
+
};
|
|
8624
|
+
":focus": {
|
|
8625
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8626
|
+
};
|
|
8627
|
+
};
|
|
8628
|
+
};
|
|
8629
|
+
/**
|
|
8630
|
+
* Specifies the size of the badge, controlling its dimensions.
|
|
8631
|
+
*/
|
|
8632
|
+
size: {
|
|
8633
|
+
large: {
|
|
8634
|
+
minHeight: "3rem";
|
|
8635
|
+
};
|
|
8636
|
+
medium: {
|
|
8637
|
+
minHeight: "2.75rem";
|
|
8638
|
+
};
|
|
8639
|
+
small: {
|
|
8640
|
+
minHeight: "2rem";
|
|
8641
|
+
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
|
|
8642
|
+
};
|
|
8643
|
+
};
|
|
8644
|
+
}>;
|
|
8645
|
+
};
|
|
8646
|
+
export type SelectVariants = NonNullable<RecipeVariants<typeof selectStyles.select>>;
|
|
8647
|
+
export declare const select: {
|
|
8648
|
+
classnames: {
|
|
8649
|
+
select: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8650
|
+
appearance: {
|
|
8651
|
+
success: {
|
|
8652
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8653
|
+
":hover": {
|
|
8654
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8655
|
+
};
|
|
8656
|
+
":focus": {
|
|
8657
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8658
|
+
};
|
|
8659
|
+
};
|
|
8660
|
+
error: {
|
|
8661
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8662
|
+
":hover": {
|
|
8663
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8664
|
+
};
|
|
8665
|
+
":focus": {
|
|
8666
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8667
|
+
};
|
|
8668
|
+
};
|
|
8669
|
+
};
|
|
8670
|
+
size: {
|
|
8671
|
+
large: {
|
|
8672
|
+
minHeight: "3rem";
|
|
8673
|
+
};
|
|
8674
|
+
medium: {
|
|
8675
|
+
minHeight: "2.75rem";
|
|
8676
|
+
};
|
|
8677
|
+
small: {
|
|
8678
|
+
minHeight: "2rem";
|
|
8679
|
+
padding: `var(--${string}) var(--${string})` | `var(--${string}) var(--${string}, ${string})` | `var(--${string}) var(--${string}, ${number})` | `var(--${string}, ${string}) var(--${string})` | `var(--${string}, ${string}) var(--${string}, ${string})` | `var(--${string}, ${string}) var(--${string}, ${number})` | `var(--${string}, ${number}) var(--${string})` | `var(--${string}, ${number}) var(--${string}, ${string})` | `var(--${string}, ${number}) var(--${string}, ${number})`;
|
|
8680
|
+
};
|
|
8681
|
+
};
|
|
8682
|
+
}>;
|
|
8683
|
+
};
|
|
8684
|
+
};
|
|
8586
8685
|
declare const styles$7: {
|
|
8587
8686
|
status: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8588
8687
|
/**
|
|
@@ -9998,7 +10097,6 @@ declare const dropdownStyles: {
|
|
|
9998
10097
|
};
|
|
9999
10098
|
}>;
|
|
10000
10099
|
dropdownItem: string;
|
|
10001
|
-
container: string;
|
|
10002
10100
|
};
|
|
10003
10101
|
export type DropdownVariants = RecipeVariants<typeof dropdownStyles.dropdown>;
|
|
10004
10102
|
export type DropdownSprinkle = Pick<StandardLonghandProperties, "width" | "maxWidth">;
|
|
@@ -10015,7 +10113,6 @@ export declare const dropdown: {
|
|
|
10015
10113
|
};
|
|
10016
10114
|
}>;
|
|
10017
10115
|
dropdownItem: string;
|
|
10018
|
-
container: string;
|
|
10019
10116
|
};
|
|
10020
10117
|
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
10021
10118
|
{
|