@nimbus-ds/styles 9.0.0 → 9.1.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 +10 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +142 -27
- package/dist/index.js +1 -1
- package/dist/styles.css +1 -1
- package/dist/themes/dark.css +1 -1
- package/dist/themes/dark.d.ts +1 -1
- package/dist/themes/dark.js +1 -1
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Generated by dts-bundle-generator v7.
|
|
1
|
+
// Generated by dts-bundle-generator v7.2.0
|
|
2
2
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { HTMLAttributes } from 'react';
|
|
@@ -35,6 +35,7 @@ export type Position = "absolute" | "fixed" | "relative" | "static" | "sticky";
|
|
|
35
35
|
export type Overflow = "visible" | "hidden" | "scroll" | "auto";
|
|
36
36
|
export type PointerEvents = "auto" | "none" | "visiblePainted" | "visibleFill" | "visibleStroke" | "visible" | "painted" | "fill" | "stroke" | "all" | "inherit";
|
|
37
37
|
export type TransitionTiming = "ease" | "ease-in" | "ease-out" | "ease-in-out" | "linear" | "step-start" | "step-end";
|
|
38
|
+
export type WordBreak = "normal" | "break-all" | "keep-all" | "break-word";
|
|
38
39
|
declare const propertiesBox: {
|
|
39
40
|
gap: {
|
|
40
41
|
none: string;
|
|
@@ -2673,6 +2674,7 @@ declare const propertiesText: {
|
|
|
2673
2674
|
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2674
2675
|
highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2675
2676
|
};
|
|
2677
|
+
wordBreak: WordBreak[];
|
|
2676
2678
|
};
|
|
2677
2679
|
export type TextColorProperties = keyof typeof propertiesText.color;
|
|
2678
2680
|
export type TextFontSizeProperties = keyof typeof propertiesText.fontSize;
|
|
@@ -2713,6 +2715,10 @@ export interface TextSprinkle {
|
|
|
2713
2715
|
* The amount of lines at which the text will be trimmed, showing an ellipsis when overflowed.
|
|
2714
2716
|
*/
|
|
2715
2717
|
WebkitLineClamp?: number | TextConditions<number>;
|
|
2718
|
+
/**
|
|
2719
|
+
* The amount of lines at which the text will be trimmed, showing an ellipsis when overflowed.
|
|
2720
|
+
*/
|
|
2721
|
+
wordBreak?: WordBreak | TextConditions<WordBreak>;
|
|
2716
2722
|
}
|
|
2717
2723
|
export declare const text: {
|
|
2718
2724
|
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
@@ -2842,15 +2848,15 @@ export declare const text: {
|
|
|
2842
2848
|
};
|
|
2843
2849
|
textAlign: {
|
|
2844
2850
|
values: {
|
|
2845
|
-
|
|
2851
|
+
center: {
|
|
2846
2852
|
default: string;
|
|
2847
2853
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2848
2854
|
};
|
|
2849
|
-
|
|
2855
|
+
left: {
|
|
2850
2856
|
default: string;
|
|
2851
2857
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2852
2858
|
};
|
|
2853
|
-
|
|
2859
|
+
right: {
|
|
2854
2860
|
default: string;
|
|
2855
2861
|
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2856
2862
|
};
|
|
@@ -2928,6 +2934,28 @@ export declare const text: {
|
|
|
2928
2934
|
};
|
|
2929
2935
|
name: "fontSize";
|
|
2930
2936
|
};
|
|
2937
|
+
wordBreak: {
|
|
2938
|
+
values: {
|
|
2939
|
+
normal: {
|
|
2940
|
+
default: string;
|
|
2941
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2942
|
+
};
|
|
2943
|
+
"break-word": {
|
|
2944
|
+
default: string;
|
|
2945
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2946
|
+
};
|
|
2947
|
+
"break-all": {
|
|
2948
|
+
default: string;
|
|
2949
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2950
|
+
};
|
|
2951
|
+
"keep-all": {
|
|
2952
|
+
default: string;
|
|
2953
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2954
|
+
};
|
|
2955
|
+
};
|
|
2956
|
+
staticScale: WordBreak[];
|
|
2957
|
+
name: "wordBreak";
|
|
2958
|
+
};
|
|
2931
2959
|
};
|
|
2932
2960
|
} & {
|
|
2933
2961
|
config: {
|
|
@@ -2959,7 +2987,7 @@ export declare const text: {
|
|
|
2959
2987
|
} & {
|
|
2960
2988
|
config: {
|
|
2961
2989
|
[x: string]: {
|
|
2962
|
-
mappings: ("fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign" | "lineClamp" | "WebkitLineClamp")[];
|
|
2990
|
+
mappings: ("fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign" | "wordBreak" | "lineClamp" | "WebkitLineClamp")[];
|
|
2963
2991
|
};
|
|
2964
2992
|
};
|
|
2965
2993
|
}
|
|
@@ -3006,6 +3034,7 @@ export declare const text: {
|
|
|
3006
3034
|
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3007
3035
|
highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
3008
3036
|
};
|
|
3037
|
+
wordBreak: WordBreak[];
|
|
3009
3038
|
};
|
|
3010
3039
|
classnames: {
|
|
3011
3040
|
base: string;
|
|
@@ -3124,36 +3153,36 @@ export interface TitleSprinkle {
|
|
|
3124
3153
|
}
|
|
3125
3154
|
export declare const title: {
|
|
3126
3155
|
sprinkle: ((props: {
|
|
3127
|
-
color?:
|
|
3156
|
+
color?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | {
|
|
3128
3157
|
xs?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
|
|
3129
3158
|
md?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
|
|
3130
3159
|
lg?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
|
|
3131
3160
|
xl?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
|
|
3132
|
-
}
|
|
3133
|
-
textAlign?:
|
|
3161
|
+
} | undefined;
|
|
3162
|
+
textAlign?: TextAlign | {
|
|
3134
3163
|
xs?: TextAlign | undefined;
|
|
3135
3164
|
md?: TextAlign | undefined;
|
|
3136
3165
|
lg?: TextAlign | undefined;
|
|
3137
3166
|
xl?: TextAlign | undefined;
|
|
3138
|
-
}
|
|
3139
|
-
fontSize?:
|
|
3167
|
+
} | undefined;
|
|
3168
|
+
fontSize?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | {
|
|
3140
3169
|
xs?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
|
|
3141
3170
|
md?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
|
|
3142
3171
|
lg?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
|
|
3143
3172
|
xl?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
|
|
3144
|
-
}
|
|
3145
|
-
fontWeight?:
|
|
3173
|
+
} | undefined;
|
|
3174
|
+
fontWeight?: "regular" | "medium" | "bold" | {
|
|
3146
3175
|
xs?: "regular" | "medium" | "bold" | undefined;
|
|
3147
3176
|
md?: "regular" | "medium" | "bold" | undefined;
|
|
3148
3177
|
lg?: "regular" | "medium" | "bold" | undefined;
|
|
3149
3178
|
xl?: "regular" | "medium" | "bold" | undefined;
|
|
3150
|
-
}
|
|
3151
|
-
lineHeight?:
|
|
3179
|
+
} | undefined;
|
|
3180
|
+
lineHeight?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | {
|
|
3152
3181
|
xs?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
|
|
3153
3182
|
md?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
|
|
3154
3183
|
lg?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
|
|
3155
3184
|
xl?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0-5" | "6" | "1-5" | "2-5" | "3-5" | "4-5" | "7" | "8" | "9" | "10" | "11" | "12" | "14" | "16" | "18" | "20" | undefined;
|
|
3156
|
-
}
|
|
3185
|
+
} | undefined;
|
|
3157
3186
|
}) => string) & {
|
|
3158
3187
|
properties: Set<"fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign">;
|
|
3159
3188
|
};
|
|
@@ -3725,6 +3754,54 @@ export declare const alert: {
|
|
|
3725
3754
|
};
|
|
3726
3755
|
};
|
|
3727
3756
|
export declare const card: {
|
|
3757
|
+
classnames: {
|
|
3758
|
+
container: string;
|
|
3759
|
+
container__footer: string;
|
|
3760
|
+
};
|
|
3761
|
+
subComponents: {
|
|
3762
|
+
header: {
|
|
3763
|
+
sprinkle: ((props: {
|
|
3764
|
+
padding?: "base" | "small" | "none" | undefined;
|
|
3765
|
+
}) => string) & {
|
|
3766
|
+
properties: Set<"padding">;
|
|
3767
|
+
};
|
|
3768
|
+
properties: {
|
|
3769
|
+
padding: {
|
|
3770
|
+
base: string;
|
|
3771
|
+
small: string;
|
|
3772
|
+
none: string;
|
|
3773
|
+
};
|
|
3774
|
+
};
|
|
3775
|
+
};
|
|
3776
|
+
body: {
|
|
3777
|
+
sprinkle: ((props: {
|
|
3778
|
+
padding?: "base" | "small" | "none" | undefined;
|
|
3779
|
+
}) => string) & {
|
|
3780
|
+
properties: Set<"padding">;
|
|
3781
|
+
};
|
|
3782
|
+
properties: {
|
|
3783
|
+
padding: {
|
|
3784
|
+
base: string;
|
|
3785
|
+
small: string;
|
|
3786
|
+
none: string;
|
|
3787
|
+
};
|
|
3788
|
+
};
|
|
3789
|
+
};
|
|
3790
|
+
footer: {
|
|
3791
|
+
sprinkle: ((props: {
|
|
3792
|
+
padding?: "base" | "small" | "none" | undefined;
|
|
3793
|
+
}) => string) & {
|
|
3794
|
+
properties: Set<"padding">;
|
|
3795
|
+
};
|
|
3796
|
+
properties: {
|
|
3797
|
+
padding: {
|
|
3798
|
+
base: string;
|
|
3799
|
+
small: string;
|
|
3800
|
+
none: string;
|
|
3801
|
+
};
|
|
3802
|
+
};
|
|
3803
|
+
};
|
|
3804
|
+
};
|
|
3728
3805
|
sprinkle: ((props: {
|
|
3729
3806
|
backgroundColor?: "primary-surface" | "primary-surfaceHighlight" | "success-surface" | "success-surfaceHighlight" | "warning-surface" | "warning-surfaceHighlight" | "danger-surface" | "danger-surfaceHighlight" | "neutral-background" | "neutral-surface" | "neutral-surfaceHighlight" | undefined;
|
|
3730
3807
|
padding?: "base" | "small" | "none" | undefined;
|
|
@@ -3751,10 +3828,6 @@ export declare const card: {
|
|
|
3751
3828
|
none: string;
|
|
3752
3829
|
};
|
|
3753
3830
|
};
|
|
3754
|
-
classnames: {
|
|
3755
|
-
container: string;
|
|
3756
|
-
container__footer: string;
|
|
3757
|
-
};
|
|
3758
3831
|
};
|
|
3759
3832
|
declare const propertiesModal: {
|
|
3760
3833
|
padding: {
|
|
@@ -3777,6 +3850,56 @@ export interface ModalSprinkle {
|
|
|
3777
3850
|
padding?: PaddingProperties | Conditions<PaddingProperties>;
|
|
3778
3851
|
}
|
|
3779
3852
|
export declare const modal: {
|
|
3853
|
+
classnames: {
|
|
3854
|
+
overlay: string;
|
|
3855
|
+
container: string;
|
|
3856
|
+
container__close: string;
|
|
3857
|
+
container__footer: string;
|
|
3858
|
+
};
|
|
3859
|
+
subComponents: {
|
|
3860
|
+
header: {
|
|
3861
|
+
sprinkle: ((props: {
|
|
3862
|
+
padding?: "base" | "small" | "none" | undefined;
|
|
3863
|
+
}) => string) & {
|
|
3864
|
+
properties: Set<"padding">;
|
|
3865
|
+
};
|
|
3866
|
+
properties: {
|
|
3867
|
+
padding: {
|
|
3868
|
+
base: string;
|
|
3869
|
+
small: string;
|
|
3870
|
+
none: string;
|
|
3871
|
+
};
|
|
3872
|
+
};
|
|
3873
|
+
};
|
|
3874
|
+
body: {
|
|
3875
|
+
sprinkle: ((props: {
|
|
3876
|
+
padding?: "base" | "small" | "none" | undefined;
|
|
3877
|
+
}) => string) & {
|
|
3878
|
+
properties: Set<"padding">;
|
|
3879
|
+
};
|
|
3880
|
+
properties: {
|
|
3881
|
+
padding: {
|
|
3882
|
+
base: string;
|
|
3883
|
+
small: string;
|
|
3884
|
+
none: string;
|
|
3885
|
+
};
|
|
3886
|
+
};
|
|
3887
|
+
};
|
|
3888
|
+
footer: {
|
|
3889
|
+
sprinkle: ((props: {
|
|
3890
|
+
padding?: "base" | "small" | "none" | undefined;
|
|
3891
|
+
}) => string) & {
|
|
3892
|
+
properties: Set<"padding">;
|
|
3893
|
+
};
|
|
3894
|
+
properties: {
|
|
3895
|
+
padding: {
|
|
3896
|
+
base: string;
|
|
3897
|
+
small: string;
|
|
3898
|
+
none: string;
|
|
3899
|
+
};
|
|
3900
|
+
};
|
|
3901
|
+
};
|
|
3902
|
+
};
|
|
3780
3903
|
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
3781
3904
|
{
|
|
3782
3905
|
config: {
|
|
@@ -3824,14 +3947,6 @@ export declare const modal: {
|
|
|
3824
3947
|
none: string;
|
|
3825
3948
|
};
|
|
3826
3949
|
};
|
|
3827
|
-
classnames: {
|
|
3828
|
-
overlay: string;
|
|
3829
|
-
container: string;
|
|
3830
|
-
container__close: string;
|
|
3831
|
-
container__header: string;
|
|
3832
|
-
container__body: string;
|
|
3833
|
-
container__footer: string;
|
|
3834
|
-
};
|
|
3835
3950
|
};
|
|
3836
3951
|
export declare const pagination: {
|
|
3837
3952
|
classnames: {
|