@drivenets/design-system 0.2.0 → 0.4.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/CHANGELOG.md +26 -0
- package/README.md +1 -1
- package/dist/components/ds-alert-banner/ds-alert-banner.d.ts +5 -5
- package/dist/components/ds-alert-banner/ds-alert-banner.d.ts.map +1 -1
- package/dist/components/ds-autocomplete/ds-autocomplete.cjs +218 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.d.cts +22 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.d.cts.map +1 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.d.ts +22 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.d.ts.map +1 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.js +217 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.js.map +1 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.module.cjs +27 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.module.js +27 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.module.js.map +1 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.types.d.cts +79 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.types.d.cts.map +1 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.types.d.ts +80 -0
- package/dist/components/ds-autocomplete/ds-autocomplete.types.d.ts.map +1 -0
- package/dist/components/ds-autocomplete/index.cjs +1 -0
- package/dist/components/ds-autocomplete/index.d.ts +2 -0
- package/dist/components/ds-autocomplete/index.js +1 -0
- package/dist/components/ds-avatar/ds-avatar.module.js.map +1 -1
- package/dist/components/ds-avatar-group/ds-avatar-group.module.js.map +1 -1
- package/dist/components/ds-button/ds-button.d.cts +2 -2
- package/dist/components/ds-button/ds-button.d.cts.map +1 -1
- package/dist/components/ds-button/ds-button.d.ts +2 -2
- package/dist/components/ds-button/ds-button.d.ts.map +1 -1
- package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.cjs +23 -24
- package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.js +23 -24
- package/dist/components/ds-button/versions/ds-button-legacy/ds-button-legacy.js.map +1 -1
- package/dist/components/ds-button/versions/ds-button-new/ds-button-new.cjs +24 -25
- package/dist/components/ds-button/versions/ds-button-new/ds-button-new.js +24 -25
- package/dist/components/ds-button/versions/ds-button-new/ds-button-new.js.map +1 -1
- package/dist/components/ds-chip-group/hooks/use-chip-row-calculation.cjs +1 -0
- package/dist/components/ds-chip-group/hooks/use-chip-row-calculation.js +1 -0
- package/dist/components/ds-chip-group/hooks/use-chip-row-calculation.js.map +1 -1
- package/dist/components/ds-confirmation/ds-confirmation.cjs +20 -221
- package/dist/components/ds-confirmation/ds-confirmation.d.cts +22 -27
- package/dist/components/ds-confirmation/ds-confirmation.d.cts.map +1 -1
- package/dist/components/ds-confirmation/ds-confirmation.d.ts +22 -27
- package/dist/components/ds-confirmation/ds-confirmation.d.ts.map +1 -1
- package/dist/components/ds-confirmation/ds-confirmation.js +21 -221
- package/dist/components/ds-confirmation/ds-confirmation.js.map +1 -1
- package/dist/components/ds-confirmation/ds-confirmation.types.d.cts +2 -1
- package/dist/components/ds-confirmation/ds-confirmation.types.d.cts.map +1 -1
- package/dist/components/ds-confirmation/ds-confirmation.types.d.ts +2 -1
- package/dist/components/ds-confirmation/ds-confirmation.types.d.ts.map +1 -1
- package/dist/components/ds-date-input/ds-date-input.cjs +1 -1
- package/dist/components/ds-date-input/ds-date-input.d.cts +2 -2
- package/dist/components/ds-date-input/ds-date-input.d.cts.map +1 -1
- package/dist/components/ds-date-input/ds-date-input.d.ts +2 -2
- package/dist/components/ds-date-input/ds-date-input.js +1 -1
- package/dist/components/ds-date-input/ds-date-input.module.cjs +22 -22
- package/dist/components/ds-date-input/ds-date-input.module.js +22 -22
- package/dist/components/ds-date-input/ds-date-input.module.js.map +1 -1
- package/dist/components/ds-date-input/ds-date-input.utils.cjs +9 -2
- package/dist/components/ds-date-input/ds-date-input.utils.js +9 -2
- package/dist/components/ds-date-input/ds-date-input.utils.js.map +1 -1
- package/dist/components/ds-drawer/ds-drawer.cjs +4 -4
- package/dist/components/ds-drawer/ds-drawer.d.cts +9 -9
- package/dist/components/ds-drawer/ds-drawer.d.cts.map +1 -1
- package/dist/components/ds-drawer/ds-drawer.d.ts +9 -9
- package/dist/components/ds-drawer/ds-drawer.d.ts.map +1 -1
- package/dist/components/ds-drawer/ds-drawer.js +4 -4
- package/dist/components/ds-drawer/ds-drawer.js.map +1 -1
- package/dist/components/ds-dropdown-menu/ds-dropdown-menu.cjs +1 -1
- package/dist/components/ds-dropdown-menu/ds-dropdown-menu.js +1 -1
- package/dist/components/ds-dropdown-menu/ds-dropdown-menu.module.cjs +20 -20
- package/dist/components/ds-dropdown-menu/ds-dropdown-menu.module.js +20 -20
- package/dist/components/ds-dropdown-menu/ds-dropdown-menu.module.js.map +1 -1
- package/dist/components/ds-dropdown-menu/ds-dropdown-menu.types.d.cts +1 -1
- package/dist/components/ds-dropdown-menu/ds-dropdown-menu.types.d.cts.map +1 -1
- package/dist/components/ds-dropdown-menu/ds-dropdown-menu.types.d.ts +1 -1
- package/dist/components/ds-dropdown-menu/ds-dropdown-menu.types.d.ts.map +1 -1
- package/dist/components/ds-expandable-text-input/ds-expandable-text-input.d.cts +2 -2
- package/dist/components/ds-expandable-text-input/ds-expandable-text-input.d.ts +2 -2
- package/dist/components/ds-file-upload/utils/format-file-size.cjs +1 -1
- package/dist/components/ds-file-upload/utils/format-file-size.js +1 -1
- package/dist/components/ds-file-upload/utils/format-file-size.js.map +1 -1
- package/dist/components/ds-form-control/ds-form-control.cjs +2 -5
- package/dist/components/ds-form-control/ds-form-control.d.cts +8 -8
- package/dist/components/ds-form-control/ds-form-control.d.ts +8 -8
- package/dist/components/ds-form-control/ds-form-control.js +2 -5
- package/dist/components/ds-form-control/ds-form-control.js.map +1 -1
- package/dist/components/ds-loader/ds-loader.cjs +60 -0
- package/dist/components/ds-loader/ds-loader.d.cts +15 -0
- package/dist/components/ds-loader/ds-loader.d.cts.map +1 -0
- package/dist/components/ds-loader/ds-loader.d.ts +15 -0
- package/dist/components/ds-loader/ds-loader.d.ts.map +1 -0
- package/dist/components/ds-loader/ds-loader.js +59 -0
- package/dist/components/ds-loader/ds-loader.js.map +1 -0
- package/dist/components/ds-loader/ds-loader.module.cjs +15 -0
- package/dist/components/ds-loader/ds-loader.module.js +15 -0
- package/dist/components/ds-loader/ds-loader.module.js.map +1 -0
- package/dist/components/ds-loader/ds-loader.types.cjs +6 -0
- package/dist/components/ds-loader/ds-loader.types.d.cts +27 -0
- package/dist/components/ds-loader/ds-loader.types.d.cts.map +1 -0
- package/dist/components/ds-loader/ds-loader.types.d.ts +27 -0
- package/dist/components/ds-loader/ds-loader.types.d.ts.map +1 -0
- package/dist/components/ds-loader/ds-loader.types.js +6 -0
- package/dist/components/ds-loader/ds-loader.types.js.map +1 -0
- package/dist/components/ds-loader/index.cjs +2 -0
- package/dist/components/ds-loader/index.d.ts +2 -0
- package/dist/components/ds-loader/index.js +2 -0
- package/dist/components/ds-loader/pulsing-icon.cjs +37 -0
- package/dist/components/ds-loader/pulsing-icon.js +37 -0
- package/dist/components/ds-loader/pulsing-icon.js.map +1 -0
- package/dist/components/ds-loader/spinner-icon.cjs +74 -0
- package/dist/components/ds-loader/spinner-icon.js +74 -0
- package/dist/components/ds-loader/spinner-icon.js.map +1 -0
- package/dist/components/ds-modal/ds-modal.cjs +47 -48
- package/dist/components/ds-modal/ds-modal.d.cts +11 -10
- package/dist/components/ds-modal/ds-modal.d.cts.map +1 -1
- package/dist/components/ds-modal/ds-modal.d.ts +11 -10
- package/dist/components/ds-modal/ds-modal.d.ts.map +1 -1
- package/dist/components/ds-modal/ds-modal.js +47 -48
- package/dist/components/ds-modal/ds-modal.js.map +1 -1
- package/dist/components/ds-modal/ds-modal.module.cjs +24 -24
- package/dist/components/ds-modal/ds-modal.module.js +24 -24
- package/dist/components/ds-modal/ds-modal.module.js.map +1 -1
- package/dist/components/ds-modal/ds-modal.types.d.cts +10 -5
- package/dist/components/ds-modal/ds-modal.types.d.cts.map +1 -1
- package/dist/components/ds-modal/ds-modal.types.d.ts +10 -5
- package/dist/components/ds-modal/ds-modal.types.d.ts.map +1 -1
- package/dist/components/ds-panel/ds-panel.d.cts +2 -2
- package/dist/components/ds-panel/ds-panel.d.ts +2 -2
- package/dist/components/ds-select/ds-select.cjs +2 -2
- package/dist/components/ds-select/ds-select.d.cts +2 -2
- package/dist/components/ds-select/ds-select.d.ts +2 -2
- package/dist/components/ds-select/ds-select.js +2 -2
- package/dist/components/ds-select/ds-select.js.map +1 -1
- package/dist/components/ds-skeleton/ds-skeleton-circle.cjs +59 -0
- package/dist/components/ds-skeleton/ds-skeleton-circle.d.cts +18 -0
- package/dist/components/ds-skeleton/ds-skeleton-circle.d.cts.map +1 -0
- package/dist/components/ds-skeleton/ds-skeleton-circle.d.ts +18 -0
- package/dist/components/ds-skeleton/ds-skeleton-circle.d.ts.map +1 -0
- package/dist/components/ds-skeleton/ds-skeleton-circle.js +58 -0
- package/dist/components/ds-skeleton/ds-skeleton-circle.js.map +1 -0
- package/dist/components/ds-skeleton/ds-skeleton-rect.cjs +61 -0
- package/dist/components/ds-skeleton/ds-skeleton-rect.d.cts +18 -0
- package/dist/components/ds-skeleton/ds-skeleton-rect.d.cts.map +1 -0
- package/dist/components/ds-skeleton/ds-skeleton-rect.d.ts +18 -0
- package/dist/components/ds-skeleton/ds-skeleton-rect.d.ts.map +1 -0
- package/dist/components/ds-skeleton/ds-skeleton-rect.js +60 -0
- package/dist/components/ds-skeleton/ds-skeleton-rect.js.map +1 -0
- package/dist/components/ds-skeleton/ds-skeleton-text.cjs +91 -0
- package/dist/components/ds-skeleton/ds-skeleton-text.d.cts +21 -0
- package/dist/components/ds-skeleton/ds-skeleton-text.d.cts.map +1 -0
- package/dist/components/ds-skeleton/ds-skeleton-text.d.ts +21 -0
- package/dist/components/ds-skeleton/ds-skeleton-text.d.ts.map +1 -0
- package/dist/components/ds-skeleton/ds-skeleton-text.js +90 -0
- package/dist/components/ds-skeleton/ds-skeleton-text.js.map +1 -0
- package/dist/components/ds-skeleton/ds-skeleton.cjs +13 -0
- package/dist/components/ds-skeleton/ds-skeleton.config.cjs +62 -0
- package/dist/components/ds-skeleton/ds-skeleton.config.js +59 -0
- package/dist/components/ds-skeleton/ds-skeleton.config.js.map +1 -0
- package/dist/components/ds-skeleton/ds-skeleton.d.cts +32 -0
- package/dist/components/ds-skeleton/ds-skeleton.d.cts.map +1 -0
- package/dist/components/ds-skeleton/ds-skeleton.d.ts +32 -0
- package/dist/components/ds-skeleton/ds-skeleton.d.ts.map +1 -0
- package/dist/components/ds-skeleton/ds-skeleton.js +14 -0
- package/dist/components/ds-skeleton/ds-skeleton.js.map +1 -0
- package/dist/components/ds-skeleton/ds-skeleton.module.cjs +15 -0
- package/dist/components/ds-skeleton/ds-skeleton.module.js +15 -0
- package/dist/components/ds-skeleton/ds-skeleton.module.js.map +1 -0
- package/dist/components/ds-skeleton/ds-skeleton.types.cjs +8 -0
- package/dist/components/ds-skeleton/ds-skeleton.types.d.cts +91 -0
- package/dist/components/ds-skeleton/ds-skeleton.types.d.cts.map +1 -0
- package/dist/components/ds-skeleton/ds-skeleton.types.d.ts +93 -0
- package/dist/components/ds-skeleton/ds-skeleton.types.d.ts.map +1 -0
- package/dist/components/ds-skeleton/ds-skeleton.types.js +7 -0
- package/dist/components/ds-skeleton/ds-skeleton.types.js.map +1 -0
- package/dist/components/ds-skeleton/index.cjs +5 -0
- package/dist/components/ds-skeleton/index.d.ts +5 -0
- package/dist/components/ds-skeleton/index.js +5 -0
- package/dist/components/ds-smart-tabs/ds-smart-tabs.d.cts +2 -2
- package/dist/components/ds-smart-tabs/ds-smart-tabs.d.ts +2 -2
- package/dist/components/ds-smart-tabs/ds-smart-tabs.d.ts.map +1 -1
- package/dist/components/ds-spinner/ds-spinner.cjs +43 -45
- package/dist/components/ds-spinner/ds-spinner.js +43 -45
- package/dist/components/ds-spinner/ds-spinner.js.map +1 -1
- package/dist/components/ds-stepper/components/ds-step-content.d.cts +2 -2
- package/dist/components/ds-stepper/components/ds-step-content.d.ts +2 -2
- package/dist/components/ds-stepper/components/ds-step-next-button.d.cts +2 -2
- package/dist/components/ds-stepper/components/ds-step-next-button.d.ts +2 -2
- package/dist/components/ds-stepper/components/ds-step.d.cts +2 -2
- package/dist/components/ds-stepper/components/ds-step.d.ts +2 -2
- package/dist/components/ds-stepper/ds-stepper.d.cts +2 -2
- package/dist/components/ds-stepper/ds-stepper.d.ts +2 -2
- package/dist/components/ds-table/components/core-table/core-table.cjs +82 -185
- package/dist/components/ds-table/components/core-table/core-table.js +82 -185
- package/dist/components/ds-table/components/core-table/core-table.js.map +1 -1
- package/dist/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.cjs +61 -72
- package/dist/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.js +61 -72
- package/dist/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.js.map +1 -1
- package/dist/components/ds-table/components/ds-table-row/ds-table-row.cjs +80 -81
- package/dist/components/ds-table/components/ds-table-row/ds-table-row.js +80 -81
- package/dist/components/ds-table/components/ds-table-row/ds-table-row.js.map +1 -1
- package/dist/components/ds-table/ds-table.cjs +3 -3
- package/dist/components/ds-table/ds-table.d.cts +2 -3
- package/dist/components/ds-table/ds-table.d.cts.map +1 -1
- package/dist/components/ds-table/ds-table.d.ts +2 -3
- package/dist/components/ds-table/ds-table.d.ts.map +1 -1
- package/dist/components/ds-table/ds-table.js +3 -3
- package/dist/components/ds-table/ds-table.js.map +1 -1
- package/dist/components/ds-table/ds-table.types.d.cts +0 -4
- package/dist/components/ds-table/ds-table.types.d.cts.map +1 -1
- package/dist/components/ds-table/ds-table.types.d.ts +0 -4
- package/dist/components/ds-table/ds-table.types.d.ts.map +1 -1
- package/dist/components/ds-table/filters/adapters/create-dual-range-filter-adapter.cjs +7 -4
- package/dist/components/ds-table/filters/adapters/create-dual-range-filter-adapter.js +7 -4
- package/dist/components/ds-table/filters/adapters/create-dual-range-filter-adapter.js.map +1 -1
- package/dist/components/ds-table/filters/hooks/index.d.ts +1 -1
- package/dist/components/ds-table/filters/hooks/use-table-filters.cjs +180 -178
- package/dist/components/ds-table/filters/hooks/use-table-filters.d.cts +58 -25
- package/dist/components/ds-table/filters/hooks/use-table-filters.d.cts.map +1 -1
- package/dist/components/ds-table/filters/hooks/use-table-filters.d.ts +58 -25
- package/dist/components/ds-table/filters/hooks/use-table-filters.d.ts.map +1 -1
- package/dist/components/ds-table/filters/hooks/use-table-filters.js +180 -178
- package/dist/components/ds-table/filters/hooks/use-table-filters.js.map +1 -1
- package/dist/components/ds-table/filters/index.d.ts +1 -1
- package/dist/components/ds-table/index.d.ts +1 -1
- package/dist/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.cjs +37 -0
- package/dist/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.js +36 -0
- package/dist/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.js.map +1 -0
- package/dist/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.module.cjs +9 -0
- package/dist/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.module.js +9 -0
- package/dist/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.module.js.map +1 -0
- package/dist/components/ds-tabs/components/ds-tabs-content/index.cjs +1 -0
- package/dist/components/ds-tabs/components/ds-tabs-content/index.js +1 -0
- package/dist/components/ds-tabs/components/ds-tabs-list/ds-tabs-indicator.module.cjs +6 -0
- package/dist/components/ds-tabs/components/ds-tabs-list/ds-tabs-indicator.module.js +6 -0
- package/dist/components/ds-tabs/components/ds-tabs-list/ds-tabs-indicator.module.js.map +1 -0
- package/dist/components/ds-tabs/components/ds-tabs-list/ds-tabs-list.cjs +41 -0
- package/dist/components/ds-tabs/components/ds-tabs-list/ds-tabs-list.js +40 -0
- package/dist/components/ds-tabs/components/ds-tabs-list/ds-tabs-list.js.map +1 -0
- package/dist/components/ds-tabs/components/ds-tabs-list/ds-tabs-list.module.cjs +6 -0
- package/dist/components/ds-tabs/components/ds-tabs-list/ds-tabs-list.module.js +6 -0
- package/dist/components/ds-tabs/components/ds-tabs-list/ds-tabs-list.module.js.map +1 -0
- package/dist/components/ds-tabs/components/ds-tabs-list/index.cjs +1 -0
- package/dist/components/ds-tabs/components/ds-tabs-list/index.js +1 -0
- package/dist/components/ds-tabs/components/ds-tabs-tab/ds-tabs-tab.cjs +178 -0
- package/dist/components/ds-tabs/components/ds-tabs-tab/ds-tabs-tab.js +177 -0
- package/dist/components/ds-tabs/components/ds-tabs-tab/ds-tabs-tab.js.map +1 -0
- package/dist/components/ds-tabs/components/ds-tabs-tab/ds-tabs-tab.module.cjs +15 -0
- package/dist/components/ds-tabs/components/ds-tabs-tab/ds-tabs-tab.module.js +15 -0
- package/dist/components/ds-tabs/components/ds-tabs-tab/ds-tabs-tab.module.js.map +1 -0
- package/dist/components/ds-tabs/components/ds-tabs-tab/index.cjs +1 -0
- package/dist/components/ds-tabs/components/ds-tabs-tab/index.js +1 -0
- package/dist/components/ds-tabs/ds-tabs.cjs +71 -0
- package/dist/components/ds-tabs/ds-tabs.d.cts +43 -0
- package/dist/components/ds-tabs/ds-tabs.d.cts.map +1 -0
- package/dist/components/ds-tabs/ds-tabs.d.ts +43 -0
- package/dist/components/ds-tabs/ds-tabs.d.ts.map +1 -0
- package/dist/components/ds-tabs/ds-tabs.js +70 -0
- package/dist/components/ds-tabs/ds-tabs.js.map +1 -0
- package/dist/components/ds-tabs/ds-tabs.module.cjs +6 -0
- package/dist/components/ds-tabs/ds-tabs.module.js +6 -0
- package/dist/components/ds-tabs/ds-tabs.module.js.map +1 -0
- package/dist/components/ds-tabs/ds-tabs.types.d.cts +91 -0
- package/dist/components/ds-tabs/ds-tabs.types.d.cts.map +1 -0
- package/dist/components/ds-tabs/ds-tabs.types.d.ts +92 -0
- package/dist/components/ds-tabs/ds-tabs.types.d.ts.map +1 -0
- package/dist/components/ds-tabs/index.cjs +1 -0
- package/dist/components/ds-tabs/index.d.ts +2 -0
- package/dist/components/ds-tabs/index.js +1 -0
- package/dist/components/ds-tag/ds-tag.d.cts +2 -2
- package/dist/components/ds-tag/ds-tag.d.ts +2 -2
- package/dist/components/ds-tag-filter/ds-tag-filter.d.cts +2 -2
- package/dist/components/ds-tag-filter/ds-tag-filter.d.ts +2 -2
- package/dist/components/ds-toggle/ds-toggle.d.cts +2 -2
- package/dist/components/ds-toggle/ds-toggle.d.ts +2 -2
- package/dist/components/ds-vertical-tabs/ds-vertical-tabs.d.cts +5 -5
- package/dist/components/ds-vertical-tabs/ds-vertical-tabs.d.ts +5 -5
- package/dist/index.cjs +24 -1
- package/dist/index.d.cts +15 -4
- package/dist/index.d.ts +20 -5
- package/dist/index.js +15 -2
- package/dist/index.min.css +1 -1
- package/package.json +5 -3
- package/src/components/ds-autocomplete/ds-autocomplete.module.scss +257 -0
- package/src/components/ds-autocomplete/ds-autocomplete.tsx +130 -0
- package/src/components/ds-autocomplete/ds-autocomplete.types.tsx +76 -0
- package/src/components/ds-autocomplete/index.ts +2 -0
- package/src/components/ds-avatar/ds-avatar.module.scss +1 -1
- package/src/components/ds-avatar-group/ds-avatar-group.module.scss +1 -1
- package/src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.tsx +1 -7
- package/src/components/ds-button/versions/ds-button-new/ds-button-new.tsx +4 -2
- package/src/components/ds-chip-group/hooks/use-chip-row-calculation.ts +5 -0
- package/src/components/ds-confirmation/ds-confirmation.tsx +11 -115
- package/src/components/ds-confirmation/ds-confirmation.types.tsx +2 -1
- package/src/components/ds-date-input/ds-date-input.module.scss +1 -0
- package/src/components/ds-date-input/ds-date-input.utils.ts +16 -2
- package/src/components/ds-drawer/ds-drawer.tsx +4 -1
- package/src/components/ds-dropdown-menu/ds-dropdown-menu.module.scss +0 -1
- package/src/components/ds-dropdown-menu/ds-dropdown-menu.types.tsx +4 -1
- package/src/components/ds-file-upload/utils/format-file-size.ts +1 -1
- package/src/components/ds-form-control/ds-form-control.tsx +9 -2
- package/src/components/ds-loader/ds-loader.module.scss +57 -0
- package/src/components/ds-loader/ds-loader.tsx +18 -0
- package/src/components/ds-loader/ds-loader.types.ts +24 -0
- package/src/components/ds-loader/index.ts +2 -0
- package/src/components/ds-loader/pulsing-icon.tsx +17 -0
- package/src/components/ds-loader/spinner-icon.tsx +37 -0
- package/src/components/ds-modal/ds-modal.module.scss +123 -60
- package/src/components/ds-modal/ds-modal.tsx +12 -3
- package/src/components/ds-modal/ds-modal.types.tsx +14 -5
- package/src/components/ds-select/ds-select.tsx +1 -1
- package/src/components/ds-skeleton/ds-skeleton-circle.tsx +29 -0
- package/src/components/ds-skeleton/ds-skeleton-rect.tsx +36 -0
- package/src/components/ds-skeleton/ds-skeleton-text.tsx +49 -0
- package/src/components/ds-skeleton/ds-skeleton.config.ts +68 -0
- package/src/components/ds-skeleton/ds-skeleton.module.scss +72 -0
- package/src/components/ds-skeleton/ds-skeleton.tsx +9 -0
- package/src/components/ds-skeleton/ds-skeleton.types.ts +92 -0
- package/src/components/ds-skeleton/index.ts +5 -0
- package/src/components/ds-spinner/ds-spinner.tsx +1 -1
- package/src/components/ds-table/components/core-table/core-table.tsx +16 -16
- package/src/components/ds-table/components/ds-table-bulk-actions/ds-table-bulk-actions.tsx +10 -13
- package/src/components/ds-table/components/ds-table-row/ds-table-row.tsx +0 -2
- package/src/components/ds-table/ds-table.tsx +6 -5
- package/src/components/ds-table/ds-table.types.ts +0 -5
- package/src/components/ds-table/filters/adapters/create-dual-range-filter-adapter.tsx +2 -4
- package/src/components/ds-table/filters/hooks/index.ts +1 -1
- package/src/components/ds-table/filters/hooks/use-table-filters.ts +118 -112
- package/src/components/ds-table/utils/story-data-generator.ts +7 -7
- package/src/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.module.scss +22 -0
- package/src/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.tsx +12 -0
- package/src/components/ds-tabs/components/ds-tabs-content/index.ts +1 -0
- package/src/components/ds-tabs/components/ds-tabs-list/ds-tabs-indicator.module.scss +31 -0
- package/src/components/ds-tabs/components/ds-tabs-list/ds-tabs-list.module.scss +27 -0
- package/src/components/ds-tabs/components/ds-tabs-list/ds-tabs-list.tsx +14 -0
- package/src/components/ds-tabs/components/ds-tabs-list/index.ts +1 -0
- package/src/components/ds-tabs/components/ds-tabs-tab/ds-tabs-tab.module.scss +242 -0
- package/src/components/ds-tabs/components/ds-tabs-tab/ds-tabs-tab.tsx +130 -0
- package/src/components/ds-tabs/components/ds-tabs-tab/index.ts +1 -0
- package/src/components/ds-tabs/ds-tabs.module.scss +14 -0
- package/src/components/ds-tabs/ds-tabs.tsx +46 -0
- package/src/components/ds-tabs/ds-tabs.types.ts +97 -0
- package/src/components/ds-tabs/index.ts +2 -0
- package/src/index.ts +4 -0
- package/src/styles/shared/_modal.scss +0 -123
- package/dist/components/ds-confirmation/ds-confirmation.module.cjs +0 -21
- package/dist/components/ds-confirmation/ds-confirmation.module.js +0 -21
- package/dist/components/ds-confirmation/ds-confirmation.module.js.map +0 -1
- package/src/components/ds-confirmation/ds-confirmation.module.scss +0 -58
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
|
|
2
|
+
const require_ds_tabs_list = require('./components/ds-tabs-list/ds-tabs-list.cjs');
|
|
3
|
+
require('./components/ds-tabs-list/index.cjs');
|
|
4
|
+
const require_ds_tabs_tab = require('./components/ds-tabs-tab/ds-tabs-tab.cjs');
|
|
5
|
+
require('./components/ds-tabs-tab/index.cjs');
|
|
6
|
+
const require_ds_tabs_content = require('./components/ds-tabs-content/ds-tabs-content.cjs');
|
|
7
|
+
require('./components/ds-tabs-content/index.cjs');
|
|
8
|
+
const require_ds_tabs_module = require('./ds-tabs.module.cjs');
|
|
9
|
+
let react_compiler_runtime = require("react/compiler-runtime");
|
|
10
|
+
let classnames = require("classnames");
|
|
11
|
+
classnames = require_rolldown_runtime.__toESM(classnames);
|
|
12
|
+
let react_jsx_runtime = require("react/jsx-runtime");
|
|
13
|
+
let __ark_ui_react_tabs = require("@ark-ui/react/tabs");
|
|
14
|
+
|
|
15
|
+
//#region src/components/ds-tabs/ds-tabs.tsx
|
|
16
|
+
const DsTabsRoot = (t0) => {
|
|
17
|
+
const $ = (0, react_compiler_runtime.c)(13);
|
|
18
|
+
const { value, defaultValue, onValueChange, orientation: t1, size: t2, className, style, children } = t0;
|
|
19
|
+
const orientation = t1 === void 0 ? "horizontal" : t1;
|
|
20
|
+
const size = t2 === void 0 ? "medium" : t2;
|
|
21
|
+
let t3;
|
|
22
|
+
if ($[0] !== onValueChange) {
|
|
23
|
+
t3 = (details) => {
|
|
24
|
+
onValueChange?.(details.value);
|
|
25
|
+
};
|
|
26
|
+
$[0] = onValueChange;
|
|
27
|
+
$[1] = t3;
|
|
28
|
+
} else t3 = $[1];
|
|
29
|
+
const handleValueChange = t3;
|
|
30
|
+
let t4;
|
|
31
|
+
if ($[2] !== className) {
|
|
32
|
+
t4 = (0, classnames.default)(require_ds_tabs_module.default.root, className);
|
|
33
|
+
$[2] = className;
|
|
34
|
+
$[3] = t4;
|
|
35
|
+
} else t4 = $[3];
|
|
36
|
+
let t5;
|
|
37
|
+
if ($[4] !== children || $[5] !== defaultValue || $[6] !== handleValueChange || $[7] !== orientation || $[8] !== size || $[9] !== style || $[10] !== t4 || $[11] !== value) {
|
|
38
|
+
t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_tabs.Tabs.Root, {
|
|
39
|
+
orientation,
|
|
40
|
+
value,
|
|
41
|
+
defaultValue,
|
|
42
|
+
onValueChange: handleValueChange,
|
|
43
|
+
activationMode: "manual",
|
|
44
|
+
lazyMount: true,
|
|
45
|
+
unmountOnExit: true,
|
|
46
|
+
className: t4,
|
|
47
|
+
style,
|
|
48
|
+
"data-size": size,
|
|
49
|
+
children
|
|
50
|
+
});
|
|
51
|
+
$[4] = children;
|
|
52
|
+
$[5] = defaultValue;
|
|
53
|
+
$[6] = handleValueChange;
|
|
54
|
+
$[7] = orientation;
|
|
55
|
+
$[8] = size;
|
|
56
|
+
$[9] = style;
|
|
57
|
+
$[10] = t4;
|
|
58
|
+
$[11] = value;
|
|
59
|
+
$[12] = t5;
|
|
60
|
+
} else t5 = $[12];
|
|
61
|
+
return t5;
|
|
62
|
+
};
|
|
63
|
+
const DsTabs = {
|
|
64
|
+
Root: DsTabsRoot,
|
|
65
|
+
List: require_ds_tabs_list.DsTabsList,
|
|
66
|
+
Tab: require_ds_tabs_tab.DsTabsTab,
|
|
67
|
+
Content: require_ds_tabs_content.DsTabsContent
|
|
68
|
+
};
|
|
69
|
+
|
|
70
|
+
//#endregion
|
|
71
|
+
exports.DsTabs = DsTabs;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { DsTabsContentProps, DsTabsListProps, DsTabsProps, DsTabsTabProps } from "./ds-tabs.types.cjs";
|
|
2
|
+
import * as react_jsx_runtime47 from "react/jsx-runtime";
|
|
3
|
+
|
|
4
|
+
//#region src/components/ds-tabs/ds-tabs.d.ts
|
|
5
|
+
declare const DsTabs: {
|
|
6
|
+
Root: ({
|
|
7
|
+
value,
|
|
8
|
+
defaultValue,
|
|
9
|
+
onValueChange,
|
|
10
|
+
orientation,
|
|
11
|
+
size,
|
|
12
|
+
className,
|
|
13
|
+
style,
|
|
14
|
+
children
|
|
15
|
+
}: DsTabsProps) => react_jsx_runtime47.JSX.Element;
|
|
16
|
+
List: ({
|
|
17
|
+
className,
|
|
18
|
+
style,
|
|
19
|
+
children
|
|
20
|
+
}: DsTabsListProps) => react_jsx_runtime47.JSX.Element;
|
|
21
|
+
Tab: ({
|
|
22
|
+
value,
|
|
23
|
+
disabled,
|
|
24
|
+
icon,
|
|
25
|
+
label,
|
|
26
|
+
badge,
|
|
27
|
+
menuActionItems,
|
|
28
|
+
onMenuActionSelect,
|
|
29
|
+
tooltip,
|
|
30
|
+
className,
|
|
31
|
+
style,
|
|
32
|
+
children
|
|
33
|
+
}: DsTabsTabProps) => react_jsx_runtime47.JSX.Element;
|
|
34
|
+
Content: ({
|
|
35
|
+
value,
|
|
36
|
+
className,
|
|
37
|
+
style,
|
|
38
|
+
children
|
|
39
|
+
}: DsTabsContentProps) => react_jsx_runtime47.JSX.Element;
|
|
40
|
+
};
|
|
41
|
+
//#endregion
|
|
42
|
+
export { DsTabs };
|
|
43
|
+
//# sourceMappingURL=ds-tabs.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ds-tabs.d.cts","names":[],"sources":["../../../src/components/ds-tabs/ds-tabs.tsx"],"sourcesContent":[],"mappings":";;;;cAwCa;;;;;;;;;;KAvBV,gBAAW,mBAAA,CAAA,GAAA,CAAA;;;;;;EAuBD,GAAA,EAAA,CAAA;IAAA,KAKZ;IAAA,QAAA;IAAA,IAAA;IAAA,KAAA;IAAA,KAAA;IAAA,eAAA;IAAA,kBAAA;IAAA,OAAA;IAAA,SAAA;IAAA,KAAA;IAAA;EAAA,CAAA,gBAAA,EAAA,kCAAA"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { DsTabsContentProps, DsTabsListProps, DsTabsProps, DsTabsTabProps } from "./ds-tabs.types.js";
|
|
2
|
+
import * as react_jsx_runtime49 from "react/jsx-runtime";
|
|
3
|
+
|
|
4
|
+
//#region src/components/ds-tabs/ds-tabs.d.ts
|
|
5
|
+
declare const DsTabs: {
|
|
6
|
+
Root: ({
|
|
7
|
+
value,
|
|
8
|
+
defaultValue,
|
|
9
|
+
onValueChange,
|
|
10
|
+
orientation,
|
|
11
|
+
size,
|
|
12
|
+
className,
|
|
13
|
+
style,
|
|
14
|
+
children
|
|
15
|
+
}: DsTabsProps) => react_jsx_runtime49.JSX.Element;
|
|
16
|
+
List: ({
|
|
17
|
+
className,
|
|
18
|
+
style,
|
|
19
|
+
children
|
|
20
|
+
}: DsTabsListProps) => react_jsx_runtime49.JSX.Element;
|
|
21
|
+
Tab: ({
|
|
22
|
+
value,
|
|
23
|
+
disabled,
|
|
24
|
+
icon,
|
|
25
|
+
label,
|
|
26
|
+
badge,
|
|
27
|
+
menuActionItems,
|
|
28
|
+
onMenuActionSelect,
|
|
29
|
+
tooltip,
|
|
30
|
+
className,
|
|
31
|
+
style,
|
|
32
|
+
children
|
|
33
|
+
}: DsTabsTabProps) => react_jsx_runtime49.JSX.Element;
|
|
34
|
+
Content: ({
|
|
35
|
+
value,
|
|
36
|
+
className,
|
|
37
|
+
style,
|
|
38
|
+
children
|
|
39
|
+
}: DsTabsContentProps) => react_jsx_runtime49.JSX.Element;
|
|
40
|
+
};
|
|
41
|
+
//#endregion
|
|
42
|
+
export { DsTabs };
|
|
43
|
+
//# sourceMappingURL=ds-tabs.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ds-tabs.d.ts","names":[],"sources":["../../../src/components/ds-tabs/ds-tabs.tsx"],"sourcesContent":[],"mappings":";;;;cAwCa;;;;;;;;;;KAvBV,gBAAW,mBAAA,CAAA,GAAA,CAAA;;;;;;EAuBD,GAAA,EAAA,CAAA;IAAA,KAKZ;IAAA,QAAA;IAAA,IAAA;IAAA,KAAA;IAAA,KAAA;IAAA,eAAA;IAAA,kBAAA;IAAA,OAAA;IAAA,SAAA;IAAA,KAAA;IAAA;EAAA,CAAA,gBAAA,EAAA,kCAAA"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import { DsTabsList } from "./components/ds-tabs-list/ds-tabs-list.js";
|
|
2
|
+
import "./components/ds-tabs-list/index.js";
|
|
3
|
+
import { DsTabsTab } from "./components/ds-tabs-tab/ds-tabs-tab.js";
|
|
4
|
+
import "./components/ds-tabs-tab/index.js";
|
|
5
|
+
import { DsTabsContent } from "./components/ds-tabs-content/ds-tabs-content.js";
|
|
6
|
+
import "./components/ds-tabs-content/index.js";
|
|
7
|
+
import ds_tabs_module_default from "./ds-tabs.module.js";
|
|
8
|
+
import { c } from "react/compiler-runtime";
|
|
9
|
+
import classNames from "classnames";
|
|
10
|
+
import { jsx } from "react/jsx-runtime";
|
|
11
|
+
import { Tabs } from "@ark-ui/react/tabs";
|
|
12
|
+
|
|
13
|
+
//#region src/components/ds-tabs/ds-tabs.tsx
|
|
14
|
+
const DsTabsRoot = (t0) => {
|
|
15
|
+
const $ = c(13);
|
|
16
|
+
const { value, defaultValue, onValueChange, orientation: t1, size: t2, className, style, children } = t0;
|
|
17
|
+
const orientation = t1 === void 0 ? "horizontal" : t1;
|
|
18
|
+
const size = t2 === void 0 ? "medium" : t2;
|
|
19
|
+
let t3;
|
|
20
|
+
if ($[0] !== onValueChange) {
|
|
21
|
+
t3 = (details) => {
|
|
22
|
+
onValueChange?.(details.value);
|
|
23
|
+
};
|
|
24
|
+
$[0] = onValueChange;
|
|
25
|
+
$[1] = t3;
|
|
26
|
+
} else t3 = $[1];
|
|
27
|
+
const handleValueChange = t3;
|
|
28
|
+
let t4;
|
|
29
|
+
if ($[2] !== className) {
|
|
30
|
+
t4 = classNames(ds_tabs_module_default.root, className);
|
|
31
|
+
$[2] = className;
|
|
32
|
+
$[3] = t4;
|
|
33
|
+
} else t4 = $[3];
|
|
34
|
+
let t5;
|
|
35
|
+
if ($[4] !== children || $[5] !== defaultValue || $[6] !== handleValueChange || $[7] !== orientation || $[8] !== size || $[9] !== style || $[10] !== t4 || $[11] !== value) {
|
|
36
|
+
t5 = /* @__PURE__ */ jsx(Tabs.Root, {
|
|
37
|
+
orientation,
|
|
38
|
+
value,
|
|
39
|
+
defaultValue,
|
|
40
|
+
onValueChange: handleValueChange,
|
|
41
|
+
activationMode: "manual",
|
|
42
|
+
lazyMount: true,
|
|
43
|
+
unmountOnExit: true,
|
|
44
|
+
className: t4,
|
|
45
|
+
style,
|
|
46
|
+
"data-size": size,
|
|
47
|
+
children
|
|
48
|
+
});
|
|
49
|
+
$[4] = children;
|
|
50
|
+
$[5] = defaultValue;
|
|
51
|
+
$[6] = handleValueChange;
|
|
52
|
+
$[7] = orientation;
|
|
53
|
+
$[8] = size;
|
|
54
|
+
$[9] = style;
|
|
55
|
+
$[10] = t4;
|
|
56
|
+
$[11] = value;
|
|
57
|
+
$[12] = t5;
|
|
58
|
+
} else t5 = $[12];
|
|
59
|
+
return t5;
|
|
60
|
+
};
|
|
61
|
+
const DsTabs = {
|
|
62
|
+
Root: DsTabsRoot,
|
|
63
|
+
List: DsTabsList,
|
|
64
|
+
Tab: DsTabsTab,
|
|
65
|
+
Content: DsTabsContent
|
|
66
|
+
};
|
|
67
|
+
|
|
68
|
+
//#endregion
|
|
69
|
+
export { DsTabs };
|
|
70
|
+
//# sourceMappingURL=ds-tabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ds-tabs.js","names":["Tabs","classNames","DsTabsList","DsTabsTab","DsTabsContent","DsTabsProps","styles","DsTabsRoot","t0","$","_c","value","defaultValue","onValueChange","orientation","t1","size","t2","className","style","children","undefined","t3","details","handleValueChange","t4","root","t5","DsTabs","Root","List","Tab","Content"],"sources":["../../../src/components/ds-tabs/ds-tabs.tsx"],"sourcesContent":["import { Tabs } from '@ark-ui/react/tabs';\nimport classNames from 'classnames';\nimport { DsTabsList } from './components/ds-tabs-list';\nimport { DsTabsTab } from './components/ds-tabs-tab';\nimport { DsTabsContent } from './components/ds-tabs-content';\nimport type { DsTabsProps } from './ds-tabs.types';\nimport styles from './ds-tabs.module.scss';\n\nconst DsTabsRoot = ({\n\tvalue,\n\tdefaultValue,\n\tonValueChange,\n\torientation = 'horizontal',\n\tsize = 'medium',\n\tclassName,\n\tstyle,\n\tchildren,\n}: DsTabsProps) => {\n\tconst handleValueChange = (details: { value: string | null }) => {\n\t\tonValueChange?.(details.value);\n\t};\n\n\treturn (\n\t\t<Tabs.Root\n\t\t\torientation={orientation}\n\t\t\tvalue={value}\n\t\t\tdefaultValue={defaultValue}\n\t\t\tonValueChange={handleValueChange}\n\t\t\tactivationMode=\"manual\"\n\t\t\tlazyMount\n\t\t\tunmountOnExit\n\t\t\tclassName={classNames(styles.root, className)}\n\t\t\tstyle={style}\n\t\t\tdata-size={size}\n\t\t>\n\t\t\t{children}\n\t\t</Tabs.Root>\n\t);\n};\n\nexport const DsTabs = {\n\tRoot: DsTabsRoot,\n\tList: DsTabsList,\n\tTab: DsTabsTab,\n\tContent: DsTabsContent,\n};\n"],"mappings":";;;;;;;;;;;;;AAQA,MAAMO,cAAaC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAC,OAAAC,cAAAC,eAAAC,aAAAC,IAAAC,MAAAC,IAAAC,WAAAC,OAAAC,aAAAZ;CAInB,MAAAM,cAAAC,OAAAM,SAAA,eAAAN;CACA,MAAAC,OAAAC,OAAAI,SAAA,WAAAJ;CAAe,IAAAK;AAAA,KAAAb,EAAA,OAAAI,eAAA;AAKWS,QAAAC,YAAA;AACzBV,mBAAgBU,QAAOZ,MAAO;;AAC9BF,IAAA,KAAAI;AAAAJ,IAAA,KAAAa;OAAAA,MAAAb,EAAA;CAFD,MAAAe,oBAA0BF;CAExB,IAAAG;AAAA,KAAAhB,EAAA,OAAAS,WAAA;AAWWO,OAAAxB,WAAWK,uBAAMoB,MAAOR,UAAU;AAAAT,IAAA,KAAAS;AAAAT,IAAA,KAAAgB;OAAAA,MAAAhB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,OAAAW,YAAAX,EAAA,OAAAG,gBAAAH,EAAA,OAAAe,qBAAAf,EAAA,OAAAK,eAAAL,EAAA,OAAAO,QAAAP,EAAA,OAAAU,SAAAV,EAAA,QAAAgB,MAAAhB,EAAA,QAAAE,OAAA;AAR9CgB,OAAA,oBAAA,KAAA;GACcb;GACNH;GACOC;GACCY,eAAAA;GACA,gBAAA;GACf,WAAA;GACA,eAAA;GACW,WAAAC;GACJN;GACIH,aAAAA;GAEVI;IACU;AAAAX,IAAA,KAAAW;AAAAX,IAAA,KAAAG;AAAAH,IAAA,KAAAe;AAAAf,IAAA,KAAAK;AAAAL,IAAA,KAAAO;AAAAP,IAAA,KAAAU;AAAAV,IAAA,MAAAgB;AAAAhB,IAAA,MAAAE;AAAAF,IAAA,MAAAkB;OAAAA,MAAAlB,EAAA;AAAA,QAbZkB;;AAiBF,MAAaC,SAAS;CACrBC,MAAMtB;CACNuB,MAAM5B;CACN6B,KAAK5B;CACL6B,SAAS5B;CACT"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ds-tabs.module.js","names":[],"sources":["../../../src/components/ds-tabs/ds-tabs.module.scss"],"sourcesContent":[".root {\n\tdisplay: flex;\n\twidth: 100%;\n\n\t&[data-orientation='vertical'] {\n\t\tflex-direction: row;\n\t\tgap: var(--spacing-lg);\n\t}\n\n\t&[data-orientation='horizontal'] {\n\t\tflex-direction: column;\n\t\tgap: 0;\n\t}\n}\n"],"mappings":""}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { IconType } from "../ds-icon/ds-icon.types.cjs";
|
|
2
|
+
import { CSSProperties, ReactNode } from "react";
|
|
3
|
+
|
|
4
|
+
//#region src/components/ds-tabs/ds-tabs.types.d.ts
|
|
5
|
+
type DsTabsSize = 'medium' | 'small';
|
|
6
|
+
type DsTabsOrientation = 'horizontal' | 'vertical';
|
|
7
|
+
/**
|
|
8
|
+
* Menu action item configuration
|
|
9
|
+
*/
|
|
10
|
+
interface DsTabsMenuActionItem {
|
|
11
|
+
/** Unique value for the action */
|
|
12
|
+
value: string;
|
|
13
|
+
/** Display label */
|
|
14
|
+
label: string;
|
|
15
|
+
/** Whether the action is disabled */
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
}
|
|
18
|
+
interface DsTabsProps {
|
|
19
|
+
/** Current active tab value */
|
|
20
|
+
value?: string;
|
|
21
|
+
/** Default tab value for uncontrolled mode */
|
|
22
|
+
defaultValue?: string;
|
|
23
|
+
/** Callback when tab changes */
|
|
24
|
+
onValueChange?: (value: string | null) => void;
|
|
25
|
+
/** Tab orientation */
|
|
26
|
+
orientation?: DsTabsOrientation;
|
|
27
|
+
/** Tab size variant */
|
|
28
|
+
size?: DsTabsSize;
|
|
29
|
+
/** Custom className */
|
|
30
|
+
className?: string;
|
|
31
|
+
/** Custom styles */
|
|
32
|
+
style?: CSSProperties;
|
|
33
|
+
/** Children components */
|
|
34
|
+
children: ReactNode;
|
|
35
|
+
}
|
|
36
|
+
interface DsTabsListProps {
|
|
37
|
+
/** Custom className */
|
|
38
|
+
className?: string;
|
|
39
|
+
/** Custom styles */
|
|
40
|
+
style?: CSSProperties;
|
|
41
|
+
/** Children components (DsTabsTab) */
|
|
42
|
+
children: ReactNode;
|
|
43
|
+
}
|
|
44
|
+
type DsTabsTabBaseProps = {
|
|
45
|
+
/** Unique value for this tab */
|
|
46
|
+
value: string;
|
|
47
|
+
/** Menu action items to display in dropdown */
|
|
48
|
+
menuActionItems?: DsTabsMenuActionItem[];
|
|
49
|
+
/** Callback when a menu action is selected */
|
|
50
|
+
onMenuActionSelect?: (value: string) => void;
|
|
51
|
+
/** Tooltip text to show on hover */
|
|
52
|
+
tooltip?: string;
|
|
53
|
+
/** Disabled state */
|
|
54
|
+
disabled?: boolean;
|
|
55
|
+
/** Custom className */
|
|
56
|
+
className?: string;
|
|
57
|
+
/** Custom styles */
|
|
58
|
+
style?: CSSProperties;
|
|
59
|
+
};
|
|
60
|
+
type DsTabsTabProps = DsTabsTabBaseProps & ({
|
|
61
|
+
/** Custom children (overrides default rendering) */
|
|
62
|
+
children: ReactNode;
|
|
63
|
+
/** Tab label text */
|
|
64
|
+
label?: never;
|
|
65
|
+
/** Leading icon name (Material Icons) or SVG component */
|
|
66
|
+
icon?: never;
|
|
67
|
+
/** Badge count or text */
|
|
68
|
+
badge?: never;
|
|
69
|
+
} | {
|
|
70
|
+
/** Custom children (overrides default rendering) */
|
|
71
|
+
children?: never;
|
|
72
|
+
/** Tab label text */
|
|
73
|
+
label?: string;
|
|
74
|
+
/** Leading icon name (Material Icons) or SVG component */
|
|
75
|
+
icon?: IconType;
|
|
76
|
+
/** Badge count or text */
|
|
77
|
+
badge?: string | number;
|
|
78
|
+
});
|
|
79
|
+
interface DsTabsContentProps {
|
|
80
|
+
/** Value matching the tab this content belongs to */
|
|
81
|
+
value: string;
|
|
82
|
+
/** Custom className */
|
|
83
|
+
className?: string;
|
|
84
|
+
/** Custom styles */
|
|
85
|
+
style?: CSSProperties;
|
|
86
|
+
/** Content to display */
|
|
87
|
+
children: ReactNode;
|
|
88
|
+
}
|
|
89
|
+
//#endregion
|
|
90
|
+
export { DsTabsContentProps, DsTabsListProps, DsTabsMenuActionItem, DsTabsOrientation, DsTabsProps, DsTabsSize, DsTabsTabProps };
|
|
91
|
+
//# sourceMappingURL=ds-tabs.types.d.cts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ds-tabs.types.d.cts","names":[],"sources":["../../../src/components/ds-tabs/ds-tabs.types.ts"],"sourcesContent":[],"mappings":";;;;KAGY,UAAA;KACA,iBAAA;AADZ;AACA;AAKA;AASiB,UATA,oBAAA,CASW;EAQb;EAEP,KAAA,EAAA,MAAA;EAIC;EAEE,KAAA,EAAA,MAAA;EAAS;EAGH,QAAA,CAAA,EAAA,OAAe;AAO/B;AAmBW,UA7CK,WAAA,CA6CS;EAAG;EAIf,KAAA,CAAA,EAAA,MAAA;EAcH;EAAQ,YAAA,CAAA,EAAA,MAAA;EAMF;;;gBA7DF;;SAEP;;;;UAIC;;YAEE;;UAGM,eAAA;;;;UAIR;;YAEE;;KAGN,kBAAA;;;;oBAIc;;;;;;;;;;UAUV;;KAGG,cAAA,GAAiB;;YAIf;;;;;;;;;;;;;SAcH;;;;UAMM,kBAAA;;;;;;UAMR;;YAEE"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { IconType } from "../ds-icon/ds-icon.types.js";
|
|
2
|
+
import "../ds-icon/index.js";
|
|
3
|
+
import { CSSProperties, ReactNode } from "react";
|
|
4
|
+
|
|
5
|
+
//#region src/components/ds-tabs/ds-tabs.types.d.ts
|
|
6
|
+
type DsTabsSize = 'medium' | 'small';
|
|
7
|
+
type DsTabsOrientation = 'horizontal' | 'vertical';
|
|
8
|
+
/**
|
|
9
|
+
* Menu action item configuration
|
|
10
|
+
*/
|
|
11
|
+
interface DsTabsMenuActionItem {
|
|
12
|
+
/** Unique value for the action */
|
|
13
|
+
value: string;
|
|
14
|
+
/** Display label */
|
|
15
|
+
label: string;
|
|
16
|
+
/** Whether the action is disabled */
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
}
|
|
19
|
+
interface DsTabsProps {
|
|
20
|
+
/** Current active tab value */
|
|
21
|
+
value?: string;
|
|
22
|
+
/** Default tab value for uncontrolled mode */
|
|
23
|
+
defaultValue?: string;
|
|
24
|
+
/** Callback when tab changes */
|
|
25
|
+
onValueChange?: (value: string | null) => void;
|
|
26
|
+
/** Tab orientation */
|
|
27
|
+
orientation?: DsTabsOrientation;
|
|
28
|
+
/** Tab size variant */
|
|
29
|
+
size?: DsTabsSize;
|
|
30
|
+
/** Custom className */
|
|
31
|
+
className?: string;
|
|
32
|
+
/** Custom styles */
|
|
33
|
+
style?: CSSProperties;
|
|
34
|
+
/** Children components */
|
|
35
|
+
children: ReactNode;
|
|
36
|
+
}
|
|
37
|
+
interface DsTabsListProps {
|
|
38
|
+
/** Custom className */
|
|
39
|
+
className?: string;
|
|
40
|
+
/** Custom styles */
|
|
41
|
+
style?: CSSProperties;
|
|
42
|
+
/** Children components (DsTabsTab) */
|
|
43
|
+
children: ReactNode;
|
|
44
|
+
}
|
|
45
|
+
type DsTabsTabBaseProps = {
|
|
46
|
+
/** Unique value for this tab */
|
|
47
|
+
value: string;
|
|
48
|
+
/** Menu action items to display in dropdown */
|
|
49
|
+
menuActionItems?: DsTabsMenuActionItem[];
|
|
50
|
+
/** Callback when a menu action is selected */
|
|
51
|
+
onMenuActionSelect?: (value: string) => void;
|
|
52
|
+
/** Tooltip text to show on hover */
|
|
53
|
+
tooltip?: string;
|
|
54
|
+
/** Disabled state */
|
|
55
|
+
disabled?: boolean;
|
|
56
|
+
/** Custom className */
|
|
57
|
+
className?: string;
|
|
58
|
+
/** Custom styles */
|
|
59
|
+
style?: CSSProperties;
|
|
60
|
+
};
|
|
61
|
+
type DsTabsTabProps = DsTabsTabBaseProps & ({
|
|
62
|
+
/** Custom children (overrides default rendering) */
|
|
63
|
+
children: ReactNode;
|
|
64
|
+
/** Tab label text */
|
|
65
|
+
label?: never;
|
|
66
|
+
/** Leading icon name (Material Icons) or SVG component */
|
|
67
|
+
icon?: never;
|
|
68
|
+
/** Badge count or text */
|
|
69
|
+
badge?: never;
|
|
70
|
+
} | {
|
|
71
|
+
/** Custom children (overrides default rendering) */
|
|
72
|
+
children?: never;
|
|
73
|
+
/** Tab label text */
|
|
74
|
+
label?: string;
|
|
75
|
+
/** Leading icon name (Material Icons) or SVG component */
|
|
76
|
+
icon?: IconType;
|
|
77
|
+
/** Badge count or text */
|
|
78
|
+
badge?: string | number;
|
|
79
|
+
});
|
|
80
|
+
interface DsTabsContentProps {
|
|
81
|
+
/** Value matching the tab this content belongs to */
|
|
82
|
+
value: string;
|
|
83
|
+
/** Custom className */
|
|
84
|
+
className?: string;
|
|
85
|
+
/** Custom styles */
|
|
86
|
+
style?: CSSProperties;
|
|
87
|
+
/** Content to display */
|
|
88
|
+
children: ReactNode;
|
|
89
|
+
}
|
|
90
|
+
//#endregion
|
|
91
|
+
export { DsTabsContentProps, DsTabsListProps, DsTabsMenuActionItem, DsTabsOrientation, DsTabsProps, DsTabsSize, DsTabsTabProps };
|
|
92
|
+
//# sourceMappingURL=ds-tabs.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ds-tabs.types.d.ts","names":[],"sources":["../../../src/components/ds-tabs/ds-tabs.types.ts"],"sourcesContent":[],"mappings":";;;;;KAGY,UAAA;KACA,iBAAA;;AADZ;AACA;AAKiB,UAAA,oBAAA,CAAoB;EASpB;EAQF,KAAA,EAAA,MAAA;EAEP;EAIC,KAAA,EAAA,MAAA;EAEE;EAAS,QAAA,CAAA,EAAA,OAAA;AAGpB;AASK,UA5BY,WAAA,CA4BM;EAiBX;EAAiB,KAAA,CAAA,EAAA,MAAA;EAIf;EAcH,YAAA,CAAA,EAAA,MAAA;EAAQ;EAMF,aAAA,CAAA,EAAA,CAAA,KAAkB,EAAA,MAAA,GAAA,IAM1B,EAAA,GAAA,IAAA;;gBAnEM;;SAEP;;;;UAIC;;YAEE;;UAGM,eAAA;;;;UAIR;;YAEE;;KAGN,kBAAA;;;;oBAIc;;;;;;;;;;UAUV;;KAGG,cAAA,GAAiB;;YAIf;;;;;;;;;;;;;SAcH;;;;UAMM,kBAAA;;;;;;UAMR;;YAEE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
const require_ds_tabs = require('./ds-tabs.cjs');
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import { DsTabs } from "./ds-tabs.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DsTagProps } from "./ds-tag.types.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime55 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/ds-tag/ds-tag.d.ts
|
|
5
5
|
/**
|
|
@@ -19,7 +19,7 @@ declare const DsTag: ({
|
|
|
19
19
|
onDelete,
|
|
20
20
|
slots,
|
|
21
21
|
...rest
|
|
22
|
-
}: DsTagProps) =>
|
|
22
|
+
}: DsTagProps) => react_jsx_runtime55.JSX.Element;
|
|
23
23
|
//#endregion
|
|
24
24
|
export { DsTag };
|
|
25
25
|
//# sourceMappingURL=ds-tag.d.cts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DsTagProps } from "./ds-tag.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime53 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/ds-tag/ds-tag.d.ts
|
|
5
5
|
/**
|
|
@@ -19,7 +19,7 @@ declare const DsTag: ({
|
|
|
19
19
|
onDelete,
|
|
20
20
|
slots,
|
|
21
21
|
...rest
|
|
22
|
-
}: DsTagProps) =>
|
|
22
|
+
}: DsTagProps) => react_jsx_runtime53.JSX.Element;
|
|
23
23
|
//#endregion
|
|
24
24
|
export { DsTag };
|
|
25
25
|
//# sourceMappingURL=ds-tag.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DsTagFilterProps } from "./ds-tag-filter.types.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime56 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/ds-tag-filter/ds-tag-filter.d.ts
|
|
5
5
|
|
|
@@ -18,7 +18,7 @@ declare const DsTagFilter: ({
|
|
|
18
18
|
onItemDelete,
|
|
19
19
|
onItemSelect,
|
|
20
20
|
onExpand
|
|
21
|
-
}: DsTagFilterProps) =>
|
|
21
|
+
}: DsTagFilterProps) => react_jsx_runtime56.JSX.Element | null;
|
|
22
22
|
//#endregion
|
|
23
23
|
export { DsTagFilter };
|
|
24
24
|
//# sourceMappingURL=ds-tag-filter.d.cts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DsTagFilterProps } from "./ds-tag-filter.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime54 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/ds-tag-filter/ds-tag-filter.d.ts
|
|
5
5
|
|
|
@@ -18,7 +18,7 @@ declare const DsTagFilter: ({
|
|
|
18
18
|
onItemDelete,
|
|
19
19
|
onItemSelect,
|
|
20
20
|
onExpand
|
|
21
|
-
}: DsTagFilterProps) =>
|
|
21
|
+
}: DsTagFilterProps) => react_jsx_runtime54.JSX.Element | null;
|
|
22
22
|
//#endregion
|
|
23
23
|
export { DsTagFilter };
|
|
24
24
|
//# sourceMappingURL=ds-tag-filter.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DsToggleProps } from "./ds-toggle.types.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime57 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/ds-toggle/ds-toggle.d.ts
|
|
5
5
|
/**
|
|
@@ -18,7 +18,7 @@ declare const DsToggle: ({
|
|
|
18
18
|
children,
|
|
19
19
|
checked,
|
|
20
20
|
...rest
|
|
21
|
-
}: DsToggleProps) =>
|
|
21
|
+
}: DsToggleProps) => react_jsx_runtime57.JSX.Element;
|
|
22
22
|
//#endregion
|
|
23
23
|
export { DsToggle };
|
|
24
24
|
//# sourceMappingURL=ds-toggle.d.cts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DsToggleProps } from "./ds-toggle.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime55 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/ds-toggle/ds-toggle.d.ts
|
|
5
5
|
/**
|
|
@@ -18,7 +18,7 @@ declare const DsToggle: ({
|
|
|
18
18
|
children,
|
|
19
19
|
checked,
|
|
20
20
|
...rest
|
|
21
|
-
}: DsToggleProps) =>
|
|
21
|
+
}: DsToggleProps) => react_jsx_runtime55.JSX.Element;
|
|
22
22
|
//#endregion
|
|
23
23
|
export { DsToggle };
|
|
24
24
|
//# sourceMappingURL=ds-toggle.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DsVerticalTabsContentProps, DsVerticalTabsListProps, DsVerticalTabsRootProps, DsVerticalTabsTabProps } from "./ds-vertical-tabs.types.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime58 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/ds-vertical-tabs/ds-vertical-tabs.d.ts
|
|
5
5
|
|
|
@@ -28,22 +28,22 @@ declare const DsVerticalTabs: {
|
|
|
28
28
|
className,
|
|
29
29
|
style,
|
|
30
30
|
children
|
|
31
|
-
}: DsVerticalTabsRootProps):
|
|
31
|
+
}: DsVerticalTabsRootProps): react_jsx_runtime58.JSX.Element;
|
|
32
32
|
List: ({
|
|
33
33
|
className,
|
|
34
34
|
children
|
|
35
|
-
}: DsVerticalTabsListProps) =>
|
|
35
|
+
}: DsVerticalTabsListProps) => react_jsx_runtime58.JSX.Element;
|
|
36
36
|
Tab: ({
|
|
37
37
|
value,
|
|
38
38
|
disabled,
|
|
39
39
|
className,
|
|
40
40
|
children
|
|
41
|
-
}: DsVerticalTabsTabProps) =>
|
|
41
|
+
}: DsVerticalTabsTabProps) => react_jsx_runtime58.JSX.Element;
|
|
42
42
|
Content: ({
|
|
43
43
|
value,
|
|
44
44
|
className,
|
|
45
45
|
children
|
|
46
|
-
}: DsVerticalTabsContentProps) =>
|
|
46
|
+
}: DsVerticalTabsContentProps) => react_jsx_runtime58.JSX.Element;
|
|
47
47
|
};
|
|
48
48
|
//#endregion
|
|
49
49
|
export { DsVerticalTabs };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DsVerticalTabsContentProps, DsVerticalTabsListProps, DsVerticalTabsRootProps, DsVerticalTabsTabProps } from "./ds-vertical-tabs.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime56 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/ds-vertical-tabs/ds-vertical-tabs.d.ts
|
|
5
5
|
|
|
@@ -28,22 +28,22 @@ declare const DsVerticalTabs: {
|
|
|
28
28
|
className,
|
|
29
29
|
style,
|
|
30
30
|
children
|
|
31
|
-
}: DsVerticalTabsRootProps):
|
|
31
|
+
}: DsVerticalTabsRootProps): react_jsx_runtime56.JSX.Element;
|
|
32
32
|
List: ({
|
|
33
33
|
className,
|
|
34
34
|
children
|
|
35
|
-
}: DsVerticalTabsListProps) =>
|
|
35
|
+
}: DsVerticalTabsListProps) => react_jsx_runtime56.JSX.Element;
|
|
36
36
|
Tab: ({
|
|
37
37
|
value,
|
|
38
38
|
disabled,
|
|
39
39
|
className,
|
|
40
40
|
children
|
|
41
|
-
}: DsVerticalTabsTabProps) =>
|
|
41
|
+
}: DsVerticalTabsTabProps) => react_jsx_runtime56.JSX.Element;
|
|
42
42
|
Content: ({
|
|
43
43
|
value,
|
|
44
44
|
className,
|
|
45
45
|
children
|
|
46
|
-
}: DsVerticalTabsContentProps) =>
|
|
46
|
+
}: DsVerticalTabsContentProps) => react_jsx_runtime56.JSX.Element;
|
|
47
47
|
};
|
|
48
48
|
//#endregion
|
|
49
49
|
export { DsVerticalTabs };
|