@rarui/styles 1.18.0-rc.4 → 1.18.0-rc.6
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 +25 -9
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -4152,7 +4152,7 @@ export interface BoxConditions<T> extends Conditions<T> {
|
|
|
4152
4152
|
hover?: T;
|
|
4153
4153
|
disabled?: T;
|
|
4154
4154
|
}
|
|
4155
|
-
export type BoxDynamicProperties = Pick<StandardLonghandProperties, "display" | "width" | "height" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "bottom" | "left" | "right" | "top" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "flexShrink" | "flexGrow" | "order" | "transitionDelay" | "transitionProperty" | "backgroundImage" | "backgroundBlendMode" | "backgroundRepeat" | "backgroundSize" | "flexDirection" | "flexWrap" | "flexBasis" | "justifyContent" | "justifyItems" | "alignContent" | "alignItems" | "alignSelf" | "pointerEvents" | "position" | "boxSizing" | "cursor" | "overflowX" | "overflowY" | "transitionTimingFunction" | "textAlign" | "opacity"> & Pick<StandardShorthandProperties, "flex" | "gridArea" | "backgroundPosition" | "flexFlow" | "borderStyle" | "overflow" | "textDecoration">;
|
|
4155
|
+
export type BoxDynamicProperties = Pick<StandardLonghandProperties, "display" | "width" | "height" | "maxWidth" | "maxHeight" | "minWidth" | "minHeight" | "bottom" | "left" | "right" | "top" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "flexShrink" | "flexGrow" | "order" | "transitionDelay" | "transitionProperty" | "backgroundImage" | "backgroundBlendMode" | "backgroundRepeat" | "backgroundSize" | "flexDirection" | "flexWrap" | "flexBasis" | "justifyContent" | "justifyItems" | "alignContent" | "alignItems" | "alignSelf" | "pointerEvents" | "position" | "boxSizing" | "cursor" | "overflowX" | "overflowY" | "transitionTimingFunction" | "textAlign" | "opacity" | "backgroundPositionY" | "backgroundPositionX"> & Pick<StandardShorthandProperties, "flex" | "gridArea" | "backgroundPosition" | "flexFlow" | "borderStyle" | "overflow" | "textDecoration">;
|
|
4156
4156
|
export interface BoxSprinkle extends BoxDynamicProperties {
|
|
4157
4157
|
/**
|
|
4158
4158
|
* The gap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
|
|
@@ -6664,6 +6664,30 @@ export declare const box: {
|
|
|
6664
6664
|
conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
|
|
6665
6665
|
};
|
|
6666
6666
|
};
|
|
6667
|
+
backgroundPositionX: {
|
|
6668
|
+
dynamic: {
|
|
6669
|
+
default: string;
|
|
6670
|
+
conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
|
|
6671
|
+
};
|
|
6672
|
+
dynamicScale: true;
|
|
6673
|
+
name: "backgroundPositionX";
|
|
6674
|
+
vars: {
|
|
6675
|
+
default: string;
|
|
6676
|
+
conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
|
|
6677
|
+
};
|
|
6678
|
+
};
|
|
6679
|
+
backgroundPositionY: {
|
|
6680
|
+
dynamic: {
|
|
6681
|
+
default: string;
|
|
6682
|
+
conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
|
|
6683
|
+
};
|
|
6684
|
+
dynamicScale: true;
|
|
6685
|
+
name: "backgroundPositionY";
|
|
6686
|
+
vars: {
|
|
6687
|
+
default: string;
|
|
6688
|
+
conditions: Record<"disabled" | "hover" | "xs" | "xl" | "md" | "lg" | "active" | "focus" | "focusWithin", string>;
|
|
6689
|
+
};
|
|
6690
|
+
};
|
|
6667
6691
|
backgroundBlendMode: {
|
|
6668
6692
|
dynamic: {
|
|
6669
6693
|
default: string;
|
|
@@ -9793,7 +9817,6 @@ declare const sideNavigationStyles: {
|
|
|
9793
9817
|
right: number;
|
|
9794
9818
|
top: number;
|
|
9795
9819
|
bottom: number;
|
|
9796
|
-
zIndex: number;
|
|
9797
9820
|
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9798
9821
|
};
|
|
9799
9822
|
":hover": {
|
|
@@ -9808,9 +9831,6 @@ declare const sideNavigationStyles: {
|
|
|
9808
9831
|
};
|
|
9809
9832
|
};
|
|
9810
9833
|
};
|
|
9811
|
-
open: {
|
|
9812
|
-
true: {};
|
|
9813
|
-
};
|
|
9814
9834
|
}>;
|
|
9815
9835
|
sideNavigationItem: string;
|
|
9816
9836
|
name: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
@@ -9856,7 +9876,6 @@ export declare const sideNavigation: {
|
|
|
9856
9876
|
right: number;
|
|
9857
9877
|
top: number;
|
|
9858
9878
|
bottom: number;
|
|
9859
|
-
zIndex: number;
|
|
9860
9879
|
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9861
9880
|
};
|
|
9862
9881
|
":hover": {
|
|
@@ -9871,9 +9890,6 @@ export declare const sideNavigation: {
|
|
|
9871
9890
|
};
|
|
9872
9891
|
};
|
|
9873
9892
|
};
|
|
9874
|
-
open: {
|
|
9875
|
-
true: {};
|
|
9876
|
-
};
|
|
9877
9893
|
}>;
|
|
9878
9894
|
sideNavigationItem: string;
|
|
9879
9895
|
name: import("@vanilla-extract/recipes").RuntimeFn<{
|