@nimbus-ds/styles 9.55.0 → 9.56.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 +18 -1
  2. package/dist/CHANGELOG.md +18 -1
  3. package/dist/index.css +1 -1
  4. package/dist/index.d.ts +45 -43
  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
@@ -79,10 +79,7 @@ declare const propertiesBox: {
79
79
  gap: {
80
80
  none: string;
81
81
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
82
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
83
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
84
- * such as grid or flex.
85
- */
82
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
86
83
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
87
84
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
88
85
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -106,10 +103,7 @@ declare const propertiesBox: {
106
103
  gridGap: {
107
104
  none: string;
108
105
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
109
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
110
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
111
- * such as grid or flex.
112
- */
106
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
113
107
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
114
108
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
115
109
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -134,10 +128,7 @@ declare const propertiesBox: {
134
128
  flexDirection: FlexDirection[];
135
129
  flexWrap: FlexWrap[];
136
130
  justifyContent: JustifyContent[];
137
- alignItems: AlignItems[]; /**
138
- * The boxSizing property sets how the total width and height of an box is calculated.
139
- * @default border-box
140
- */
131
+ alignItems: AlignItems[];
141
132
  alignSelf: AlignSelf[];
142
133
  pointerEvents: PointerEvents[];
143
134
  backgroundColor: {
@@ -211,7 +202,9 @@ declare const propertiesBox: {
211
202
  "success-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
212
203
  "warning-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
213
204
  "warning-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
214
- "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
205
+ "warning-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
206
+ * The gridTemplateAreas property specifies named grid areas, establishing the cells in the grid and assigning them names.
207
+ */
215
208
  "danger-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
216
209
  "danger-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
217
210
  "danger-surfaceHighlight": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -245,14 +238,13 @@ declare const propertiesBox: {
245
238
  };
246
239
  borderStyle: BorderStyle[];
247
240
  boxSizing: BoxSizing[];
248
- cursor: Cursor[];
241
+ cursor: Cursor[]; /**
242
+ * The padding properties are used to generate space around an box's content area.
243
+ */
249
244
  spacing: {
250
245
  none: string;
251
246
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
252
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
253
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
254
- * such as grid or flex.
255
- */
247
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
256
248
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
257
249
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
258
250
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -275,10 +267,7 @@ declare const propertiesBox: {
275
267
  };
276
268
  margin: {
277
269
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
278
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
279
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
280
- * such as grid or flex.
281
- */
270
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
282
271
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
283
272
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
284
273
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -334,9 +323,7 @@ declare const propertiesBox: {
334
323
  "800": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
335
324
  "900": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
336
325
  };
337
- textAlign: TextAlign[]; /**
338
- * The paddingLeft property sets the width of the padding area to the left of an box.
339
- */
326
+ textAlign: TextAlign[];
340
327
  fontWeight: {
341
328
  regular: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
342
329
  medium: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -344,10 +331,7 @@ declare const propertiesBox: {
344
331
  };
345
332
  fontSize: {
346
333
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
347
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
348
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
349
- * such as grid or flex.
350
- */
334
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
351
335
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
352
336
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
353
337
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -371,17 +355,12 @@ declare const propertiesBox: {
371
355
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
372
356
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
373
357
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
374
- h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
375
- * This defines the ability for a flex item to grow if necessary.
376
- */
358
+ h5: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
377
359
  h6: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
378
360
  };
379
361
  lineHeight: {
380
362
  "0-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
381
- "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
382
- * The display property sets whether an box is treated as a block or inline element and the layout used for its children,
383
- * such as grid or flex.
384
- */
363
+ "1": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
385
364
  "1-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
386
365
  "2": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
387
366
  "2-5": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -401,9 +380,7 @@ declare const propertiesBox: {
401
380
  "16": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
402
381
  "18": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
403
382
  "20": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
404
- h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
405
- * The flexWrap property sets whether flex items are forced onto one line or can wrap onto multiple lines.
406
- */
383
+ h1: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
407
384
  h2: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
408
385
  h3: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
409
386
  h4: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -3313,9 +3290,7 @@ export declare const tag: {
3313
3290
  declare const propertiesText: {
3314
3291
  color: {
3315
3292
  "ai-generative": "transparent";
3316
- currentColor: string; /**
3317
- * The amount of lines at which the text will be trimmed, showing an ellipsis when overflowed.
3318
- */
3293
+ currentColor: string;
3319
3294
  "primary-surface": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3320
3295
  "primary-interactive": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3321
3296
  "primary-textLow": `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -3352,7 +3327,9 @@ declare const propertiesText: {
3352
3327
  };
3353
3328
  fontSize: {
3354
3329
  caption: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3355
- base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3330
+ base: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`; /**
3331
+ * The overflow property specifies what happens if content overflows an element's box.
3332
+ */
3356
3333
  highlight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
3357
3334
  };
3358
3335
  wordBreak: WordBreak[];
@@ -5454,6 +5431,27 @@ export declare const splitButton: {
5454
5431
  primaryAppearance: Record<"primary", string>;
5455
5432
  secondaryAppearance: Record<"primary", string>;
5456
5433
  };
5434
+ declare const timePickerStyles: {
5435
+ classnames: {
5436
+ panel: string;
5437
+ panelDropdown: string;
5438
+ column: string;
5439
+ columnLabel: string;
5440
+ columnWrapper: string;
5441
+ dropdownWrapper: string;
5442
+ dropdownScrollContainer: string;
5443
+ dropdownAmPm: string;
5444
+ dropdownColumnsWrapper: string;
5445
+ scrollPaneItemWrapper: string;
5446
+ inputCursor: Record<"disabled" | "enabled", string>;
5447
+ optionState: Record<"default" | "disabled" | "selected" | "current", string>;
5448
+ dropdownList: string;
5449
+ ampmContainer: string;
5450
+ divider: string;
5451
+ gradientPosition: Record<"bottom" | "top", string>;
5452
+ };
5453
+ ITEM_HEIGHT: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
5454
+ };
5457
5455
  export declare const calendar: {
5458
5456
  classnames: {
5459
5457
  table: string;
@@ -5491,4 +5489,8 @@ export declare const editor: {
5491
5489
  };
5492
5490
  };
5493
5491
 
5492
+ export {
5493
+ timePickerStyles as timePicker,
5494
+ };
5495
+
5494
5496
  export {};