@rarui/styles 1.14.0 → 1.15.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.
- package/CHANGELOG.md +11 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +258 -9
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/themes/dark.js +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -7634,11 +7634,260 @@ export declare const iconButton: {
|
|
|
7634
7634
|
overlay: string;
|
|
7635
7635
|
};
|
|
7636
7636
|
};
|
|
7637
|
+
declare const styles$5: {
|
|
7638
|
+
container: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7639
|
+
appearance: {
|
|
7640
|
+
success: {
|
|
7641
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7642
|
+
":hover": {
|
|
7643
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7644
|
+
};
|
|
7645
|
+
":focus": {
|
|
7646
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7647
|
+
};
|
|
7648
|
+
};
|
|
7649
|
+
error: {
|
|
7650
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7651
|
+
":hover": {
|
|
7652
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7653
|
+
};
|
|
7654
|
+
":focus": {
|
|
7655
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7656
|
+
};
|
|
7657
|
+
};
|
|
7658
|
+
};
|
|
7659
|
+
}>;
|
|
7660
|
+
input: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7661
|
+
divider: {
|
|
7662
|
+
false: {
|
|
7663
|
+
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})`;
|
|
7664
|
+
};
|
|
7665
|
+
};
|
|
7666
|
+
size: {
|
|
7667
|
+
large: {
|
|
7668
|
+
height: "3rem";
|
|
7669
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7670
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7671
|
+
};
|
|
7672
|
+
medium: {
|
|
7673
|
+
height: "2.75rem";
|
|
7674
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7675
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7676
|
+
};
|
|
7677
|
+
small: {
|
|
7678
|
+
height: "2rem";
|
|
7679
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7680
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7681
|
+
};
|
|
7682
|
+
};
|
|
7683
|
+
}>;
|
|
7684
|
+
leading: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7685
|
+
position: {
|
|
7686
|
+
start: {
|
|
7687
|
+
borderRightWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7688
|
+
};
|
|
7689
|
+
end: {
|
|
7690
|
+
borderLeftWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7691
|
+
};
|
|
7692
|
+
};
|
|
7693
|
+
divider: {
|
|
7694
|
+
true: {
|
|
7695
|
+
borderStyle: "solid";
|
|
7696
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7697
|
+
};
|
|
7698
|
+
false: {
|
|
7699
|
+
borderRightWidth: number;
|
|
7700
|
+
borderLeftWidth: number;
|
|
7701
|
+
};
|
|
7702
|
+
};
|
|
7703
|
+
appearance: {
|
|
7704
|
+
success: {
|
|
7705
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7706
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7707
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7708
|
+
};
|
|
7709
|
+
error: {
|
|
7710
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7711
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7712
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7713
|
+
};
|
|
7714
|
+
};
|
|
7715
|
+
size: {
|
|
7716
|
+
large: {
|
|
7717
|
+
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})`;
|
|
7718
|
+
};
|
|
7719
|
+
medium: {
|
|
7720
|
+
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})`;
|
|
7721
|
+
};
|
|
7722
|
+
small: {};
|
|
7723
|
+
};
|
|
7724
|
+
}>;
|
|
7725
|
+
};
|
|
7726
|
+
export type InputVariants = RecipeVariants<typeof styles$5.container> & RecipeVariants<typeof styles$5.input>;
|
|
7727
|
+
export declare const input: {
|
|
7728
|
+
classnames: {
|
|
7729
|
+
container: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7730
|
+
appearance: {
|
|
7731
|
+
success: {
|
|
7732
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7733
|
+
":hover": {
|
|
7734
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7735
|
+
};
|
|
7736
|
+
":focus": {
|
|
7737
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7738
|
+
};
|
|
7739
|
+
};
|
|
7740
|
+
error: {
|
|
7741
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7742
|
+
":hover": {
|
|
7743
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7744
|
+
};
|
|
7745
|
+
":focus": {
|
|
7746
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7747
|
+
};
|
|
7748
|
+
};
|
|
7749
|
+
};
|
|
7750
|
+
}>;
|
|
7751
|
+
input: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7752
|
+
divider: {
|
|
7753
|
+
false: {
|
|
7754
|
+
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})`;
|
|
7755
|
+
};
|
|
7756
|
+
};
|
|
7757
|
+
size: {
|
|
7758
|
+
large: {
|
|
7759
|
+
height: "3rem";
|
|
7760
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7761
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7762
|
+
};
|
|
7763
|
+
medium: {
|
|
7764
|
+
height: "2.75rem";
|
|
7765
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7766
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7767
|
+
};
|
|
7768
|
+
small: {
|
|
7769
|
+
height: "2rem";
|
|
7770
|
+
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7771
|
+
lineHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7772
|
+
};
|
|
7773
|
+
};
|
|
7774
|
+
}>;
|
|
7775
|
+
leading: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7776
|
+
position: {
|
|
7777
|
+
start: {
|
|
7778
|
+
borderRightWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7779
|
+
};
|
|
7780
|
+
end: {
|
|
7781
|
+
borderLeftWidth: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7782
|
+
};
|
|
7783
|
+
};
|
|
7784
|
+
divider: {
|
|
7785
|
+
true: {
|
|
7786
|
+
borderStyle: "solid";
|
|
7787
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7788
|
+
};
|
|
7789
|
+
false: {
|
|
7790
|
+
borderRightWidth: number;
|
|
7791
|
+
borderLeftWidth: number;
|
|
7792
|
+
};
|
|
7793
|
+
};
|
|
7794
|
+
appearance: {
|
|
7795
|
+
success: {
|
|
7796
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7797
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7798
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7799
|
+
};
|
|
7800
|
+
error: {
|
|
7801
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7802
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7803
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7804
|
+
};
|
|
7805
|
+
};
|
|
7806
|
+
size: {
|
|
7807
|
+
large: {
|
|
7808
|
+
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})`;
|
|
7809
|
+
};
|
|
7810
|
+
medium: {
|
|
7811
|
+
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})`;
|
|
7812
|
+
};
|
|
7813
|
+
small: {};
|
|
7814
|
+
};
|
|
7815
|
+
}>;
|
|
7816
|
+
};
|
|
7817
|
+
};
|
|
7818
|
+
declare const styles$6: {
|
|
7819
|
+
label: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7820
|
+
hidden: {
|
|
7821
|
+
true: {
|
|
7822
|
+
border: "0";
|
|
7823
|
+
clip: "rect(0 0 0 0)";
|
|
7824
|
+
height: "1px";
|
|
7825
|
+
margin: "-1px";
|
|
7826
|
+
overflow: "hidden";
|
|
7827
|
+
padding: "0";
|
|
7828
|
+
position: "absolute";
|
|
7829
|
+
width: "1px";
|
|
7830
|
+
};
|
|
7831
|
+
};
|
|
7832
|
+
}>;
|
|
7833
|
+
};
|
|
7834
|
+
export type LabelVariants = RecipeVariants<typeof styles$6.label>;
|
|
7835
|
+
export declare const label: {
|
|
7836
|
+
classnames: {
|
|
7837
|
+
label: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7838
|
+
hidden: {
|
|
7839
|
+
true: {
|
|
7840
|
+
border: "0";
|
|
7841
|
+
clip: "rect(0 0 0 0)";
|
|
7842
|
+
height: "1px";
|
|
7843
|
+
margin: "-1px";
|
|
7844
|
+
overflow: "hidden";
|
|
7845
|
+
padding: "0";
|
|
7846
|
+
position: "absolute";
|
|
7847
|
+
width: "1px";
|
|
7848
|
+
};
|
|
7849
|
+
};
|
|
7850
|
+
}>;
|
|
7851
|
+
};
|
|
7852
|
+
};
|
|
7853
|
+
declare const styles$7: {
|
|
7854
|
+
link: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7855
|
+
appearance: {
|
|
7856
|
+
brand: {
|
|
7857
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7858
|
+
};
|
|
7859
|
+
neutral: {
|
|
7860
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7861
|
+
};
|
|
7862
|
+
inverted: {
|
|
7863
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7864
|
+
};
|
|
7865
|
+
};
|
|
7866
|
+
size: {
|
|
7867
|
+
large: {
|
|
7868
|
+
fontSize: "1.125rem";
|
|
7869
|
+
lineHeight: "1.75rem";
|
|
7870
|
+
letterSpacing: ".0112rem";
|
|
7871
|
+
};
|
|
7872
|
+
small: {
|
|
7873
|
+
fontSize: ".875rem";
|
|
7874
|
+
lineHeight: "1.25rem";
|
|
7875
|
+
letterSpacing: ".0088rem";
|
|
7876
|
+
};
|
|
7877
|
+
medium: {
|
|
7878
|
+
fontSize: "1rem";
|
|
7879
|
+
lineHeight: "1.5rem";
|
|
7880
|
+
letterSpacing: ".01rem";
|
|
7881
|
+
};
|
|
7882
|
+
};
|
|
7883
|
+
}>;
|
|
7884
|
+
};
|
|
7885
|
+
export type LinkVariants = RecipeVariants<typeof styles$7.link>;
|
|
7637
7886
|
export declare const link: {
|
|
7638
7887
|
classnames: {
|
|
7639
7888
|
link: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7640
7889
|
appearance: {
|
|
7641
|
-
|
|
7890
|
+
brand: {
|
|
7642
7891
|
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7643
7892
|
};
|
|
7644
7893
|
neutral: {
|
|
@@ -7786,7 +8035,7 @@ export declare const skeleton: {
|
|
|
7786
8035
|
}
|
|
7787
8036
|
]>;
|
|
7788
8037
|
};
|
|
7789
|
-
declare const styles$
|
|
8038
|
+
declare const styles$8: {
|
|
7790
8039
|
status: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7791
8040
|
appearance: {
|
|
7792
8041
|
success: {
|
|
@@ -7839,7 +8088,7 @@ declare const styles$5: {
|
|
|
7839
8088
|
};
|
|
7840
8089
|
}>;
|
|
7841
8090
|
};
|
|
7842
|
-
export type StatusVariants = RecipeVariants<typeof styles$
|
|
8091
|
+
export type StatusVariants = RecipeVariants<typeof styles$8.status>;
|
|
7843
8092
|
declare const status$1: {
|
|
7844
8093
|
classnames: {
|
|
7845
8094
|
status: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
@@ -8479,7 +8728,7 @@ export declare const title: {
|
|
|
8479
8728
|
}
|
|
8480
8729
|
]>;
|
|
8481
8730
|
};
|
|
8482
|
-
declare const styles$
|
|
8731
|
+
declare const styles$9: {
|
|
8483
8732
|
banner: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8484
8733
|
appearance: {
|
|
8485
8734
|
brand: {
|
|
@@ -8514,7 +8763,7 @@ declare const styles$6: {
|
|
|
8514
8763
|
};
|
|
8515
8764
|
}>;
|
|
8516
8765
|
};
|
|
8517
|
-
export type BannerVariants = RecipeVariants<typeof styles$
|
|
8766
|
+
export type BannerVariants = RecipeVariants<typeof styles$9.banner>;
|
|
8518
8767
|
export declare const banner: {
|
|
8519
8768
|
classnames: {
|
|
8520
8769
|
banner: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
@@ -8552,7 +8801,7 @@ export declare const banner: {
|
|
|
8552
8801
|
}>;
|
|
8553
8802
|
};
|
|
8554
8803
|
};
|
|
8555
|
-
declare const styles$
|
|
8804
|
+
declare const styles$10: {
|
|
8556
8805
|
toast: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8557
8806
|
placement: {
|
|
8558
8807
|
topRight: {};
|
|
@@ -8681,7 +8930,7 @@ declare const styles$7: {
|
|
|
8681
8930
|
};
|
|
8682
8931
|
}>;
|
|
8683
8932
|
};
|
|
8684
|
-
export type ToastVariants = RecipeVariants<typeof styles$
|
|
8933
|
+
export type ToastVariants = RecipeVariants<typeof styles$10.toast>;
|
|
8685
8934
|
export declare const toast: {
|
|
8686
8935
|
classnames: {
|
|
8687
8936
|
toast: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
@@ -8813,7 +9062,7 @@ export declare const toast: {
|
|
|
8813
9062
|
}>;
|
|
8814
9063
|
};
|
|
8815
9064
|
};
|
|
8816
|
-
declare const styles$
|
|
9065
|
+
declare const styles$11: {
|
|
8817
9066
|
toggle: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
8818
9067
|
size: {
|
|
8819
9068
|
large: {
|
|
@@ -8882,7 +9131,7 @@ declare const styles$8: {
|
|
|
8882
9131
|
};
|
|
8883
9132
|
}>;
|
|
8884
9133
|
};
|
|
8885
|
-
export type ToggleVariants = RecipeVariants<typeof styles$
|
|
9134
|
+
export type ToggleVariants = RecipeVariants<typeof styles$11.toggle>;
|
|
8886
9135
|
export declare const toggle: {
|
|
8887
9136
|
classnames: {
|
|
8888
9137
|
toggle: import("@vanilla-extract/recipes").RuntimeFn<{
|