@rarui/styles 1.26.0 → 1.27.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 +7 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +129 -6
- 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
|
@@ -7805,19 +7805,16 @@ declare const styles$2: {
|
|
|
7805
7805
|
*/
|
|
7806
7806
|
size: {
|
|
7807
7807
|
large: {
|
|
7808
|
-
padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7809
7808
|
height: "3rem";
|
|
7810
7809
|
width: "3rem";
|
|
7811
7810
|
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7812
7811
|
};
|
|
7813
7812
|
medium: {
|
|
7814
|
-
padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7815
7813
|
height: "2.5rem";
|
|
7816
7814
|
width: "2.5rem";
|
|
7817
7815
|
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7818
7816
|
};
|
|
7819
7817
|
small: {
|
|
7820
|
-
padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7821
7818
|
height: "2rem";
|
|
7822
7819
|
width: "2rem";
|
|
7823
7820
|
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -7900,19 +7897,16 @@ export declare const iconButton: {
|
|
|
7900
7897
|
};
|
|
7901
7898
|
size: {
|
|
7902
7899
|
large: {
|
|
7903
|
-
padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7904
7900
|
height: "3rem";
|
|
7905
7901
|
width: "3rem";
|
|
7906
7902
|
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7907
7903
|
};
|
|
7908
7904
|
medium: {
|
|
7909
|
-
padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7910
7905
|
height: "2.5rem";
|
|
7911
7906
|
width: "2.5rem";
|
|
7912
7907
|
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7913
7908
|
};
|
|
7914
7909
|
small: {
|
|
7915
|
-
padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7916
7910
|
height: "2rem";
|
|
7917
7911
|
width: "2rem";
|
|
7918
7912
|
fontSize: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -9875,6 +9869,14 @@ declare const accordionStyles: {
|
|
|
9875
9869
|
selected: {
|
|
9876
9870
|
true: {
|
|
9877
9871
|
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9872
|
+
borderBottomColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9873
|
+
":hover": {
|
|
9874
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9875
|
+
};
|
|
9876
|
+
":disabled": {
|
|
9877
|
+
borderBottomColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9878
|
+
backgroundColor: "transparent";
|
|
9879
|
+
};
|
|
9878
9880
|
};
|
|
9879
9881
|
};
|
|
9880
9882
|
size: {
|
|
@@ -9911,6 +9913,14 @@ export declare const accordion: {
|
|
|
9911
9913
|
selected: {
|
|
9912
9914
|
true: {
|
|
9913
9915
|
color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9916
|
+
borderBottomColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9917
|
+
":hover": {
|
|
9918
|
+
backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9919
|
+
};
|
|
9920
|
+
":disabled": {
|
|
9921
|
+
borderBottomColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9922
|
+
backgroundColor: "transparent";
|
|
9923
|
+
};
|
|
9914
9924
|
};
|
|
9915
9925
|
};
|
|
9916
9926
|
size: {
|
|
@@ -10038,6 +10048,119 @@ export declare const dropdown: {
|
|
|
10038
10048
|
}
|
|
10039
10049
|
]>;
|
|
10040
10050
|
};
|
|
10051
|
+
declare const modalStyles: {
|
|
10052
|
+
modal: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
10053
|
+
/**
|
|
10054
|
+
* Padding properties are used to generate space around the content area of an Accordion.Body..
|
|
10055
|
+
* @default base
|
|
10056
|
+
*/
|
|
10057
|
+
padding: {
|
|
10058
|
+
base: {
|
|
10059
|
+
padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10060
|
+
};
|
|
10061
|
+
none: {
|
|
10062
|
+
padding: number;
|
|
10063
|
+
};
|
|
10064
|
+
};
|
|
10065
|
+
}>;
|
|
10066
|
+
overlay: string;
|
|
10067
|
+
};
|
|
10068
|
+
export type ModalVariants = Omit<NonNullable<RecipeVariants<typeof modalStyles.modal>>, "selected">;
|
|
10069
|
+
export type ModalDynamicProperties = Pick<StandardLonghandProperties, "maxWidth">;
|
|
10070
|
+
export interface ModalSprinkle extends ModalDynamicProperties {
|
|
10071
|
+
/**
|
|
10072
|
+
* The zIndex property specifies the stack order of the box.
|
|
10073
|
+
*/
|
|
10074
|
+
zIndex?: AddDollar<keyof typeof zIndexProperties> | Conditions<AddDollar<keyof typeof zIndexProperties>>;
|
|
10075
|
+
}
|
|
10076
|
+
export declare const modal: {
|
|
10077
|
+
classnames: {
|
|
10078
|
+
modal: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
10079
|
+
padding: {
|
|
10080
|
+
base: {
|
|
10081
|
+
padding: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10082
|
+
};
|
|
10083
|
+
none: {
|
|
10084
|
+
padding: number;
|
|
10085
|
+
};
|
|
10086
|
+
};
|
|
10087
|
+
}>;
|
|
10088
|
+
overlay: string;
|
|
10089
|
+
};
|
|
10090
|
+
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
10091
|
+
{
|
|
10092
|
+
config: {
|
|
10093
|
+
zIndex: {
|
|
10094
|
+
values: {
|
|
10095
|
+
100: {
|
|
10096
|
+
default: string;
|
|
10097
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10098
|
+
};
|
|
10099
|
+
200: {
|
|
10100
|
+
default: string;
|
|
10101
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10102
|
+
};
|
|
10103
|
+
300: {
|
|
10104
|
+
default: string;
|
|
10105
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10106
|
+
};
|
|
10107
|
+
400: {
|
|
10108
|
+
default: string;
|
|
10109
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10110
|
+
};
|
|
10111
|
+
500: {
|
|
10112
|
+
default: string;
|
|
10113
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10114
|
+
};
|
|
10115
|
+
600: {
|
|
10116
|
+
default: string;
|
|
10117
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10118
|
+
};
|
|
10119
|
+
700: {
|
|
10120
|
+
default: string;
|
|
10121
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10122
|
+
};
|
|
10123
|
+
800: {
|
|
10124
|
+
default: string;
|
|
10125
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10126
|
+
};
|
|
10127
|
+
900: {
|
|
10128
|
+
default: string;
|
|
10129
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10130
|
+
};
|
|
10131
|
+
};
|
|
10132
|
+
staticScale: {
|
|
10133
|
+
"100": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10134
|
+
"200": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10135
|
+
"300": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10136
|
+
"400": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10137
|
+
"500": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10138
|
+
"600": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10139
|
+
"700": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10140
|
+
"800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10141
|
+
"900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
10142
|
+
};
|
|
10143
|
+
name: "zIndex";
|
|
10144
|
+
};
|
|
10145
|
+
};
|
|
10146
|
+
} & {
|
|
10147
|
+
config: {
|
|
10148
|
+
maxWidth: {
|
|
10149
|
+
dynamic: {
|
|
10150
|
+
default: string;
|
|
10151
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10152
|
+
};
|
|
10153
|
+
dynamicScale: true;
|
|
10154
|
+
name: "maxWidth";
|
|
10155
|
+
vars: {
|
|
10156
|
+
default: string;
|
|
10157
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
10158
|
+
};
|
|
10159
|
+
};
|
|
10160
|
+
};
|
|
10161
|
+
}
|
|
10162
|
+
]>;
|
|
10163
|
+
};
|
|
10041
10164
|
declare const paginationStyles: {
|
|
10042
10165
|
container: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
10043
10166
|
size: {
|