@nimbus-ds/components 5.35.0 → 5.35.2-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 (53) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/Accordion/index.js +1 -1
  3. package/dist/Alert/index.js +1 -1
  4. package/dist/Badge/index.js +1 -1
  5. package/dist/Box/index.d.ts +25 -22
  6. package/dist/Box/index.js +1 -1
  7. package/dist/Button/index.js +1 -1
  8. package/dist/CHANGELOG.md +7 -0
  9. package/dist/Card/index.js +1 -1
  10. package/dist/Checkbox/index.js +1 -1
  11. package/dist/Chip/index.js +1 -1
  12. package/dist/FileUploader/index.js +1 -1
  13. package/dist/Icon/index.js +1 -1
  14. package/dist/IconButton/index.d.ts +1 -0
  15. package/dist/IconButton/index.js +1 -1
  16. package/dist/Input/index.js +1 -1
  17. package/dist/Label/index.js +1 -1
  18. package/dist/Link/index.js +1 -1
  19. package/dist/List/index.js +1 -1
  20. package/dist/Modal/index.d.ts +1 -0
  21. package/dist/Modal/index.js +1 -1
  22. package/dist/MultiSelect/index.js +1 -1
  23. package/dist/Pagination/index.js +1 -1
  24. package/dist/Popover/index.d.ts +1 -0
  25. package/dist/ProgressBar/index.js +1 -1
  26. package/dist/Radio/index.js +1 -1
  27. package/dist/ScrollPane/index.d.ts +26 -23
  28. package/dist/ScrollPane/index.js +1 -1
  29. package/dist/SegmentedControl/index.d.ts +25 -22
  30. package/dist/SegmentedControl/index.js +1 -1
  31. package/dist/Select/index.js +1 -1
  32. package/dist/Sidebar/index.d.ts +1 -0
  33. package/dist/Sidebar/index.js +1 -1
  34. package/dist/SplitButton/index.d.ts +25 -22
  35. package/dist/SplitButton/index.js +1 -1
  36. package/dist/Stepper/index.d.ts +25 -22
  37. package/dist/Stepper/index.js +1 -1
  38. package/dist/Table/index.d.ts +1 -0
  39. package/dist/Tag/index.js +1 -1
  40. package/dist/Text/index.d.ts +1 -0
  41. package/dist/Text/index.js +1 -1
  42. package/dist/Textarea/index.js +1 -1
  43. package/dist/Thumbnail/index.js +1 -1
  44. package/dist/Title/index.d.ts +1 -0
  45. package/dist/Title/index.js +1 -1
  46. package/dist/Toast/index.js +1 -1
  47. package/dist/Toggle/index.js +1 -1
  48. package/dist/Tooltip/index.d.ts +1 -0
  49. package/dist/Tooltip/index.js +1 -1
  50. package/dist/components-props.json +1 -1
  51. package/dist/index.d.ts +26 -23
  52. package/dist/index.js +1 -1
  53. package/package.json +1 -1
package/dist/Stepper/index.d.ts CHANGED
@@ -34,6 +34,7 @@ export interface Conditions<T> {
34
34
  md?: T;
35
35
  lg?: T;
36
36
  xl?: T;
37
+ xxl?: T;
37
38
  }
38
39
  export type BorderStyle = "solid" | "none" | "hidden" | "dashed" | "dotted";
39
40
  export type BoxSizing = "border-box" | "content-box";
@@ -110,7 +111,9 @@ declare const propertiesBox: {
110
111
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
111
112
  "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
112
113
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
- "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
114
+ "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
115
+ * The width property specifies the width of a box's content area.
116
+ */
114
117
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
118
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
116
119
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -119,9 +122,7 @@ declare const propertiesBox: {
119
122
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
120
123
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
121
124
  "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
- */
125
+ "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
125
126
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
126
127
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
127
128
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -146,7 +147,9 @@ declare const propertiesBox: {
146
147
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
147
148
  "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
148
149
  "primary-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
149
- "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
150
+ "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
151
+ * The width property specifies the width of a box's content area.
152
+ */
150
153
  "success-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
151
154
  "success-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
152
155
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -155,9 +158,7 @@ declare const propertiesBox: {
155
158
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
156
159
  "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
157
160
  "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
- */
161
+ "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
161
162
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
162
163
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
163
164
  "danger-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -186,16 +187,17 @@ declare const propertiesBox: {
186
187
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
187
188
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
188
189
  "neutral-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
+ /**
191
+ * The gridArea shorthand property specifies a grid item's size and location within a grid by contributing a line,
192
+ * a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.
193
+ */
189
194
  "neutral-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
190
195
  "neutral-surfaceDisabled": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
191
196
  "neutral-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
192
197
  transparent: string;
193
198
  };
194
199
  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
- */
200
+ "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
199
201
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
200
202
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
201
203
  "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -203,10 +205,6 @@ declare const propertiesBox: {
203
205
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
204
206
  "6": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
207
  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
208
  base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
211
209
  half: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
212
210
  none: string;
@@ -214,7 +212,9 @@ declare const propertiesBox: {
214
212
  borderWidth: {
215
213
  "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
216
214
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
217
- "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
215
+ "3": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
216
+ * The gap property sets the gaps between rows and columns. It is a shorthand for rowGap and columnGap.
217
+ */
218
218
  "4": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
219
219
  "5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
220
220
  none: string;
@@ -336,7 +336,9 @@ declare const propertiesBox: {
336
336
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
337
337
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
338
338
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
339
- h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
339
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
340
+ * This defines the ability for a flex item to grow if necessary.
341
+ */
340
342
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
341
343
  };
342
344
  lineHeight: {
@@ -361,15 +363,15 @@ declare const propertiesBox: {
361
363
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
362
364
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
363
365
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
364
- h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
366
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
367
+ * The flexWrap property sets whether flex items are forced onto one line or can wrap onto multiple lines.
368
+ */
365
369
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
366
370
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
367
371
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
368
372
  h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
369
373
  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
- */
374
+ };
373
375
  };
374
376
  export type BoxBorderColorProperties = keyof typeof propertiesBox.borderColor;
375
377
  export type BoxBorderRadiusProperties = keyof typeof propertiesBox.borderRadius;
@@ -389,6 +391,7 @@ export type BoxLineHeightProperties = keyof typeof propertiesBox.lineHeight;
389
391
  export type BoxBackgroundProperties = keyof typeof propertiesBox.background;
390
392
  export interface BoxConditions<T> extends Conditions<T> {
391
393
  focus?: T;
394
+ focusVisible?: T;
392
395
  focusWithin?: T;
393
396
  active?: T;
394
397
  hover?: T;