@nimbus-ds/styles 9.0.0-rc.9 → 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 +259 -38
  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
@@ -2637,10 +2637,7 @@ declare const propertiesText: {
2637
2637
  "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2638
2638
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2639
2639
  "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
- */
2640
+ "primary-textHigh": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2644
2641
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2645
2642
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2646
2643
  "success-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2708,42 +2705,265 @@ export interface TextSprinkle {
2708
2705
  * @default neutral-textLow
2709
2706
  */
2710
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>;
2711
2716
  }
2712
2717
  export declare const text: {
2713
- sprinkle: ((props: {
2714
- 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" | {
2715
- 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;
2716
- 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;
2717
- 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;
2718
- 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;
2719
- }) | undefined;
2720
- textAlign?: (TextAlign | {
2721
- xs?: TextAlign | undefined;
2722
- md?: TextAlign | undefined;
2723
- lg?: TextAlign | undefined;
2724
- xl?: TextAlign | undefined;
2725
- }) | undefined;
2726
- lineHeight?: ("caption" | "base" | "highlight" | {
2727
- xs?: "caption" | "base" | "highlight" | undefined;
2728
- md?: "caption" | "base" | "highlight" | undefined;
2729
- lg?: "caption" | "base" | "highlight" | undefined;
2730
- xl?: "caption" | "base" | "highlight" | undefined;
2731
- }) | undefined;
2732
- fontWeight?: ("regular" | "medium" | "bold" | {
2733
- xs?: "regular" | "medium" | "bold" | undefined;
2734
- md?: "regular" | "medium" | "bold" | undefined;
2735
- lg?: "regular" | "medium" | "bold" | undefined;
2736
- xl?: "regular" | "medium" | "bold" | undefined;
2737
- }) | undefined;
2738
- fontSize?: ("caption" | "base" | "highlight" | {
2739
- xs?: "caption" | "base" | "highlight" | undefined;
2740
- md?: "caption" | "base" | "highlight" | undefined;
2741
- lg?: "caption" | "base" | "highlight" | undefined;
2742
- xl?: "caption" | "base" | "highlight" | undefined;
2743
- }) | undefined;
2744
- }) => string) & {
2745
- properties: Set<"fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign">;
2746
- };
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
+ ]>;
2747
2967
  properties: {
2748
2968
  color: {
2749
2969
  currentColor: string;
@@ -2789,6 +3009,7 @@ export declare const text: {
2789
3009
  };
2790
3010
  classnames: {
2791
3011
  base: string;
3012
+ trim: string;
2792
3013
  };
2793
3014
  };
2794
3015
  declare const propertiesTitle: {