@rarui/styles 1.17.0 → 1.18.0-rc.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.
- package/dist/index.css +1 -1
- package/dist/index.d.ts +270 -0
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/themes/dark.css +1 -1
- package/dist/themes/dark.js +1 -1
- package/package.json +4 -3
package/dist/index.d.ts
CHANGED
|
@@ -9624,6 +9624,276 @@ export declare const tooltip: {
|
|
|
9624
9624
|
container: string;
|
|
9625
9625
|
};
|
|
9626
9626
|
};
|
|
9627
|
+
declare const sidebarStyles: {
|
|
9628
|
+
sidebar: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9629
|
+
position: {
|
|
9630
|
+
left: {
|
|
9631
|
+
left: number;
|
|
9632
|
+
transform: "translateX(-100%)";
|
|
9633
|
+
};
|
|
9634
|
+
right: {
|
|
9635
|
+
right: number;
|
|
9636
|
+
transform: "translateX(100%)";
|
|
9637
|
+
};
|
|
9638
|
+
};
|
|
9639
|
+
open: {
|
|
9640
|
+
true: {
|
|
9641
|
+
opacity: number;
|
|
9642
|
+
transform: "translateX(0)";
|
|
9643
|
+
};
|
|
9644
|
+
};
|
|
9645
|
+
}>;
|
|
9646
|
+
overlay: string;
|
|
9647
|
+
};
|
|
9648
|
+
declare const sidebarPaddingProperties: {
|
|
9649
|
+
none: string;
|
|
9650
|
+
small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9651
|
+
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9652
|
+
};
|
|
9653
|
+
export type SidebarVariants = RecipeVariants<typeof sidebarStyles.sidebar>;
|
|
9654
|
+
export type SidebarDynamicProperties = Pick<StandardLonghandProperties, "maxWidth">;
|
|
9655
|
+
export interface SidebarSprinkle extends SidebarDynamicProperties {
|
|
9656
|
+
/**
|
|
9657
|
+
* The **`padding`** CSS shorthand property sets the padding area on all four sides of an element at once.
|
|
9658
|
+
* @default small
|
|
9659
|
+
*/
|
|
9660
|
+
padding?: AddDollar<keyof typeof sidebarPaddingProperties> | Conditions<AddDollar<keyof typeof sidebarPaddingProperties>>;
|
|
9661
|
+
/**
|
|
9662
|
+
* The zIndex property specifies the stack order of the box.
|
|
9663
|
+
*/
|
|
9664
|
+
zIndex?: AddDollar<keyof typeof zIndexProperties> | Conditions<AddDollar<keyof typeof zIndexProperties>>;
|
|
9665
|
+
}
|
|
9666
|
+
export declare const sidebar: {
|
|
9667
|
+
classnames: {
|
|
9668
|
+
sidebar: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9669
|
+
position: {
|
|
9670
|
+
left: {
|
|
9671
|
+
left: number;
|
|
9672
|
+
transform: "translateX(-100%)";
|
|
9673
|
+
};
|
|
9674
|
+
right: {
|
|
9675
|
+
right: number;
|
|
9676
|
+
transform: "translateX(100%)";
|
|
9677
|
+
};
|
|
9678
|
+
};
|
|
9679
|
+
open: {
|
|
9680
|
+
true: {
|
|
9681
|
+
opacity: number;
|
|
9682
|
+
transform: "translateX(0)";
|
|
9683
|
+
};
|
|
9684
|
+
};
|
|
9685
|
+
}>;
|
|
9686
|
+
overlay: string;
|
|
9687
|
+
};
|
|
9688
|
+
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
9689
|
+
{
|
|
9690
|
+
config: {
|
|
9691
|
+
zIndex: {
|
|
9692
|
+
values: {
|
|
9693
|
+
100: {
|
|
9694
|
+
default: string;
|
|
9695
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9696
|
+
};
|
|
9697
|
+
200: {
|
|
9698
|
+
default: string;
|
|
9699
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9700
|
+
};
|
|
9701
|
+
300: {
|
|
9702
|
+
default: string;
|
|
9703
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9704
|
+
};
|
|
9705
|
+
400: {
|
|
9706
|
+
default: string;
|
|
9707
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9708
|
+
};
|
|
9709
|
+
500: {
|
|
9710
|
+
default: string;
|
|
9711
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9712
|
+
};
|
|
9713
|
+
600: {
|
|
9714
|
+
default: string;
|
|
9715
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9716
|
+
};
|
|
9717
|
+
700: {
|
|
9718
|
+
default: string;
|
|
9719
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9720
|
+
};
|
|
9721
|
+
800: {
|
|
9722
|
+
default: string;
|
|
9723
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9724
|
+
};
|
|
9725
|
+
900: {
|
|
9726
|
+
default: string;
|
|
9727
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9728
|
+
};
|
|
9729
|
+
};
|
|
9730
|
+
staticScale: {
|
|
9731
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9732
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9733
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9734
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9735
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9736
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9737
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9738
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9739
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9740
|
+
};
|
|
9741
|
+
name: "zIndex";
|
|
9742
|
+
};
|
|
9743
|
+
padding: {
|
|
9744
|
+
values: {
|
|
9745
|
+
medium: {
|
|
9746
|
+
default: string;
|
|
9747
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9748
|
+
};
|
|
9749
|
+
none: {
|
|
9750
|
+
default: string;
|
|
9751
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9752
|
+
};
|
|
9753
|
+
small: {
|
|
9754
|
+
default: string;
|
|
9755
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9756
|
+
};
|
|
9757
|
+
};
|
|
9758
|
+
staticScale: {
|
|
9759
|
+
none: string;
|
|
9760
|
+
small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9761
|
+
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9762
|
+
};
|
|
9763
|
+
name: "padding";
|
|
9764
|
+
};
|
|
9765
|
+
};
|
|
9766
|
+
} & {
|
|
9767
|
+
config: {
|
|
9768
|
+
maxWidth: {
|
|
9769
|
+
dynamic: {
|
|
9770
|
+
default: string;
|
|
9771
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9772
|
+
};
|
|
9773
|
+
dynamicScale: true;
|
|
9774
|
+
name: "maxWidth";
|
|
9775
|
+
vars: {
|
|
9776
|
+
default: string;
|
|
9777
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9778
|
+
};
|
|
9779
|
+
};
|
|
9780
|
+
};
|
|
9781
|
+
}
|
|
9782
|
+
]>;
|
|
9783
|
+
};
|
|
9784
|
+
declare const sideNavigationStyles: {
|
|
9785
|
+
sideNavigation: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9786
|
+
active: {
|
|
9787
|
+
true: {
|
|
9788
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9789
|
+
":after": {
|
|
9790
|
+
content: "";
|
|
9791
|
+
position: "absolute";
|
|
9792
|
+
left: number;
|
|
9793
|
+
right: number;
|
|
9794
|
+
top: number;
|
|
9795
|
+
bottom: number;
|
|
9796
|
+
zIndex: number;
|
|
9797
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9798
|
+
};
|
|
9799
|
+
":hover": {
|
|
9800
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9801
|
+
};
|
|
9802
|
+
":active": {
|
|
9803
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9804
|
+
};
|
|
9805
|
+
":disabled": {
|
|
9806
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9807
|
+
cursor: "not-allowed";
|
|
9808
|
+
};
|
|
9809
|
+
};
|
|
9810
|
+
};
|
|
9811
|
+
}>;
|
|
9812
|
+
sideNavigationItem: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9813
|
+
active: {
|
|
9814
|
+
true: {
|
|
9815
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9816
|
+
};
|
|
9817
|
+
};
|
|
9818
|
+
}>;
|
|
9819
|
+
name: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9820
|
+
active: {
|
|
9821
|
+
true: {
|
|
9822
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9823
|
+
};
|
|
9824
|
+
};
|
|
9825
|
+
disabled: {
|
|
9826
|
+
true: {
|
|
9827
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9828
|
+
};
|
|
9829
|
+
};
|
|
9830
|
+
}>;
|
|
9831
|
+
description: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9832
|
+
disabled: {
|
|
9833
|
+
true: {
|
|
9834
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9835
|
+
};
|
|
9836
|
+
};
|
|
9837
|
+
}>;
|
|
9838
|
+
};
|
|
9839
|
+
export type SideNavigationVariants = RecipeVariants<typeof sideNavigationStyles.sideNavigation>;
|
|
9840
|
+
export declare const sideNavigation: {
|
|
9841
|
+
classnames: {
|
|
9842
|
+
sideNavigation: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9843
|
+
active: {
|
|
9844
|
+
true: {
|
|
9845
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9846
|
+
":after": {
|
|
9847
|
+
content: "";
|
|
9848
|
+
position: "absolute";
|
|
9849
|
+
left: number;
|
|
9850
|
+
right: number;
|
|
9851
|
+
top: number;
|
|
9852
|
+
bottom: number;
|
|
9853
|
+
zIndex: number;
|
|
9854
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9855
|
+
};
|
|
9856
|
+
":hover": {
|
|
9857
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9858
|
+
};
|
|
9859
|
+
":active": {
|
|
9860
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9861
|
+
};
|
|
9862
|
+
":disabled": {
|
|
9863
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9864
|
+
cursor: "not-allowed";
|
|
9865
|
+
};
|
|
9866
|
+
};
|
|
9867
|
+
};
|
|
9868
|
+
}>;
|
|
9869
|
+
sideNavigationItem: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9870
|
+
active: {
|
|
9871
|
+
true: {
|
|
9872
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9873
|
+
};
|
|
9874
|
+
};
|
|
9875
|
+
}>;
|
|
9876
|
+
name: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9877
|
+
active: {
|
|
9878
|
+
true: {
|
|
9879
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9880
|
+
};
|
|
9881
|
+
};
|
|
9882
|
+
disabled: {
|
|
9883
|
+
true: {
|
|
9884
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9885
|
+
};
|
|
9886
|
+
};
|
|
9887
|
+
}>;
|
|
9888
|
+
description: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9889
|
+
disabled: {
|
|
9890
|
+
true: {
|
|
9891
|
+
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9892
|
+
};
|
|
9893
|
+
};
|
|
9894
|
+
}>;
|
|
9895
|
+
};
|
|
9896
|
+
};
|
|
9627
9897
|
|
|
9628
9898
|
export {
|
|
9629
9899
|
checkbox$1 as checkbox,
|