@rarui/styles 1.30.0 → 1.30.1-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 +135 -5
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/themes/dark.js +1 -1
- package/package.json +3 -2
package/dist/index.d.ts
CHANGED
|
@@ -7395,6 +7395,15 @@ declare const chipStyles: {
|
|
|
7395
7395
|
height: "1.5rem";
|
|
7396
7396
|
};
|
|
7397
7397
|
};
|
|
7398
|
+
textOverflow: {
|
|
7399
|
+
true: {
|
|
7400
|
+
textOverflow: "ellipsis";
|
|
7401
|
+
whiteSpace: "nowrap";
|
|
7402
|
+
minWidth: "100%";
|
|
7403
|
+
width: "100%";
|
|
7404
|
+
display: "block";
|
|
7405
|
+
};
|
|
7406
|
+
};
|
|
7398
7407
|
}>;
|
|
7399
7408
|
close: string;
|
|
7400
7409
|
overlay: string;
|
|
@@ -7404,7 +7413,8 @@ declare const paddingProperties: {
|
|
|
7404
7413
|
small: string;
|
|
7405
7414
|
};
|
|
7406
7415
|
export type ChipVariants = RecipeVariants<typeof chipStyles.chip>;
|
|
7407
|
-
export
|
|
7416
|
+
export type ChipDynamicProperties = Pick<StandardLonghandProperties, "textTransform">;
|
|
7417
|
+
export interface ChipSprinkle extends ChipDynamicProperties {
|
|
7408
7418
|
/**
|
|
7409
7419
|
* The padding properties are used to generate space around an chip's content area.
|
|
7410
7420
|
*/
|
|
@@ -7440,6 +7450,15 @@ export declare const chip: {
|
|
|
7440
7450
|
height: "1.5rem";
|
|
7441
7451
|
};
|
|
7442
7452
|
};
|
|
7453
|
+
textOverflow: {
|
|
7454
|
+
true: {
|
|
7455
|
+
textOverflow: "ellipsis";
|
|
7456
|
+
whiteSpace: "nowrap";
|
|
7457
|
+
minWidth: "100%";
|
|
7458
|
+
width: "100%";
|
|
7459
|
+
display: "block";
|
|
7460
|
+
};
|
|
7461
|
+
};
|
|
7443
7462
|
}>;
|
|
7444
7463
|
close: string;
|
|
7445
7464
|
overlay: string;
|
|
@@ -7465,6 +7484,21 @@ export declare const chip: {
|
|
|
7465
7484
|
name: "padding";
|
|
7466
7485
|
};
|
|
7467
7486
|
};
|
|
7487
|
+
} & {
|
|
7488
|
+
config: {
|
|
7489
|
+
textTransform: {
|
|
7490
|
+
dynamic: {
|
|
7491
|
+
default: string;
|
|
7492
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
7493
|
+
};
|
|
7494
|
+
dynamicScale: true;
|
|
7495
|
+
name: "textTransform";
|
|
7496
|
+
vars: {
|
|
7497
|
+
default: string;
|
|
7498
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
7499
|
+
};
|
|
7500
|
+
};
|
|
7501
|
+
};
|
|
7468
7502
|
}
|
|
7469
7503
|
]>;
|
|
7470
7504
|
};
|
|
@@ -8689,7 +8723,7 @@ declare const selectStyles: {
|
|
|
8689
8723
|
};
|
|
8690
8724
|
small: {
|
|
8691
8725
|
minHeight: "2rem";
|
|
8692
|
-
padding: `
|
|
8726
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
|
|
8693
8727
|
};
|
|
8694
8728
|
};
|
|
8695
8729
|
}>;
|
|
@@ -8730,7 +8764,7 @@ export declare const select: {
|
|
|
8730
8764
|
};
|
|
8731
8765
|
small: {
|
|
8732
8766
|
minHeight: "2rem";
|
|
8733
|
-
padding: `
|
|
8767
|
+
padding: `0 var(--${string})` | `0 var(--${string}, ${string})` | `0 var(--${string}, ${number})`;
|
|
8734
8768
|
};
|
|
8735
8769
|
};
|
|
8736
8770
|
}>;
|
|
@@ -8893,7 +8927,7 @@ declare const textFontSizeProperties: {
|
|
|
8893
8927
|
l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8894
8928
|
xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8895
8929
|
};
|
|
8896
|
-
export type TextDynamicProperties = Pick<StandardLonghandProperties, "textAlign" | "wordBreak">;
|
|
8930
|
+
export type TextDynamicProperties = Pick<StandardLonghandProperties, "textAlign" | "wordBreak" | "textTransform" | "textOverflow" | "width" | "whiteSpace"> & Pick<StandardShorthandProperties, "textDecoration" | "overflow">;
|
|
8897
8931
|
export interface TextSprinkle extends TextDynamicProperties {
|
|
8898
8932
|
/**
|
|
8899
8933
|
* The color property is used to set the color of the title.
|
|
@@ -9159,6 +9193,78 @@ export declare const text: {
|
|
|
9159
9193
|
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9160
9194
|
};
|
|
9161
9195
|
};
|
|
9196
|
+
textTransform: {
|
|
9197
|
+
dynamic: {
|
|
9198
|
+
default: string;
|
|
9199
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9200
|
+
};
|
|
9201
|
+
dynamicScale: true;
|
|
9202
|
+
name: "textTransform";
|
|
9203
|
+
vars: {
|
|
9204
|
+
default: string;
|
|
9205
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9206
|
+
};
|
|
9207
|
+
};
|
|
9208
|
+
textDecoration: {
|
|
9209
|
+
dynamic: {
|
|
9210
|
+
default: string;
|
|
9211
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9212
|
+
};
|
|
9213
|
+
dynamicScale: true;
|
|
9214
|
+
name: "textDecoration";
|
|
9215
|
+
vars: {
|
|
9216
|
+
default: string;
|
|
9217
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9218
|
+
};
|
|
9219
|
+
};
|
|
9220
|
+
textOverflow: {
|
|
9221
|
+
dynamic: {
|
|
9222
|
+
default: string;
|
|
9223
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9224
|
+
};
|
|
9225
|
+
dynamicScale: true;
|
|
9226
|
+
name: "textOverflow";
|
|
9227
|
+
vars: {
|
|
9228
|
+
default: string;
|
|
9229
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9230
|
+
};
|
|
9231
|
+
};
|
|
9232
|
+
width: {
|
|
9233
|
+
dynamic: {
|
|
9234
|
+
default: string;
|
|
9235
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9236
|
+
};
|
|
9237
|
+
dynamicScale: true;
|
|
9238
|
+
name: "width";
|
|
9239
|
+
vars: {
|
|
9240
|
+
default: string;
|
|
9241
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9242
|
+
};
|
|
9243
|
+
};
|
|
9244
|
+
overflow: {
|
|
9245
|
+
dynamic: {
|
|
9246
|
+
default: string;
|
|
9247
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9248
|
+
};
|
|
9249
|
+
dynamicScale: true;
|
|
9250
|
+
name: "overflow";
|
|
9251
|
+
vars: {
|
|
9252
|
+
default: string;
|
|
9253
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9254
|
+
};
|
|
9255
|
+
};
|
|
9256
|
+
whiteSpace: {
|
|
9257
|
+
dynamic: {
|
|
9258
|
+
default: string;
|
|
9259
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9260
|
+
};
|
|
9261
|
+
dynamicScale: true;
|
|
9262
|
+
name: "whiteSpace";
|
|
9263
|
+
vars: {
|
|
9264
|
+
default: string;
|
|
9265
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9266
|
+
};
|
|
9267
|
+
};
|
|
9162
9268
|
};
|
|
9163
9269
|
}
|
|
9164
9270
|
]>;
|
|
@@ -9179,7 +9285,7 @@ declare const titleFontSizeProperties: {
|
|
|
9179
9285
|
l: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9180
9286
|
xl: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9181
9287
|
};
|
|
9182
|
-
export type TitleDynamicProperties = Pick<StandardLonghandProperties, "textAlign">;
|
|
9288
|
+
export type TitleDynamicProperties = Pick<StandardLonghandProperties, "textAlign" | "textTransform"> & Pick<StandardShorthandProperties, "textDecoration">;
|
|
9183
9289
|
export interface TitleSprinkle extends TitleDynamicProperties {
|
|
9184
9290
|
/**
|
|
9185
9291
|
* The color property is used to set the color of the title.
|
|
@@ -9457,6 +9563,30 @@ export declare const title: {
|
|
|
9457
9563
|
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9458
9564
|
};
|
|
9459
9565
|
};
|
|
9566
|
+
textTransform: {
|
|
9567
|
+
dynamic: {
|
|
9568
|
+
default: string;
|
|
9569
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9570
|
+
};
|
|
9571
|
+
dynamicScale: true;
|
|
9572
|
+
name: "textTransform";
|
|
9573
|
+
vars: {
|
|
9574
|
+
default: string;
|
|
9575
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9576
|
+
};
|
|
9577
|
+
};
|
|
9578
|
+
textDecoration: {
|
|
9579
|
+
dynamic: {
|
|
9580
|
+
default: string;
|
|
9581
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9582
|
+
};
|
|
9583
|
+
dynamicScale: true;
|
|
9584
|
+
name: "textDecoration";
|
|
9585
|
+
vars: {
|
|
9586
|
+
default: string;
|
|
9587
|
+
conditions: Record<"xs" | "xl" | "md" | "lg", string>;
|
|
9588
|
+
};
|
|
9589
|
+
};
|
|
9460
9590
|
};
|
|
9461
9591
|
}
|
|
9462
9592
|
]>;
|