@nimbus-ds/styles 6.13.0-rc.7 → 6.13.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 +1 -1
- package/dist/index.css +976 -784
- package/dist/index.d.ts +60 -0
- package/dist/index.js +1 -1
- package/package.json +3 -4
package/dist/index.d.ts
CHANGED
|
@@ -28,6 +28,7 @@ export type FlexWrap = "nowrap" | "wrap" | "wrap-reverse";
|
|
|
28
28
|
export type FlexDirection = "row" | "row-reverse" | "column" | "column-reverse";
|
|
29
29
|
export type JustifyContent = "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
|
|
30
30
|
export type AlignItems = "stretch" | "flex-start" | "flex-end" | "center" | "baseline";
|
|
31
|
+
export type AlignSelf = "auto" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
|
|
31
32
|
export type TextAlign = "left" | "right" | "center" | "justify";
|
|
32
33
|
export type TextDecoration = "none" | "underline";
|
|
33
34
|
export type Position = "absolute" | "fixed" | "relative" | "static" | "sticky";
|
|
@@ -74,6 +75,7 @@ declare const propertiesBox: {
|
|
|
74
75
|
flexWrap: FlexWrap[];
|
|
75
76
|
justifyContent: JustifyContent[];
|
|
76
77
|
alignItems: AlignItems[];
|
|
78
|
+
alignSelf: AlignSelf[];
|
|
77
79
|
pointerEvents: PointerEvents[];
|
|
78
80
|
backgroundColor: {
|
|
79
81
|
"primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -226,6 +228,8 @@ export interface BoxSprinkle {
|
|
|
226
228
|
top?: string | BoxConditions<string>;
|
|
227
229
|
flex?: string | BoxConditions<string>;
|
|
228
230
|
flexShrink?: string | BoxConditions<string>;
|
|
231
|
+
flexGrow?: string | BoxConditions<string>;
|
|
232
|
+
order?: string | BoxConditions<string>;
|
|
229
233
|
gridTemplateColumns?: string | BoxConditions<string>;
|
|
230
234
|
gridTemplateAreas?: string | BoxConditions<string>;
|
|
231
235
|
gridTemplateRows?: string | BoxConditions<string>;
|
|
@@ -235,6 +239,7 @@ export interface BoxSprinkle {
|
|
|
235
239
|
justifyContent?: JustifyContent | BoxConditions<JustifyContent>;
|
|
236
240
|
flexDirection?: FlexDirection | BoxConditions<FlexDirection>;
|
|
237
241
|
alignItems?: AlignItems | BoxConditions<AlignItems>;
|
|
242
|
+
alignSelf?: AlignSelf | BoxConditions<AlignSelf>;
|
|
238
243
|
gap?: BoxGapProperties | BoxConditions<BoxGapProperties>;
|
|
239
244
|
gridGap?: BoxGridGapProperties | BoxConditions<BoxGridGapProperties>;
|
|
240
245
|
pointerEvents?: PointerEvents | BoxConditions<PointerEvents>;
|
|
@@ -420,6 +425,36 @@ export declare const box: {
|
|
|
420
425
|
staticScale: AlignItems[];
|
|
421
426
|
name: "alignItems";
|
|
422
427
|
};
|
|
428
|
+
alignSelf: {
|
|
429
|
+
values: {
|
|
430
|
+
center: {
|
|
431
|
+
default: string;
|
|
432
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
|
|
433
|
+
};
|
|
434
|
+
"flex-end": {
|
|
435
|
+
default: string;
|
|
436
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
|
|
437
|
+
};
|
|
438
|
+
"flex-start": {
|
|
439
|
+
default: string;
|
|
440
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
|
|
441
|
+
};
|
|
442
|
+
baseline: {
|
|
443
|
+
default: string;
|
|
444
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
|
|
445
|
+
};
|
|
446
|
+
stretch: {
|
|
447
|
+
default: string;
|
|
448
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
|
|
449
|
+
};
|
|
450
|
+
auto: {
|
|
451
|
+
default: string;
|
|
452
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
|
|
453
|
+
};
|
|
454
|
+
};
|
|
455
|
+
staticScale: AlignSelf[];
|
|
456
|
+
name: "alignSelf";
|
|
457
|
+
};
|
|
423
458
|
pointerEvents: {
|
|
424
459
|
values: {
|
|
425
460
|
inherit: {
|
|
@@ -857,6 +892,30 @@ export declare const box: {
|
|
|
857
892
|
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
|
|
858
893
|
};
|
|
859
894
|
};
|
|
895
|
+
flexGrow: {
|
|
896
|
+
dynamic: {
|
|
897
|
+
default: string;
|
|
898
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
|
|
899
|
+
};
|
|
900
|
+
dynamicScale: true;
|
|
901
|
+
name: "flexGrow";
|
|
902
|
+
vars: {
|
|
903
|
+
default: string;
|
|
904
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
|
|
905
|
+
};
|
|
906
|
+
};
|
|
907
|
+
order: {
|
|
908
|
+
dynamic: {
|
|
909
|
+
default: string;
|
|
910
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
|
|
911
|
+
};
|
|
912
|
+
dynamicScale: true;
|
|
913
|
+
name: "order";
|
|
914
|
+
vars: {
|
|
915
|
+
default: string;
|
|
916
|
+
conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
|
|
917
|
+
};
|
|
918
|
+
};
|
|
860
919
|
borderRadius: {
|
|
861
920
|
dynamic: {
|
|
862
921
|
default: string;
|
|
@@ -1550,6 +1609,7 @@ export declare const box: {
|
|
|
1550
1609
|
flexWrap: FlexWrap[];
|
|
1551
1610
|
justifyContent: JustifyContent[];
|
|
1552
1611
|
alignItems: AlignItems[];
|
|
1612
|
+
alignSelf: AlignSelf[];
|
|
1553
1613
|
pointerEvents: PointerEvents[];
|
|
1554
1614
|
backgroundColor: {
|
|
1555
1615
|
"primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|