@rarui/styles 1.30.1-rc.4 → 1.30.2

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 (7) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +55 -55
  4. package/dist/index.js +1 -1
  5. package/dist/styles.css +1 -1
  6. package/dist/themes/dark.js +1 -1
  7. package/package.json +2 -3
package/dist/index.d.ts CHANGED
@@ -7141,18 +7141,13 @@ declare const styles: {
7141
7141
  */
7142
7142
  variant: {
7143
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
7144
  selectors: {
7154
7145
  "&:hover:after": {
7155
- opacity: number;
7146
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7147
+ };
7148
+ "&:active:after": {
7149
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7150
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7156
7151
  };
7157
7152
  };
7158
7153
  };
@@ -7233,18 +7228,13 @@ export declare const button: {
7233
7228
  };
7234
7229
  variant: {
7235
7230
  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
7231
  selectors: {
7246
7232
  "&:hover:after": {
7247
- opacity: number;
7233
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7234
+ };
7235
+ "&:active:after": {
7236
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7237
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7248
7238
  };
7249
7239
  };
7250
7240
  };
@@ -7395,6 +7385,10 @@ declare const chipStyles: {
7395
7385
  height: "1.5rem";
7396
7386
  };
7397
7387
  };
7388
+ /**
7389
+ * Specifies whether to handle text overflow within the chip.
7390
+ * When true, overflowing text is typically truncated with an ellipsis.
7391
+ */
7398
7392
  textOverflow: {
7399
7393
  true: {
7400
7394
  minWidth: "auto";
@@ -7403,6 +7397,10 @@ declare const chipStyles: {
7403
7397
  };
7404
7398
  }>;
7405
7399
  content: import("@vanilla-extract/recipes").RuntimeFn<{
7400
+ /**
7401
+ * Specifies whether to handle text overflow within the chip.
7402
+ * When true, overflowing text is typically truncated with an ellipsis.
7403
+ */
7406
7404
  textOverflow: {
7407
7405
  true: {
7408
7406
  textOverflow: "ellipsis";
@@ -7906,34 +7904,32 @@ declare const iconButtonStyles: {
7906
7904
  /**
7907
7905
  * Defines the visual variant of the icon button, affecting its background style, border and text.
7908
7906
  */
7909
- solid: {};
7907
+ solid: {
7908
+ selectors: {
7909
+ "&:hover:after": {
7910
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7911
+ };
7912
+ "&:active:after": {
7913
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7914
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7915
+ };
7916
+ };
7917
+ };
7910
7918
  outlined: {
7911
7919
  backgroundColor: "transparent";
7912
7920
  };
7913
7921
  ghost: {
7914
7922
  backgroundColor: "transparent";
7915
7923
  borderColor: "transparent";
7916
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7917
- ":hover": {
7918
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7919
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7920
- };
7921
- ":active": {
7922
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7923
- };
7924
7924
  };
7925
7925
  tonal: {
7926
- border: "none";
7927
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7926
+ borderColor: "transparent";
7928
7927
  };
7929
7928
  };
7930
7929
  rounded: {
7931
7930
  true: {
7932
7931
  borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7933
- ":hover": {
7934
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7935
- };
7936
- ":active": {
7932
+ ":after": {
7937
7933
  borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7938
7934
  };
7939
7935
  };
@@ -7994,34 +7990,32 @@ export declare const iconButton: {
7994
7990
  };
7995
7991
  };
7996
7992
  variant: {
7997
- solid: {};
7993
+ solid: {
7994
+ selectors: {
7995
+ "&:hover:after": {
7996
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7997
+ };
7998
+ "&:active:after": {
7999
+ borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8000
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8001
+ };
8002
+ };
8003
+ };
7998
8004
  outlined: {
7999
8005
  backgroundColor: "transparent";
8000
8006
  };
8001
8007
  ghost: {
8002
8008
  backgroundColor: "transparent";
8003
8009
  borderColor: "transparent";
8004
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8005
- ":hover": {
8006
- borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8007
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8008
- };
8009
- ":active": {
8010
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8011
- };
8012
8010
  };
8013
8011
  tonal: {
8014
- border: "none";
8015
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8012
+ borderColor: "transparent";
8016
8013
  };
8017
8014
  };
8018
8015
  rounded: {
8019
8016
  true: {
8020
8017
  borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8021
- ":hover": {
8022
- borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8023
- };
8024
- ":active": {
8018
+ ":after": {
8025
8019
  borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8026
8020
  };
8027
8021
  };
@@ -8147,7 +8141,7 @@ declare const styles$1: {
8147
8141
  };
8148
8142
  }>;
8149
8143
  };
8150
- export type InputVariants = RecipeVariants<typeof styles$1.container> & RecipeVariants<typeof styles$1.input>;
8144
+ export type InputVariants = NonNullable<RecipeVariants<typeof styles$1.container> & RecipeVariants<typeof styles$1.input>>;
8151
8145
  export declare const input: {
8152
8146
  classnames: {
8153
8147
  container: import("@vanilla-extract/recipes").RuntimeFn<{
@@ -9731,12 +9725,14 @@ declare const styles$6: {
9731
9725
  size: {
9732
9726
  small: {
9733
9727
  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})`;
9728
+ gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9734
9729
  };
9735
9730
  medium: {
9736
- padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9731
+ 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})`;
9737
9732
  };
9738
9733
  large: {
9739
- padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9734
+ 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})`;
9735
+ gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9740
9736
  };
9741
9737
  };
9742
9738
  /**
@@ -9786,6 +9782,7 @@ declare const styles$6: {
9786
9782
  };
9787
9783
  }>;
9788
9784
  content: string;
9785
+ iconContainer: string;
9789
9786
  toastContainer: import("@vanilla-extract/recipes").RuntimeFn<{
9790
9787
  position: {
9791
9788
  bottomRight: {
@@ -9865,12 +9862,14 @@ export declare const toast: {
9865
9862
  size: {
9866
9863
  small: {
9867
9864
  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})`;
9865
+ gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9868
9866
  };
9869
9867
  medium: {
9870
- padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9868
+ 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})`;
9871
9869
  };
9872
9870
  large: {
9873
- padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9871
+ 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})`;
9872
+ gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9874
9873
  };
9875
9874
  };
9876
9875
  variant: {
@@ -9917,6 +9916,7 @@ export declare const toast: {
9917
9916
  };
9918
9917
  }>;
9919
9918
  content: string;
9919
+ iconContainer: string;
9920
9920
  toastContainer: import("@vanilla-extract/recipes").RuntimeFn<{
9921
9921
  position: {
9922
9922
  bottomRight: {