@nimbus-ds/styles 7.0.1 → 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 +37 -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 +107 -81
  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>;
@@ -37,9 +30,7 @@ export type PointerEvents = "auto" | "none" | "visiblePainted" | "visibleFill" |
37
30
  export type TransitionTiming = "ease" | "ease-in" | "ease-out" | "ease-in-out" | "linear" | "step-start" | "step-end";
38
31
  declare const propertiesBox: {
39
32
  gap: {
40
- none: string; /**
41
- * The gridTemplateRows property defines the line names and track sizing functions of the grid rows.
42
- */
33
+ none: string;
43
34
  "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
44
35
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
45
36
  "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -56,9 +47,7 @@ declare const propertiesBox: {
56
47
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
57
48
  };
58
49
  gridGap: {
59
- none: string; /**
60
- * The gridTemplateRows property defines the line names and track sizing functions of the grid rows.
61
- */
50
+ none: string;
62
51
  "0,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
63
52
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
64
53
  "1,5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -79,6 +68,10 @@ declare const propertiesBox: {
79
68
  flexWrap: FlexWrap[];
80
69
  justifyContent: JustifyContent[];
81
70
  alignItems: AlignItems[];
71
+ /**
72
+ * The boxSizing property sets how the total width and height of an box is calculated.
73
+ * @default border-box
74
+ */
82
75
  alignSelf: AlignSelf[];
83
76
  pointerEvents: PointerEvents[];
84
77
  backgroundColor: {
@@ -93,7 +86,9 @@ declare const propertiesBox: {
93
86
  "warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
94
87
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
95
88
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
96
- "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
89
+ "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
90
+ * The min width property specifies the width of a box's content area.
91
+ */
97
92
  "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
98
93
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
99
94
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -119,7 +114,9 @@ declare const propertiesBox: {
119
114
  "warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
115
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
116
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
- "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
117
+ "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
118
+ * The min width property specifies the width of a box's content area.
119
+ */
123
120
  "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
124
121
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
122
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -191,9 +188,12 @@ declare const propertiesBox: {
191
188
  overflowX: Overflow[];
192
189
  overflowY: Overflow[];
193
190
  boxShadow: {
194
- card: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
195
- popover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
196
- 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})`;
197
197
  focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
198
198
  };
199
199
  transitionDuration: {
@@ -203,6 +203,7 @@ declare const propertiesBox: {
203
203
  slower: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
204
  };
205
205
  transitionTimingFunction: TransitionTiming[];
206
+ textDecoration: TextDecoration[];
206
207
  };
207
208
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
208
209
  export type BoxBackgroundColorProperties = keyof typeof propertiesBox.backgroundColor;
@@ -467,6 +468,10 @@ export interface BoxSprinkle {
467
468
  * The backgroundRepeat property sets how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all.
468
469
  */
469
470
  backgroundRepeat?: string | BoxConditions<string>;
471
+ /**
472
+ * The textDecoration shorthand property sets the appearance of decorative lines on text.
473
+ */
474
+ textDecoration?: TextDecoration | BoxConditions<TextDecoration>;
470
475
  /**
471
476
  * The backgroundSize property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.
472
477
  */
@@ -550,15 +555,11 @@ export declare const box: {
550
555
  config: {
551
556
  display: {
552
557
  values: {
553
- grid: {
554
- default: string;
555
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
556
- };
557
- none: {
558
+ flex: {
558
559
  default: string;
559
560
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
560
561
  };
561
- flex: {
562
+ grid: {
562
563
  default: string;
563
564
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
564
565
  };
@@ -574,21 +575,25 @@ export declare const box: {
574
575
  default: string;
575
576
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
576
577
  };
578
+ none: {
579
+ default: string;
580
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
581
+ };
577
582
  };
578
583
  staticScale: Display[];
579
584
  name: "display";
580
585
  };
581
586
  flexDirection: {
582
587
  values: {
583
- row: {
588
+ column: {
584
589
  default: string;
585
590
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
586
591
  };
587
- column: {
592
+ "column-reverse": {
588
593
  default: string;
589
594
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
590
595
  };
591
- "column-reverse": {
596
+ row: {
592
597
  default: string;
593
598
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
594
599
  };
@@ -706,23 +711,23 @@ export declare const box: {
706
711
  };
707
712
  pointerEvents: {
708
713
  values: {
709
- inherit: {
714
+ all: {
710
715
  default: string;
711
716
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
712
717
  };
713
- none: {
718
+ fill: {
714
719
  default: string;
715
720
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
716
721
  };
717
- all: {
722
+ stroke: {
718
723
  default: string;
719
724
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
720
725
  };
721
- fill: {
726
+ inherit: {
722
727
  default: string;
723
728
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
724
729
  };
725
- stroke: {
730
+ none: {
726
731
  default: string;
727
732
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
728
733
  };
@@ -756,11 +761,11 @@ export declare const box: {
756
761
  };
757
762
  borderStyle: {
758
763
  values: {
759
- hidden: {
764
+ none: {
760
765
  default: string;
761
766
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
762
767
  };
763
- none: {
768
+ hidden: {
764
769
  default: string;
765
770
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
766
771
  };
@@ -848,11 +853,11 @@ export declare const box: {
848
853
  };
849
854
  overflow: {
850
855
  values: {
851
- hidden: {
856
+ auto: {
852
857
  default: string;
853
858
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
854
859
  };
855
- auto: {
860
+ hidden: {
856
861
  default: string;
857
862
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
858
863
  };
@@ -870,11 +875,11 @@ export declare const box: {
870
875
  };
871
876
  overflowX: {
872
877
  values: {
873
- hidden: {
878
+ auto: {
874
879
  default: string;
875
880
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
876
881
  };
877
- auto: {
882
+ hidden: {
878
883
  default: string;
879
884
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
880
885
  };
@@ -892,11 +897,11 @@ export declare const box: {
892
897
  };
893
898
  overflowY: {
894
899
  values: {
895
- hidden: {
900
+ auto: {
896
901
  default: string;
897
902
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
898
903
  };
899
- auto: {
904
+ hidden: {
900
905
  default: string;
901
906
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
902
907
  };
@@ -946,6 +951,20 @@ export declare const box: {
946
951
  staticScale: TransitionTiming[];
947
952
  name: "transitionTimingFunction";
948
953
  };
954
+ textDecoration: {
955
+ values: {
956
+ none: {
957
+ default: string;
958
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
959
+ };
960
+ underline: {
961
+ default: string;
962
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
963
+ };
964
+ };
965
+ staticScale: TextDecoration[];
966
+ name: "textDecoration";
967
+ };
949
968
  };
950
969
  } & {
951
970
  config: {
@@ -1373,9 +1392,12 @@ export declare const box: {
1373
1392
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1374
1393
  };
1375
1394
  dynamicScale: {
1376
- card: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1377
- popover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1378
- 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})`;
1379
1401
  focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1380
1402
  };
1381
1403
  name: "boxShadow";
@@ -1970,9 +1992,12 @@ export declare const box: {
1970
1992
  overflowX: Overflow[];
1971
1993
  overflowY: Overflow[];
1972
1994
  boxShadow: {
1973
- card: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1974
- popover: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1975
- 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})`;
1976
2001
  focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1977
2002
  };
1978
2003
  transitionDuration: {
@@ -1982,6 +2007,7 @@ export declare const box: {
1982
2007
  slower: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1983
2008
  };
1984
2009
  transitionTimingFunction: TransitionTiming[];
2010
+ textDecoration: TextDecoration[];
1985
2011
  };
1986
2012
  };
1987
2013
  export declare const button: {
@@ -2020,7 +2046,7 @@ export declare const chip: {
2020
2046
  export declare const fileUploader: {
2021
2047
  sprinkle: ((props: {
2022
2048
  aspectRatio?: "none" | AspectRatio | undefined;
2023
- flexDirection?: "row" | "column" | undefined;
2049
+ flexDirection?: "column" | "row" | undefined;
2024
2050
  cursor?: Cursor | undefined;
2025
2051
  }) => string) & {
2026
2052
  properties: Set<"aspectRatio" | "cursor" | "flexDirection">;
@@ -2045,7 +2071,7 @@ export declare const fileUploader: {
2045
2071
  };
2046
2072
  export declare const icon: {
2047
2073
  sprinkle: ((props: {
2048
- 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;
2049
2075
  cursor?: Cursor | undefined;
2050
2076
  }) => string) & {
2051
2077
  properties: Set<"color" | "cursor">;
@@ -2194,7 +2220,7 @@ export declare const iconButton: {
2194
2220
  } & {
2195
2221
  config: {
2196
2222
  size: {
2197
- mappings: ("height" | "width")[];
2223
+ mappings: ("width" | "height")[];
2198
2224
  };
2199
2225
  };
2200
2226
  }
@@ -2242,7 +2268,7 @@ export declare const tag: {
2242
2268
  };
2243
2269
  export declare const text: {
2244
2270
  sprinkle: ((props: {
2245
- 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;
2246
2272
  textAlign?: TextAlign | undefined;
2247
2273
  lineHeight?: "caption" | "base" | "highlight" | undefined;
2248
2274
  fontWeight?: "regular" | "medium" | "bold" | undefined;
@@ -2299,11 +2325,11 @@ export declare const text: {
2299
2325
  };
2300
2326
  export declare const title: {
2301
2327
  sprinkle: ((props: {
2302
- 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;
2303
2329
  textAlign?: TextAlign | undefined;
2304
- 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;
2305
2331
  fontWeight?: "regular" | "medium" | "bold" | undefined;
2306
- 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;
2307
2333
  }) => string) & {
2308
2334
  properties: Set<"fontSize" | "fontWeight" | "color" | "lineHeight" | "textAlign">;
2309
2335
  };
@@ -2472,6 +2498,10 @@ export declare const popover: {
2472
2498
  default: string;
2473
2499
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2474
2500
  };
2501
+ "primary-interactiveHover": {
2502
+ default: string;
2503
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2504
+ };
2475
2505
  "success-surfaceHighlight": {
2476
2506
  default: string;
2477
2507
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
@@ -2492,10 +2522,6 @@ export declare const popover: {
2492
2522
  default: string;
2493
2523
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2494
2524
  };
2495
- "primary-interactiveHover": {
2496
- default: string;
2497
- conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2498
- };
2499
2525
  };
2500
2526
  staticScale: {
2501
2527
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2514,11 +2540,11 @@ export declare const popover: {
2514
2540
  default: string;
2515
2541
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2516
2542
  };
2517
- small: {
2543
+ none: {
2518
2544
  default: string;
2519
2545
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2520
2546
  };
2521
- none: {
2547
+ small: {
2522
2548
  default: string;
2523
2549
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2524
2550
  };
@@ -2536,6 +2562,10 @@ export declare const popover: {
2536
2562
  default: string;
2537
2563
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2538
2564
  };
2565
+ "primary-interactiveHover": {
2566
+ default: string;
2567
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2568
+ };
2539
2569
  "success-surfaceHighlight": {
2540
2570
  default: string;
2541
2571
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
@@ -2556,10 +2586,6 @@ export declare const popover: {
2556
2586
  default: string;
2557
2587
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2558
2588
  };
2559
- "primary-interactiveHover": {
2560
- default: string;
2561
- conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2562
- };
2563
2589
  };
2564
2590
  staticScale: {
2565
2591
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2615,7 +2641,7 @@ export declare const popover: {
2615
2641
  } & {
2616
2642
  config: {
2617
2643
  [x: string]: {
2618
- mappings: ("color" | "backgroundColor" | "height" | "width" | "zIndex" | "padding")[];
2644
+ mappings: ("width" | "backgroundColor" | "color" | "height" | "zIndex" | "padding")[];
2619
2645
  };
2620
2646
  };
2621
2647
  }
@@ -2683,7 +2709,7 @@ export declare const skeleton: {
2683
2709
  };
2684
2710
  export declare const spinner: {
2685
2711
  sprinkle: ((props: {
2686
- 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;
2687
2713
  }) => string) & {
2688
2714
  properties: Set<"color">;
2689
2715
  };
@@ -2809,7 +2835,7 @@ export declare const alert: {
2809
2835
  export declare const card: {
2810
2836
  sprinkle: ((props: {
2811
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;
2812
- padding?: "base" | "small" | "none" | undefined;
2838
+ padding?: "base" | "none" | "small" | undefined;
2813
2839
  }) => string) & {
2814
2840
  properties: Set<"backgroundColor" | "padding">;
2815
2841
  };
@@ -2932,11 +2958,11 @@ declare const sidebarSprinkle: {
2932
2958
  default: string;
2933
2959
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2934
2960
  };
2935
- small: {
2961
+ none: {
2936
2962
  default: string;
2937
2963
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2938
2964
  };
2939
- none: {
2965
+ small: {
2940
2966
  default: string;
2941
2967
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2942
2968
  };
@@ -3019,11 +3045,11 @@ export declare const sidebar: {
3019
3045
  default: string;
3020
3046
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3021
3047
  };
3022
- small: {
3048
+ none: {
3023
3049
  default: string;
3024
3050
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3025
3051
  };
3026
- none: {
3052
+ small: {
3027
3053
  default: string;
3028
3054
  conditions: Record<"xs" | "md" | "lg" | "xl", string>;
3029
3055
  };
@@ -3150,43 +3176,43 @@ export declare const table: {
3150
3176
  width: {
3151
3177
  dynamic: {
3152
3178
  default: string;
3153
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3179
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3154
3180
  };
3155
3181
  dynamicScale: true;
3156
3182
  name: "width";
3157
3183
  vars: {
3158
3184
  default: string;
3159
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3185
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3160
3186
  };
3161
3187
  };
3162
3188
  maxWidth: {
3163
3189
  dynamic: {
3164
3190
  default: string;
3165
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3191
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3166
3192
  };
3167
3193
  dynamicScale: true;
3168
3194
  name: "maxWidth";
3169
3195
  vars: {
3170
3196
  default: string;
3171
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3197
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3172
3198
  };
3173
3199
  };
3174
3200
  minWidth: {
3175
3201
  dynamic: {
3176
3202
  default: string;
3177
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3203
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3178
3204
  };
3179
3205
  dynamicScale: true;
3180
3206
  name: "minWidth";
3181
3207
  vars: {
3182
3208
  default: string;
3183
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3209
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3184
3210
  };
3185
3211
  };
3186
3212
  backgroundColor: {
3187
3213
  dynamic: {
3188
3214
  default: string;
3189
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3215
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3190
3216
  };
3191
3217
  dynamicScale: {
3192
3218
  transparent: string;
@@ -3199,13 +3225,13 @@ export declare const table: {
3199
3225
  name: "backgroundColor";
3200
3226
  vars: {
3201
3227
  default: string;
3202
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3228
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3203
3229
  };
3204
3230
  };
3205
3231
  padding: {
3206
3232
  dynamic: {
3207
3233
  default: string;
3208
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3234
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3209
3235
  };
3210
3236
  dynamicScale: {
3211
3237
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -3215,14 +3241,14 @@ export declare const table: {
3215
3241
  name: "padding";
3216
3242
  vars: {
3217
3243
  default: string;
3218
- conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "rest" | "active" | "hover", string>;
3244
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "hover" | "rest", string>;
3219
3245
  };
3220
3246
  };
3221
3247
  };
3222
3248
  } & {
3223
3249
  config: {
3224
3250
  [x: string]: {
3225
- mappings: ("backgroundColor" | "maxWidth" | "minWidth" | "width" | "padding")[];
3251
+ mappings: ("width" | "backgroundColor" | "maxWidth" | "minWidth" | "padding")[];
3226
3252
  };
3227
3253
  };
3228
3254
  }