@nimbus-ds/styles 9.25.0 → 9.26.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 (8) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.d.ts +42 -13
  3. package/dist/index.js +1 -1
  4. package/dist/styles.css +1 -1
  5. package/dist/themes/dark/index.js +1 -1
  6. package/dist/themes/next/index.js +1 -1
  7. package/dist/themes/next-dark/index.js +1 -1
  8. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -152,6 +152,11 @@ declare const propertiesBox: {
152
152
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
153
  transparent: string;
154
154
  };
155
+ background: {
156
+ "ai-generative-interactive-border": string;
157
+ "ai-generative-interactive": string;
158
+ transparent: string;
159
+ };
155
160
  color: {
156
161
  currentColor: string;
157
162
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -196,12 +201,10 @@ declare const propertiesBox: {
196
201
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
197
202
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
198
203
  transparent: string;
204
+ "ai-generative-interactive": string;
199
205
  };
200
206
  borderRadius: {
201
- "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
202
- * The alignItems property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis.
203
- * In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.
204
- */
207
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
208
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
209
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
207
210
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -209,10 +212,6 @@ declare const propertiesBox: {
209
212
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
210
213
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
211
214
  full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
212
- /**
213
- * The alignSelf property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area.
214
- * In Flexbox, it aligns the item on the cross axis.
215
- */
216
215
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
217
216
  half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
218
217
  none: string;
@@ -289,6 +288,7 @@ declare const propertiesBox: {
289
288
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
290
289
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
291
290
  focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
291
+ aiFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
292
292
  };
293
293
  transitionDuration: {
294
294
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -338,7 +338,9 @@ declare const propertiesBox: {
338
338
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
339
339
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
340
340
  h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
341
- h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
341
+ h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
342
+ * This defines the ability for a flex item to shrink if necessary.
343
+ */
342
344
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
343
345
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
344
346
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -372,10 +374,7 @@ declare const propertiesBox: {
372
374
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
373
375
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
374
376
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
375
- }; /**
376
- * The boxSizing property sets how the total width and height of an box is calculated.
377
- * @default border-box
378
- */
377
+ };
379
378
  };
380
379
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
381
380
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
@@ -392,6 +391,7 @@ export type BoxTransitionDurationProperties = keyof typeof propertiesBox.transit
392
391
  export type BoxFontSizeProperties = keyof typeof propertiesBox.fontSize;
393
392
  export type BoxFontWeightProperties = keyof typeof propertiesBox.fontWeight;
394
393
  export type BoxLineHeightProperties = keyof typeof propertiesBox.lineHeight;
394
+ export type BoxBackgroundProperties = keyof typeof propertiesBox.background;
395
395
  export interface BoxConditions<T> extends Conditions<T> {
396
396
  focus?: T;
397
397
  focusWithin?: T;
@@ -652,6 +652,10 @@ export interface BoxSprinkle {
652
652
  * The zIndex property specifies the stack order of the box.
653
653
  */
654
654
  zIndex?: BoxZIndexProperties | BoxConditions<BoxZIndexProperties>;
655
+ /**
656
+ * The background property sets the background of the box.
657
+ */
658
+ background?: BoxBackgroundProperties | BoxConditions<BoxBackgroundProperties>;
655
659
  /**
656
660
  * The backgroundImage property sets one or more background images on an element.
657
661
  */
@@ -1839,6 +1843,22 @@ export declare const box: {
1839
1843
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1840
1844
  };
1841
1845
  };
1846
+ background: {
1847
+ dynamic: {
1848
+ default: string;
1849
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1850
+ };
1851
+ dynamicScale: {
1852
+ "ai-generative-interactive-border": string;
1853
+ "ai-generative-interactive": string;
1854
+ transparent: string;
1855
+ };
1856
+ name: "background";
1857
+ vars: {
1858
+ default: string;
1859
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1860
+ };
1861
+ };
1842
1862
  backgroundColor: {
1843
1863
  dynamic: {
1844
1864
  default: string;
@@ -1898,6 +1918,7 @@ export declare const box: {
1898
1918
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1899
1919
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
1900
1920
  transparent: string;
1921
+ "ai-generative-interactive": string;
1901
1922
  };
1902
1923
  name: "borderColor";
1903
1924
  vars: {
@@ -2037,6 +2058,7 @@ export declare const box: {
2037
2058
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2038
2059
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2039
2060
  focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2061
+ aiFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2040
2062
  };
2041
2063
  name: "boxShadow";
2042
2064
  vars: {
@@ -2684,6 +2706,11 @@ export declare const box: {
2684
2706
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2685
2707
  transparent: string;
2686
2708
  };
2709
+ background: {
2710
+ "ai-generative-interactive-border": string;
2711
+ "ai-generative-interactive": string;
2712
+ transparent: string;
2713
+ };
2687
2714
  color: {
2688
2715
  currentColor: string;
2689
2716
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2728,6 +2755,7 @@ export declare const box: {
2728
2755
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2729
2756
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2730
2757
  transparent: string;
2758
+ "ai-generative-interactive": string;
2731
2759
  };
2732
2760
  borderRadius: {
2733
2761
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2814,6 +2842,7 @@ export declare const box: {
2814
2842
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2815
2843
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2816
2844
  focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2845
+ aiFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2817
2846
  };
2818
2847
  transitionDuration: {
2819
2848
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;