@rarui/styles 1.18.0-rc.1 → 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 +122 -19
- 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 +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -9624,8 +9624,8 @@ export declare const tooltip: {
|
|
|
9624
9624
|
container: string;
|
|
9625
9625
|
};
|
|
9626
9626
|
};
|
|
9627
|
-
declare const
|
|
9628
|
-
|
|
9627
|
+
declare const sidebarStyles: {
|
|
9628
|
+
sidebar: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9629
9629
|
position: {
|
|
9630
9630
|
left: {
|
|
9631
9631
|
left: number;
|
|
@@ -9643,34 +9643,29 @@ declare const sideNavigationStyles: {
|
|
|
9643
9643
|
};
|
|
9644
9644
|
};
|
|
9645
9645
|
}>;
|
|
9646
|
-
sideNavigationItem: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9647
|
-
[x: string]: {
|
|
9648
|
-
[x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
|
|
9649
|
-
};
|
|
9650
|
-
}>;
|
|
9651
9646
|
overlay: string;
|
|
9652
9647
|
};
|
|
9653
|
-
declare const
|
|
9648
|
+
declare const sidebarPaddingProperties: {
|
|
9654
9649
|
none: string;
|
|
9655
9650
|
small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9656
9651
|
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9657
9652
|
};
|
|
9658
|
-
export type
|
|
9659
|
-
export type
|
|
9660
|
-
export interface
|
|
9653
|
+
export type SidebarVariants = RecipeVariants<typeof sidebarStyles.sidebar>;
|
|
9654
|
+
export type SidebarDynamicProperties = Pick<StandardLonghandProperties, "maxWidth">;
|
|
9655
|
+
export interface SidebarSprinkle extends SidebarDynamicProperties {
|
|
9661
9656
|
/**
|
|
9662
9657
|
* The **`padding`** CSS shorthand property sets the padding area on all four sides of an element at once.
|
|
9663
9658
|
* @default small
|
|
9664
9659
|
*/
|
|
9665
|
-
padding?: AddDollar<keyof typeof
|
|
9660
|
+
padding?: AddDollar<keyof typeof sidebarPaddingProperties> | Conditions<AddDollar<keyof typeof sidebarPaddingProperties>>;
|
|
9666
9661
|
/**
|
|
9667
9662
|
* The zIndex property specifies the stack order of the box.
|
|
9668
9663
|
*/
|
|
9669
9664
|
zIndex?: AddDollar<keyof typeof zIndexProperties> | Conditions<AddDollar<keyof typeof zIndexProperties>>;
|
|
9670
9665
|
}
|
|
9671
|
-
export declare const
|
|
9666
|
+
export declare const sidebar: {
|
|
9672
9667
|
classnames: {
|
|
9673
|
-
|
|
9668
|
+
sidebar: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9674
9669
|
position: {
|
|
9675
9670
|
left: {
|
|
9676
9671
|
left: number;
|
|
@@ -9688,11 +9683,6 @@ export declare const sideNavigation: {
|
|
|
9688
9683
|
};
|
|
9689
9684
|
};
|
|
9690
9685
|
}>;
|
|
9691
|
-
sideNavigationItem: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
9692
|
-
[x: string]: {
|
|
9693
|
-
[x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
|
|
9694
|
-
};
|
|
9695
|
-
}>;
|
|
9696
9686
|
overlay: string;
|
|
9697
9687
|
};
|
|
9698
9688
|
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
@@ -9791,6 +9781,119 @@ export declare const sideNavigation: {
|
|
|
9791
9781
|
}
|
|
9792
9782
|
]>;
|
|
9793
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
|
+
};
|
|
9794
9897
|
|
|
9795
9898
|
export {
|
|
9796
9899
|
checkbox$1 as checkbox,
|