@drivenets/design-system 0.15.0 → 0.16.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 (172) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/index.cjs +868 -200
  3. package/dist/index.d.cts +810 -1181
  4. package/dist/index.d.cts.map +1 -1
  5. package/dist/index.d.ts +810 -1181
  6. package/dist/index.d.ts.map +1 -1
  7. package/dist/index.js +852 -196
  8. package/dist/index.js.map +1 -1
  9. package/dist/index.min.css +1 -1
  10. package/package.json +15 -13
  11. package/src/components/ds-alert-banner/ds-alert-banner.tsx +11 -2
  12. package/src/components/ds-autocomplete/ds-autocomplete.figma.ts +36 -0
  13. package/src/components/ds-autocomplete/ds-autocomplete.tsx +2 -0
  14. package/src/components/ds-avatar/ds-avatar.figma.ts +30 -0
  15. package/src/components/ds-avatar/ds-avatar.tsx +6 -1
  16. package/src/components/ds-avatar/ds-avatar.types.ts +5 -2
  17. package/src/components/ds-avatar-group/ds-avatar-group.figma.ts +27 -0
  18. package/src/components/ds-avatar-group/ds-avatar-group.tsx +6 -1
  19. package/src/components/ds-avatar-group/ds-avatar-group.types.ts +3 -1
  20. package/src/components/ds-breadcrumb/ds-breadcrumb.figma.ts +19 -0
  21. package/src/components/ds-breadcrumb/ds-breadcrumb.tsx +2 -0
  22. package/src/components/ds-button/ds-button.tsx +2 -0
  23. package/src/components/ds-button-v3/ds-button-v3.figma.ts +1 -1
  24. package/src/components/ds-button-v3/ds-button-v3.tsx +6 -0
  25. package/src/components/ds-button-v3/index.ts +2 -0
  26. package/src/components/ds-card/ds-card.tsx +7 -3
  27. package/src/components/ds-catalog-layout/ds-catalog-layout.tsx +8 -0
  28. package/src/components/ds-checkbox/ds-checkbox-level-2.figma.ts +40 -0
  29. package/src/components/ds-checkbox/ds-checkbox.figma.ts +45 -0
  30. package/src/components/ds-checkbox/ds-checkbox.module.scss +1 -1
  31. package/src/components/ds-checkbox/ds-checkbox.tsx +9 -1
  32. package/src/components/ds-checkbox-group/ds-checkbox-group.figma.ts +15 -0
  33. package/src/components/ds-checkbox-group/ds-checkbox-group.tsx +2 -0
  34. package/src/components/ds-chip/ds-chip.tsx +2 -0
  35. package/src/components/ds-chip-group/ds-chip-group.tsx +2 -0
  36. package/src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.tsx +1 -0
  37. package/src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.tsx +1 -0
  38. package/src/components/ds-comment-bubble/ds-comment-bubble.tsx +1 -0
  39. package/src/components/ds-comment-card/ds-comment-card.tsx +1 -0
  40. package/src/components/ds-comment-indicator/ds-comment-indicator.tsx +1 -0
  41. package/src/components/ds-comments-drawer/ds-comments-drawer.tsx +1 -0
  42. package/src/components/ds-confirmation/ds-confirmation.tsx +1 -0
  43. package/src/components/ds-date-input/ds-date-input.tsx +2 -0
  44. package/src/components/ds-date-picker/ds-date-picker.tsx +9 -0
  45. package/src/components/ds-date-picker/ds-date-picker.types.ts +1 -1
  46. package/src/components/ds-date-range-picker/ds-date-range-picker.tsx +2 -0
  47. package/src/components/ds-dialog/ds-dialog.tsx +9 -0
  48. package/src/components/ds-dialog/ds-dialog.types.ts +1 -1
  49. package/src/components/ds-divider/ds-divider.figma.ts +19 -0
  50. package/src/components/ds-divider/ds-divider.tsx +2 -0
  51. package/src/components/ds-drawer/ds-drawer.tsx +10 -0
  52. package/src/components/ds-drawer/figma/ds-drawer-content.figma.ts +15 -0
  53. package/src/components/ds-drawer/figma/ds-drawer-footer.figma.ts +19 -0
  54. package/src/components/ds-drawer/figma/ds-drawer-header.figma.ts +16 -0
  55. package/src/components/ds-drawer/figma/ds-drawer.figma.ts +36 -0
  56. package/src/components/ds-dropdown-menu/ds-dropdown-menu.module.scss +12 -3
  57. package/src/components/ds-dropdown-menu/ds-dropdown-menu.tsx +24 -6
  58. package/src/components/ds-dropdown-menu/ds-dropdown-menu.types.ts +10 -1
  59. package/src/components/ds-dropdown-menu/figma/ds-dropdown-menu-footer.figma.ts +11 -0
  60. package/src/components/ds-dropdown-menu/figma/ds-dropdown-menu-group.figma.ts +23 -0
  61. package/src/components/ds-dropdown-menu/figma/ds-dropdown-menu-item.figma.ts +29 -0
  62. package/src/components/ds-dropdown-menu/figma/ds-dropdown-menu-separator.figma.ts +11 -0
  63. package/src/components/ds-dropdown-menu/figma/ds-dropdown-menu.figma.ts +24 -0
  64. package/src/components/ds-expandable-text-input/ds-expandable-text-input.figma.ts +24 -0
  65. package/src/components/ds-expandable-text-input/ds-expandable-text-input.tsx +1 -0
  66. package/src/components/ds-file-upload/ds-file-upload.figma.ts +29 -0
  67. package/src/components/ds-file-upload/ds-file-upload.tsx +2 -0
  68. package/src/components/ds-filter-status-icon/ds-filter-status-icon.figma.ts +22 -0
  69. package/src/components/ds-filter-status-icon/ds-filter-status-icon.tsx +1 -0
  70. package/src/components/ds-form-control/ds-form-control.tsx +3 -0
  71. package/src/components/ds-grid/index.ts +3 -0
  72. package/src/components/ds-icon/ds-icon.tsx +2 -0
  73. package/src/components/ds-key-value-pair/ds-key-value-pair.figma.ts +24 -0
  74. package/src/components/ds-key-value-pair/ds-key-value-pair.tsx +2 -0
  75. package/src/components/ds-loader/ds-loader.figma.ts +11 -0
  76. package/src/components/ds-loader/ds-loader.tsx +2 -0
  77. package/src/components/ds-modal/ds-modal.tsx +9 -0
  78. package/src/components/ds-number-input/ds-number-input.tsx +2 -0
  79. package/src/components/ds-panel/ds-panel.figma.ts +16 -0
  80. package/src/components/ds-panel/index.ts +2 -0
  81. package/src/components/ds-password-input/ds-password-input.tsx +2 -0
  82. package/src/components/ds-popover/ds-popover.tsx +9 -0
  83. package/src/components/ds-popover/figma/ds-popover-content-item.figma.ts +18 -0
  84. package/src/components/ds-popover/figma/ds-popover-content.figma.ts +15 -0
  85. package/src/components/ds-popover/figma/ds-popover-footer.figma.ts +19 -0
  86. package/src/components/ds-popover/figma/ds-popover-header.figma.ts +16 -0
  87. package/src/components/ds-popover/figma/ds-popover.figma.ts +34 -0
  88. package/src/components/ds-progress-arc/ds-progress-arc.figma.ts +23 -0
  89. package/src/components/ds-progress-arc/ds-progress-arc.tsx +2 -0
  90. package/src/components/ds-progress-donut/ds-progress-donut.figma.ts +45 -0
  91. package/src/components/ds-progress-donut/ds-progress-donut.tsx +2 -0
  92. package/src/components/ds-progress-linear/ds-progress-linear.figma.ts +26 -0
  93. package/src/components/ds-progress-linear/ds-progress-linear.tsx +2 -0
  94. package/src/components/ds-progress-task-bar/ds-progress-task-bar.tsx +2 -0
  95. package/src/components/ds-radio-group/ds-radio-group.tsx +3 -0
  96. package/src/components/ds-radio-group/figma/ds-radio-group-item.figma.ts +24 -0
  97. package/src/components/ds-radio-group/figma/ds-radio-group.figma.ts +14 -0
  98. package/src/components/ds-segment-group/ds-segment-group.tsx +3 -0
  99. package/src/components/ds-segment-group/figma/ds-segment-group-item.figma.ts +25 -0
  100. package/src/components/ds-segment-group/figma/ds-segment-group.figma.ts +23 -0
  101. package/src/components/ds-select/ds-select.tsx +2 -0
  102. package/src/components/ds-site-node/ds-site-node.figma.ts +27 -0
  103. package/src/components/ds-site-node/ds-site-node.module.scss +59 -0
  104. package/src/components/ds-site-node/ds-site-node.tsx +73 -0
  105. package/src/components/ds-site-node/ds-site-node.types.ts +36 -0
  106. package/src/components/ds-site-node/hooks/use-is-overflowing.ts +31 -0
  107. package/src/components/ds-site-node/index.ts +3 -0
  108. package/src/components/ds-skeleton/ds-skeleton-circle.tsx +2 -0
  109. package/src/components/ds-skeleton/ds-skeleton-rect.tsx +2 -0
  110. package/src/components/ds-skeleton/ds-skeleton-text.tsx +2 -0
  111. package/src/components/ds-skeleton/ds-skeleton.ts +7 -1
  112. package/src/components/ds-smart-tabs/ds-smart-tabs.tsx +4 -0
  113. package/src/components/ds-spinner/ds-spinner.figma.ts +19 -0
  114. package/src/components/ds-spinner/ds-spinner.tsx +2 -0
  115. package/src/components/ds-split-button/ds-split-button.tsx +6 -0
  116. package/src/components/ds-status-badge/ds-status-badge.tsx +2 -0
  117. package/src/components/ds-status-badge-v2/index.ts +2 -0
  118. package/src/components/ds-stepper/components/ds-step-content.tsx +2 -0
  119. package/src/components/ds-stepper/components/ds-step-next-button.tsx +2 -0
  120. package/src/components/ds-stepper/components/ds-step.tsx +2 -0
  121. package/src/components/ds-stepper/ds-stepper.figma.ts +38 -0
  122. package/src/components/ds-stepper/ds-stepper.tsx +1 -0
  123. package/src/components/ds-system-status/ds-system-status.tsx +2 -0
  124. package/src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-checkbox.tsx +1 -0
  125. package/src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-date.tsx +1 -0
  126. package/src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-number.tsx +1 -0
  127. package/src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-select.tsx +1 -0
  128. package/src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-text.tsx +1 -0
  129. package/src/components/ds-table/components/edit/ds-table-editable-cell/ds-table-editable-cell.tsx +1 -0
  130. package/src/components/ds-table/components/edit/ds-table-editing-cell/ds-table-editing-cell.tsx +1 -0
  131. package/src/components/ds-table/ds-table.tsx +2 -0
  132. package/src/components/ds-table/index.ts +3 -0
  133. package/src/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.tsx +2 -0
  134. package/src/components/ds-tabs/components/ds-tabs-list/ds-tabs-list.tsx +2 -0
  135. package/src/components/ds-tabs/components/ds-tabs-tab/ds-tabs-tab.tsx +2 -0
  136. package/src/components/ds-tabs/ds-tabs.tsx +2 -0
  137. package/src/components/ds-tag/ds-tag.tsx +2 -0
  138. package/src/components/ds-tag-filter/ds-tag-filter.tsx +2 -0
  139. package/src/components/ds-text-input/ds-input-field-v02.figma.ts +87 -0
  140. package/src/components/ds-text-input/ds-text-input.tsx +2 -0
  141. package/src/components/ds-textarea/ds-textarea.tsx +2 -0
  142. package/src/components/ds-time-picker/ds-time-picker.tsx +2 -0
  143. package/src/components/ds-toast/ds-toast-context.tsx +1 -0
  144. package/src/components/ds-toast/ds-toast.figma.ts +34 -0
  145. package/src/components/ds-toast/ds-toast.tsx +3 -0
  146. package/src/components/ds-toggle/ds-toggle.figma.ts +39 -0
  147. package/src/components/ds-toggle/ds-toggle.tsx +2 -0
  148. package/src/components/ds-tooltip/ds-tooltip.figma.ts +16 -0
  149. package/src/components/ds-tooltip/ds-tooltip.module.scss +8 -1
  150. package/src/components/ds-tooltip/ds-tooltip.tsx +35 -15
  151. package/src/components/ds-tooltip/ds-tooltip.types.ts +40 -0
  152. package/src/components/ds-tree/ds-tree.tsx +16 -0
  153. package/src/components/ds-typography/ds-typography.config.ts +1 -1
  154. package/src/components/ds-typography/ds-typography.figma.ts +63 -0
  155. package/src/components/ds-typography/ds-typography.module.scss +16 -0
  156. package/src/components/ds-typography/ds-typography.tsx +64 -7
  157. package/src/components/ds-typography/ds-typography.types.ts +13 -0
  158. package/src/components/ds-typography/hooks/use-truncation.ts +151 -0
  159. package/src/components/ds-user-card/ds-user-card.figma.ts +16 -0
  160. package/src/components/ds-user-card/ds-user-card.module.scss +25 -0
  161. package/src/components/ds-user-card/ds-user-card.tsx +31 -0
  162. package/src/components/ds-user-card/ds-user-card.types.ts +26 -0
  163. package/src/components/ds-user-card/index.ts +2 -0
  164. package/src/components/ds-vertical-tabs/ds-vertical-tabs.tsx +6 -0
  165. package/src/components/ds-workspace-layout/ds-workspace-layout.tsx +10 -0
  166. package/src/index.ts +2 -0
  167. package/src/styles/_root.scss +468 -363
  168. package/src/styles/shared/_dropdown.scss +2 -2
  169. package/src/styles/styles.scss +0 -3
  170. package/src/styles/_colors.scss +0 -65
  171. package/src/styles/_root_new.scss +0 -451
  172. package/src/styles/_spacing.scss +0 -47
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @drivenets/design-system
2
2
 
