@nimbus-ds/styles 6.12.0 → 6.13.0-rc.2

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 (6) hide show
  1. package/CHANGELOG.md +18 -1
  2. package/dist/index.css +1010 -715
  3. package/dist/index.d.ts +123 -2
  4. package/dist/index.js +1 -1
  5. package/dist/themes/dark.css +2 -1
  6. package/package.json +4 -3
package/dist/index.d.ts CHANGED
@@ -17,11 +17,12 @@ export interface Conditions<T> {
17
17
  xs?: T;
18
18
  md?: T;
19
19
  lg?: T;
20
+ xl?: T;
20
21
  }
21
22
  export type AspectRatio = "1/1" | "16/9" | "9/16" | "4/3" | "3/4" | "2/1" | "1/2";
22
23
  export type BorderStyle = "solid" | "none" | "hidden" | "dashed" | "dotted";
23
24
  export type BoxSizing = "border-box" | "content-box";
24
- export type Cursor = "auto" | "pointer" | "not-allowed" | "grab";
25
+ export type Cursor = "auto" | "pointer" | "not-allowed" | "grab" | "inherit";
25
26
  export type Display = "block" | "flex" | "inline-flex" | "grid" | "inline-grid" | "none";
26
27
  export type FlexWrap = "nowrap" | "wrap" | "wrap-reverse";
27
28
  export type FlexDirection = "row" | "row-reverse" | "column" | "column-reverse";
@@ -252,6 +253,8 @@ export interface BoxSprinkle {
252
253
  transitionProperty?: string | BoxConditions<string>;
253
254
  transitionDelay?: string | BoxConditions<string>;
254
255
  transitionDuration?: TransitionDurationProperties | BoxConditions<TransitionDurationProperties>;
256
+ zIndex?: number | BoxConditions<number>;
257
+ backgroundImage?: string | BoxConditions<string>;
255
258
  }
256
259
  export declare const box: {
257
260
  sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
@@ -475,6 +478,10 @@ export declare const box: {
475
478
  };
476
479
  cursor: {
477
480
  values: {
481
+ inherit: {
482
+ default: string;
483
+ conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
484
+ };
478
485
  auto: {
479
486
  default: string;
480
487
  conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
@@ -672,6 +679,30 @@ export declare const box: {
672
679
  conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
673
680
  };
674
681
  };
682
+ minWidth: {
683
+ dynamic: {
684
+ default: string;
685
+ conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
686
+ };
687
+ dynamicScale: true;
688
+ name: "minWidth";
689
+ vars: {
690
+ default: string;
691
+ conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
692
+ };
693
+ };
694
+ minHeight: {
695
+ dynamic: {
696
+ default: string;
697
+ conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
698
+ };
699
+ dynamicScale: true;
700
+ name: "minHeight";
701
+ vars: {
702
+ default: string;
703
+ conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
704
+ };
705
+ };
675
706
  bottom: {
676
707
  dynamic: {
677
708
  default: string;
@@ -816,6 +847,18 @@ export declare const box: {
816
847
  conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
817
848
  };
818
849
  };
850
+ zIndex: {
851
+ dynamic: {
852
+ default: string;
853
+ conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
854
+ };
855
+ dynamicScale: true;
856
+ name: "zIndex";
857
+ vars: {
858
+ default: string;
859
+ conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
860
+ };
861
+ };
819
862
  transitionDelay: {
820
863
  dynamic: {
821
864
  default: string;
@@ -840,6 +883,18 @@ export declare const box: {
840
883
  conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
841
884
  };
842
885
  };
886
+ backgroundImage: {
887
+ dynamic: {
888
+ default: string;
889
+ conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
890
+ };
891
+ dynamicScale: true;
892
+ name: "backgroundImage";
893
+ vars: {
894
+ default: string;
895
+ conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
896
+ };
897
+ };
843
898
  transitionDuration: {
844
899
  dynamic: {
845
900
  default: string;
@@ -1812,8 +1867,11 @@ export declare const title: {
1812
1867
  sprinkle: ((props: {
1813
1868
  color?: "primary.textLow" | "primary.textHigh" | "success.textLow" | "success.textHigh" | "warning.textLow" | "warning.textHigh" | "danger.textLow" | "danger.textHigh" | "neutral.textLow" | "neutral.textHigh" | undefined;
1814
1869
  textAlign?: TextAlign | undefined;
1870
+ fontSize?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "0,5" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "1,5" | "2,5" | "3" | "3,5" | "4,5" | "5" | "7" | "9" | "11" | undefined;
1871
+ fontWeight?: "regular" | "medium" | "bold" | undefined;
1872
+ lineHeight?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "0,5" | "1" | "2" | "4" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "1,5" | "2,5" | "3" | "3,5" | "4,5" | "5" | "7" | "9" | "11" | undefined;
1815
1873
  }) => string) & {
1816
- properties: Set<"color" | "textAlign">;
1874
+ properties: Set<"fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign">;
1817
1875
  };
1818
1876
  properties: {
1819
1877
  color: {
@@ -1829,6 +1887,69 @@ export declare const title: {
1829
1887
  "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1830
1888
  };
1831
1889
  textAlign: TextAlign[];
1890
+ fontSize: {
1891
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1892
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1893
+ "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1894
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1895
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1896
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1897
+ "3,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1898
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1899
+ "4,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1900
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1901
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1902
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1903
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1904
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1905
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1906
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1907
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1908
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1909
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1910
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1911
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1912
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1913
+ h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1914
+ h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1915
+ h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1916
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1917
+ h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1918
+ };
1919
+ fontWeight: {
1920
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1921
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1922
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1923
+ };
1924
+ lineHeight: {
1925
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1926
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1927
+ "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1928
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1929
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1930
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1931
+ "3,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1932
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1933
+ "4,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1934
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1935
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1936
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1937
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1938
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1939
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1940
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1941
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1942
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1943
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1944
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1945
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1946
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1947
+ h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1948
+ h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1949
+ h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1950
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1951
+ h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1952
+ };
1832
1953
  };
1833
1954
  classnames: {
1834
1955
  container: import("@vanilla-extract/recipes").RuntimeFn<{