@rarui/styles 1.28.0 → 1.29.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 +9 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +111 -0
- 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
|
@@ -10746,6 +10746,117 @@ export declare const stepper: {
|
|
|
10746
10746
|
}>;
|
|
10747
10747
|
};
|
|
10748
10748
|
};
|
|
10749
|
+
declare const tabsStyles: {
|
|
10750
|
+
ul: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
10751
|
+
/**
|
|
10752
|
+
* Determines whether the tabs should have an underline style.
|
|
10753
|
+
*/
|
|
10754
|
+
underlined: {
|
|
10755
|
+
true: {
|
|
10756
|
+
padding: number;
|
|
10757
|
+
borderRadius: number;
|
|
10758
|
+
borderColor: "transparent";
|
|
10759
|
+
backgroundColor: "transparent";
|
|
10760
|
+
borderBottomColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10761
|
+
};
|
|
10762
|
+
};
|
|
10763
|
+
}>;
|
|
10764
|
+
li: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
10765
|
+
/**
|
|
10766
|
+
* Determines whether the tabs should occupy the full width of their container.
|
|
10767
|
+
*/
|
|
10768
|
+
full: {
|
|
10769
|
+
true: {
|
|
10770
|
+
flex: "1";
|
|
10771
|
+
};
|
|
10772
|
+
};
|
|
10773
|
+
}>;
|
|
10774
|
+
button: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
10775
|
+
/**
|
|
10776
|
+
* Determines whether the tabs should have an underline style.
|
|
10777
|
+
*/
|
|
10778
|
+
underlined: {
|
|
10779
|
+
true: {
|
|
10780
|
+
borderRadius: number;
|
|
10781
|
+
borderColor: "transparent";
|
|
10782
|
+
backgroundColor: "transparent";
|
|
10783
|
+
borderBottomColor: "transparent";
|
|
10784
|
+
":hover": {
|
|
10785
|
+
boxShadow: "none";
|
|
10786
|
+
borderBottomColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10787
|
+
};
|
|
10788
|
+
":disabled": {
|
|
10789
|
+
borderBottomColor: "transparent";
|
|
10790
|
+
};
|
|
10791
|
+
};
|
|
10792
|
+
};
|
|
10793
|
+
/**
|
|
10794
|
+
* Indicates whether the button is currently selected. This is used to style the button accordingly.
|
|
10795
|
+
*/
|
|
10796
|
+
selected: {
|
|
10797
|
+
true: {
|
|
10798
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10799
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10800
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10801
|
+
":disabled": {
|
|
10802
|
+
backgroundColor: "transparent";
|
|
10803
|
+
borderColor: "transparent";
|
|
10804
|
+
};
|
|
10805
|
+
};
|
|
10806
|
+
};
|
|
10807
|
+
}>;
|
|
10808
|
+
};
|
|
10809
|
+
export type TabsVariants = NonNullable<RecipeVariants<typeof tabsStyles.ul>> & NonNullable<RecipeVariants<typeof tabsStyles.li>> & NonNullable<RecipeVariants<typeof tabsStyles.button>>;
|
|
10810
|
+
export declare const tabs: {
|
|
10811
|
+
classnames: {
|
|
10812
|
+
ul: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
10813
|
+
underlined: {
|
|
10814
|
+
true: {
|
|
10815
|
+
padding: number;
|
|
10816
|
+
borderRadius: number;
|
|
10817
|
+
borderColor: "transparent";
|
|
10818
|
+
backgroundColor: "transparent";
|
|
10819
|
+
borderBottomColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10820
|
+
};
|
|
10821
|
+
};
|
|
10822
|
+
}>;
|
|
10823
|
+
li: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
10824
|
+
full: {
|
|
10825
|
+
true: {
|
|
10826
|
+
flex: "1";
|
|
10827
|
+
};
|
|
10828
|
+
};
|
|
10829
|
+
}>;
|
|
10830
|
+
button: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
10831
|
+
underlined: {
|
|
10832
|
+
true: {
|
|
10833
|
+
borderRadius: number;
|
|
10834
|
+
borderColor: "transparent";
|
|
10835
|
+
backgroundColor: "transparent";
|
|
10836
|
+
borderBottomColor: "transparent";
|
|
10837
|
+
":hover": {
|
|
10838
|
+
boxShadow: "none";
|
|
10839
|
+
borderBottomColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10840
|
+
};
|
|
10841
|
+
":disabled": {
|
|
10842
|
+
borderBottomColor: "transparent";
|
|
10843
|
+
};
|
|
10844
|
+
};
|
|
10845
|
+
};
|
|
10846
|
+
selected: {
|
|
10847
|
+
true: {
|
|
10848
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10849
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10850
|
+
borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10851
|
+
":disabled": {
|
|
10852
|
+
backgroundColor: "transparent";
|
|
10853
|
+
borderColor: "transparent";
|
|
10854
|
+
};
|
|
10855
|
+
};
|
|
10856
|
+
};
|
|
10857
|
+
}>;
|
|
10858
|
+
};
|
|
10859
|
+
};
|
|
10749
10860
|
|
|
10750
10861
|
export {
|
|
10751
10862
|
checkbox$1 as checkbox,
|