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

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 +989 -715
  3. package/dist/index.d.ts +110 -2
  4. package/dist/index.js +1 -1
  5. package/dist/themes/dark.css +2 -1
  6. package/package.json +3 -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,7 @@ 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>;
255
257
  }
256
258
  export declare const box: {
257
259
  sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
@@ -475,6 +477,10 @@ export declare const box: {
475
477
  };
476
478
  cursor: {
477
479
  values: {
480
+ inherit: {
481
+ default: string;
482
+ conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
483
+ };
478
484
  auto: {
479
485
  default: string;
480
486
  conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
@@ -672,6 +678,30 @@ export declare const box: {
672
678
  conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
673
679
  };
674
680
  };
681
+ minWidth: {
682
+ dynamic: {
683
+ default: string;
684
+ conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
685
+ };
686
+ dynamicScale: true;
687
+ name: "minWidth";
688
+ vars: {
689
+ default: string;
690
+ conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
691
+ };
692
+ };
693
+ minHeight: {
694
+ dynamic: {
695
+ default: string;
696
+ conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
697
+ };
698
+ dynamicScale: true;
699
+ name: "minHeight";
700
+ vars: {
701
+ default: string;
702
+ conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
703
+ };
704
+ };
675
705
  bottom: {
676
706
  dynamic: {
677
707
  default: string;
@@ -816,6 +846,18 @@ export declare const box: {
816
846
  conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
817
847
  };
818
848
  };
849
+ zIndex: {
850
+ dynamic: {
851
+ default: string;
852
+ conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
853
+ };
854
+ dynamicScale: true;
855
+ name: "zIndex";
856
+ vars: {
857
+ default: string;
858
+ conditions: Record<"xs" | "md" | "lg" | "focus" | "active" | "disabled" | "hover", string>;
859
+ };
860
+ };
819
861
  transitionDelay: {
820
862
  dynamic: {
821
863
  default: string;
@@ -1812,8 +1854,11 @@ export declare const title: {
1812
1854
  sprinkle: ((props: {
1813
1855
  color?: "primary.textLow" | "primary.textHigh" | "success.textLow" | "success.textHigh" | "warning.textLow" | "warning.textHigh" | "danger.textLow" | "danger.textHigh" | "neutral.textLow" | "neutral.textHigh" | undefined;
1814
1856
  textAlign?: TextAlign | undefined;
1857
+ 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;
1858
+ fontWeight?: "regular" | "medium" | "bold" | undefined;
1859
+ 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
1860
  }) => string) & {
1816
- properties: Set<"color" | "textAlign">;
1861
+ properties: Set<"fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign">;
1817
1862
  };
1818
1863
  properties: {
1819
1864
  color: {
@@ -1829,6 +1874,69 @@ export declare const title: {
1829
1874
  "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1830
1875
  };
1831
1876
  textAlign: TextAlign[];
1877
+ fontSize: {
1878
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1879
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1880
+ "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1881
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1882
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1883
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1884
+ "3,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1885
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1886
+ "4,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1887
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1888
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1889
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1890
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1891
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1892
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1893
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1894
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1895
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1896
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1897
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1898
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1899
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1900
+ h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1901
+ h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1902
+ h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1903
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1904
+ h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1905
+ };
1906
+ fontWeight: {
1907
+ regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1908
+ medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1909
+ bold: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1910
+ };
1911
+ lineHeight: {
1912
+ "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1913
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1914
+ "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1915
+ "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1916
+ "2,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1917
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1918
+ "3,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1919
+ "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1920
+ "4,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1921
+ "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1922
+ "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1923
+ "7": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1924
+ "8": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1925
+ "9": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1926
+ "10": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1927
+ "11": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1928
+ "12": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1929
+ "14": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1930
+ "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1931
+ "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1932
+ "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1933
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1934
+ h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1935
+ h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1936
+ h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1937
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1938
+ h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1939
+ };
1832
1940
  };
1833
1941
  classnames: {
1834
1942
  container: import("@vanilla-extract/recipes").RuntimeFn<{