@assure-one/design-system 1.37.0 → 1.38.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.
- package/README.md +45 -16
- package/codemods/README.md +40 -0
- package/codemods/lib/registry.mjs +1 -0
- package/codemods/transforms/cm-18-data-table-parts.mjs +234 -0
- package/dist/css/components.css +1 -1
- package/dist/css/legacy-aliases.css +8 -0
- package/dist/css/tokens.css +8 -0
- package/dist/{design-system-provider-C8UlFe52.d.ts → design-system-provider-B5MbvbRc.d.ts} +61 -1
- package/dist/index.d.ts +1358 -206
- package/dist/index.js +2201 -607
- package/dist/index.js.map +1 -1
- package/dist/next/index.d.ts +1 -1
- package/dist/styles.css +1 -1
- package/docs/components.md +36 -8
- package/docs/components.registry.json +2399 -463
- package/docs/for-ai-agents.md +2 -0
- package/eslint-config/index.mjs +210 -0
- package/eslint-config/stylelint-rules.mjs +54 -0
- package/eslint-config/stylelint.mjs +73 -0
- package/package.json +8 -1
|
@@ -439,6 +439,10 @@
|
|
|
439
439
|
--color-field-border-invalid: var(--ds-field-border-invalid);
|
|
440
440
|
--color-surface-floating: var(--ds-color-surface-floating);
|
|
441
441
|
--color-surface-hover: var(--ds-color-surface-hover);
|
|
442
|
+
--table-row-height: var(--ds-table-row-height);
|
|
443
|
+
--table-cell-padding-x: var(--ds-table-cell-padding-x);
|
|
444
|
+
--table-cell-padding-y: var(--ds-table-cell-padding-y);
|
|
445
|
+
--table-head-padding-y: var(--ds-table-head-padding-y);
|
|
442
446
|
}
|
|
443
447
|
|
|
444
448
|
[data-ds-scheme="dark"],
|
|
@@ -691,4 +695,8 @@
|
|
|
691
695
|
--control-icon-md: var(--ds-control-icon-md);
|
|
692
696
|
--control-icon-lg: var(--ds-control-icon-lg);
|
|
693
697
|
--control-icon-xl: var(--ds-control-icon-xl);
|
|
698
|
+
--table-row-height: var(--ds-table-row-height);
|
|
699
|
+
--table-cell-padding-x: var(--ds-table-cell-padding-x);
|
|
700
|
+
--table-cell-padding-y: var(--ds-table-cell-padding-y);
|
|
701
|
+
--table-head-padding-y: var(--ds-table-head-padding-y);
|
|
694
702
|
}
|
package/dist/css/tokens.css
CHANGED
|
@@ -395,6 +395,10 @@
|
|
|
395
395
|
--ds-field-border-invalid: color-mix(in srgb, var(--ds-color-feedback-danger-fg) 60%, var(--ds-color-feedback-danger-border));
|
|
396
396
|
--ds-color-surface-floating: #ffffff;
|
|
397
397
|
--ds-color-surface-hover: var(--ds-color-canvas-sunken);
|
|
398
|
+
--ds-table-row-height: 44px;
|
|
399
|
+
--ds-table-cell-padding-x: 16px;
|
|
400
|
+
--ds-table-cell-padding-y: 12px;
|
|
401
|
+
--ds-table-head-padding-y: 10px;
|
|
398
402
|
}
|
|
399
403
|
|
|
400
404
|
[data-ds-scheme="dark"],
|
|
@@ -639,6 +643,10 @@
|
|
|
639
643
|
--ds-control-icon-md: 14px;
|
|
640
644
|
--ds-control-icon-lg: 16px;
|
|
641
645
|
--ds-control-icon-xl: 16px;
|
|
646
|
+
--ds-table-row-height: 36px;
|
|
647
|
+
--ds-table-cell-padding-x: 12px;
|
|
648
|
+
--ds-table-cell-padding-y: 8px;
|
|
649
|
+
--ds-table-head-padding-y: 8px;
|
|
642
650
|
}
|
|
643
651
|
|
|
644
652
|
/* Reduced motion, once, at the token level (target architecture §20 rule 4).
|
|
@@ -131,6 +131,33 @@ interface PaginationMessages {
|
|
|
131
131
|
previous: string;
|
|
132
132
|
/** The accessible name of the next-page button. Default `"Next page"`. */
|
|
133
133
|
next: string;
|
|
134
|
+
/** The label of the optional page-size picker (W6-09). Default `"Rows per page"`. */
|
|
135
|
+
rowsPerPage: string;
|
|
136
|
+
}
|
|
137
|
+
/** The copy an `ErrorState` renders (W6-08). @experimental */
|
|
138
|
+
interface ErrorStateMessages {
|
|
139
|
+
/** The default title. Default `"Something went wrong"`. */
|
|
140
|
+
title: string;
|
|
141
|
+
/** The retry button. Default `"Try again"`. */
|
|
142
|
+
retry: string;
|
|
143
|
+
/** The `details` disclosure when collapsed (W7-12). Default `"Show details"`. */
|
|
144
|
+
showDetails: string;
|
|
145
|
+
/** The `details` disclosure when open (W7-12). Default `"Hide details"`. */
|
|
146
|
+
hideDetails: string;
|
|
147
|
+
}
|
|
148
|
+
/** The copy an `AvatarGroup` renders (W7-16). @experimental */
|
|
149
|
+
interface AvatarGroupMessages {
|
|
150
|
+
/** The overflow bubble's visible text; receives how many are hidden. */
|
|
151
|
+
overflow: (count: number) => string;
|
|
152
|
+
/** The overflow bubble's accessible name; receives how many are hidden. */
|
|
153
|
+
overflowLabel: (count: number) => string;
|
|
154
|
+
}
|
|
155
|
+
/** The copy the table states (`TableLoading`, `TableEmpty`) render (W6-08). @experimental */
|
|
156
|
+
interface TableStatesMessages {
|
|
157
|
+
/** The accessible name of the loading body. Default `"Loading"`. */
|
|
158
|
+
loading: string;
|
|
159
|
+
/** The default empty title. Default `"No results"`. */
|
|
160
|
+
empty: string;
|
|
134
161
|
}
|
|
135
162
|
/** The copy a `CopyButton` renders. @experimental */
|
|
136
163
|
interface CopyButtonMessages {
|
|
@@ -296,6 +323,8 @@ interface SidebarMessages {
|
|
|
296
323
|
collapseSection: string;
|
|
297
324
|
/** A link group's toggle while closed. Default `"Expand section"`. */
|
|
298
325
|
expandSection: string;
|
|
326
|
+
/** The accessible name of the mobile `SidebarDrawer`. Default `"Navigation"`. */
|
|
327
|
+
navigation: string;
|
|
299
328
|
}
|
|
300
329
|
/** The copy the `Shell` composite renders. @experimental */
|
|
301
330
|
interface ShellMessages {
|
|
@@ -329,12 +358,33 @@ interface BulkActionBarMessages {
|
|
|
329
358
|
/** The default accessible name of the clear button. Default `"Clear selection"`. */
|
|
330
359
|
clearSelection: string;
|
|
331
360
|
}
|
|
361
|
+
/** The copy a `Table` renders. @experimental */
|
|
362
|
+
interface TableMessages {
|
|
363
|
+
/**
|
|
364
|
+
* The accessible name of the horizontal scroll region the table wrapper
|
|
365
|
+
* becomes when the columns overflow it (W6-10). Default `"Scrollable table"`.
|
|
366
|
+
*/
|
|
367
|
+
region: string;
|
|
368
|
+
}
|
|
332
369
|
/** The copy the `DataTable` family renders. @experimental */
|
|
333
370
|
interface DataTableMessages {
|
|
334
371
|
/** The default search placeholder. Default `"Search…"`. */
|
|
335
372
|
search: string;
|
|
336
373
|
/** The word between the shown and total counts. Default `"of"`. */
|
|
337
374
|
of: string;
|
|
375
|
+
/**
|
|
376
|
+
* The accessible name of the compound's search field (W6-06) — a
|
|
377
|
+
* placeholder is not a label. Default `"Search"`.
|
|
378
|
+
*/
|
|
379
|
+
searchLabel: string;
|
|
380
|
+
/** The label of the compound's column-visibility menu (W6-06). Default `"Columns"`. */
|
|
381
|
+
columns: string;
|
|
382
|
+
/** The prefix of a filter's "no filter" option, before the filter's label (W6-06). Default `"All"`. */
|
|
383
|
+
filterAll: string;
|
|
384
|
+
/** The accessible name of the select-all-rows checkbox (W6-06). Default `"Select all rows"`. */
|
|
385
|
+
selectAll: string;
|
|
386
|
+
/** The accessible name of a row's selection checkbox (W6-06). Default `"Select row"`. */
|
|
387
|
+
selectRow: string;
|
|
338
388
|
}
|
|
339
389
|
/**
|
|
340
390
|
* The copy a `ConfirmDialog` renders when the caller gives no label (W5-16);
|
|
@@ -350,6 +400,11 @@ interface ConfirmMessages {
|
|
|
350
400
|
/** The inline error when `onConfirm` rejects with no message of its own. */
|
|
351
401
|
failed: string;
|
|
352
402
|
}
|
|
403
|
+
/** The copy a `PeoplePicker` renders (W7-10). @experimental */
|
|
404
|
+
interface PeoplePickerMessages {
|
|
405
|
+
/** The label of the "assign to me" shortcut row. Default `"Assign to me"`. */
|
|
406
|
+
assignToMe: string;
|
|
407
|
+
}
|
|
353
408
|
/**
|
|
354
409
|
* The whole catalogue, one namespace per component. This is the type a
|
|
355
410
|
* consumer's i18n lint can check for completeness.
|
|
@@ -375,6 +430,7 @@ interface DsMessages {
|
|
|
375
430
|
breadcrumb: BreadcrumbMessages;
|
|
376
431
|
input: InputMessages;
|
|
377
432
|
avatar: AvatarMessages;
|
|
433
|
+
avatarGroup: AvatarGroupMessages;
|
|
378
434
|
otpInput: OtpInputMessages;
|
|
379
435
|
datePicker: DatePickerMessages;
|
|
380
436
|
dateRangePicker: DateRangePickerMessages;
|
|
@@ -395,6 +451,10 @@ interface DsMessages {
|
|
|
395
451
|
appHeader: AppHeaderMessages;
|
|
396
452
|
bulkActionBar: BulkActionBarMessages;
|
|
397
453
|
dataTable: DataTableMessages;
|
|
454
|
+
errorState: ErrorStateMessages;
|
|
455
|
+
tableStates: TableStatesMessages;
|
|
456
|
+
table: TableMessages;
|
|
457
|
+
peoplePicker: PeoplePickerMessages;
|
|
398
458
|
}
|
|
399
459
|
/** A component namespace of the catalogue. @experimental */
|
|
400
460
|
type DsMessageNamespace = keyof DsMessages;
|
|
@@ -546,4 +606,4 @@ interface TooltipDefaults {
|
|
|
546
606
|
*/
|
|
547
607
|
declare function DesignSystemProvider({ messages, locale, dir, portalContainer, linkComponent, imageComponent, tooltip, toasts, confirm, children, }: DesignSystemProviderProps): react_jsx_runtime.JSX.Element;
|
|
548
608
|
|
|
549
|
-
export { type CommandPaletteMessages as C, type DesignSystemProviderProps as D, type FileUploadMessages as F, type ImageComponent as I, type KeyboardShortcutsMessages as K, type LinkComponent as L, type PaginationMessages as P, type SearchInputMessages as S, type
|
|
609
|
+
export { type CommandPaletteMessages as C, type DesignSystemProviderProps as D, type ErrorStateMessages as E, type FileUploadMessages as F, type ImageComponent as I, type KeyboardShortcutsMessages as K, type LinkComponent as L, type PaginationMessages as P, type SearchInputMessages as S, type TableMessages as T, type ConfirmMessages as a, type CopyButtonMessages as b, type PhoneFieldMessages as c, type SelectMessages as d, type ToastMessages as e, type FieldMessages as f, type ComboboxMessages as g, type TableStatesMessages as h, type DataTableMessages as i, DesignSystemProvider as j, type DsDirection as k, type DsMessageNamespace as l, type DsMessages as m, type DsMessagesOverride as n, type ImageComponentProps as o, type LinkComponentProps as p, type TooltipDefaults as q, useDsMessages as u };
|