@rarui/styles 1.28.0 → 1.28.1
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 +20 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +70 -19
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -7140,7 +7140,22 @@ declare const styles: {
|
|
|
7140
7140
|
* Defines the visual variant of the badge, affecting its background style, border and text.
|
|
7141
7141
|
*/
|
|
7142
7142
|
variant: {
|
|
7143
|
-
solid: {
|
|
7143
|
+
solid: {
|
|
7144
|
+
":after": {
|
|
7145
|
+
transition: "opacity 150ms ease";
|
|
7146
|
+
content: "";
|
|
7147
|
+
position: "absolute";
|
|
7148
|
+
opacity: number;
|
|
7149
|
+
inset: number;
|
|
7150
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7151
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7152
|
+
};
|
|
7153
|
+
selectors: {
|
|
7154
|
+
"&:hover:after": {
|
|
7155
|
+
opacity: number;
|
|
7156
|
+
};
|
|
7157
|
+
};
|
|
7158
|
+
};
|
|
7144
7159
|
outlined: {
|
|
7145
7160
|
backgroundColor: "transparent";
|
|
7146
7161
|
};
|
|
@@ -7217,7 +7232,22 @@ export declare const button: {
|
|
|
7217
7232
|
};
|
|
7218
7233
|
};
|
|
7219
7234
|
variant: {
|
|
7220
|
-
solid: {
|
|
7235
|
+
solid: {
|
|
7236
|
+
":after": {
|
|
7237
|
+
transition: "opacity 150ms ease";
|
|
7238
|
+
content: "";
|
|
7239
|
+
position: "absolute";
|
|
7240
|
+
opacity: number;
|
|
7241
|
+
inset: number;
|
|
7242
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7243
|
+
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7244
|
+
};
|
|
7245
|
+
selectors: {
|
|
7246
|
+
"&:hover:after": {
|
|
7247
|
+
opacity: number;
|
|
7248
|
+
};
|
|
7249
|
+
};
|
|
7250
|
+
};
|
|
7221
7251
|
outlined: {
|
|
7222
7252
|
backgroundColor: "transparent";
|
|
7223
7253
|
};
|
|
@@ -7859,7 +7889,6 @@ declare const styles$2: {
|
|
|
7859
7889
|
};
|
|
7860
7890
|
};
|
|
7861
7891
|
}>;
|
|
7862
|
-
overlay: string;
|
|
7863
7892
|
};
|
|
7864
7893
|
export type IconButtonVariants = RecipeVariants<typeof styles$2.iconButton>;
|
|
7865
7894
|
export declare const iconButton: {
|
|
@@ -7948,7 +7977,6 @@ export declare const iconButton: {
|
|
|
7948
7977
|
};
|
|
7949
7978
|
};
|
|
7950
7979
|
}>;
|
|
7951
|
-
overlay: string;
|
|
7952
7980
|
};
|
|
7953
7981
|
};
|
|
7954
7982
|
declare const styles$3: {
|
|
@@ -7976,6 +8004,9 @@ declare const styles$3: {
|
|
|
7976
8004
|
};
|
|
7977
8005
|
};
|
|
7978
8006
|
};
|
|
8007
|
+
/**
|
|
8008
|
+
* Determines if the input have borders or not.
|
|
8009
|
+
*/
|
|
7979
8010
|
border: {
|
|
7980
8011
|
true: {
|
|
7981
8012
|
borderWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -7984,6 +8015,17 @@ declare const styles$3: {
|
|
|
7984
8015
|
borderWidth: number;
|
|
7985
8016
|
};
|
|
7986
8017
|
};
|
|
8018
|
+
size: {
|
|
8019
|
+
large: {
|
|
8020
|
+
height: "3rem";
|
|
8021
|
+
};
|
|
8022
|
+
medium: {
|
|
8023
|
+
height: "2.5rem";
|
|
8024
|
+
};
|
|
8025
|
+
small: {
|
|
8026
|
+
height: "2rem";
|
|
8027
|
+
};
|
|
8028
|
+
};
|
|
7987
8029
|
}>;
|
|
7988
8030
|
input: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7989
8031
|
/**
|
|
@@ -7993,24 +8035,21 @@ declare const styles$3: {
|
|
|
7993
8035
|
false: {};
|
|
7994
8036
|
};
|
|
7995
8037
|
/**
|
|
7996
|
-
* Specifies the size of the
|
|
8038
|
+
* Specifies the size of the input, controlling its dimensions.
|
|
7997
8039
|
*/
|
|
7998
8040
|
size: {
|
|
7999
8041
|
large: {
|
|
8000
|
-
height: "3rem";
|
|
8001
8042
|
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8002
8043
|
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8003
8044
|
};
|
|
8004
8045
|
medium: {
|
|
8005
|
-
height: "2.75rem";
|
|
8006
8046
|
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8007
8047
|
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8008
8048
|
};
|
|
8009
8049
|
small: {
|
|
8010
|
-
height: "2rem";
|
|
8011
8050
|
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8012
8051
|
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8013
|
-
padding: `
|
|
8052
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
|
|
8014
8053
|
};
|
|
8015
8054
|
};
|
|
8016
8055
|
}>;
|
|
@@ -8047,12 +8086,14 @@ declare const styles$3: {
|
|
|
8047
8086
|
};
|
|
8048
8087
|
size: {
|
|
8049
8088
|
large: {
|
|
8050
|
-
padding: `
|
|
8089
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
|
|
8051
8090
|
};
|
|
8052
8091
|
medium: {
|
|
8053
|
-
padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8092
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
|
|
8093
|
+
};
|
|
8094
|
+
small: {
|
|
8095
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
|
|
8054
8096
|
};
|
|
8055
|
-
small: {};
|
|
8056
8097
|
};
|
|
8057
8098
|
}>;
|
|
8058
8099
|
};
|
|
@@ -8088,6 +8129,17 @@ export declare const input: {
|
|
|
8088
8129
|
borderWidth: number;
|
|
8089
8130
|
};
|
|
8090
8131
|
};
|
|
8132
|
+
size: {
|
|
8133
|
+
large: {
|
|
8134
|
+
height: "3rem";
|
|
8135
|
+
};
|
|
8136
|
+
medium: {
|
|
8137
|
+
height: "2.5rem";
|
|
8138
|
+
};
|
|
8139
|
+
small: {
|
|
8140
|
+
height: "2rem";
|
|
8141
|
+
};
|
|
8142
|
+
};
|
|
8091
8143
|
}>;
|
|
8092
8144
|
input: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8093
8145
|
divider: {
|
|
@@ -8095,20 +8147,17 @@ export declare const input: {
|
|
|
8095
8147
|
};
|
|
8096
8148
|
size: {
|
|
8097
8149
|
large: {
|
|
8098
|
-
height: "3rem";
|
|
8099
8150
|
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8100
8151
|
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8101
8152
|
};
|
|
8102
8153
|
medium: {
|
|
8103
|
-
height: "2.75rem";
|
|
8104
8154
|
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8105
8155
|
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8106
8156
|
};
|
|
8107
8157
|
small: {
|
|
8108
|
-
height: "2rem";
|
|
8109
8158
|
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8110
8159
|
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8111
|
-
padding: `
|
|
8160
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
|
|
8112
8161
|
};
|
|
8113
8162
|
};
|
|
8114
8163
|
}>;
|
|
@@ -8145,12 +8194,14 @@ export declare const input: {
|
|
|
8145
8194
|
};
|
|
8146
8195
|
size: {
|
|
8147
8196
|
large: {
|
|
8148
|
-
padding: `
|
|
8197
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
|
|
8149
8198
|
};
|
|
8150
8199
|
medium: {
|
|
8151
|
-
padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8200
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
|
|
8201
|
+
};
|
|
8202
|
+
small: {
|
|
8203
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
|
|
8152
8204
|
};
|
|
8153
|
-
small: {};
|
|
8154
8205
|
};
|
|
8155
8206
|
}>;
|
|
8156
8207
|
};
|