3
+ ## 0.16.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 3f14f7f: Add `DsSiteNode` component
8
+ - 2348729: add code connect for `DsDrawer`, `DsDropdownMenu`, `DsPanel`, `DsPopover`, `DsToast`, `DsTooltip`
9
+ - c6f9521: Remove deprecated tokens
10
+ - c8cba46: Add text ellipsis props (`truncate`, `tooltip`, `tooltipContent`) to `DsTypography`
11
+ - 702c564: Migrate `DsTooltip` from Radix to Ark UI and add `placement`, `disabled`, and `getAnchorRect` props (with `TooltipPlacement` / `TooltipAnchorRect` types) for virtual anchor positioning
12
+
13
+ ### Patch Changes
14
+
15
+ - a2f02db: fix `anchorRef` prop type in `DsDialog` component
16
+ - 44e9a51: Add Code Connect to `DsDivider`, `DsAvatarGroup`, `DsAvatar`, `DsBreadcrumb`, `DsKeyValuePair`, `DsStepper`
17
+ - 0aaa7db: Add `DsUserCard` — an avatar + name/subtitle identity header.
18
+ Add an `align` prop (`'end' | 'stretch'`) to `DsDropdownMenu.Actions` so one slot covers both the right-aligned button row and full-width footer actions like logout.
19
+ - 5a0f7a5: re-export `createColumnHelper` and the `ColumnDef` type from `@tanstack/react-table`
20
+ - d6c114b: sync tokens with Figma variables
21
+
3
22
  ## 0.15.0
4
23
 
5
24
  ### Minor Changes