@nimbus-ds/styles 9.0.0-rc.8 → 9.0.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.
Files changed (7) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +269 -39
  4. package/dist/index.js +1 -1
  5. package/dist/styles.css +1 -1
  6. package/dist/themes/dark.js +1 -1
  7. package/package.json +4 -5
package/dist/index.d.ts CHANGED
@@ -84,7 +84,9 @@ declare const propertiesBox: {
84
84
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
85
85
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
86
  };
87
- display: Display[];
87
+ display: Display[]; /**
88
+ * The borderBottomWidth property defines the width of the border at the bottom of a box.
89
+ */
88
90
  flexDirection: FlexDirection[];
89
91
  flexWrap: FlexWrap[];
90
92
  justifyContent: JustifyContent[];
@@ -235,6 +237,7 @@ declare const propertiesBox: {
235
237
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
236
238
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
237
239
  auto: string;
240
+ none: string;
238
241
  };
239
242
  position: Position[];
240
243
  overflow: Overflow[];
@@ -1783,6 +1786,7 @@ export declare const box: {
1783
1786
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1784
1787
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1785
1788
  auto: string;
1789
+ none: string;
1786
1790
  };
1787
1791
  name: "margin";
1788
1792
  vars: {
@@ -1818,6 +1822,7 @@ export declare const box: {
1818
1822
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1819
1823
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1820
1824
  auto: string;
1825
+ none: string;
1821
1826
  };
1822
1827
  name: "marginTop";
1823
1828
  vars: {
@@ -1853,6 +1858,7 @@ export declare const box: {
1853
1858
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1854
1859
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1855
1860
  auto: string;
1861
+ none: string;
1856
1862
  };
1857
1863
  name: "marginBottom";
1858
1864
  vars: {
@@ -1888,6 +1894,7 @@ export declare const box: {
1888
1894
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1889
1895
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1890
1896
  auto: string;
1897
+ none: string;
1891
1898
  };
1892
1899
  name: "marginLeft";
1893
1900
  vars: {
@@ -1923,6 +1930,7 @@ export declare const box: {
1923
1930
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1924
1931
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1925
1932
  auto: string;
1933
+ none: string;
1926
1934
  };
1927
1935
  name: "marginRight";
1928
1936
  vars: {
@@ -2330,6 +2338,7 @@ export declare const box: {
2330
2338
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2331
2339
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2332
2340
  auto: string;
2341
+ none: string;
2333
2342
  };
2334
2343
  position: Position[];
2335
2344
  overflow: Overflow[];
@@ -2628,10 +2637,7 @@ declare const propertiesText: {
2628
2637
  "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2629
2638
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2630
2639
  "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2631
- "primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
2632
- * The color property is used to set the color of the text.
2633
- * @default neutral-textLow
2634
- */
2640
+ "primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2635
2641
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2636
2642
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2637
2643
  "success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2699,42 +2705,265 @@ export interface TextSprinkle {
2699
2705
  * @default neutral-textLow
2700
2706
  */
2701
2707
  color?: TextColorProperties | TextConditions<TextColorProperties>;
2708
+ /**
2709
+ * The amount of lines at which the text will be trimmed, showing an ellipsis when overflowed.
2710
+ */
2711
+ lineClamp?: number | TextConditions<number>;
2712
+ /**
2713
+ * The amount of lines at which the text will be trimmed, showing an ellipsis when overflowed.
2714
+ */
2715
+ WebkitLineClamp?: number | TextConditions<number>;
2702
2716
  }
2703
2717
  export declare const text: {
2704
- sprinkle: ((props: {
2705
- color?: ("currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "warning-interactive" | "warning-surface" | "warning-textLow" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "neutral-textHigh" | {
2706
- xs?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "warning-interactive" | "warning-surface" | "warning-textLow" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "neutral-textHigh" | undefined;
2707
- md?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "warning-interactive" | "warning-surface" | "warning-textLow" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "neutral-textHigh" | undefined;
2708
- lg?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "warning-interactive" | "warning-surface" | "warning-textLow" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "neutral-textHigh" | undefined;
2709
- xl?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "warning-interactive" | "warning-surface" | "warning-textLow" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textDisabled" | "neutral-textHigh" | undefined;
2710
- }) | undefined;
2711
- textAlign?: (TextAlign | {
2712
- xs?: TextAlign | undefined;
2713
- md?: TextAlign | undefined;
2714
- lg?: TextAlign | undefined;
2715
- xl?: TextAlign | undefined;
2716
- }) | undefined;
2717
- lineHeight?: ("caption" | "base" | "highlight" | {
2718
- xs?: "caption" | "base" | "highlight" | undefined;
2719
- md?: "caption" | "base" | "highlight" | undefined;
2720
- lg?: "caption" | "base" | "highlight" | undefined;
2721
- xl?: "caption" | "base" | "highlight" | undefined;
2722
- }) | undefined;
2723
- fontWeight?: ("regular" | "medium" | "bold" | {
2724
- xs?: "regular" | "medium" | "bold" | undefined;
2725
- md?: "regular" | "medium" | "bold" | undefined;
2726
- lg?: "regular" | "medium" | "bold" | undefined;
2727
- xl?: "regular" | "medium" | "bold" | undefined;
2728
- }) | undefined;
2729
- fontSize?: ("caption" | "base" | "highlight" | {
2730
- xs?: "caption" | "base" | "highlight" | undefined;
2731
- md?: "caption" | "base" | "highlight" | undefined;
2732
- lg?: "caption" | "base" | "highlight" | undefined;
2733
- xl?: "caption" | "base" | "highlight" | undefined;
2734
- }) | undefined;
2735
- }) => string) & {
2736
- properties: Set<"fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign">;
2737
- };
2718
+ sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
2719
+ {
2720
+ config: {
2721
+ color: {
2722
+ values: {
2723
+ currentColor: {
2724
+ default: string;
2725
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2726
+ };
2727
+ "primary-interactive": {
2728
+ default: string;
2729
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2730
+ };
2731
+ "primary-surface": {
2732
+ default: string;
2733
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2734
+ };
2735
+ "primary-textLow": {
2736
+ default: string;
2737
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2738
+ };
2739
+ "success-textLow": {
2740
+ default: string;
2741
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2742
+ };
2743
+ "success-surface": {
2744
+ default: string;
2745
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2746
+ };
2747
+ "warning-interactive": {
2748
+ default: string;
2749
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2750
+ };
2751
+ "warning-surface": {
2752
+ default: string;
2753
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2754
+ };
2755
+ "warning-textLow": {
2756
+ default: string;
2757
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2758
+ };
2759
+ "danger-interactive": {
2760
+ default: string;
2761
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2762
+ };
2763
+ "danger-surface": {
2764
+ default: string;
2765
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2766
+ };
2767
+ "danger-textLow": {
2768
+ default: string;
2769
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2770
+ };
2771
+ "neutral-background": {
2772
+ default: string;
2773
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2774
+ };
2775
+ "neutral-interactive": {
2776
+ default: string;
2777
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2778
+ };
2779
+ "neutral-surface": {
2780
+ default: string;
2781
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2782
+ };
2783
+ "neutral-textLow": {
2784
+ default: string;
2785
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2786
+ };
2787
+ "success-interactive": {
2788
+ default: string;
2789
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2790
+ };
2791
+ "primary-textHigh": {
2792
+ default: string;
2793
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2794
+ };
2795
+ "success-textHigh": {
2796
+ default: string;
2797
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2798
+ };
2799
+ "warning-textHigh": {
2800
+ default: string;
2801
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2802
+ };
2803
+ "danger-textHigh": {
2804
+ default: string;
2805
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2806
+ };
2807
+ "neutral-textDisabled": {
2808
+ default: string;
2809
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2810
+ };
2811
+ "neutral-textHigh": {
2812
+ default: string;
2813
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2814
+ };
2815
+ };
2816
+ staticScale: {
2817
+ currentColor: string;
2818
+ "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2819
+ "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2820
+ "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2821
+ "primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2822
+ "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2823
+ "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2824
+ "success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2825
+ "success-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2826
+ "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2827
+ "warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2828
+ "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2829
+ "warning-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2830
+ "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2831
+ "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2832
+ "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2833
+ "danger-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2834
+ "neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2835
+ "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2836
+ "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2837
+ "neutral-textDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2838
+ "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2839
+ "neutral-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2840
+ };
2841
+ name: "color";
2842
+ };
2843
+ textAlign: {
2844
+ values: {
2845
+ left: {
2846
+ default: string;
2847
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2848
+ };
2849
+ right: {
2850
+ default: string;
2851
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2852
+ };
2853
+ center: {
2854
+ default: string;
2855
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2856
+ };
2857
+ justify: {
2858
+ default: string;
2859
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2860
+ };
2861
+ };
2862
+ staticScale: TextAlign[];
2863
+ name: "textAlign";
2864
+ };
2865
+ lineHeight: {
2866
+ values: {
2867
+ caption: {
2868
+ default: string;
2869
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2870
+ };
2871
+ base: {
2872
+ default: string;
2873
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2874
+ };
2875
+ highlight: {
2876
+ default: string;
2877
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2878
+ };
2879
+ };
2880
+ staticScale: {
2881
+ readonly caption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2882
+ readonly base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2883
+ readonly highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2884
+ };
2885
+ name: "lineHeight";
2886
+ };
2887
+ fontWeight: {
2888
+ values: {
2889
+ regular: {
2890
+ default: string;
2891
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2892
+ };
2893
+ medium: {
2894
+ default: string;
2895
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2896
+ };
2897
+ bold: {
2898
+ default: string;
2899
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2900
+ };
2901
+ };
2902
+ staticScale: {
2903
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2904
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2905
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2906
+ };
2907
+ name: "fontWeight";
2908
+ };
2909
+ fontSize: {
2910
+ values: {
2911
+ caption: {
2912
+ default: string;
2913
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2914
+ };
2915
+ base: {
2916
+ default: string;
2917
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2918
+ };
2919
+ highlight: {
2920
+ default: string;
2921
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2922
+ };
2923
+ };
2924
+ staticScale: {
2925
+ caption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2926
+ base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2927
+ highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2928
+ };
2929
+ name: "fontSize";
2930
+ };
2931
+ };
2932
+ } & {
2933
+ config: {
2934
+ lineClamp: {
2935
+ dynamic: {
2936
+ default: string;
2937
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2938
+ };
2939
+ dynamicScale: true;
2940
+ name: "lineClamp";
2941
+ vars: {
2942
+ default: string;
2943
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2944
+ };
2945
+ };
2946
+ WebkitLineClamp: {
2947
+ dynamic: {
2948
+ default: string;
2949
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2950
+ };
2951
+ dynamicScale: boolean;
2952
+ name: "WebkitLineClamp";
2953
+ vars: {
2954
+ default: string;
2955
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2956
+ };
2957
+ };
2958
+ };
2959
+ } & {
2960
+ config: {
2961
+ [x: string]: {
2962
+ mappings: ("fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign" | "lineClamp" | "WebkitLineClamp")[];
2963
+ };
2964
+ };
2965
+ }
2966
+ ]>;
2738
2967
  properties: {
2739
2968
  color: {
2740
2969
  currentColor: string;
@@ -2780,6 +3009,7 @@ export declare const text: {
2780
3009
  };
2781
3010
  classnames: {
2782
3011
  base: string;
3012
+ trim: string;
2783
3013
  };
2784
3014
  };
2785
3015
  declare const propertiesTitle: {