@rarui/styles 1.15.0 → 1.16.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 +6 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +127 -8
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -7917,6 +7917,125 @@ export declare const link: {
|
|
|
7917
7917
|
}>;
|
|
7918
7918
|
};
|
|
7919
7919
|
};
|
|
7920
|
+
declare const styles$8: {
|
|
7921
|
+
radioButton: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7922
|
+
size: {
|
|
7923
|
+
small: {
|
|
7924
|
+
width: "1.25rem";
|
|
7925
|
+
height: "1.25rem";
|
|
7926
|
+
":before": {
|
|
7927
|
+
width: "2rem";
|
|
7928
|
+
height: "2rem";
|
|
7929
|
+
};
|
|
7930
|
+
":after": {
|
|
7931
|
+
width: ".5rem";
|
|
7932
|
+
height: ".5rem";
|
|
7933
|
+
};
|
|
7934
|
+
};
|
|
7935
|
+
large: {
|
|
7936
|
+
width: "1.5rem";
|
|
7937
|
+
height: "1.5rem";
|
|
7938
|
+
":before": {
|
|
7939
|
+
width: "2.75rem";
|
|
7940
|
+
height: "2.75rem";
|
|
7941
|
+
};
|
|
7942
|
+
":after": {
|
|
7943
|
+
width: ".75rem";
|
|
7944
|
+
height: ".75rem";
|
|
7945
|
+
};
|
|
7946
|
+
};
|
|
7947
|
+
};
|
|
7948
|
+
error: {
|
|
7949
|
+
true: {
|
|
7950
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7951
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7952
|
+
selectors: {
|
|
7953
|
+
"&:has(input:disabled)": {
|
|
7954
|
+
opacity: "50%";
|
|
7955
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7956
|
+
};
|
|
7957
|
+
"&:has(input:checked)": {
|
|
7958
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7959
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7960
|
+
};
|
|
7961
|
+
"&:has(input:checked):after": {
|
|
7962
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7963
|
+
};
|
|
7964
|
+
"&:hover:before": {
|
|
7965
|
+
opacity: number;
|
|
7966
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7967
|
+
};
|
|
7968
|
+
"&:active:before": {
|
|
7969
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7970
|
+
};
|
|
7971
|
+
};
|
|
7972
|
+
};
|
|
7973
|
+
};
|
|
7974
|
+
}>;
|
|
7975
|
+
input: string;
|
|
7976
|
+
container: string;
|
|
7977
|
+
};
|
|
7978
|
+
export type RadioButtonVariants = RecipeVariants<typeof styles$8.radioButton>;
|
|
7979
|
+
export declare const radioButton: {
|
|
7980
|
+
classnames: {
|
|
7981
|
+
radioButton: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7982
|
+
size: {
|
|
7983
|
+
small: {
|
|
7984
|
+
width: "1.25rem";
|
|
7985
|
+
height: "1.25rem";
|
|
7986
|
+
":before": {
|
|
7987
|
+
width: "2rem";
|
|
7988
|
+
height: "2rem";
|
|
7989
|
+
};
|
|
7990
|
+
":after": {
|
|
7991
|
+
width: ".5rem";
|
|
7992
|
+
height: ".5rem";
|
|
7993
|
+
};
|
|
7994
|
+
};
|
|
7995
|
+
large: {
|
|
7996
|
+
width: "1.5rem";
|
|
7997
|
+
height: "1.5rem";
|
|
7998
|
+
":before": {
|
|
7999
|
+
width: "2.75rem";
|
|
8000
|
+
height: "2.75rem";
|
|
8001
|
+
};
|
|
8002
|
+
":after": {
|
|
8003
|
+
width: ".75rem";
|
|
8004
|
+
height: ".75rem";
|
|
8005
|
+
};
|
|
8006
|
+
};
|
|
8007
|
+
};
|
|
8008
|
+
error: {
|
|
8009
|
+
true: {
|
|
8010
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8011
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8012
|
+
selectors: {
|
|
8013
|
+
"&:has(input:disabled)": {
|
|
8014
|
+
opacity: "50%";
|
|
8015
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8016
|
+
};
|
|
8017
|
+
"&:has(input:checked)": {
|
|
8018
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8019
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8020
|
+
};
|
|
8021
|
+
"&:has(input:checked):after": {
|
|
8022
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8023
|
+
};
|
|
8024
|
+
"&:hover:before": {
|
|
8025
|
+
opacity: number;
|
|
8026
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8027
|
+
};
|
|
8028
|
+
"&:active:before": {
|
|
8029
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8030
|
+
};
|
|
8031
|
+
};
|
|
8032
|
+
};
|
|
8033
|
+
};
|
|
8034
|
+
}>;
|
|
8035
|
+
input: string;
|
|
8036
|
+
container: string;
|
|
8037
|
+
};
|
|
8038
|
+
};
|
|
7920
8039
|
export type SkeletonDynamicProperties = Pick<StandardLonghandProperties, "width" | "height" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight">;
|
|
7921
8040
|
export interface SkeletonSprinkle extends SkeletonDynamicProperties {
|
|
7922
8041
|
/**
|
|
@@ -8035,7 +8154,7 @@ export declare const skeleton: {
|
|
|
8035
8154
|
}
|
|
8036
8155
|
]>;
|
|
8037
8156
|
};
|
|
8038
|
-
declare const styles$
|
|
8157
|
+
declare const styles$9: {
|
|
8039
8158
|
status: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8040
8159
|
appearance: {
|
|
8041
8160
|
success: {
|
|
@@ -8088,7 +8207,7 @@ declare const styles$8: {
|
|
|
8088
8207
|
};
|
|
8089
8208
|
}>;
|
|
8090
8209
|
};
|
|
8091
|
-
export type StatusVariants = RecipeVariants<typeof styles$
|
|
8210
|
+
export type StatusVariants = RecipeVariants<typeof styles$9.status>;
|
|
8092
8211
|
declare const status$1: {
|
|
8093
8212
|
classnames: {
|
|
8094
8213
|
status: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
@@ -8728,7 +8847,7 @@ export declare const title: {
|
|
|
8728
8847
|
}
|
|
8729
8848
|
]>;
|
|
8730
8849
|
};
|
|
8731
|
-
declare const styles$
|
|
8850
|
+
declare const styles$10: {
|
|
8732
8851
|
banner: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8733
8852
|
appearance: {
|
|
8734
8853
|
brand: {
|
|
@@ -8763,7 +8882,7 @@ declare const styles$9: {
|
|
|
8763
8882
|
};
|
|
8764
8883
|
}>;
|
|
8765
8884
|
};
|
|
8766
|
-
export type BannerVariants = RecipeVariants<typeof styles$
|
|
8885
|
+
export type BannerVariants = RecipeVariants<typeof styles$10.banner>;
|
|
8767
8886
|
export declare const banner: {
|
|
8768
8887
|
classnames: {
|
|
8769
8888
|
banner: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
@@ -8801,7 +8920,7 @@ export declare const banner: {
|
|
|
8801
8920
|
}>;
|
|
8802
8921
|
};
|
|
8803
8922
|
};
|
|
8804
|
-
declare const styles$
|
|
8923
|
+
declare const styles$11: {
|
|
8805
8924
|
toast: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8806
8925
|
placement: {
|
|
8807
8926
|
topRight: {};
|
|
@@ -8930,7 +9049,7 @@ declare const styles$10: {
|
|
|
8930
9049
|
};
|
|
8931
9050
|
}>;
|
|
8932
9051
|
};
|
|
8933
|
-
export type ToastVariants = RecipeVariants<typeof styles$
|
|
9052
|
+
export type ToastVariants = RecipeVariants<typeof styles$11.toast>;
|
|
8934
9053
|
export declare const toast: {
|
|
8935
9054
|
classnames: {
|
|
8936
9055
|
toast: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
@@ -9062,7 +9181,7 @@ export declare const toast: {
|
|
|
9062
9181
|
}>;
|
|
9063
9182
|
};
|
|
9064
9183
|
};
|
|
9065
|
-
declare const styles$
|
|
9184
|
+
declare const styles$12: {
|
|
9066
9185
|
toggle: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9067
9186
|
size: {
|
|
9068
9187
|
large: {
|
|
@@ -9131,7 +9250,7 @@ declare const styles$11: {
|
|
|
9131
9250
|
};
|
|
9132
9251
|
}>;
|
|
9133
9252
|
};
|
|
9134
|
-
export type ToggleVariants = RecipeVariants<typeof styles$
|
|
9253
|
+
export type ToggleVariants = RecipeVariants<typeof styles$12.toggle>;
|
|
9135
9254
|
export declare const toggle: {
|
|
9136
9255
|
classnames: {
|
|
9137
9256
|
toggle: import("@vanilla-extract/recipes").RuntimeFn<{
|