@nimbus-ds/styles 7.1.0 → 8.0.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 (10) hide show
  1. package/CHANGELOG.md +31 -20
  2. package/dist/components/index.css +1 -0
  3. package/dist/components/index.d.ts +11 -0
  4. package/dist/components/index.js +1 -0
  5. package/dist/index.css +1 -1
  6. package/dist/index.d.ts +75 -73
  7. package/dist/index.js +1 -1
  8. package/dist/styles.css +1 -1
  9. package/dist/themes/dark.css +1 -1
  10. package/package.json +4 -3
package/dist/index.d.ts CHANGED
@@ -1,12 +1,5 @@
1
1
  // Generated by dts-bundle-generator v7.1.0
2
2
 
3
- import React from 'react';
4
- import { HTMLAttributes } from 'react';
5
-
6
- export interface ThemeProviderProps extends HTMLAttributes<HTMLElement> {
7
- theme?: "dark" | "base";
8
- }
9
- export declare const ThemeProvider: React.FC<ThemeProviderProps>;
10
3
  export declare const badge: {
11
4
  classnames: {
12
5
  surface: Record<"primary" | "success" | "warning" | "danger" | "neutral", string>;
@@ -195,9 +188,12 @@ declare const propertiesBox: {
195
188
  overflowX: Overflow[];
196
189
  overflowY: Overflow[];
197
190
  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})`;
191
+ "level-0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
192
+ "level-1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
193
+ "level-2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
194
+ "level-3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
195
+ "level-4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
196
+ "level-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
197
  focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
198
  };
203
199
  transitionDuration: {
@@ -559,15 +555,11 @@ export declare const box: {
559
555
  config: {
560
556
  display: {
561
557
  values: {
562
- grid: {
563
- default: string;
564
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
565
- };
566
- none: {
558
+ flex: {
567
559
  default: string;
568
560
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
569
561
  };
570
- flex: {
562
+ grid: {
571
563
  default: string;
572
564
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
573
565
  };
@@ -583,21 +575,25 @@ export declare const box: {
583
575
  default: string;
584
576
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
585
577
  };
578
+ none: {
579
+ default: string;
580
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
581
+ };
586
582
  };
587
583
  staticScale: Display[];
588
584
  name: "display";
589
585
  };
590
586
  flexDirection: {
591
587
  values: {
592
- row: {
588
+ column: {
593
589
  default: string;
594
590
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
595
591
  };
596
- column: {
592
+ "column-reverse": {
597
593
  default: string;
598
594
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
599
595
  };
600
- "column-reverse": {
596
+ row: {
601
597
  default: string;
602
598
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
603
599
  };
@@ -715,23 +711,23 @@ export declare const box: {
715
711
  };
716
712
  pointerEvents: {
717
713
  values: {
718
- inherit: {
714
+ all: {
719
715
  default: string;
720
716
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
721
717
  };
722
- none: {
718
+ fill: {
723
719
  default: string;
724
720
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
725
721
  };
726
- all: {
722
+ stroke: {
727
723
  default: string;
728
724
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
729
725
  };
730
- fill: {
726
+ inherit: {
731
727
  default: string;
732
728
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
733
729
  };
734
- stroke: {
730
+ none: {
735
731
  default: string;
736
732
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
737
733
  };
@@ -765,11 +761,11 @@ export declare const box: {
765
761
  };
766
762
  borderStyle: {
767
763
  values: {
768
- hidden: {
764
+ none: {
769
765
  default: string;
770
766
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
771
767
  };
772
- none: {
768
+ hidden: {
773
769
  default: string;
774
770
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
775
771
  };
@@ -857,11 +853,11 @@ export declare const box: {
857
853
  };
858
854
  overflow: {
859
855
  values: {
860
- hidden: {
856
+ auto: {
861
857
  default: string;
862
858
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
863
859
  };
864
- auto: {
860
+ hidden: {
865
861
  default: string;
866
862
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
867
863
  };
@@ -879,11 +875,11 @@ export declare const box: {
879
875
  };
880
876
  overflowX: {
881
877
  values: {
882
- hidden: {
878
+ auto: {
883
879
  default: string;
884
880
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
885
881
  };
886
- auto: {
882
+ hidden: {
887
883
  default: string;
888
884
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
889
885
  };
@@ -901,11 +897,11 @@ export declare const box: {
901
897
  };
902
898
  overflowY: {
903
899
  values: {
904
- hidden: {
900
+ auto: {
905
901
  default: string;
906
902
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
907
903
  };
908
- auto: {
904
+ hidden: {
909
905
  default: string;
910
906
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
911
907
  };
@@ -1396,9 +1392,12 @@ export declare const box: {
1396
1392
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1397
1393
  };
1398
1394
  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})`;
1395
+ "level-0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1396
+ "level-1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1397
+ "level-2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1398
+ "level-3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1399
+ "level-4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1400
+ "level-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1402
1401
  focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1403
1402
  };
