@gtivr4/a1-design-system-react 0.4.0 → 0.5.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 (57) hide show
  1. package/package.json +2 -1
  2. package/src/components/accordion/Accordion.d.ts +20 -0
  3. package/src/components/banner/Banner.d.ts +19 -0
  4. package/src/components/bleed/Bleed.d.ts +17 -0
  5. package/src/components/blockquote/Blockquote.d.ts +23 -0
  6. package/src/components/breadcrumb/Breadcrumb.d.ts +22 -0
  7. package/src/components/button/Button.d.ts +17 -0
  8. package/src/components/button-container/ButtonContainer.d.ts +11 -0
  9. package/src/components/calendar/Calendar.d.ts +75 -0
  10. package/src/components/calendar/Calendar.jsx +76 -13
  11. package/src/components/calendar/calendar.css +71 -0
  12. package/src/components/card/Card.d.ts +31 -0
  13. package/src/components/checkbox-group/CheckboxGroup.d.ts +37 -0
  14. package/src/components/choice-group/ChoiceGroup.d.ts +68 -0
  15. package/src/components/circular-progress/CircularProgress.d.ts +37 -0
  16. package/src/components/circular-progress/CircularProgress.jsx +85 -0
  17. package/src/components/circular-progress/circular-progress.css +104 -0
  18. package/src/components/cluster/Cluster.d.ts +21 -0
  19. package/src/components/code/Code.d.ts +15 -0
  20. package/src/components/data-table/DataTable.d.ts +83 -0
  21. package/src/components/dialog/Dialog.d.ts +15 -0
  22. package/src/components/dialog/dialog.css +7 -3
  23. package/src/components/divider/Divider.d.ts +22 -0
  24. package/src/components/field/SelectField.d.ts +22 -0
  25. package/src/components/field/TextField.d.ts +21 -0
  26. package/src/components/field/TextareaField.d.ts +28 -0
  27. package/src/components/field-row/FieldRow.d.ts +8 -0
  28. package/src/components/fieldset/Fieldset.d.ts +27 -0
  29. package/src/components/figure/Figure.d.ts +39 -0
  30. package/src/components/grid/Grid.d.ts +38 -0
  31. package/src/components/heading/Heading.d.ts +43 -0
  32. package/src/components/heading/Heading.jsx +2 -2
  33. package/src/components/icon/Icon.d.ts +25 -0
  34. package/src/components/icon-button/IconButton.d.ts +14 -0
  35. package/src/components/inset/Inset.d.ts +17 -0
  36. package/src/components/inverse/Inverse.d.ts +9 -0
  37. package/src/components/link/Link.d.ts +15 -0
  38. package/src/components/list/List.d.ts +40 -0
  39. package/src/components/menu/Menu.d.ts +41 -0
  40. package/src/components/message/Message.d.ts +34 -0
  41. package/src/components/notification/Notification.d.ts +23 -0
  42. package/src/components/page-layout/PageLayout.d.ts +24 -0
  43. package/src/components/page-nav/PageNav.d.ts +19 -0
  44. package/src/components/pagination/Pagination.d.ts +19 -0
  45. package/src/components/paragraph/Paragraph.d.ts +23 -0
  46. package/src/components/radio-group/RadioGroup.d.ts +37 -0
  47. package/src/components/section/Section.d.ts +33 -0
  48. package/src/components/segmented-control/SegmentedControl.d.ts +23 -0
  49. package/src/components/side-nav/SideNav.d.ts +62 -0
  50. package/src/components/spacer/Spacer.d.ts +16 -0
  51. package/src/components/stack/Stack.d.ts +38 -0
  52. package/src/components/status-bar/StatusBar.d.ts +42 -0
  53. package/src/components/switch/Switch.d.ts +27 -0
  54. package/src/components/system-banner/SystemBanner.d.ts +17 -0
  55. package/src/components/tabs/Tabs.d.ts +53 -0
  56. package/src/index.js +2 -0
  57. package/src/tokens.css +22 -0
package/src/index.js CHANGED
@@ -6,12 +6,14 @@ export { Breadcrumb } from "./components/breadcrumb/Breadcrumb.jsx";
6
6
  export { Notification } from "./components/notification/Notification.jsx";
7
7
  export { Snackbar } from "./components/snackbar/Snackbar.jsx";
8
8
  export { StatusBar } from "./components/status-bar/StatusBar.jsx";
9
+ export { CircularProgress } from "./components/circular-progress/CircularProgress.jsx";
9
10
  export { Bleed } from "./components/bleed/Bleed.jsx";
10
11
  export { IconButton } from "./components/icon-button/IconButton.jsx";
11
12
  export { Button } from "./components/button/Button.jsx";export { ButtonContainer } from "./components/button-container/ButtonContainer.jsx";
12
13
  export { Card } from "./components/card/Card.jsx";
13
14
  export { Cluster } from "./components/cluster/Cluster.jsx";
14
15
  export { Code } from "./components/code/Code.jsx";
16
+ export { DefinitionList } from "./components/definition-list/DefinitionList.jsx";
15
17
  export { Dialog } from "./components/dialog/Dialog.jsx";
16
18
  export { Divider } from "./components/divider/Divider.jsx";
17
19
  export { InlineEditable } from "./components/inline-editable/InlineEditable.jsx";
package/src/tokens.css CHANGED
@@ -408,6 +408,14 @@
408
408
  --component-choice-group-comfortable-min-width: 12.5rem;
409
409
  --component-choice-group-comfortable-group-gap: 0.5rem;
410
410
  --component-choice-group-comfortable-items-top-gap: 1rem;
411
+ --component-circular-progress-xs-size: 2.5rem;
412
+ --component-circular-progress-sm-size: 4rem;
413
+ --component-circular-progress-md-size: 6rem;
414
+ --component-circular-progress-lg-size: 8rem;
415
+ --component-circular-progress-track-color: #e1e8f3;
416
+ --component-circular-progress-fill-color: #7c3aed;
417
+ --component-circular-progress-gap: 0.5rem;
418
+ --component-circular-progress-indeterminate-duration: 1200ms;
411
419
  --component-data-table-border-width: 1px;
412
420
  --component-data-table-header-font-weight: 500;
413
421
  --component-data-table-focus-ring-width: 0.125rem;
@@ -421,6 +429,20 @@
421
429
  --component-data-table-density-comfortable-cell-padding-block: 1.25rem;
422
430
  --component-data-table-density-comfortable-cell-padding-inline: 1.25rem;
423
431
  --component-data-table-density-comfortable-font-size: 0.875rem;
432
+ --component-definition-list-gap-sm: 0.5rem;
433
+ --component-definition-list-gap-md: 0.75rem;
434
+ --component-definition-list-gap-lg: 1rem;
435
+ --component-definition-list-row-gap-sm: 0.375rem;
436
+ --component-definition-list-row-gap-md: 0.5rem;
437
+ --component-definition-list-row-gap-lg: 0.75rem;
438
+ --component-definition-list-column-gap-sm: 0.75rem;
439
+ --component-definition-list-column-gap-md: 1rem;
440
+ --component-definition-list-column-gap-lg: 1.25rem;
441
+ --component-definition-list-label-width-min: 6rem;
442
+ --component-definition-list-label-width-preferred: 28cqi;
443
+ --component-definition-list-label-width-max: 8rem;
444
+ --component-definition-list-label-font-weight: 500;
445
+ --component-definition-list-copy-gap: 0.5rem;
424
446
  --component-dialog-padding: 1.5rem;
425
447
  --component-dialog-border-radius: 0.75rem;
426
448
  --component-dialog-border-width: 1px;