@nimbus-ds/components 5.35.0 → 5.35.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 (19) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/Box/index.d.ts +24 -22
  3. package/dist/Box/index.js +1 -1
  4. package/dist/CHANGELOG.md +7 -0
  5. package/dist/MultiSelect/index.js +1 -1
  6. package/dist/ScrollPane/index.d.ts +24 -22
  7. package/dist/ScrollPane/index.js +1 -1
  8. package/dist/SegmentedControl/index.d.ts +24 -22
  9. package/dist/SegmentedControl/index.js +1 -1
  10. package/dist/SplitButton/index.d.ts +24 -22
  11. package/dist/SplitButton/index.js +1 -1
  12. package/dist/Stepper/index.d.ts +24 -22
  13. package/dist/Stepper/index.js +1 -1
  14. package/dist/Toggle/index.js +1 -1
  15. package/dist/Tooltip/index.js +1 -1
  16. package/dist/components-props.json +1 -1
  17. package/dist/index.d.ts +24 -22
  18. package/dist/index.js +1 -1
  19. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -163,7 +163,9 @@ declare const propertiesBox: {
163
163
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
164
164
  "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
165
165
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
166
- "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
166
+ "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
167
+ * The width property specifies the width of a box's content area.
168
+ */
167
169
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
168
170
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
169
171
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -172,9 +174,7 @@ declare const propertiesBox: {
172
174
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
173
175
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
174
176
  "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
175
- "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
176
- * The min height property specifies the height of a box's content area.
177
- */
177
+ "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
178
178
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
179
179
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
180
180
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -199,7 +199,9 @@ declare const propertiesBox: {
199
199
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
200
  "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
201
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
- "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
202
+ "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
203
+ * The width property specifies the width of a box's content area.
204
+ */
203
205
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
206
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
207
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -208,9 +210,7 @@ declare const propertiesBox: {
208
210
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
209
211
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
210
212
  "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
211
- "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
212
- * The min height property specifies the height of a box's content area.
213
- */
213
+ "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
214
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
215
215
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
216
216
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -239,16 +239,17 @@ declare const propertiesBox: {
239
239
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
240
240
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
241
241
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
242
+ /**
243
+ * The gridArea shorthand property specifies a grid item's size and location within a grid by contributing a line,
244
+ * a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.
245
+ */
242
246
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
243
247
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
244
248
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
245
249
  transparent: string;
246
250
  };
247
251
  borderRadius: {
248
- "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
249
- * 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.
250
- * In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.
251
- */
252
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
252
253
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
253
254
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
254
255
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -256,10 +257,6 @@ declare const propertiesBox: {
256
257
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
257
258
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
258
259
  full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
259
- /**
260
- * The alignSelf property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area.
261
- * In Flexbox, it aligns the item on the cross axis.
262
- */
263
260
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
264
261
  half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
265
262
  none: string;
@@ -267,7 +264,9 @@ declare const propertiesBox: {
267
264
  borderWidth: {
268
265
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
269
266
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
270
- "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
267
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
268
+ * The gap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
269
+ */
271
270
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
272
271
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
273
272
  none: string;
@@ -389,7 +388,9 @@ declare const propertiesBox: {
389
388
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
390
389
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
391
390
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
392
- h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
391
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
392
+ * This defines the ability for a flex item to grow if necessary.
393
+ */
393
394
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
394
395
  };
395
396
  lineHeight: {
@@ -414,15 +415,15 @@ declare const propertiesBox: {
414
415
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
415
416
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
416
417
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
417
- h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
418
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
419
+ * The flexWrap property sets whether flex items are forced onto one line or can wrap onto multiple lines.
420
+ */
418
421
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
419
422
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
420
423
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
421
424
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
422
425
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
423
- }; /**
424
- * The paddingBottom property sets the height of the padding area on the bottom of an box.
425
- */
426
+ };
426
427
  };
427
428
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
428
429
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
@@ -442,6 +443,7 @@ export type BoxLineHeightProperties = keyof typeof propertiesBox.lineHeight;
442
443
  export type BoxBackgroundProperties = keyof typeof propertiesBox.background;
443
444
  export interface BoxConditions<T> extends Conditions<T> {
444
445
  focus?: T;
446
+ focusVisible?: T;
445
447
  focusWithin?: T;
446
448
  active?: T;
447
449
  hover?: T;