@nimbus-ds/styles 6.13.0-rc.6 → 6.13.0-rc.8

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 (5) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/dist/index.css +1240 -850
  3. package/dist/index.d.ts +309 -61
  4. package/dist/index.js +1 -1
  5. package/package.json +2 -2
package/dist/index.d.ts CHANGED
@@ -28,6 +28,7 @@ export type FlexWrap = "nowrap" | "wrap" | "wrap-reverse";
28
28
  export type FlexDirection = "row" | "row-reverse" | "column" | "column-reverse";
29
29
  export type JustifyContent = "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
30
30
  export type AlignItems = "stretch" | "flex-start" | "flex-end" | "center" | "baseline";
31
+ export type AlignSelf = "auto" | "flex-start" | "flex-end" | "center" | "baseline" | "stretch";
31
32
  export type TextAlign = "left" | "right" | "center" | "justify";
32
33
  export type TextDecoration = "none" | "underline";
33
34
  export type Position = "absolute" | "fixed" | "relative" | "static" | "sticky";
@@ -74,6 +75,7 @@ declare const propertiesBox: {
74
75
  flexWrap: FlexWrap[];
75
76
  justifyContent: JustifyContent[];
76
77
  alignItems: AlignItems[];
78
+ alignSelf: AlignSelf[];
77
79
  pointerEvents: PointerEvents[];
78
80
  backgroundColor: {
79
81
  "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -100,6 +102,32 @@ declare const propertiesBox: {
100
102
  "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
101
103
  transparent: string;
102
104
  };
105
+ color: {
106
+ currentColor: string;
107
+ "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
108
+ "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
110
+ "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
111
+ "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
+ "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
114
+ "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
+ "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
+ "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
117
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
118
+ "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
119
+ "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
+ "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
+ "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
123
+ "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
124
+ "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
+ "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
126
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
127
+ "neutral.surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
128
+ "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
129
+ transparent: string;
130
+ };
103
131
  borderColor: {
104
132
  "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
105
133
  "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -171,42 +199,16 @@ declare const propertiesBox: {
171
199
  slower: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
172
200
  };
173
201
  transitionTimingFunction: TransitionTiming[];
174
- color: {
175
- currentColor: string;
176
- "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
177
- "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
178
- "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
179
- "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
180
- "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
181
- "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
182
- "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
183
- "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
184
- "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
185
- "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
186
- "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
- "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
- "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
189
- "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
- "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
- "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
192
- "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
193
- "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
194
- "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
195
- "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
196
- "neutral.surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
197
- "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
198
- transparent: string;
199
- };
200
202
  };
201
203
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
202
204
  export type BoxBackgroundColorProperties = keyof typeof propertiesBox.backgroundColor;
205
+ export type BoxColorProperties = keyof typeof propertiesBox.color;
203
206
  export type BoxShadowProperties = keyof typeof propertiesBox.boxShadow;
204
207
  export type BoxSpaceProperties = keyof typeof propertiesBox.space;
205
208
  export type BoxMarginProperties = keyof typeof propertiesBox.margin;
206
209
  export type BoxGapProperties = keyof typeof propertiesBox.gap;
207
210
  export type BoxGridGapProperties = keyof typeof propertiesBox.gridGap;
208
211
  export type TransitionDurationProperties = keyof typeof propertiesBox.transitionDuration;
