@nimbus-ds/styles 9.0.0-rc.9 → 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 +16 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +397 -61
- 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 +4 -5
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;
|
|
@@ -2637,10 +2638,7 @@ declare const propertiesText: {
|
|
|
2637
2638
|
"primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2638
2639
|
"primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2639
2640
|
"primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2640
|
-
"primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2641
|
-
* The color property is used to set the color of the text.
|
|
2642
|
-
* @default neutral-textLow
|
|
2643
|
-
*/
|
|
2641
|
+
"primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2644
2642
|
"success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2645
2643
|
"success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2646
2644
|
"success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
@@ -2676,6 +2674,7 @@ declare const propertiesText: {
|
|
|
2676
2674
|
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2677
2675
|
highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2678
2676
|
};
|
|
2677
|
+
wordBreak: WordBreak[];
|
|
2679
2678
|
};
|
|
2680
2679
|
export type TextColorProperties = keyof typeof propertiesText.color;
|
|
2681
2680
|
export type TextFontSizeProperties = keyof typeof propertiesText.fontSize;
|
|
@@ -2708,42 +2707,291 @@ export interface TextSprinkle {
|
|
|
2708
2707
|
* @default neutral-textLow
|
|
2709
2708
|
*/
|
|
2710
2709
|
color?: TextColorProperties | TextConditions<TextColorProperties>;
|
|
2710
|
+
/**
|
|
2711
|
+
* The amount of lines at which the text will be trimmed, showing an ellipsis when overflowed.
|
|
2712
|
+
*/
|
|
2713
|
+
lineClamp?: number | TextConditions<number>;
|
|
2714
|
+
/**
|
|
2715
|
+
* The amount of lines at which the text will be trimmed, showing an ellipsis when overflowed.
|
|
2716
|
+
*/
|
|
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>;
|
|
2711
2722
|
}
|
|
2712
2723
|
export declare const text: {
|
|
2713
|
-
sprinkle: (
|
|
2714
|
-
|
|
2715
|
-
|
|
2716
|
-
|
|
2717
|
-
|
|
2718
|
-
|
|
2719
|
-
|
|
2720
|
-
|
|
2721
|
-
|
|
2722
|
-
|
|
2723
|
-
|
|
2724
|
-
|
|
2725
|
-
|
|
2726
|
-
|
|
2727
|
-
|
|
2728
|
-
|
|
2729
|
-
|
|
2730
|
-
|
|
2731
|
-
|
|
2732
|
-
|
|
2733
|
-
|
|
2734
|
-
|
|
2735
|
-
|
|
2736
|
-
|
|
2737
|
-
|
|
2738
|
-
|
|
2739
|
-
|
|
2740
|
-
|
|
2741
|
-
|
|
2742
|
-
|
|
2743
|
-
|
|
2744
|
-
|
|
2745
|
-
|
|
2746
|
-
|
|
2724
|
+
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
2725
|
+
{
|
|
2726
|
+
config: {
|
|
2727
|
+
color: {
|
|
2728
|
+
values: {
|
|
2729
|
+
currentColor: {
|
|
2730
|
+
default: string;
|
|
2731
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2732
|
+
};
|
|
2733
|
+
"primary-interactive": {
|
|
2734
|
+
default: string;
|
|
2735
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2736
|
+
};
|
|
2737
|
+
"primary-surface": {
|
|
2738
|
+
default: string;
|
|
2739
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2740
|
+
};
|
|
2741
|
+
"primary-textLow": {
|
|
2742
|
+
default: string;
|
|
2743
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2744
|
+
};
|
|
2745
|
+
"success-textLow": {
|
|
2746
|
+
default: string;
|
|
2747
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2748
|
+
};
|
|
2749
|
+
"success-surface": {
|
|
2750
|
+
default: string;
|
|
2751
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2752
|
+
};
|
|
2753
|
+
"warning-interactive": {
|
|
2754
|
+
default: string;
|
|
2755
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2756
|
+
};
|
|
2757
|
+
"warning-surface": {
|
|
2758
|
+
default: string;
|
|
2759
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2760
|
+
};
|
|
2761
|
+
"warning-textLow": {
|
|
2762
|
+
default: string;
|
|
2763
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2764
|
+
};
|
|
2765
|
+
"danger-interactive": {
|
|
2766
|
+
default: string;
|
|
2767
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2768
|
+
};
|
|
2769
|
+
"danger-surface": {
|
|
2770
|
+
default: string;
|
|
2771
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2772
|
+
};
|
|
2773
|
+
"danger-textLow": {
|
|
2774
|
+
default: string;
|
|
2775
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2776
|
+
};
|
|
2777
|
+
"neutral-background": {
|
|
2778
|
+
default: string;
|
|
2779
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2780
|
+
};
|
|
2781
|
+
"neutral-interactive": {
|
|
2782
|
+
default: string;
|
|
2783
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2784
|
+
};
|
|
2785
|
+
"neutral-surface": {
|
|
2786
|
+
default: string;
|
|
2787
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2788
|
+
};
|
|
2789
|
+
"neutral-textLow": {
|
|
2790
|
+
default: string;
|
|
2791
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2792
|
+
};
|
|
2793
|
+
"success-interactive": {
|
|
2794
|
+
default: string;
|
|
2795
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2796
|
+
};
|
|
2797
|
+
"primary-textHigh": {
|
|
2798
|
+
default: string;
|
|
2799
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2800
|
+
};
|
|
2801
|
+
"success-textHigh": {
|
|
2802
|
+
default: string;
|
|
2803
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2804
|
+
};
|
|
2805
|
+
"warning-textHigh": {
|
|
2806
|
+
default: string;
|
|
2807
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2808
|
+
};
|
|
2809
|
+
"danger-textHigh": {
|
|
2810
|
+
default: string;
|
|
2811
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2812
|
+
};
|
|
2813
|
+
"neutral-textDisabled": {
|
|
2814
|
+
default: string;
|
|
2815
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2816
|
+
};
|
|
2817
|
+
"neutral-textHigh": {
|
|
2818
|
+
default: string;
|
|
2819
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2820
|
+
};
|
|
2821
|
+
};
|
|
2822
|
+
staticScale: {
|
|
2823
|
+
currentColor: string;
|
|
2824
|
+
"primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2825
|
+
"primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2826
|
+
"primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2827
|
+
"primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2828
|
+
"success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2829
|
+
"success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2830
|
+
"success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2831
|
+
"success-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2832
|
+
"warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2833
|
+
"warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2834
|
+
"warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2835
|
+
"warning-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2836
|
+
"danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2837
|
+
"danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2838
|
+
"danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2839
|
+
"danger-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2840
|
+
"neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2841
|
+
"neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2842
|
+
"neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2843
|
+
"neutral-textDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2844
|
+
"neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2845
|
+
"neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2846
|
+
};
|
|
2847
|
+
name: "color";
|
|
2848
|
+
};
|
|
2849
|
+
textAlign: {
|
|
2850
|
+
values: {
|
|
2851
|
+
center: {
|
|
2852
|
+
default: string;
|
|
2853
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2854
|
+
};
|
|
2855
|
+
left: {
|
|
2856
|
+
default: string;
|
|
2857
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2858
|
+
};
|
|
2859
|
+
right: {
|
|
2860
|
+
default: string;
|
|
2861
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2862
|
+
};
|
|
2863
|
+
justify: {
|
|
2864
|
+
default: string;
|
|
2865
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2866
|
+
};
|
|
2867
|
+
};
|
|
2868
|
+
staticScale: TextAlign[];
|
|
2869
|
+
name: "textAlign";
|
|
2870
|
+
};
|
|
2871
|
+
lineHeight: {
|
|
2872
|
+
values: {
|
|
2873
|
+
caption: {
|
|
2874
|
+
default: string;
|
|
2875
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2876
|
+
};
|
|
2877
|
+
base: {
|
|
2878
|
+
default: string;
|
|
2879
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2880
|
+
};
|
|
2881
|
+
highlight: {
|
|
2882
|
+
default: string;
|
|
2883
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2884
|
+
};
|
|
2885
|
+
};
|
|
2886
|
+
staticScale: {
|
|
2887
|
+
readonly caption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2888
|
+
readonly base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2889
|
+
readonly highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2890
|
+
};
|
|
2891
|
+
name: "lineHeight";
|
|
2892
|
+
};
|
|
2893
|
+
fontWeight: {
|
|
2894
|
+
values: {
|
|
2895
|
+
regular: {
|
|
2896
|
+
default: string;
|
|
2897
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2898
|
+
};
|
|
2899
|
+
medium: {
|
|
2900
|
+
default: string;
|
|
2901
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2902
|
+
};
|
|
2903
|
+
bold: {
|
|
2904
|
+
default: string;
|
|
2905
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2906
|
+
};
|
|
2907
|
+
};
|
|
2908
|
+
staticScale: {
|
|
2909
|
+
regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2910
|
+
medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2911
|
+
bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2912
|
+
};
|
|
2913
|
+
name: "fontWeight";
|
|
2914
|
+
};
|
|
2915
|
+
fontSize: {
|
|
2916
|
+
values: {
|
|
2917
|
+
caption: {
|
|
2918
|
+
default: string;
|
|
2919
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2920
|
+
};
|
|
2921
|
+
base: {
|
|
2922
|
+
default: string;
|
|
2923
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2924
|
+
};
|
|
2925
|
+
highlight: {
|
|
2926
|
+
default: string;
|
|
2927
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2928
|
+
};
|
|
2929
|
+
};
|
|
2930
|
+
staticScale: {
|
|
2931
|
+
caption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2932
|
+
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2933
|
+
highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2934
|
+
};
|
|
2935
|
+
name: "fontSize";
|
|
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
|
+
};
|
|
2959
|
+
};
|
|
2960
|
+
} & {
|
|
2961
|
+
config: {
|
|
2962
|
+
lineClamp: {
|
|
2963
|
+
dynamic: {
|
|
2964
|
+
default: string;
|
|
2965
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2966
|
+
};
|
|
2967
|
+
dynamicScale: true;
|
|
2968
|
+
name: "lineClamp";
|
|
2969
|
+
vars: {
|
|
2970
|
+
default: string;
|
|
2971
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2972
|
+
};
|
|
2973
|
+
};
|
|
2974
|
+
WebkitLineClamp: {
|
|
2975
|
+
dynamic: {
|
|
2976
|
+
default: string;
|
|
2977
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2978
|
+
};
|
|
2979
|
+
dynamicScale: boolean;
|
|
2980
|
+
name: "WebkitLineClamp";
|
|
2981
|
+
vars: {
|
|
2982
|
+
default: string;
|
|
2983
|
+
conditions: Record<"xs" | "md" | "lg" | "xl", string>;
|
|
2984
|
+
};
|
|
2985
|
+
};
|
|
2986
|
+
};
|
|
2987
|
+
} & {
|
|
2988
|
+
config: {
|
|
2989
|
+
[x: string]: {
|
|
2990
|
+
mappings: ("fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign" | "wordBreak" | "lineClamp" | "WebkitLineClamp")[];
|
|
2991
|
+
};
|
|
2992
|
+
};
|
|
2993
|
+
}
|
|
2994
|
+
]>;
|
|
2747
2995
|
properties: {
|
|
2748
2996
|
color: {
|
|
2749
2997
|
currentColor: string;
|
|
@@ -2786,9 +3034,11 @@ export declare const text: {
|
|
|
2786
3034
|
base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2787
3035
|
highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
2788
3036
|
};
|
|
3037
|
+
wordBreak: WordBreak[];
|
|
2789
3038
|
};
|
|
2790
3039
|
classnames: {
|
|
2791
3040
|
base: string;
|
|
3041
|
+
trim: string;
|
|
2792
3042
|
};
|
|
2793
3043
|
};
|
|
2794
3044
|
declare const propertiesTitle: {
|
|
@@ -2903,36 +3153,36 @@ export interface TitleSprinkle {
|
|
|
2903
3153
|
}
|
|
2904
3154
|
export declare const title: {
|
|
2905
3155
|
sprinkle: ((props: {
|
|
2906
|
-
color?:
|
|
3156
|
+
color?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | {
|
|
2907
3157
|
xs?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
|
|
2908
3158
|
md?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
|
|
2909
3159
|
lg?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
|
|
2910
3160
|
xl?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
|
|
2911
|
-
}
|
|
2912
|
-
textAlign?:
|
|
3161
|
+
} | undefined;
|
|
3162
|
+
textAlign?: TextAlign | {
|
|
2913
3163
|
xs?: TextAlign | undefined;
|
|
2914
3164
|
md?: TextAlign | undefined;
|
|
2915
3165
|
lg?: TextAlign | undefined;
|
|
2916
3166
|
xl?: TextAlign | undefined;
|
|
2917
|
-
}
|
|
2918
|
-
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" | {
|
|
2919
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;
|
|
2920
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;
|
|
2921
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;
|
|
2922
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;
|
|
2923
|
-
}
|
|
2924
|
-
fontWeight?:
|
|
3173
|
+
} | undefined;
|
|
3174
|
+
fontWeight?: "regular" | "medium" | "bold" | {
|
|
2925
3175
|
xs?: "regular" | "medium" | "bold" | undefined;
|
|
2926
3176
|
md?: "regular" | "medium" | "bold" | undefined;
|
|
2927
3177
|
lg?: "regular" | "medium" | "bold" | undefined;
|
|
2928
3178
|
xl?: "regular" | "medium" | "bold" | undefined;
|
|
2929
|
-
}
|
|
2930
|
-
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" | {
|
|
2931
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;
|
|
2932
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;
|
|
2933
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;
|
|
2934
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;
|
|
2935
|
-
}
|
|
3185
|
+
} | undefined;
|
|
2936
3186
|
}) => string) & {
|
|
2937
3187
|
properties: Set<"fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign">;
|
|
2938
3188
|
};
|
|
@@ -3504,6 +3754,54 @@ export declare const alert: {
|
|
|
3504
3754
|
};
|
|
3505
3755
|
};
|
|
3506
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
|
+
};
|
|
3507
3805
|
sprinkle: ((props: {
|
|
3508
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;
|
|
3509
3807
|
padding?: "base" | "small" | "none" | undefined;
|
|
@@ -3530,10 +3828,6 @@ export declare const card: {
|
|
|
3530
3828
|
none: string;
|
|
3531
3829
|
};
|
|
3532
3830
|
};
|
|
3533
|
-
classnames: {
|
|
3534
|
-
container: string;
|
|
3535
|
-
container__footer: string;
|
|
3536
|
-
};
|
|
3537
3831
|
};
|
|
3538
3832
|
declare const propertiesModal: {
|
|
3539
3833
|
padding: {
|
|
@@ -3556,6 +3850,56 @@ export interface ModalSprinkle {
|
|
|
3556
3850
|
padding?: PaddingProperties | Conditions<PaddingProperties>;
|
|
3557
3851
|
}
|
|
3558
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
|
+
};
|
|
3559
3903
|
sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
|
|
3560
3904
|
{
|
|
3561
3905
|
config: {
|
|
@@ -3603,14 +3947,6 @@ export declare const modal: {
|
|
|
3603
3947
|
none: string;
|
|
3604
3948
|
};
|
|
3605
3949
|
};
|
|
3606
|
-
classnames: {
|
|
3607
|
-
overlay: string;
|
|
3608
|
-
container: string;
|
|
3609
|
-
container__close: string;
|
|
3610
|
-
container__header: string;
|
|
3611
|
-
container__body: string;
|
|
3612
|
-
container__footer: string;
|
|
3613
|
-
};
|
|
3614
3950
|
};
|
|
3615
3951
|
export declare const pagination: {
|
|
3616
3952
|
classnames: {
|