@rarui/styles 1.22.0 → 1.23.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.
Files changed (6) hide show
  1. package/CHANGELOG.md +7 -1
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +93 -10
  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
@@ -7781,7 +7781,6 @@ declare const styles$2: {
7781
7781
  };
7782
7782
  ghost: {
7783
7783
  backgroundColor: "transparent";
7784
- textDecoration: "underline";
7785
7784
  borderColor: "transparent";
7786
7785
  borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7787
7786
  ":hover": {
@@ -7854,7 +7853,6 @@ export declare const iconButton: {
7854
7853
  };
7855
7854
  ghost: {
7856
7855
  backgroundColor: "transparent";
7857
- textDecoration: "underline";
7858
7856
  borderColor: "transparent";
7859
7857
  borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7860
7858
  ":hover": {
@@ -7910,9 +7908,7 @@ declare const styles$3: {
7910
7908
  }>;
7911
7909
  input: import("@vanilla-extract/recipes").RuntimeFn<{
7912
7910
  divider: {
7913
- false: {
7914
- 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})`;
7915
- };
7911
+ false: {};
7916
7912
  };
7917
7913
  size: {
7918
7914
  large: {
@@ -7929,6 +7925,7 @@ declare const styles$3: {
7929
7925
  height: "2rem";
7930
7926
  fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7931
7927
  lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7928
+ 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})`;
7932
7929
  };
7933
7930
  };
7934
7931
  }>;
@@ -7968,7 +7965,7 @@ declare const styles$3: {
7968
7965
  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})`;
7969
7966
  };
7970
7967
  medium: {
7971
- 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})`;
7968
+ padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
7972
7969
  };
7973
7970
  small: {};
7974
7971
  };
@@ -8001,9 +7998,7 @@ export declare const input: {
8001
7998
  }>;
8002
7999
  input: import("@vanilla-extract/recipes").RuntimeFn<{
8003
8000
  divider: {
8004
- false: {
8005
- 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})`;
8006
- };
8001
+ false: {};
8007
8002
  };
8008
8003
  size: {
8009
8004
  large: {
@@ -8020,6 +8015,7 @@ export declare const input: {
8020
8015
  height: "2rem";
8021
8016
  fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8022
8017
  lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8018
+ 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})`;
8023
8019
  };
8024
8020
  };
8025
8021
  }>;
@@ -8059,7 +8055,7 @@ export declare const input: {
8059
8055
  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})`;
8060
8056
  };
8061
8057
  medium: {
8062
- 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})`;
8058
+ padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
8063
8059
  };
8064
8060
  small: {};
8065
8061
  };
@@ -9835,6 +9831,93 @@ export declare const dropdown: {
9835
9831
  }
9836
9832
  ]>;
9837
9833
  };
9834
+ declare const paginationStyles: {
9835
+ container: import("@vanilla-extract/recipes").RuntimeFn<{
9836
+ size: {
9837
+ dot: {
9838
+ gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9839
+ };
9840
+ small: {};
9841
+ large: {};
9842
+ };
9843
+ }>;
9844
+ paginationItem: import("@vanilla-extract/recipes").RuntimeFn<{
9845
+ selected: {
9846
+ true: {
9847
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9848
+ ":hover": {
9849
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9850
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9851
+ };
9852
+ };
9853
+ };
9854
+ /**
9855
+ * Specifies the size of the Pagination component.
9856
+ * @default medium
9857
+ */
9858
+ size: {
9859
+ dot: {
9860
+ width: "0.75rem";
9861
+ height: "0.75rem";
9862
+ borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9863
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9864
+ };
9865
+ small: {
9866
+ width: "2.5rem";
9867
+ height: "2.5rem";
9868
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9869
+ };
9870
+ large: {
9871
+ width: "2.75rem";
9872
+ height: "2.75rem";
9873
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9874
+ };
9875
+ };
9876
+ }>;
9877
+ };
9878
+ export type PaginationVariants = Omit<NonNullable<RecipeVariants<typeof paginationStyles.paginationItem>>, "selected">;
9879
+ export declare const pagination: {
9880
+ classnames: {
9881
+ container: import("@vanilla-extract/recipes").RuntimeFn<{
9882
+ size: {
9883
+ dot: {
9884
+ gap: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9885
+ };
9886
+ small: {};
9887
+ large: {};
9888
+ };
9889
+ }>;
9890
+ paginationItem: import("@vanilla-extract/recipes").RuntimeFn<{
9891
+ selected: {
9892
+ true: {
9893
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9894
+ ":hover": {
9895
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9896
+ color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9897
+ };
9898
+ };
9899
+ };
9900
+ size: {
9901
+ dot: {
9902
+ width: "0.75rem";
9903
+ height: "0.75rem";
9904
+ borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9905
+ backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9906
+ };
9907
+ small: {
9908
+ width: "2.5rem";
9909
+ height: "2.5rem";
9910
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9911
+ };
9912
+ large: {
9913
+ width: "2.75rem";
9914
+ height: "2.75rem";
9915
+ fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
9916
+ };
9917
+ };
9918
+ }>;
9919
+ };
9920
+ };
9838
9921
  declare const sidebarStyles: {
9839
9922
  sidebar: import("@vanilla-extract/recipes").RuntimeFn<{
9840
9923
  position: {