1404
1403
  name: "boxShadow";
@@ -1993,9 +1992,12 @@ export declare const box: {
1993
1992
  overflowX: Overflow[];
1994
1993
  overflowY: Overflow[];
1995
1994
  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})`;
1995
+ "level-0": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1996
+ "level-1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1997
+ "level-2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1998
+ "level-3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1999
+ "level-4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2000
+ "level-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1999
2001
  focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2000
2002
  };
2001
2003
  transitionDuration: {
@@ -2044,7 +2046,7 @@ export declare const chip: {
2044
2046
  export declare const fileUploader: {
2045
2047
  sprinkle: ((props: {
2046
2048
  aspectRatio?: "none" | AspectRatio | undefined;
2047
- flexDirection?: "row" | "column" | undefined;
2049
+ flexDirection?: "column" | "row" | undefined;
2048
2050
  cursor?: Cursor | undefined;
2049
2051
  }) => string) & {
2050
2052
  properties: Set<"aspectRatio" | "cursor" | "flexDirection">;
@@ -2069,7 +2071,7 @@ export declare const fileUploader: {
2069
2071
  };
2070
2072
  export declare const icon: {
2071
2073
  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;
2074
+ 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
2075
  cursor?: Cursor | undefined;
2074
2076
  }) => string) & {
2075
2077
  properties: Set<"color" | "cursor">;
@@ -2218,7 +2220,7 @@ export declare const iconButton: {
2218
2220
  } & {
2219
2221
  config: {
2220
2222
  size: {
2221
- mappings: ("height" | "width")[];
2223
+ mappings: ("width" | "height")[];
2222
2224
  };
2223
2225
  };
2224
2226
  }
@@ -2266,7 +2268,7 @@ export declare const tag: {
2266
2268
  };
2267
2269
  export declare const text: {
2268
2270
  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;
2271
+ 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
2272
  textAlign?: TextAlign | undefined;
2271
2273
  lineHeight?: "caption" | "base" | "highlight" | undefined;
2272
2274
  fontWeight?: "regular" | "medium" | "bold" | undefined;
@@ -2323,11 +2325,11 @@ export declare const text: {
2323
2325
  };
2324
2326
  export declare const title: {
2325
2327
  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;
2328
+ color?: "primary-textLow" | "primary-textHigh" | "success-textLow" | "success-textHigh" | "warning-textLow" | "warning-textHigh" | "danger-textLow" | "danger-textHigh" | "neutral-textLow" | "neutral-textHigh" | undefined;
2327
2329
  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;
2330
+ 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
2331
  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;
2332
+ 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
2333
  }) => string) & {
2332
2334
  properties: Set<"fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign">;
2333
2335
  };
@@ -2496,6 +2498,10 @@ export declare const popover: {
2496
2498
  default: string;
2497
2499
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2498
2500
  };
2501
+ "primary-interactiveHover": {
2502
+ default: string;
2503
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2504
+ };
2499
2505
  "success-surfaceHighlight": {
2500
2506
  default: string;
2501
2507
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
@@ -2516,10 +2522,6 @@ export declare const popover: {
2516
2522
  default: string;
2517
2523
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2518
2524
  };
2519
- "primary-interactiveHover": {
2520
- default: string;
2521
- conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2522
- };
2523
2525
  };
2524
2526
  staticScale: {
2525
2527
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2538,11 +2540,11 @@ export declare const popover: {
2538
2540
  default: string;
2539
2541
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2540
2542
  };
2541
- small: {
2543
+ none: {
2542
2544
  default: string;
2543
2545
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2544
2546
  };
2545
- none: {
2547
+ small: {
2546
2548
  default: string;
2547
2549
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2548
2550
  };
@@ -2560,6 +2562,10 @@ export declare const popover: {
2560
2562
  default: string;
2561
2563
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2562
2564
  };
2565
+ "primary-interactiveHover": {
2566
+ default: string;
2567
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2568
+ };
2563
2569
  "success-surfaceHighlight": {
2564
2570
  default: string;
2565
2571
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
@@ -2580,10 +2586,6 @@ export declare const popover: {
2580
2586
  default: string;
2581
2587
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2582
2588
  };
2583
- "primary-interactiveHover": {
2584
- default: string;
2585
- conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2586
- };
2587
2589
  };
2588
2590
  staticScale: {
2589
2591
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2639,7 +2641,7 @@ export declare const popover: {
2639
2641
  } & {
2640
2642
  config: {
2641
2643
  [x: string]: {
2642
- mappings: ("color" | "backgroundColor" | "height" | "width" | "zIndex" | "padding")[];
2644
+ mappings: ("width" | "backgroundColor" | "color" | "height" | "zIndex" | "padding")[];
2643
2645
  };
2644
2646
  };
2645
2647
  }
@@ -2707,7 +2709,7 @@ export declare const skeleton: {
2707
2709
  };
2708
2710
  export declare const spinner: {
2709
2711
  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;
2712
+ 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
2713
  }) => string) & {
2712
2714
  properties: Set<"color">;
2713
2715
  };
@@ -2833,7 +2835,7 @@ export declare const alert: {
2833
2835
  export declare const card: {
2834
2836
  sprinkle: ((props: {
2835
2837
  backgroundColor?: "primary-surface" | "primary-surfaceHighlight" | "success-surface" | "success-surfaceHighlight" | "warning-surface" | "warning-surfaceHighlight" | "danger-surface" | "danger-surfaceHighlight" | "neutral-background" | "neutral-surface" | "neutral-surfaceHighlight" | undefined;
2836
- padding?: "base" | "small" | "none" | undefined;
2838
+ padding?: "base" | "none" | "small" | undefined;
2837
2839
  }) => string) & {
2838
2840
  properties: Set<"backgroundColor" | "padding">;
2839
2841
  };
@@ -2956,11 +2958,11 @@ declare const sidebarSprinkle: {
2956
2958
  default: string;
2957
2959
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2958
2960
  };
2959
- small: {
2961
+ none: {
2960
2962
  default: string;
2961
2963
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2962
2964
  };
2963
- none: {
2965
+ small: {
2964
2966
  default: string;
2965
2967
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2966
2968
  };
@@ -3043,11 +3045,11 @@ export declare const sidebar: {
3043
3045
  default: string;
3044
3046
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3045
3047
  };
3046
- small: {
3048
+ none: {
3047
3049
  default: string;
3048
3050
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3049
3051
  };
3050
- none: {
3052
+ small: {
3051
3053
  default: string;
3052
3054
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3053
3055
  };
@@ -3174,43 +3176,43 @@ export declare const table: {
3174
3176
  width: {
3175
3177
  dynamic: {
3176
3178
  default: string;
3177
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3179
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3178
3180
  };
3179
3181
  dynamicScale: true;
3180
3182
  name: "width";
3181
3183
  vars: {
3182
3184
  default: string;
3183
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3185
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3184
3186
  };
3185
3187
  };
3186
3188
  maxWidth: {
3187
3189
  dynamic: {
3188
3190
  default: string;
3189
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3191
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3190
3192
  };
3191
3193
  dynamicScale: true;
3192
3194
  name: "maxWidth";
3193
3195
  vars: {
3194
3196
  default: string;
3195
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3197
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3196
3198
  };
3197
3199
  };
3198
3200
  minWidth: {
3199
3201
  dynamic: {
3200
3202
  default: string;
3201
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3203
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3202
3204
  };
3203
3205
  dynamicScale: true;
3204
3206
  name: "minWidth";
3205
3207
  vars: {
3206
3208
  default: string;
3207
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3209
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3208
3210
  };
3209
3211
  };
3210
3212
  backgroundColor: {
3211
3213
  dynamic: {
3212
3214
  default: string;
3213
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3215
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3214
3216
  };
3215
3217
  dynamicScale: {
3216
3218
  transparent: string;
@@ -3223,13 +3225,13 @@ export declare const table: {
3223
3225
  name: "backgroundColor";
3224
3226
  vars: {
3225
3227
  default: string;
3226
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3228
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3227
3229
  };
3228
3230
  };
3229
3231
  padding: {
3230
3232
  dynamic: {
3231
3233
  default: string;
3232
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3234
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3233
3235
  };
3234
3236
  dynamicScale: {
3235
3237
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -3239,14 +3241,14 @@ export declare const table: {
3239
3241
  name: "padding";
3240
3242
  vars: {
3241
3243
  default: string;
3242
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3244
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3243
3245
  };
3244
3246
  };
3245
3247
  };
3246
3248
  } & {
3247
3249
  config: {
3248
3250
  [x: string]: {
3249
- mappings: ("backgroundColor" | "maxWidth" | "minWidth" | "width" | "padding")[];
3251
+ mappings: ("width" | "backgroundColor" | "maxWidth" | "minWidth" | "padding")[];
3250
3252
  };
3251
3253
  };
3252
3254
  }