@nimbus-ds/styles 7.1.0 → 8.0.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 (8) hide show
  1. package/CHANGELOG.md +30 -20
  2. package/dist/index.css +1 -1
  3. package/dist/index.d.ts +35 -26
  4. package/dist/index.js +1 -1
  5. package/dist/styles.css +1 -1
  6. package/dist/themes/dark.css +1 -1
  7. package/dist/themes/dark.js +1 -1
  8. package/package.json +4 -3
package/dist/index.d.ts CHANGED
@@ -195,9 +195,12 @@ declare const propertiesBox: {
195
195
  overflowX: Overflow[];
196
196
  overflowY: Overflow[];
197
197
  boxShadow: {
198
- card: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
- popover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
- modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
198
+ "level-0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
+ "level-1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
+ "level-2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
+ "level-3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
+ "level-4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
203
+ "level-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
204
  focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
205
  };
203
206
  transitionDuration: {
@@ -1396,9 +1399,12 @@ export declare const box: {
1396
1399
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1397
1400
  };
1398
1401
  dynamicScale: {
1399
- card: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1400
- popover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1401
- modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1402
+ "level-0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1403
+ "level-1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1404
+ "level-2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1405
+ "level-3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1406
+ "level-4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1407
+ "level-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1402
1408
  focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1403
1409
  };
1404
1410
  name: "boxShadow";
@@ -1993,9 +1999,12 @@ export declare const box: {
1993
1999
  overflowX: Overflow[];
1994
2000
  overflowY: Overflow[];
1995
2001
  boxShadow: {
1996
- card: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1997
- popover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1998
- modal: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2002
+ "level-0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2003
+ "level-1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2004
+ "level-2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2005
+ "level-3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2006
+ "level-4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2007
+ "level-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1999
2008
  focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2000
2009
  };
2001
2010
  transitionDuration: {
@@ -2069,7 +2078,7 @@ export declare const fileUploader: {
2069
2078
  };
2070
2079
  export declare const icon: {
2071
2080
  sprinkle: ((props: {
2072
- 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" | undefined;
2081
+ color?: "primary-surface" | "primary-interactive" | "primary-textLow" | "primary-textHigh" | "success-surface" | "success-interactive" | "success-textLow" | "success-textHigh" | "warning-surface" | "warning-interactive" | "warning-textLow" | "warning-textHigh" | "danger-surface" | "danger-interactive" | "danger-textLow" | "danger-textHigh" | "neutral-background" | "neutral-surface" | "neutral-interactive" | "neutral-textDisabled" | "neutral-textLow" | "neutral-textHigh" | "currentColor" | undefined;
2073
2082
  cursor?: Cursor | undefined;
2074
2083
  }) => string) & {
2075
2084
  properties: Set<"color" | "cursor">;
@@ -2218,7 +2227,7 @@ export declare const iconButton: {
2218
2227
  } & {
2219
2228
  config: {
2220
2229
  size: {
2221
- mappings: ("height" | "width")[];
2230
+ mappings: ("width" | "height")[];
2222
2231
  };
2223
2232
  };
2224
2233
  }
@@ -2266,7 +2275,7 @@ export declare const tag: {
2266
2275
  };
2267
2276
  export declare const text: {
2268
2277
  sprinkle: ((props: {
2269
- 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" | undefined;
2278
+ color?: "primary-surface" | "primary-interactive" | "primary-textLow" | "primary-textHigh" | "success-surface" | "success-interactive" | "success-textLow" | "success-textHigh" | "warning-surface" | "warning-interactive" | "warning-textLow" | "warning-textHigh" | "danger-surface" | "danger-interactive" | "danger-textLow" | "danger-textHigh" | "neutral-background" | "neutral-surface" | "neutral-interactive" | "neutral-textDisabled" | "neutral-textLow" | "neutral-textHigh" | "currentColor" | undefined;
2270
2279
  textAlign?: TextAlign | undefined;
2271
2280
  lineHeight?: "caption" | "base" | "highlight" | undefined;
2272
2281
  fontWeight?: "regular" | "medium" | "bold" | undefined;
@@ -2323,11 +2332,11 @@ export declare const text: {
2323
2332
  };
2324
2333
  export declare const title: {
2325
2334
  sprinkle: ((props: {
2326
- color?: "primary-textLow" | "success-textLow" | "warning-textLow" | "danger-textLow" | "neutral-textLow" | "primary-textHigh" | "success-textHigh" | "warning-textHigh" | "danger-textHigh" | "neutral-textHigh" | undefined;
2335
+ color?: "primary-textLow" | "primary-textHigh" | "success-textLow" | "success-textHigh" | "warning-textLow" | "warning-textHigh" | "danger-textLow" | "danger-textHigh" | "neutral-textLow" | "neutral-textHigh" | undefined;
2327
2336
  textAlign?: TextAlign | undefined;
2328
- 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;
2337
+ fontSize?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0,5" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "1,5" | "2,5" | "3,5" | "4,5" | "7" | "9" | "11" | undefined;
2329
2338
  fontWeight?: "regular" | "medium" | "bold" | undefined;
2330
- 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;
2339
+ lineHeight?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "1" | "2" | "3" | "4" | "5" | "0,5" | "6" | "8" | "10" | "12" | "14" | "16" | "18" | "20" | "1,5" | "2,5" | "3,5" | "4,5" | "7" | "9" | "11" | undefined;
2331
2340
  }) => string) & {
2332
2341
  properties: Set<"fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign">;
2333
2342
  };
@@ -2496,6 +2505,10 @@ export declare const popover: {
2496
2505
  default: string;
2497
2506
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2498
2507
  };
2508
+ "primary-interactiveHover": {
2509
+ default: string;
2510
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2511
+ };
2499
2512
  "success-surfaceHighlight": {
2500
2513
  default: string;
2501
2514
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
@@ -2516,10 +2529,6 @@ export declare const popover: {
2516
2529
  default: string;
2517
2530
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2518
2531
  };
2519
- "primary-interactiveHover": {
2520
- default: string;
2521
- conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2522
- };
2523
2532
  };
2524
2533
  staticScale: {
2525
2534
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2560,6 +2569,10 @@ export declare const popover: {
2560
2569
  default: string;
2561
2570
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2562
2571
  };
2572
+ "primary-interactiveHover": {
2573
+ default: string;
2574
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2575
+ };
2563
2576
  "success-surfaceHighlight": {
2564
2577
  default: string;
2565
2578
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
@@ -2580,10 +2593,6 @@ export declare const popover: {
2580
2593
  default: string;
2581
2594
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2582
2595
  };
2583
- "primary-interactiveHover": {
2584
- default: string;
2585
- conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2586
- };
2587
2596
  };
2588
2597
  staticScale: {
2589
2598
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2639,7 +2648,7 @@ export declare const popover: {
2639
2648
  } & {
2640
2649
  config: {
2641
2650
  [x: string]: {
2642
- mappings: ("color" | "backgroundColor" | "height" | "width" | "zIndex" | "padding")[];
2651
+ mappings: ("width" | "color" | "backgroundColor" | "height" | "zIndex" | "padding")[];
2643
2652
  };
2644
2653
  };
2645
2654
  }
@@ -2707,7 +2716,7 @@ export declare const skeleton: {
2707
2716
  };
2708
2717
  export declare const spinner: {
2709
2718
  sprinkle: ((props: {
2710
- color?: "currentColor" | "primary-interactive" | "primary-surface" | "primary-textLow" | "success-textLow" | "success-surface" | "danger-interactive" | "danger-surface" | "danger-textLow" | "neutral-background" | "neutral-interactive" | "neutral-surface" | "neutral-textLow" | "success-interactive" | undefined;
2719
+ color?: "primary-surface" | "primary-interactive" | "primary-textLow" | "success-surface" | "success-interactive" | "success-textLow" | "danger-surface" | "danger-interactive" | "danger-textLow" | "neutral-background" | "neutral-surface" | "neutral-interactive" | "neutral-textLow" | "currentColor" | undefined;
2711
2720
  }) => string) & {
2712
2721
  properties: Set<"color">;
2713
2722
  };
@@ -3246,7 +3255,7 @@ export declare const table: {
3246
3255
  } & {
3247
3256
  config: {
3248
3257
  [x: string]: {
3249
- mappings: ("backgroundColor" | "maxWidth" | "minWidth" | "width" | "padding")[];
3258
+ mappings: ("width" | "backgroundColor" | "maxWidth" | "minWidth" | "padding")[];
3250
3259
  };
3251
3260
  };
3252
3261
  }