@rarui/styles 1.30.1-rc.1 → 1.30.1-rc.3
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 +106 -8
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -7395,6 +7395,23 @@ declare const chipStyles: {
|
|
|
7395
7395
|
height: "1.5rem";
|
|
7396
7396
|
};
|
|
7397
7397
|
};
|
|
7398
|
+
textOverflow: {
|
|
7399
|
+
true: {
|
|
7400
|
+
minWidth: "auto";
|
|
7401
|
+
width: "100%";
|
|
7402
|
+
};
|
|
7403
|
+
};
|
|
7404
|
+
}>;
|
|
7405
|
+
content: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7406
|
+
textOverflow: {
|
|
7407
|
+
true: {
|
|
7408
|
+
textOverflow: "ellipsis";
|
|
7409
|
+
whiteSpace: "nowrap";
|
|
7410
|
+
width: "100%";
|
|
7411
|
+
display: "block";
|
|
7412
|
+
overflow: "hidden";
|
|
7413
|
+
};
|
|
7414
|
+
};
|
|
7398
7415
|
}>;
|
|
7399
7416
|
close: string;
|
|
7400
7417
|
overlay: string;
|
|
@@ -7404,7 +7421,8 @@ declare const paddingProperties: {
|
|
|
7404
7421
|
small: string;
|
|
7405
7422
|
};
|
|
7406
7423
|
export type ChipVariants = RecipeVariants<typeof chipStyles.chip>;
|
|
7407
|
-
export
|
|
7424
|
+
export type ChipDynamicProperties = Pick<StandardLonghandProperties, "textTransform">;
|
|
7425
|
+
export interface ChipSprinkle extends ChipDynamicProperties {
|
|
7408
7426
|
/**
|
|
7409
7427
|
* The padding properties are used to generate space around an chip's content area.
|
|
7410
7428
|
*/
|
|
@@ -7440,6 +7458,23 @@ export declare const chip: {
|
|
|
7440
7458
|
height: "1.5rem";
|
|
7441
7459
|
};
|
|
7442
7460
|
};
|
|
7461
|
+
textOverflow: {
|
|
7462
|
+
true: {
|
|
7463
|
+
minWidth: "auto";
|
|
7464
|
+
width: "100%";
|
|
7465
|
+
};
|
|
7466
|
+
};
|
|
7467
|
+
}>;
|
|
7468
|
+
content: import("@vanilla-extract/recipes").RuntimeFn<{
|
|
7469
|
+
textOverflow: {
|
|
7470
|
+
true: {
|
|
7471
|
+
textOverflow: "ellipsis";
|
|
7472
|
+
whiteSpace: "nowrap";
|
|
7473
|
+
width: "100%";
|
|
7474
|
+
display: "block";
|
|
7475
|
+
overflow: "hidden";
|
|
7476
|
+
};
|
|
7477
|
+
};
|
|
7443
7478
|
}>;
|
|
7444
7479
|
close: string;
|
|
7445
7480
|
overlay: string;
|
|
@@ -7465,6 +7500,21 @@ export declare const chip: {
|
|
|
7465
7500
|
name: "padding";
|
|
7466
7501
|
};
|
|
7467
7502
|
};
|
|
7503
|
+
} & {
|
|
7504
|
+
config: {
|
|
7505
|
+
textTransform: {
|
|
7506
|
+
dynamic: {
|
|
7507
|
+
default: string;
|
|
7508
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
7509
|
+
};
|
|
7510
|
+
dynamicScale: true;
|
|
7511
|
+
name: "textTransform";
|
|
7512
|
+
vars: {
|
|
7513
|
+
default: string;
|
|
7514
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
7515
|
+
};
|
|
7516
|
+
};
|
|
7517
|
+
};
|
|
7468
7518
|
}
|
|
7469
7519
|
]>;
|
|
7470
7520
|
};
|
|
@@ -8682,13 +8732,13 @@ declare const selectStyles: {
|
|
|
8682
8732
|
*/
|
|
8683
8733
|
size: {
|
|
8684
8734
|
large: {
|
|
8685
|
-
|
|
8735
|
+
height: "3rem";
|
|
8686
8736
|
};
|
|
8687
8737
|
medium: {
|
|
8688
|
-
|
|
8738
|
+
height: "2.5rem";
|
|
8689
8739
|
};
|
|
8690
8740
|
small: {
|
|
8691
|
-
|
|
8741
|
+
height: "2rem";
|
|
8692
8742
|
padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
|
|
8693
8743
|
};
|
|
8694
8744
|
};
|
|
@@ -8723,13 +8773,13 @@ export declare const select: {
|
|
|
8723
8773
|
};
|
|
8724
8774
|
size: {
|
|
8725
8775
|
large: {
|
|
8726
|
-
|
|
8776
|
+
height: "3rem";
|
|
8727
8777
|
};
|
|
8728
8778
|
medium: {
|
|
8729
|
-
|
|
8779
|
+
height: "2.5rem";
|
|
8730
8780
|
};
|
|
8731
8781
|
small: {
|
|
8732
|
-
|
|
8782
|
+
height: "2rem";
|
|
8733
8783
|
padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
|
|
8734
8784
|
};
|
|
8735
8785
|
};
|
|
@@ -8893,7 +8943,7 @@ declare const textFontSizeProperties: {
|
|
|
8893
8943
|
l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8894
8944
|
xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8895
8945
|
};
|
|
8896
|
-
export type TextDynamicProperties = Pick<StandardLonghandProperties, "textAlign" | "wordBreak" | "textTransform"> & Pick<StandardShorthandProperties, "textDecoration">;
|
|
8946
|
+
export type TextDynamicProperties = Pick<StandardLonghandProperties, "textAlign" | "wordBreak" | "textTransform" | "textOverflow" | "width" | "whiteSpace"> & Pick<StandardShorthandProperties, "textDecoration" | "overflow">;
|
|
8897
8947
|
export interface TextSprinkle extends TextDynamicProperties {
|
|
8898
8948
|
/**
|
|
8899
8949
|
* The color property is used to set the color of the title.
|
|
@@ -9183,6 +9233,54 @@ export declare const text: {
|
|
|
9183
9233
|
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9184
9234
|
};
|
|
9185
9235
|
};
|
|
9236
|
+
textOverflow: {
|
|
9237
|
+
dynamic: {
|
|
9238
|
+
default: string;
|
|
9239
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9240
|
+
};
|
|
9241
|
+
dynamicScale: true;
|
|
9242
|
+
name: "textOverflow";
|
|
9243
|
+
vars: {
|
|
9244
|
+
default: string;
|
|
9245
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9246
|
+
};
|
|
9247
|
+
};
|
|
9248
|
+
width: {
|
|
9249
|
+
dynamic: {
|
|
9250
|
+
default: string;
|
|
9251
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9252
|
+
};
|
|
9253
|
+
dynamicScale: true;
|
|
9254
|
+
name: "width";
|
|
9255
|
+
vars: {
|
|
9256
|
+
default: string;
|
|
9257
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9258
|
+
};
|
|
9259
|
+
};
|
|
9260
|
+
overflow: {
|
|
9261
|
+
dynamic: {
|
|
9262
|
+
default: string;
|
|
9263
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9264
|
+
};
|
|
9265
|
+
dynamicScale: true;
|
|
9266
|
+
name: "overflow";
|
|
9267
|
+
vars: {
|
|
9268
|
+
default: string;
|
|
9269
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9270
|
+
};
|
|
9271
|
+
};
|
|
9272
|
+
whiteSpace: {
|
|
9273
|
+
dynamic: {
|
|
9274
|
+
default: string;
|
|
9275
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9276
|
+
};
|
|
9277
|
+
dynamicScale: true;
|
|
9278
|
+
name: "whiteSpace";
|
|
9279
|
+
vars: {
|
|
9280
|
+
default: string;
|
|
9281
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9282
|
+
};
|
|
9283
|
+
};
|
|
9186
9284
|
};
|
|
9187
9285
|
}
|
|
9188
9286
|
]>;
|