@nimbus-ds/components 5.34.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 (21) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/Box/index.d.ts +24 -22
  3. package/dist/Box/index.js +1 -1
  4. package/dist/CHANGELOG.md +14 -0
  5. package/dist/FileUploader/index.d.ts +20 -3
  6. package/dist/FileUploader/index.js +1 -1
  7. package/dist/MultiSelect/index.js +1 -1
  8. package/dist/ScrollPane/index.d.ts +24 -22
  9. package/dist/ScrollPane/index.js +1 -1
  10. package/dist/SegmentedControl/index.d.ts +24 -22
  11. package/dist/SegmentedControl/index.js +1 -1
  12. package/dist/SplitButton/index.d.ts +24 -22
  13. package/dist/SplitButton/index.js +1 -1
  14. package/dist/Stepper/index.d.ts +24 -22
  15. package/dist/Stepper/index.js +1 -1
  16. package/dist/Toggle/index.js +1 -1
  17. package/dist/Tooltip/index.js +1 -1
  18. package/dist/components-props.json +1 -1
  19. package/dist/index.d.ts +44 -25
  20. package/dist/index.js +1 -1
  21. package/package.json +1 -1
package/dist/Stepper/index.d.ts CHANGED
@@ -110,7 +110,9 @@ declare const propertiesBox: {
110
110
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
111
111
  "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
112
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
- "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
+ "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
114
+ * The width property specifies the width of a box's content area.
115
+ */
114
116
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
117
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
118
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -119,9 +121,7 @@ declare const propertiesBox: {
119
121
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
122
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
123
  "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
122
- "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
123
- * The min height property specifies the height of a box's content area.
124
- */
124
+ "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
125
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
126
126
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
127
127
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -146,7 +146,9 @@ declare const propertiesBox: {
146
146
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
147
  "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
148
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
- "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
+ "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
150
+ * The width property specifies the width of a box's content area.
151
+ */
150
152
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
151
153
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
154
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -155,9 +157,7 @@ declare const propertiesBox: {
155
157
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
156
158
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
157
159
  "warning-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
158
- "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
159
- * The min height property specifies the height of a box's content area.
160
- */
160
+ "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
161
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
162
162
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
163
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -186,16 +186,17 @@ declare const propertiesBox: {
186
186
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
187
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
188
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
189
+ /**
190
+ * The gridArea shorthand property specifies a grid item's size and location within a grid by contributing a line,
191
+ * a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.
192
+ */
189
193
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
194
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
195
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
192
196
  transparent: string;
193
197
  };
194
198
  borderRadius: {
195
- "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
196
- * 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.
197
- * In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.
198
- */
199
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
200
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
201
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
202
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -203,10 +204,6 @@ declare const propertiesBox: {
203
204
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
205
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
206
  full: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
206
- /**
207
- * The alignSelf property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area.
208
- * In Flexbox, it aligns the item on the cross axis.
209
- */
210
207
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
211
208
  half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
212
209
  none: string;
@@ -214,7 +211,9 @@ declare const propertiesBox: {
214
211
  borderWidth: {
215
212
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
216
213
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
217
- "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
215
+ * The gap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
216
+ */
218
217
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
219
218
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
220
219
  none: string;
@@ -336,7 +335,9 @@ declare const propertiesBox: {
336
335
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
337
336
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
338
337
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
339
- h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
338
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
339
+ * This defines the ability for a flex item to grow if necessary.
340
+ */
340
341
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
341
342
  };
342
343
  lineHeight: {
@@ -361,15 +362,15 @@ declare const propertiesBox: {
361
362
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
362
363
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
363
364
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
364
- h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
365
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
366
+ * The flexWrap property sets whether flex items are forced onto one line or can wrap onto multiple lines.
367
+ */
365
368
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
366
369
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
367
370
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
368
371
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
369
372
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
370
- }; /**
371
- * The paddingBottom property sets the height of the padding area on the bottom of an box.
372
- */
373
+ };
373
374
  };
374
375
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
375
376
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
@@ -389,6 +390,7 @@ export type BoxLineHeightProperties = keyof typeof propertiesBox.lineHeight;
389
390
  export type BoxBackgroundProperties = keyof typeof propertiesBox.background;
390
391
  export interface BoxConditions<T> extends Conditions<T> {
391
392
  focus?: T;
393
+ focusVisible?: T;
392
394
  focusWithin?: T;
393
395
  active?: T;
394
396
  hover?: T;