@rarui/styles 1.21.0 → 1.23.0-rc.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 +14 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +124 -12
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/themes/dark.js +1 -1
- package/package.json +3 -2
package/dist/index.d.ts
CHANGED
|
@@ -7781,10 +7781,10 @@ declare const styles$2: {
|
|
|
7781
7781
|
};
|
|
7782
7782
|
ghost: {
|
|
7783
7783
|
backgroundColor: "transparent";
|
|
7784
|
-
|
|
7785
|
-
border: "none";
|
|
7784
|
+
borderColor: "transparent";
|
|
7786
7785
|
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7787
7786
|
":hover": {
|
|
7787
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7788
7788
|
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7789
7789
|
};
|
|
7790
7790
|
":active": {
|
|
@@ -7853,10 +7853,10 @@ export declare const iconButton: {
|
|
|
7853
7853
|
};
|
|
7854
7854
|
ghost: {
|
|
7855
7855
|
backgroundColor: "transparent";
|
|
7856
|
-
|
|
7857
|
-
border: "none";
|
|
7856
|
+
borderColor: "transparent";
|
|
7858
7857
|
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7859
7858
|
":hover": {
|
|
7859
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7860
7860
|
borderRadius: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7861
7861
|
};
|
|
7862
7862
|
":active": {
|
|
@@ -7908,9 +7908,7 @@ declare const styles$3: {
|
|
|
7908
7908
|
}>;
|
|
7909
7909
|
input: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7910
7910
|
divider: {
|
|
7911
|
-
false: {
|
|
7912
|
-
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})`;
|
|
7913
|
-
};
|
|
7911
|
+
false: {};
|
|
7914
7912
|
};
|
|
7915
7913
|
size: {
|
|
7916
7914
|
large: {
|
|
@@ -7927,6 +7925,7 @@ declare const styles$3: {
|
|
|
7927
7925
|
height: "2rem";
|
|
7928
7926
|
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7929
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})`;
|
|
7930
7929
|
};
|
|
7931
7930
|
};
|
|
7932
7931
|
}>;
|
|
@@ -7966,7 +7965,7 @@ declare const styles$3: {
|
|
|
7966
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})`;
|
|
7967
7966
|
};
|
|
7968
7967
|
medium: {
|
|
7969
|
-
padding: `var(--${string})
|
|
7968
|
+
padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7970
7969
|
};
|
|
7971
7970
|
small: {};
|
|
7972
7971
|
};
|
|
@@ -7999,9 +7998,7 @@ export declare const input: {
|
|
|
7999
7998
|
}>;
|
|
8000
7999
|
input: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8001
8000
|
divider: {
|
|
8002
|
-
false: {
|
|
8003
|
-
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})`;
|
|
8004
|
-
};
|
|
8001
|
+
false: {};
|
|
8005
8002
|
};
|
|
8006
8003
|
size: {
|
|
8007
8004
|
large: {
|
|
@@ -8018,6 +8015,7 @@ export declare const input: {
|
|
|
8018
8015
|
height: "2rem";
|
|
8019
8016
|
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8020
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})`;
|
|
8021
8019
|
};
|
|
8022
8020
|
};
|
|
8023
8021
|
}>;
|
|
@@ -8057,7 +8055,7 @@ export declare const input: {
|
|
|
8057
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})`;
|
|
8058
8056
|
};
|
|
8059
8057
|
medium: {
|
|
8060
|
-
padding: `var(--${string})
|
|
8058
|
+
padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8061
8059
|
};
|
|
8062
8060
|
small: {};
|
|
8063
8061
|
};
|
|
@@ -9740,6 +9738,33 @@ export declare const tooltip: {
|
|
|
9740
9738
|
container: string;
|
|
9741
9739
|
};
|
|
9742
9740
|
};
|
|
9741
|
+
declare const breadcrumbStyles: {
|
|
9742
|
+
breadcrumb: string;
|
|
9743
|
+
breadcrumbItem: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9744
|
+
/**
|
|
9745
|
+
* Indicates whether the breadcrumb item is currently active.
|
|
9746
|
+
* An active item is typically styled differently to show that it represents the current page.
|
|
9747
|
+
*/
|
|
9748
|
+
active: {
|
|
9749
|
+
true: {
|
|
9750
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9751
|
+
};
|
|
9752
|
+
};
|
|
9753
|
+
}>;
|
|
9754
|
+
};
|
|
9755
|
+
export type BreadcrumbVariants = RecipeVariants<typeof breadcrumbStyles.breadcrumbItem>;
|
|
9756
|
+
export declare const breadcrumb: {
|
|
9757
|
+
classnames: {
|
|
9758
|
+
breadcrumb: string;
|
|
9759
|
+
breadcrumbItem: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9760
|
+
active: {
|
|
9761
|
+
true: {
|
|
9762
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9763
|
+
};
|
|
9764
|
+
};
|
|
9765
|
+
}>;
|
|
9766
|
+
};
|
|
9767
|
+
};
|
|
9743
9768
|
declare const dropdownStyles: {
|
|
9744
9769
|
dropdown: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9745
9770
|
/**
|
|
@@ -9806,6 +9831,93 @@ export declare const dropdown: {
|
|
|
9806
9831
|
}
|
|
9807
9832
|
]>;
|
|
9808
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
|
+
};
|
|
9809
9921
|
declare const sidebarStyles: {
|
|
9810
9922
|
sidebar: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9811
9923
|
position: {
|