@rarui/styles 1.25.0 → 1.25.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.
Files changed (6) hide show
  1. package/CHANGELOG.md +11 -1
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +19 -30
  4. package/dist/index.js +1 -1
  5. package/dist/styles.css +1 -1
  6. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -7114,20 +7114,24 @@ declare const styles: {
7114
7114
  };
7115
7115
  /**
7116
7116
  * Defines the size of the button component.
7117
+ * @default "large"
7117
7118
  */
7118
7119
  size: {
7119
7120
  large: {
7120
- padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7121
+ gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7122
+ padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
7121
7123
  height: "3rem";
7122
7124
  fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7123
7125
  };
7124
7126
  medium: {
7125
- padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7126
- height: "2.75rem";
7127
+ gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7128
+ padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
7129
+ height: "2.5rem";
7127
7130
  fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7128
7131
  };
7129
7132
  small: {
7130
- padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7133
+ gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7134
+ padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
7131
7135
  height: "2rem";
7132
7136
  fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7133
7137
  };
@@ -7143,22 +7147,13 @@ declare const styles: {
7143
7147
  text: {
7144
7148
  backgroundColor: "transparent";
7145
7149
  textDecoration: "underline";
7146
- border: "none";
7147
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7148
- ":hover": {
7149
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7150
- };
7151
- ":active": {
7152
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7153
- };
7150
+ borderColor: "transparent";
7154
7151
  };
7155
7152
  tonal: {
7156
- border: "none";
7157
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7153
+ borderColor: "transparent";
7158
7154
  };
7159
7155
  };
7160
7156
  }>;
7161
- overlay: string;
7162
7157
  };
7163
7158
  export type ButtonVariants = RecipeVariants<typeof styles.button>;
7164
7159
  export declare const button: {
@@ -7203,17 +7198,20 @@ export declare const button: {
7203
7198
  };
7204
7199
  size: {
7205
7200
  large: {
7206
- padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7201
+ gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7202
+ padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
7207
7203
  height: "3rem";
7208
7204
  fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7209
7205
  };
7210
7206
  medium: {
7211
- padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7212
- height: "2.75rem";
7207
+ gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7208
+ padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
7209
+ height: "2.5rem";
7213
7210
  fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7214
7211
  };
7215
7212
  small: {
7216
- padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7213
+ gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7214
+ padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
7217
7215
  height: "2rem";
7218
7216
  fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7219
7217
  };
@@ -7226,22 +7224,13 @@ export declare const button: {
7226
7224
  text: {
7227
7225
  backgroundColor: "transparent";
7228
7226
  textDecoration: "underline";
7229
- border: "none";
7230
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7231
- ":hover": {
7232
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7233
- };
7234
- ":active": {
7235
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7236
- };
7227
+ borderColor: "transparent";
7237
7228
  };
7238
7229
  tonal: {
7239
- border: "none";
7240
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7230
+ borderColor: "transparent";
7241
7231
  };
7242
7232
  };
7243
7233
  }>;
7244
- overlay: string;
7245
7234
  };
7246
7235
  };
7247
7236
  declare const checkbox: import("@vanilla-extract/recipes").RuntimeFn<{