@nimbus-ds/styles 9.25.0 → 9.26.0

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 (7) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/CHANGELOG.md +6 -0
  3. package/dist/index.css +1 -1
  4. package/dist/index.d.ts +45 -15
  5. package/dist/index.js +1 -1
  6. package/dist/styles.css +1 -1
  7. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -146,12 +146,19 @@ declare const propertiesBox: {
146
146
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
147
  "neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
148
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
- "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
+ "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
150
+ * The right property participates in specifying the horizontal position of a positioned box.
151
+ */
150
152
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
151
153
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
154
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
153
155
  transparent: string;
154
156
  };
157
+ background: {
158
+ "ai-generative-interactive-border": string;
159
+ "ai-generative-interactive": string;
160
+ transparent: string;
161
+ };
155
162
  color: {
156
163
  currentColor: string;
157
164
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -172,7 +179,9 @@ declare const propertiesBox: {
172
179
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
173
180
  "neutral-background": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
174
181
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
- "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
182
+ "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
183
+ * The right property participates in specifying the horizontal position of a positioned box.
184
+ */
176
185
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
177
186
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
178
187
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -198,10 +207,7 @@ declare const propertiesBox: {
198
207
  transparent: string;
199
208
  };
200
209
  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
- */
210
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
211
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
212
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
207
213
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -209,10 +215,6 @@ declare const propertiesBox: {
209
215
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
210
216
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
211
217
  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
218
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
217
219
  half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
218
220
  none: string;
@@ -289,6 +291,7 @@ declare const propertiesBox: {
289
291
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
290
292
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
291
293
  focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
294
+ aiFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
292
295
  };
293
296
  transitionDuration: {
294
297
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -338,7 +341,9 @@ declare const propertiesBox: {
338
341
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
339
342
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
340
343
  h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
341
- h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
344
+ h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
345
+ * This defines the ability for a flex item to shrink if necessary.
346
+ */
342
347
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
343
348
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
344
349
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -372,10 +377,7 @@ declare const propertiesBox: {
372
377
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
373
378
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
374
379
  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
- */
380
+ };
379
381
  };
380
382
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
381
383
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
@@ -392,6 +394,7 @@ export type BoxTransitionDurationProperties = keyof typeof propertiesBox.transit
392
394
  export type BoxFontSizeProperties = keyof typeof propertiesBox.fontSize;
393
395
  export type BoxFontWeightProperties = keyof typeof propertiesBox.fontWeight;
394
396
  export type BoxLineHeightProperties = keyof typeof propertiesBox.lineHeight;
397
+ export type BoxBackgroundProperties = keyof typeof propertiesBox.background;
395
398
  export interface BoxConditions<T> extends Conditions<T> {
396
399
  focus?: T;
397
400
  focusWithin?: T;
@@ -652,6 +655,10 @@ export interface BoxSprinkle {
652
655
  * The zIndex property specifies the stack order of the box.
653
656
  */
654
657
  zIndex?: BoxZIndexProperties | BoxConditions<BoxZIndexProperties>;
658
+ /**
659
+ * The background property sets the background of the box.
660
+ */
661
+ background?: BoxBackgroundProperties | BoxConditions<BoxBackgroundProperties>;
655
662
  /**
656
663
  * The backgroundImage property sets one or more background images on an element.
657
664
  */
@@ -1839,6 +1846,22 @@ export declare const box: {
1839
1846
  conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1840
1847
  };
1841
1848
  };
1849
+ background: {
1850
+ dynamic: {
1851
+ default: string;
1852
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1853
+ };
1854
+ dynamicScale: {
1855
+ "ai-generative-interactive-border": string;
1856
+ "ai-generative-interactive": string;
1857
+ transparent: string;
1858
+ };
1859
+ name: "background";
1860
+ vars: {
1861
+ default: string;
1862
+ conditions: Record<"xs" | "md" | "lg" | "xl" | "focus" | "active" | "disabled" | "hover" | "focusWithin", string>;
1863
+ };
1864
+ };
1842
1865
  backgroundColor: {
1843
1866
  dynamic: {
1844
1867
  default: string;
@@ -2037,6 +2060,7 @@ export declare const box: {
2037
2060
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2038
2061
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2039
2062
  focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2063
+ aiFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2040
2064
  };
2041
2065
  name: "boxShadow";
2042
2066
  vars: {
@@ -2684,6 +2708,11 @@ export declare const box: {
2684
2708
  "neutral-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2685
2709
  transparent: string;
2686
2710
  };
2711
+ background: {
2712
+ "ai-generative-interactive-border": string;
2713
+ "ai-generative-interactive": string;
2714
+ transparent: string;
2715
+ };
2687
2716
  color: {
2688
2717
  currentColor: string;
2689
2718
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -2814,6 +2843,7 @@ export declare const box: {
2814
2843
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2815
2844
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2816
2845
  focusRing: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2846
+ aiFocus: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
2817
2847
  };
2818
2848
  transitionDuration: {
2819
2849
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;