209
- export type BoxColorProperties = keyof typeof propertiesBox.color;
210
212
  export interface BoxConditions<T> extends Conditions<T> {
211
213
  focus?: T;
212
214
  active?: T;
@@ -218,12 +220,16 @@ export interface BoxSprinkle {
218
220
  height?: string | BoxConditions<string>;
219
221
  maxWidth?: string | BoxConditions<string>;
220
222
  maxHeight?: string | BoxConditions<string>;
223
+ minWidth?: string | BoxConditions<string>;
224
+ minHeight?: string | BoxConditions<string>;
221
225
  bottom?: string | BoxConditions<string>;
222
226
  left?: string | BoxConditions<string>;
223
227
  right?: string | BoxConditions<string>;
224
228
  top?: string | BoxConditions<string>;
225
229
  flex?: string | BoxConditions<string>;
226
230
  flexShrink?: string | BoxConditions<string>;
231
+ flexGrow?: string | BoxConditions<string>;
232
+ order?: string | BoxConditions<string>;
227
233
  gridTemplateColumns?: string | BoxConditions<string>;
228
234
  gridTemplateAreas?: string | BoxConditions<string>;
229
235
  gridTemplateRows?: string | BoxConditions<string>;
@@ -233,6 +239,7 @@ export interface BoxSprinkle {
233
239
  justifyContent?: JustifyContent | BoxConditions<JustifyContent>;
234
240
  flexDirection?: FlexDirection | BoxConditions<FlexDirection>;
235
241
  alignItems?: AlignItems | BoxConditions<AlignItems>;
242
+ alignSelf?: AlignSelf | BoxConditions<AlignSelf>;
236
243
  gap?: BoxGapProperties | BoxConditions<BoxGapProperties>;
237
244
  gridGap?: BoxGridGapProperties | BoxConditions<BoxGridGapProperties>;
238
245
  pointerEvents?: PointerEvents | BoxConditions<PointerEvents>;
@@ -242,6 +249,7 @@ export interface BoxSprinkle {
242
249
  overflowY?: Overflow | BoxConditions<Overflow>;
243
250
  cursor?: Cursor | BoxConditions<Cursor>;
244
251
  backgroundColor?: BoxBackgroundColorProperties | BoxConditions<BoxBackgroundColorProperties>;
252
+ color?: BoxColorProperties | BoxConditions<BoxColorProperties>;
245
253
  borderRadius?: string | BoxConditions<string>;
246
254
  borderWidth?: string | BoxConditions<string>;
247
255
  borderColor?: BoxBorderColorProperties | BoxConditions<BoxBorderColorProperties>;
@@ -286,7 +294,6 @@ export interface BoxSprinkle {
286
294
  backgroundBlendMode?: string | BoxConditions<string>;
287
295
  backgroundRepeat?: string | BoxConditions<string>;
288
296
  backgroundSize?: string | BoxConditions<string>;
289
- color?: BoxColorProperties | BoxConditions<BoxColorProperties>;
290
297
  }
291
298
  export declare const box: {
292
299
  sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
@@ -418,6 +425,36 @@ export declare const box: {
418
425
  staticScale: AlignItems[];
419
426
  name: "alignItems";
420
427
  };
428
+ alignSelf: {
429
+ values: {
430
+ center: {
431
+ default: string;
432
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
433
+ };
434
+ "flex-end": {
435
+ default: string;
436
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
437
+ };
438
+ "flex-start": {
439
+ default: string;
440
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
441
+ };
442
+ baseline: {
443
+ default: string;
444
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
445
+ };
446
+ stretch: {
447
+ default: string;
448
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
449
+ };
450
+ auto: {
451
+ default: string;
452
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
453
+ };
454
+ };
455
+ staticScale: AlignSelf[];
456
+ name: "alignSelf";
457
+ };
421
458
  pointerEvents: {
422
459
  values: {
423
460
  inherit: {
@@ -855,6 +892,30 @@ export declare const box: {
855
892
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
856
893
  };
857
894
  };
895
+ flexGrow: {
896
+ dynamic: {
897
+ default: string;
898
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
899
+ };
900
+ dynamicScale: true;
901
+ name: "flexGrow";
902
+ vars: {
903
+ default: string;
904
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
905
+ };
906
+ };
907
+ order: {
908
+ dynamic: {
909
+ default: string;
910
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
911
+ };
912
+ dynamicScale: true;
913
+ name: "order";
914
+ vars: {
915
+ default: string;
916
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover", string>;
917
+ };
918
+ };
858
919
  borderRadius: {
859
920
  dynamic: {
860
921
  default: string;
@@ -1548,6 +1609,7 @@ export declare const box: {
1548
1609
  flexWrap: FlexWrap[];
1549
1610
  justifyContent: JustifyContent[];
1550
1611
  alignItems: AlignItems[];
1612
+ alignSelf: AlignSelf[];
1551
1613
  pointerEvents: PointerEvents[];
1552
1614
  backgroundColor: {
1553
1615
  "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1574,6 +1636,32 @@ export declare const box: {
1574
1636
  "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1575
1637
  transparent: string;
1576
1638
  };
1639
+ color: {
1640
+ currentColor: string;
1641
+ "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1642
+ "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1643
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1644
+ "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1645
+ "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1646
+ "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1647
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1648
+ "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1649
+ "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1650
+ "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1651
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1652
+ "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1653
+ "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1654
+ "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1655
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1656
+ "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1657
+ "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1658
+ "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1659
+ "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1660
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1661
+ "neutral.surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1662
+ "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1663
+ transparent: string;
1664
+ };
1577
1665
  borderColor: {
1578
1666
  "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1579
1667
  "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1645,32 +1733,6 @@ export declare const box: {
1645
1733
  slower: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1646
1734
  };
1647
1735
  transitionTimingFunction: TransitionTiming[];
1648
- color: {
1649
- currentColor: string;
1650
- "primary.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1651
- "primary.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1652
- "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1653
- "primary.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1654
- "success.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1655
- "success.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1656
- "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1657
- "success.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1658
- "warning.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1659
- "warning.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1660
- "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1661
- "warning.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1662
- "danger.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1663
- "danger.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1664
- "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1665
- "danger.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1666
- "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1667
- "neutral.interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1668
- "neutral.surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1669
- "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1670
- "neutral.surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1671
- "neutral.textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1672
- transparent: string;
1673
- };
1674
1736
  };
1675
1737
  };
1676
1738
  export declare const button: {
@@ -2147,14 +2209,200 @@ export declare const list: {
2147
2209
  skeleton: string;
2148
2210
  };
2149
2211
  };
2150
- export declare const popover: {
2151
- sprinkle: ((props: {
2152
- backgroundColor?: "primary.surfaceHighlight" | "primary.interactiveHover" | "success.surfaceHighlight" | "warning.surfaceHighlight" | "danger.surfaceHighlight" | "neutral.background" | "neutral.surfaceHighlight" | undefined;
2153
- color?: "primary.surfaceHighlight" | "primary.interactiveHover" | "success.surfaceHighlight" | "warning.surfaceHighlight" | "danger.surfaceHighlight" | "neutral.background" | "neutral.surfaceHighlight" | undefined;
2154
- padding?: "base" | "small" | "none" | undefined;
2155
- }) => string) & {
2156
- properties: Set<"color" | "backgroundColor" | "padding">;
2212
+ declare const propertiesPopover: {
2213
+ backgroundColor: {
2214
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2215
+ "primary.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2216
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2217
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2218
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2219
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2220
+ "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2157
2221
  };
2222
+ color: {
2223
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2224
+ "primary.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2225
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2226
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2227
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2228
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2229
+ "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2230
+ };
2231
+ padding: {
2232
+ base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2233
+ small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2234
+ none: string;
2235
+ };
2236
+ };
2237
+ export type PopoverColorProperties = keyof typeof propertiesPopover.color;
2238
+ export type PopoverBackgroundColorProperties = keyof typeof propertiesPopover.backgroundColor;
2239
+ export type PopoverPaddingProperties = keyof typeof propertiesPopover.padding;
2240
+ export interface PopoverSprinkle {
2241
+ width?: string | Conditions<string>;
2242
+ height?: string | Conditions<string>;
2243
+ zIndex?: number | Conditions<number>;
2244
+ backgroundColor?: PopoverBackgroundColorProperties | Conditions<PopoverBackgroundColorProperties>;
2245
+ color?: PopoverColorProperties | Conditions<PopoverColorProperties>;
2246
+ padding?: PopoverPaddingProperties | Conditions<PopoverPaddingProperties>;
2247
+ }
2248
+ export declare const popover: {
2249
+ sprinkle: import("rainbow-sprinkles/dist/declarations/src/createRuntimeFn").SprinklesFn<[
2250
+ {
2251
+ config: {
2252
+ backgroundColor: {
2253
+ values: {
2254
+ "primary.surfaceHighlight": {
2255
+ default: string;
2256
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2257
+ };
2258
+ "primary.interactiveHover": {
2259
+ default: string;
2260
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2261
+ };
2262
+ "success.surfaceHighlight": {
2263
+ default: string;
2264
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2265
+ };
2266
+ "warning.surfaceHighlight": {
2267
+ default: string;
2268
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2269
+ };
2270
+ "danger.surfaceHighlight": {
2271
+ default: string;
2272
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2273
+ };
2274
+ "neutral.background": {
2275
+ default: string;
2276
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2277
+ };
2278
+ "neutral.surfaceHighlight": {
2279
+ default: string;
2280
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2281
+ };
2282
+ };
2283
+ staticScale: {
2284
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2285
+ "primary.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2286
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2287
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2288
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2289
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2290
+ "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2291
+ };
2292
+ name: "backgroundColor";
2293
+ };
2294
+ padding: {
2295
+ values: {
2296
+ base: {
2297
+ default: string;
2298
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2299
+ };
2300
+ small: {
2301
+ default: string;
2302
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2303
+ };
2304
+ none: {
2305
+ default: string;
2306
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2307
+ };
2308
+ };
2309
+ staticScale: {
2310
+ base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2311
+ small: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2312
+ none: string;
2313
+ };
2314
+ name: "padding";
2315
+ };
2316
+ color: {
2317
+ values: {
2318
+ "primary.surfaceHighlight": {
2319
+ default: string;
2320
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2321
+ };
2322
+ "primary.interactiveHover": {
2323
+ default: string;
2324
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2325
+ };
2326
+ "success.surfaceHighlight": {
2327
+ default: string;
2328
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2329
+ };
2330
+ "warning.surfaceHighlight": {
2331
+ default: string;
2332
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2333
+ };
2334
+ "danger.surfaceHighlight": {
2335
+ default: string;
2336
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2337
+ };
2338
+ "neutral.background": {
2339
+ default: string;
2340
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2341
+ };
2342
+ "neutral.surfaceHighlight": {
2343
+ default: string;
2344
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2345
+ };
2346
+ };
2347
+ staticScale: {
2348
+ "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2349
+ "primary.interactiveHover": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2350
+ "success.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2351
+ "danger.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2352
+ "neutral.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2353
+ "warning.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2354
+ "neutral.background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2355
+ };
2356
+ name: "color";
2357
+ };
2358
+ };
2359
+ } & {
2360
+ config: {
2361
+ width: {
2362
+ dynamic: {
2363
+ default: string;
2364
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2365
+ };
2366
+ dynamicScale: true;
2367
+ name: "width";
2368
+ vars: {
2369
+ default: string;
2370
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2371
+ };
2372
+ };
2373
+ height: {
2374
+ dynamic: {
2375
+ default: string;
2376
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2377
+ };
2378
+ dynamicScale: true;
2379
+ name: "height";
2380
+ vars: {
2381
+ default: string;
2382
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2383
+ };
2384
+ };
2385
+ zIndex: {
2386
+ dynamic: {
2387
+ default: string;
2388
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2389
+ };
2390
+ dynamicScale: true;
2391
+ name: "zIndex";
2392
+ vars: {
2393
+ default: string;
2394
+ conditions: Record<"xs" | "md" | "lg" | "xl", string>;
2395
+ };
2396
+ };
2397
+ };
2398
+ } & {
2399
+ config: {
2400
+ [x: string]: {
2401
+ mappings: ("color" | "backgroundColor" | "height" | "width" | "zIndex" | "padding")[];
2402
+ };
2403
+ };
2404
+ }
2405
+ ]>;
2158
2406
  properties: {
2159
2407
  backgroundColor: {
2160
2408
  "primary.surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;