@techsio/ui-kit 0.3.1 → 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/README.md +59 -6
- package/dist/.storybook/decorator.d.ts +12 -0
- package/dist/.storybook/decorator.d.ts.map +1 -0
- package/dist/.storybook/main.d.ts +4 -0
- package/dist/.storybook/main.d.ts.map +1 -0
- package/dist/.storybook/preview.d.ts +5 -0
- package/dist/.storybook/preview.d.ts.map +1 -0
- package/dist/.storybook/test-runner.d.ts +12 -0
- package/dist/.storybook/test-runner.d.ts.map +1 -0
- package/dist/atoms/badge.js +37 -19
- package/dist/atoms/button.js +167 -154
- package/dist/atoms/checkbox.js +52 -0
- package/dist/atoms/figma/badge.figma.js +33 -0
- package/dist/atoms/figma/button.figma.js +76 -0
- package/dist/atoms/figma/checkbox.figma.js +35 -0
- package/dist/atoms/figma/icon.figma.js +33 -0
- package/dist/atoms/figma/image.figma.js +21 -0
- package/dist/atoms/figma/input.figma.js +34 -0
- package/dist/atoms/figma/label.figma.js +25 -0
- package/dist/atoms/figma/link-button.figma.js +42 -0
- package/dist/atoms/figma/link.figma.js +15 -0
- package/dist/atoms/figma/numeric-input.figma.js +52 -0
- package/dist/atoms/figma/rating.figma.js +38 -0
- package/dist/atoms/figma/skeleton.figma.js +119 -0
- package/dist/atoms/figma/status-text.figma.js +27 -0
- package/dist/atoms/figma/textarea.figma.js +38 -0
- package/dist/atoms/figma/tooltip.figma.js +47 -0
- package/dist/atoms/icon.js +17 -17
- package/dist/atoms/image.js +22 -4
- package/dist/atoms/input.js +40 -34
- package/dist/atoms/label.js +10 -10
- package/dist/atoms/link-button.js +19 -18
- package/dist/atoms/link.js +6 -4
- package/dist/atoms/numeric-input.js +98 -70
- package/dist/atoms/rating.js +30 -30
- package/dist/atoms/skeleton.js +47 -47
- package/dist/atoms/status-text.js +75 -0
- package/dist/atoms/textarea.js +48 -42
- package/dist/atoms/tooltip.js +17 -17
- package/dist/molecules/accordion.js +58 -60
- package/dist/molecules/breadcrumb.js +206 -124
- package/dist/molecules/carousel.js +139 -87
- package/dist/molecules/color-select.js +56 -56
- package/dist/molecules/combobox.js +131 -104
- package/dist/molecules/dialog.js +97 -97
- package/dist/molecules/figma/accordion.figma.js +41 -0
- package/dist/molecules/figma/breadcrumb.figma.js +31 -0
- package/dist/molecules/figma/carousel.figma.js +34 -0
- package/dist/molecules/figma/combobox.figma.js +38 -0
- package/dist/molecules/figma/dialog.figma.js +24 -0
- package/dist/molecules/figma/form-checkbox.figma.js +41 -0
- package/dist/molecules/figma/form-input.figma.js +38 -0
- package/dist/molecules/figma/form-numeric-input.figma.js +67 -0
- package/dist/molecules/figma/form-textarea.figma.js +38 -0
- package/dist/molecules/figma/menu.figma.js +26 -0
- package/dist/molecules/figma/pagination.figma.js +22 -0
- package/dist/molecules/figma/popover.figma.js +38 -0
- package/dist/molecules/figma/product-card.figma.js +34 -0
- package/dist/molecules/figma/radio-card.figma.js +35 -0
- package/dist/molecules/figma/radio-group.figma.js +45 -0
- package/dist/molecules/figma/search-form.figma.js +24 -0
- package/dist/molecules/figma/select.figma.js +46 -0
- package/dist/molecules/figma/slider.figma.js +30 -0
- package/dist/molecules/figma/steps.figma.js +33 -0
- package/dist/molecules/figma/switch.figma.js +33 -0
- package/dist/molecules/figma/tabs.figma.js +46 -0
- package/dist/molecules/figma/toast.figma.js +34 -0
- package/dist/molecules/figma/tree-view.figma.js +30 -0
- package/dist/molecules/form-checkbox.js +121 -48
- package/dist/molecules/form-input.js +15 -27
- package/dist/molecules/form-numeric-input.js +11 -24
- package/dist/molecules/form-textarea.js +15 -27
- package/dist/molecules/menu.js +69 -67
- package/dist/molecules/pagination.js +112 -76
- package/dist/molecules/phone-input.js +654 -0
- package/dist/molecules/popover.js +221 -96
- package/dist/molecules/product-card.js +38 -37
- package/dist/molecules/radio-card.js +517 -0
- package/dist/molecules/radio-group.js +341 -0
- package/dist/molecules/search-form.js +170 -91
- package/dist/molecules/select.js +369 -141
- package/dist/molecules/slider.js +72 -85
- package/dist/molecules/steps.js +517 -152
- package/dist/molecules/switch.js +37 -43
- package/dist/molecules/tabs.js +63 -61
- package/dist/molecules/toast.js +32 -32
- package/dist/molecules/tree-view.js +89 -83
- package/dist/organisms/footer.js +50 -52
- package/dist/organisms/gallery.js +244 -0
- package/dist/organisms/header.js +60 -58
- package/dist/organisms/table.js +52 -52
- package/dist/src/atoms/badge.d.ts +27 -7
- package/dist/src/atoms/badge.d.ts.map +1 -1
- package/dist/src/atoms/button.d.ts +7 -6
- package/dist/src/atoms/button.d.ts.map +1 -1
- package/dist/src/atoms/checkbox.d.ts +11 -0
- package/dist/src/atoms/checkbox.d.ts.map +1 -0
- package/dist/src/atoms/figma/badge.figma.d.ts +2 -0
- package/dist/src/atoms/figma/badge.figma.d.ts.map +1 -0
- package/dist/src/atoms/figma/button.figma.d.ts +2 -0
- package/dist/src/atoms/figma/button.figma.d.ts.map +1 -0
- package/dist/src/atoms/figma/checkbox.figma.d.ts +2 -0
- package/dist/src/atoms/figma/checkbox.figma.d.ts.map +1 -0
- package/dist/src/atoms/figma/icon.figma.d.ts +2 -0
- package/dist/src/atoms/figma/icon.figma.d.ts.map +1 -0
- package/dist/src/atoms/figma/image.figma.d.ts +2 -0
- package/dist/src/atoms/figma/image.figma.d.ts.map +1 -0
- package/dist/src/atoms/figma/input.figma.d.ts +2 -0
- package/dist/src/atoms/figma/input.figma.d.ts.map +1 -0
- package/dist/src/atoms/figma/label.figma.d.ts +2 -0
- package/dist/src/atoms/figma/label.figma.d.ts.map +1 -0
- package/dist/src/atoms/figma/link-button.figma.d.ts +2 -0
- package/dist/src/atoms/figma/link-button.figma.d.ts.map +1 -0
- package/dist/src/atoms/figma/link.figma.d.ts +2 -0
- package/dist/src/atoms/figma/link.figma.d.ts.map +1 -0
- package/dist/src/atoms/figma/numeric-input.figma.d.ts +2 -0
- package/dist/src/atoms/figma/numeric-input.figma.d.ts.map +1 -0
- package/dist/src/atoms/figma/rating.figma.d.ts +2 -0
- package/dist/src/atoms/figma/rating.figma.d.ts.map +1 -0
- package/dist/src/atoms/figma/skeleton.figma.d.ts +2 -0
- package/dist/src/atoms/figma/skeleton.figma.d.ts.map +1 -0
- package/dist/src/atoms/figma/status-text.figma.d.ts +2 -0
- package/dist/src/atoms/figma/status-text.figma.d.ts.map +1 -0
- package/dist/src/atoms/figma/textarea.figma.d.ts +2 -0
- package/dist/src/atoms/figma/textarea.figma.d.ts.map +1 -0
- package/dist/src/atoms/figma/tooltip.figma.d.ts +2 -0
- package/dist/src/atoms/figma/tooltip.figma.d.ts.map +1 -0
- package/dist/src/atoms/icon.d.ts +6 -6
- package/dist/src/atoms/image.d.ts +35 -9
- package/dist/src/atoms/image.d.ts.map +1 -1
- package/dist/src/atoms/input.d.ts +3 -3
- package/dist/src/atoms/input.d.ts.map +1 -1
- package/dist/src/atoms/label.d.ts +2 -2
- package/dist/src/atoms/link-button.d.ts +71 -12
- package/dist/src/atoms/link-button.d.ts.map +1 -1
- package/dist/src/atoms/link.d.ts +5 -5
- package/dist/src/atoms/link.d.ts.map +1 -1
- package/dist/src/atoms/numeric-input.d.ts +23 -22
- package/dist/src/atoms/numeric-input.d.ts.map +1 -1
- package/dist/src/atoms/rating.d.ts +6 -5
- package/dist/src/atoms/rating.d.ts.map +1 -1
- package/dist/src/atoms/skeleton.d.ts +15 -15
- package/dist/src/atoms/skeleton.d.ts.map +1 -1
- package/dist/src/atoms/status-text.d.ts +97 -0
- package/dist/src/atoms/status-text.d.ts.map +1 -0
- package/dist/src/atoms/textarea.d.ts +3 -3
- package/dist/src/atoms/textarea.d.ts.map +1 -1
- package/dist/src/atoms/tooltip.d.ts +3 -3
- package/dist/src/atoms/tooltip.d.ts.map +1 -1
- package/dist/src/molecules/accordion.d.ts +14 -13
- package/dist/src/molecules/accordion.d.ts.map +1 -1
- package/dist/src/molecules/breadcrumb.d.ts +132 -35
- package/dist/src/molecules/breadcrumb.d.ts.map +1 -1
- package/dist/src/molecules/carousel.d.ts +67 -16
- package/dist/src/molecules/carousel.d.ts.map +1 -1
- package/dist/src/molecules/color-select.d.ts +4 -4
- package/dist/src/molecules/combobox.d.ts +36 -9
- package/dist/src/molecules/combobox.d.ts.map +1 -1
- package/dist/src/molecules/dialog.d.ts +3 -3
- package/dist/src/molecules/dialog.d.ts.map +1 -1
- package/dist/src/molecules/figma/accordion.figma.d.ts +2 -0
- package/dist/src/molecules/figma/accordion.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/breadcrumb.figma.d.ts +2 -0
- package/dist/src/molecules/figma/breadcrumb.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/carousel.figma.d.ts +2 -0
- package/dist/src/molecules/figma/carousel.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/combobox.figma.d.ts +2 -0
- package/dist/src/molecules/figma/combobox.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/dialog.figma.d.ts +2 -0
- package/dist/src/molecules/figma/dialog.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/form-checkbox.figma.d.ts +2 -0
- package/dist/src/molecules/figma/form-checkbox.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/form-input.figma.d.ts +2 -0
- package/dist/src/molecules/figma/form-input.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/form-numeric-input.figma.d.ts +2 -0
- package/dist/src/molecules/figma/form-numeric-input.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/form-textarea.figma.d.ts +2 -0
- package/dist/src/molecules/figma/form-textarea.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/menu.figma.d.ts +2 -0
- package/dist/src/molecules/figma/menu.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/pagination.figma.d.ts +2 -0
- package/dist/src/molecules/figma/pagination.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/popover.figma.d.ts +2 -0
- package/dist/src/molecules/figma/popover.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/product-card.figma.d.ts +2 -0
- package/dist/src/molecules/figma/product-card.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/radio-card.figma.d.ts +2 -0
- package/dist/src/molecules/figma/radio-card.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/radio-group.figma.d.ts +2 -0
- package/dist/src/molecules/figma/radio-group.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/search-form.figma.d.ts +2 -0
- package/dist/src/molecules/figma/search-form.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/select.figma.d.ts +2 -0
- package/dist/src/molecules/figma/select.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/slider.figma.d.ts +2 -0
- package/dist/src/molecules/figma/slider.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/steps.figma.d.ts +2 -0
- package/dist/src/molecules/figma/steps.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/switch.figma.d.ts +2 -0
- package/dist/src/molecules/figma/switch.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/tabs.figma.d.ts +2 -0
- package/dist/src/molecules/figma/tabs.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/toast.figma.d.ts +2 -0
- package/dist/src/molecules/figma/toast.figma.d.ts.map +1 -0
- package/dist/src/molecules/figma/tree-view.figma.d.ts +2 -0
- package/dist/src/molecules/figma/tree-view.figma.d.ts.map +1 -0
- package/dist/src/molecules/form-checkbox.d.ts +22 -12
- package/dist/src/molecules/form-checkbox.d.ts.map +1 -1
- package/dist/src/molecules/form-input.d.ts +8 -6
- package/dist/src/molecules/form-input.d.ts.map +1 -1
- package/dist/src/molecules/form-numeric-input.d.ts +6 -6
- package/dist/src/molecules/form-numeric-input.d.ts.map +1 -1
- package/dist/src/molecules/form-textarea.d.ts +8 -6
- package/dist/src/molecules/form-textarea.d.ts.map +1 -1
- package/dist/src/molecules/menu.d.ts +11 -11
- package/dist/src/molecules/menu.d.ts.map +1 -1
- package/dist/src/molecules/pagination.d.ts +37 -9
- package/dist/src/molecules/pagination.d.ts.map +1 -1
- package/dist/src/molecules/phone-input.d.ts +246 -0
- package/dist/src/molecules/phone-input.d.ts.map +1 -0
- package/dist/src/molecules/popover.d.ts +76 -24
- package/dist/src/molecules/popover.d.ts.map +1 -1
- package/dist/src/molecules/product-card.d.ts +11 -10
- package/dist/src/molecules/product-card.d.ts.map +1 -1
- package/dist/src/molecules/radio-card.d.ts +429 -0
- package/dist/src/molecules/radio-card.d.ts.map +1 -0
- package/dist/src/molecules/radio-group.d.ts +245 -0
- package/dist/src/molecules/radio-group.d.ts.map +1 -0
- package/dist/src/molecules/search-form.d.ts +94 -27
- package/dist/src/molecules/search-form.d.ts.map +1 -1
- package/dist/src/molecules/select.d.ts +124 -30
- package/dist/src/molecules/select.d.ts.map +1 -1
- package/dist/src/molecules/slider.d.ts +9 -12
- package/dist/src/molecules/slider.d.ts.map +1 -1
- package/dist/src/molecules/steps.d.ts +236 -64
- package/dist/src/molecules/steps.d.ts.map +1 -1
- package/dist/src/molecules/switch.d.ts +7 -7
- package/dist/src/molecules/switch.d.ts.map +1 -1
- package/dist/src/molecules/tabs.d.ts +10 -10
- package/dist/src/molecules/tabs.d.ts.map +1 -1
- package/dist/src/molecules/toast.d.ts +6 -6
- package/dist/src/molecules/tree-view.d.ts +14 -14
- package/dist/src/molecules/tree-view.d.ts.map +1 -1
- package/dist/src/organisms/footer.d.ts +15 -6
- package/dist/src/organisms/footer.d.ts.map +1 -1
- package/dist/src/organisms/gallery.d.ts +147 -0
- package/dist/src/organisms/gallery.d.ts.map +1 -0
- package/dist/src/organisms/header.d.ts +9 -9
- package/dist/src/organisms/header.d.ts.map +1 -1
- package/dist/src/organisms/table.d.ts +10 -10
- package/dist/src/organisms/table.d.ts.map +1 -1
- package/dist/src/templates/accordion.d.ts +3 -3
- package/dist/src/templates/breadcrumb.d.ts +28 -0
- package/dist/src/templates/breadcrumb.d.ts.map +1 -0
- package/dist/src/templates/carousel.d.ts +4 -4
- package/dist/src/templates/carousel.d.ts.map +1 -1
- package/dist/src/templates/gallery.d.ts +43 -0
- package/dist/src/templates/gallery.d.ts.map +1 -0
- package/dist/src/templates/numeric-input.d.ts +5 -5
- package/dist/src/templates/popover.d.ts +19 -0
- package/dist/src/templates/popover.d.ts.map +1 -0
- package/dist/src/templates/product-card.d.ts +4 -4
- package/dist/src/templates/select.d.ts +22 -0
- package/dist/src/templates/select.d.ts.map +1 -0
- package/dist/src/templates/tabs.d.ts +4 -4
- package/dist/src/types/zag.d.ts +19 -18
- package/dist/src/types/zag.d.ts.map +1 -1
- package/dist/src/utils.d.ts +1 -1
- package/dist/src/utils.d.ts.map +1 -1
- package/dist/stories/atoms/badge.stories.d.ts +12 -0
- package/dist/stories/atoms/badge.stories.d.ts.map +1 -0
- package/dist/stories/atoms/button.stories.d.ts +12 -0
- package/dist/stories/atoms/button.stories.d.ts.map +1 -0
- package/dist/stories/atoms/checkbox.stories.d.ts +56 -0
- package/dist/stories/atoms/checkbox.stories.d.ts.map +1 -0
- package/dist/stories/atoms/icon.stories.d.ts +11 -0
- package/dist/stories/atoms/icon.stories.d.ts.map +1 -0
- package/dist/stories/atoms/image.stories.d.ts +8 -0
- package/dist/stories/atoms/image.stories.d.ts.map +1 -0
- package/dist/stories/atoms/input.stories.d.ts +8 -0
- package/dist/stories/atoms/input.stories.d.ts.map +1 -0
- package/dist/stories/atoms/numeric-input.stories.d.ts +23 -0
- package/dist/stories/atoms/numeric-input.stories.d.ts.map +1 -0
- package/dist/stories/atoms/rating.stories.d.ts +10 -0
- package/dist/stories/atoms/rating.stories.d.ts.map +1 -0
- package/dist/stories/atoms/skeleton.stories.d.ts +34 -0
- package/dist/stories/atoms/skeleton.stories.d.ts.map +1 -0
- package/dist/stories/atoms/status-text.stories.d.ts +15 -0
- package/dist/stories/atoms/status-text.stories.d.ts.map +1 -0
- package/dist/stories/atoms/textarea.stories.d.ts +12 -0
- package/dist/stories/atoms/textarea.stories.d.ts.map +1 -0
- package/dist/stories/atoms/tooltip.stories.d.ts +28 -0
- package/dist/stories/atoms/tooltip.stories.d.ts.map +1 -0
- package/dist/stories/helpers/icon-options.d.ts +4 -0
- package/dist/stories/helpers/icon-options.d.ts.map +1 -0
- package/dist/stories/molecules/accordion.stories.d.ts +14 -0
- package/dist/stories/molecules/accordion.stories.d.ts.map +1 -0
- package/dist/stories/molecules/breadcrumb.stories.d.ts +14 -0
- package/dist/stories/molecules/breadcrumb.stories.d.ts.map +1 -0
- package/dist/stories/molecules/carousel.stories.d.ts +19 -0
- package/dist/stories/molecules/carousel.stories.d.ts.map +1 -0
- package/dist/stories/molecules/color-select.stories.d.ts +12 -0
- package/dist/stories/molecules/color-select.stories.d.ts.map +1 -0
- package/dist/stories/molecules/combobox.stories.d.ts +11 -0
- package/dist/stories/molecules/combobox.stories.d.ts.map +1 -0
- package/dist/stories/molecules/dialog.stories.d.ts +19 -0
- package/dist/stories/molecules/dialog.stories.d.ts.map +1 -0
- package/dist/stories/molecules/form-checkbox.stories.d.ts +17 -0
- package/dist/stories/molecules/form-checkbox.stories.d.ts.map +1 -0
- package/dist/stories/molecules/form-input.stories.d.ts +12 -0
- package/dist/stories/molecules/form-input.stories.d.ts.map +1 -0
- package/dist/stories/molecules/form-numeric-input.stories.d.ts +17 -0
- package/dist/stories/molecules/form-numeric-input.stories.d.ts.map +1 -0
- package/dist/stories/molecules/form-textarea.stories.d.ts +12 -0
- package/dist/stories/molecules/form-textarea.stories.d.ts.map +1 -0
- package/dist/stories/molecules/menu.stories.d.ts +22 -0
- package/dist/stories/molecules/menu.stories.d.ts.map +1 -0
- package/dist/stories/molecules/pagination.stories.d.ts +13 -0
- package/dist/stories/molecules/pagination.stories.d.ts.map +1 -0
- package/dist/stories/molecules/phone-input.stories.d.ts +19 -0
- package/dist/stories/molecules/phone-input.stories.d.ts.map +1 -0
- package/dist/stories/molecules/popover.stories.d.ts +140 -0
- package/dist/stories/molecules/popover.stories.d.ts.map +1 -0
- package/dist/stories/molecules/product-card.stories.d.ts +41 -0
- package/dist/stories/molecules/product-card.stories.d.ts.map +1 -0
- package/dist/stories/molecules/radio-card.stories.d.ts +13 -0
- package/dist/stories/molecules/radio-card.stories.d.ts.map +1 -0
- package/dist/stories/molecules/radio-group.stories.d.ts +13 -0
- package/dist/stories/molecules/radio-group.stories.d.ts.map +1 -0
- package/dist/stories/molecules/search-form.stories.d.ts +16 -0
- package/dist/stories/molecules/search-form.stories.d.ts.map +1 -0
- package/dist/stories/molecules/select.stories.d.ts +19 -0
- package/dist/stories/molecules/select.stories.d.ts.map +1 -0
- package/dist/stories/molecules/slider.stories.d.ts +19 -0
- package/dist/stories/molecules/slider.stories.d.ts.map +1 -0
- package/dist/stories/molecules/steps.stories.d.ts +19 -0
- package/dist/stories/molecules/steps.stories.d.ts.map +1 -0
- package/dist/stories/molecules/switch.stories.d.ts +13 -0
- package/dist/stories/molecules/switch.stories.d.ts.map +1 -0
- package/dist/stories/molecules/tabs.stories.d.ts +18 -0
- package/dist/stories/molecules/tabs.stories.d.ts.map +1 -0
- package/dist/stories/molecules/toast.stories.d.ts +11 -0
- package/dist/stories/molecules/toast.stories.d.ts.map +1 -0
- package/dist/stories/molecules/tree-view.stories.d.ts +17 -0
- package/dist/stories/molecules/tree-view.stories.d.ts.map +1 -0
- package/dist/stories/organisms/footer.stories.d.ts +12 -0
- package/dist/stories/organisms/footer.stories.d.ts.map +1 -0
- package/dist/stories/organisms/gallery.stories.d.ts +73 -0
- package/dist/stories/organisms/gallery.stories.d.ts.map +1 -0
- package/dist/stories/organisms/header.stories.d.ts +12 -0
- package/dist/stories/organisms/header.stories.d.ts.map +1 -0
- package/dist/stories/organisms/table.stories.d.ts +56 -0
- package/dist/stories/organisms/table.stories.d.ts.map +1 -0
- package/dist/stories/overview/apca-contrast-test.stories.d.ts +8 -0
- package/dist/stories/overview/apca-contrast-test.stories.d.ts.map +1 -0
- package/dist/stories/overview/color-palette.stories.d.ts +8 -0
- package/dist/stories/overview/color-palette.stories.d.ts.map +1 -0
- package/dist/stories/overview/component-comparison.stories.d.ts +6 -0
- package/dist/stories/overview/component-comparison.stories.d.ts.map +1 -0
- package/dist/stories/templates/accordion.stories.d.ts +8 -0
- package/dist/stories/templates/accordion.stories.d.ts.map +1 -0
- package/dist/stories/templates/breadcrumb.stories.d.ts +12 -0
- package/dist/stories/templates/breadcrumb.stories.d.ts.map +1 -0
- package/dist/stories/templates/carousel.stories.d.ts +8 -0
- package/dist/stories/templates/carousel.stories.d.ts.map +1 -0
- package/dist/stories/templates/comprehensive-form.stories.d.ts +26 -0
- package/dist/stories/templates/comprehensive-form.stories.d.ts.map +1 -0
- package/dist/stories/templates/gallery.stories.d.ts +7 -0
- package/dist/stories/templates/gallery.stories.d.ts.map +1 -0
- package/dist/stories/templates/numeric-input.stories.d.ts +8 -0
- package/dist/stories/templates/numeric-input.stories.d.ts.map +1 -0
- package/dist/stories/templates/popover.stories.d.ts +55 -0
- package/dist/stories/templates/popover.stories.d.ts.map +1 -0
- package/dist/stories/templates/product-card.stories.d.ts +10 -0
- package/dist/stories/templates/product-card.stories.d.ts.map +1 -0
- package/dist/stories/templates/select.stories.d.ts +10 -0
- package/dist/stories/templates/select.stories.d.ts.map +1 -0
- package/dist/stories/templates/tabs.stories.d.ts +8 -0
- package/dist/stories/templates/tabs.stories.d.ts.map +1 -0
- package/dist/templates/accordion.js +9 -9
- package/dist/templates/breadcrumb.js +78 -0
- package/dist/templates/carousel.js +13 -15
- package/dist/templates/gallery.js +89 -0
- package/dist/templates/numeric-input.js +4 -4
- package/dist/templates/popover.js +35 -0
- package/dist/templates/product-card.js +10 -10
- package/dist/templates/select.js +43 -0
- package/dist/templates/tabs.js +8 -8
- package/dist/test/visual.spec.d.ts +2 -0
- package/dist/test/visual.spec.d.ts.map +1 -0
- package/dist/utils.js +1 -1
- package/package.json +41 -28
- package/src/tokens/_base.css +3 -3
- package/src/tokens/_layout.css +4 -0
- package/src/tokens/_semantic.css +49 -10
- package/src/tokens/_tokens-base.css +67 -0
- package/src/tokens/_typography.css +36 -6
- package/src/tokens/components/_form-control.css +67 -0
- package/src/tokens/components/atoms/_badge.css +16 -5
- package/src/tokens/components/atoms/_button.css +16 -10
- package/src/tokens/components/atoms/_checkbox.css +52 -0
- package/src/tokens/components/atoms/_icon.css +90 -2
- package/src/tokens/components/atoms/_image.css +5 -0
- package/src/tokens/components/atoms/_input.css +11 -32
- package/src/tokens/components/atoms/_label.css +11 -0
- package/src/tokens/components/atoms/_numeric-input.css +27 -13
- package/src/tokens/components/atoms/_rating.css +2 -2
- package/src/tokens/components/atoms/_status-text.css +32 -0
- package/src/tokens/components/atoms/_textarea.css +15 -17
- package/src/tokens/components/components.css +10 -1
- package/src/tokens/components/molecules/_accordion.css +1 -8
- package/src/tokens/components/molecules/_breadcrumb.css +42 -20
- package/src/tokens/components/molecules/_carousel.css +10 -2
- package/src/tokens/components/molecules/_color-select.css +3 -3
- package/src/tokens/components/molecules/_combobox.css +15 -21
- package/src/tokens/components/molecules/_dialog.css +0 -1
- package/src/tokens/components/molecules/_menu.css +0 -1
- package/src/tokens/components/molecules/_pagination.css +3 -3
- package/src/tokens/components/molecules/_phone-input.css +63 -0
- package/src/tokens/components/molecules/_popover.css +3 -0
- package/src/tokens/components/molecules/_product-card.css +9 -1
- package/src/tokens/components/molecules/_radio-card.css +197 -0
- package/src/tokens/components/molecules/_radio-group.css +150 -0
- package/src/tokens/components/molecules/_search-form.css +7 -3
- package/src/tokens/components/molecules/_select.css +41 -20
- package/src/tokens/components/molecules/_steps.css +115 -34
- package/src/tokens/components/molecules/_toast.css +5 -5
- package/src/tokens/components/molecules/_tree-view.css +5 -6
- package/src/tokens/components/organisms/_footer.css +1 -6
- package/src/tokens/components/organisms/_gallery.css +35 -0
- package/src/tokens/components/organisms/_header.css +8 -0
- package/src/tokens/figma/dark/variables.css +1406 -0
- package/src/tokens/figma/light/variables.css +1406 -0
- package/src/tokens/index.css +1 -65
- package/src/tokens/tokens-only.css +1 -64
- package/dist/atoms/error-text.js +0 -38
- package/dist/atoms/extra-text.js +0 -27
- package/dist/molecules/checkbox.js +0 -98
- package/dist/src/atoms/error-text.d.ts +0 -29
- package/dist/src/atoms/error-text.d.ts.map +0 -1
- package/dist/src/atoms/extra-text.d.ts +0 -27
- package/dist/src/atoms/extra-text.d.ts.map +0 -1
- package/dist/src/molecules/checkbox.d.ts +0 -19
- package/dist/src/molecules/checkbox.d.ts.map +0 -1
- package/src/tokens/components/molecules/_checkbox.css +0 -34
- package/src/tokens/components/molecules/index.css +0 -2
|
@@ -1,28 +1,45 @@
|
|
|
1
|
-
import type
|
|
2
|
-
import {
|
|
3
|
-
import { type IconType } from
|
|
4
|
-
|
|
1
|
+
import { type ComponentPropsWithoutRef, type ElementType, type Ref } from "react";
|
|
2
|
+
import type { VariantProps } from "tailwind-variants";
|
|
3
|
+
import { type IconProps, type IconType } from "../atoms/icon";
|
|
4
|
+
import { type LinkProps } from "../atoms/link";
|
|
5
|
+
declare const BreadcrumbVariants: import("tailwind-variants").TVReturnType<{
|
|
6
|
+
variant: {
|
|
7
|
+
plain: {};
|
|
8
|
+
underline: {
|
|
9
|
+
link: string;
|
|
10
|
+
currentLink: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
5
13
|
size: {
|
|
6
14
|
sm: {
|
|
7
15
|
root: string;
|
|
8
16
|
list: string;
|
|
9
|
-
|
|
17
|
+
link: string;
|
|
18
|
+
currentLink: string;
|
|
19
|
+
iconSize: string;
|
|
10
20
|
separator: string;
|
|
11
|
-
|
|
21
|
+
separatorIconSize: string;
|
|
22
|
+
ellipsisIconSize: string;
|
|
12
23
|
};
|
|
13
24
|
md: {
|
|
14
25
|
root: string;
|
|
15
26
|
list: string;
|
|
16
|
-
|
|
27
|
+
link: string;
|
|
28
|
+
currentLink: string;
|
|
29
|
+
iconSize: string;
|
|
17
30
|
separator: string;
|
|
18
|
-
|
|
31
|
+
separatorIconSize: string;
|
|
32
|
+
ellipsisIconSize: string;
|
|
19
33
|
};
|
|
20
34
|
lg: {
|
|
21
35
|
root: string;
|
|
22
36
|
list: string;
|
|
23
|
-
|
|
37
|
+
link: string;
|
|
38
|
+
currentLink: string;
|
|
39
|
+
iconSize: string;
|
|
24
40
|
separator: string;
|
|
25
|
-
|
|
41
|
+
separatorIconSize: string;
|
|
42
|
+
ellipsisIconSize: string;
|
|
26
43
|
};
|
|
27
44
|
};
|
|
28
45
|
}, {
|
|
@@ -31,30 +48,52 @@ declare const breadcrumbsVariants: import("tailwind-variants").TVReturnType<{
|
|
|
31
48
|
item: string[];
|
|
32
49
|
link: string[];
|
|
33
50
|
currentLink: string[];
|
|
51
|
+
icon: string[];
|
|
52
|
+
iconSize: string;
|
|
34
53
|
separator: string[];
|
|
54
|
+
separatorIcon: string[];
|
|
55
|
+
separatorIconSize: string;
|
|
35
56
|
ellipsis: string[];
|
|
57
|
+
ellipsisIcon: string[];
|
|
58
|
+
ellipsisIconSize: string;
|
|
36
59
|
}, undefined, {
|
|
60
|
+
variant: {
|
|
61
|
+
plain: {};
|
|
62
|
+
underline: {
|
|
63
|
+
link: string;
|
|
64
|
+
currentLink: string;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
37
67
|
size: {
|
|
38
68
|
sm: {
|
|
39
69
|
root: string;
|
|
40
70
|
list: string;
|
|
41
|
-
|
|
71
|
+
link: string;
|
|
72
|
+
currentLink: string;
|
|
73
|
+
iconSize: string;
|
|
42
74
|
separator: string;
|
|
43
|
-
|
|
75
|
+
separatorIconSize: string;
|
|
76
|
+
ellipsisIconSize: string;
|
|
44
77
|
};
|
|
45
78
|
md: {
|
|
46
79
|
root: string;
|
|
47
80
|
list: string;
|
|
48
|
-
|
|
81
|
+
link: string;
|
|
82
|
+
currentLink: string;
|
|
83
|
+
iconSize: string;
|
|
49
84
|
separator: string;
|
|
50
|
-
|
|
85
|
+
separatorIconSize: string;
|
|
86
|
+
ellipsisIconSize: string;
|
|
51
87
|
};
|
|
52
88
|
lg: {
|
|
53
89
|
root: string;
|
|
54
90
|
list: string;
|
|
55
|
-
|
|
91
|
+
link: string;
|
|
92
|
+
currentLink: string;
|
|
93
|
+
iconSize: string;
|
|
56
94
|
separator: string;
|
|
57
|
-
|
|
95
|
+
separatorIconSize: string;
|
|
96
|
+
ellipsisIconSize: string;
|
|
58
97
|
};
|
|
59
98
|
};
|
|
60
99
|
}, {
|
|
@@ -63,30 +102,52 @@ declare const breadcrumbsVariants: import("tailwind-variants").TVReturnType<{
|
|
|
63
102
|
item: string[];
|
|
64
103
|
link: string[];
|
|
65
104
|
currentLink: string[];
|
|
105
|
+
icon: string[];
|
|
106
|
+
iconSize: string;
|
|
66
107
|
separator: string[];
|
|
108
|
+
separatorIcon: string[];
|
|
109
|
+
separatorIconSize: string;
|
|
67
110
|
ellipsis: string[];
|
|
111
|
+
ellipsisIcon: string[];
|
|
112
|
+
ellipsisIconSize: string;
|
|
68
113
|
}, import("tailwind-variants").TVReturnType<{
|
|
114
|
+
variant: {
|
|
115
|
+
plain: {};
|
|
116
|
+
underline: {
|
|
117
|
+
link: string;
|
|
118
|
+
currentLink: string;
|
|
119
|
+
};
|
|
120
|
+
};
|
|
69
121
|
size: {
|
|
70
122
|
sm: {
|
|
71
123
|
root: string;
|
|
72
124
|
list: string;
|
|
73
|
-
|
|
125
|
+
link: string;
|
|
126
|
+
currentLink: string;
|
|
127
|
+
iconSize: string;
|
|
74
128
|
separator: string;
|
|
75
|
-
|
|
129
|
+
separatorIconSize: string;
|
|
130
|
+
ellipsisIconSize: string;
|
|
76
131
|
};
|
|
77
132
|
md: {
|
|
78
133
|
root: string;
|
|
79
134
|
list: string;
|
|
80
|
-
|
|
135
|
+
link: string;
|
|
136
|
+
currentLink: string;
|
|
137
|
+
iconSize: string;
|
|
81
138
|
separator: string;
|
|
82
|
-
|
|
139
|
+
separatorIconSize: string;
|
|
140
|
+
ellipsisIconSize: string;
|
|
83
141
|
};
|
|
84
142
|
lg: {
|
|
85
143
|
root: string;
|
|
86
144
|
list: string;
|
|
87
|
-
|
|
145
|
+
link: string;
|
|
146
|
+
currentLink: string;
|
|
147
|
+
iconSize: string;
|
|
88
148
|
separator: string;
|
|
89
|
-
|
|
149
|
+
separatorIconSize: string;
|
|
150
|
+
ellipsisIconSize: string;
|
|
90
151
|
};
|
|
91
152
|
};
|
|
92
153
|
}, {
|
|
@@ -95,23 +156,59 @@ declare const breadcrumbsVariants: import("tailwind-variants").TVReturnType<{
|
|
|
95
156
|
item: string[];
|
|
96
157
|
link: string[];
|
|
97
158
|
currentLink: string[];
|
|
159
|
+
icon: string[];
|
|
160
|
+
iconSize: string;
|
|
98
161
|
separator: string[];
|
|
162
|
+
separatorIcon: string[];
|
|
163
|
+
separatorIconSize: string;
|
|
99
164
|
ellipsis: string[];
|
|
165
|
+
ellipsisIcon: string[];
|
|
166
|
+
ellipsisIconSize: string;
|
|
100
167
|
}, undefined, unknown, unknown, undefined>>;
|
|
101
|
-
export type
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
separator?: IconType;
|
|
106
|
-
isCurrent?: boolean;
|
|
168
|
+
export type BreadcrumbSize = NonNullable<VariantProps<typeof BreadcrumbVariants>["size"]>;
|
|
169
|
+
export type BreadcrumbVariant = NonNullable<VariantProps<typeof BreadcrumbVariants>["variant"]>;
|
|
170
|
+
export type BreadcrumbRootProps = ComponentPropsWithoutRef<"nav"> & VariantProps<typeof BreadcrumbVariants> & {
|
|
171
|
+
ref?: Ref<HTMLElement>;
|
|
107
172
|
};
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
className
|
|
112
|
-
|
|
113
|
-
|
|
173
|
+
export declare function Breadcrumb({ children, className, ref, size, variant, "aria-label": ariaLabel, ...props }: BreadcrumbRootProps): import("react/jsx-runtime").JSX.Element;
|
|
174
|
+
export declare namespace Breadcrumb {
|
|
175
|
+
var List: ({ children, className, ref, ...props }: BreadcrumbListProps) => import("react/jsx-runtime").JSX.Element;
|
|
176
|
+
var Item: ({ children, className, ref, ...props }: BreadcrumbItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
177
|
+
var Link: <T extends ElementType = "a">({ children, className, ...props }: BreadcrumbLinkProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
178
|
+
var CurrentLink: ({ children, className, ref, ...props }: BreadcrumbCurrentLinkProps) => import("react/jsx-runtime").JSX.Element;
|
|
179
|
+
var Icon: ({ className, size, ...props }: BreadcrumbIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
180
|
+
var Separator: ({ children, className, icon, iconProps, iconSize, ref, ...props }: BreadcrumbSeparatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
181
|
+
var Ellipsis: ({ children, className, icon, iconProps, iconSize, ref, ...props }: BreadcrumbEllipsisProps) => import("react/jsx-runtime").JSX.Element;
|
|
182
|
+
var Root: typeof Breadcrumb;
|
|
183
|
+
var displayName: string;
|
|
114
184
|
}
|
|
115
|
-
export
|
|
185
|
+
export type BreadcrumbListProps = ComponentPropsWithoutRef<"ol"> & {
|
|
186
|
+
ref?: Ref<HTMLOListElement>;
|
|
187
|
+
};
|
|
188
|
+
export type BreadcrumbItemProps = ComponentPropsWithoutRef<"li"> & {
|
|
189
|
+
ref?: Ref<HTMLLIElement>;
|
|
190
|
+
};
|
|
191
|
+
type BreadcrumbLinkHref<T extends ElementType> = ComponentPropsWithoutRef<T> extends {
|
|
192
|
+
href?: infer H;
|
|
193
|
+
} ? H : string;
|
|
194
|
+
export type BreadcrumbLinkProps<T extends ElementType = "a"> = LinkProps<T> & {
|
|
195
|
+
href?: BreadcrumbLinkHref<T>;
|
|
196
|
+
};
|
|
197
|
+
export type BreadcrumbCurrentLinkProps = ComponentPropsWithoutRef<"span"> & {
|
|
198
|
+
ref?: Ref<HTMLSpanElement>;
|
|
199
|
+
};
|
|
200
|
+
export type BreadcrumbIconProps = IconProps;
|
|
201
|
+
export type BreadcrumbSeparatorProps = ComponentPropsWithoutRef<"li"> & {
|
|
202
|
+
icon?: IconType;
|
|
203
|
+
iconProps?: Omit<IconProps, "icon" | "size">;
|
|
204
|
+
iconSize?: IconProps["size"];
|
|
205
|
+
ref?: Ref<HTMLLIElement>;
|
|
206
|
+
};
|
|
207
|
+
export type BreadcrumbEllipsisProps = ComponentPropsWithoutRef<"li"> & {
|
|
208
|
+
icon?: IconType;
|
|
209
|
+
iconProps?: Omit<IconProps, "icon" | "size">;
|
|
210
|
+
iconSize?: IconProps["size"];
|
|
211
|
+
ref?: Ref<HTMLLIElement>;
|
|
212
|
+
};
|
|
116
213
|
export {};
|
|
117
214
|
//# sourceMappingURL=breadcrumb.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/molecules/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/molecules/breadcrumb.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import * as carousel from
|
|
2
|
-
import { type ComponentPropsWithoutRef, type ElementType, type ReactNode } from
|
|
3
|
-
import { type VariantProps } from
|
|
4
|
-
import type { IconType } from
|
|
5
|
-
import { Image } from
|
|
6
|
-
type CarouselImageComponent<T extends ElementType = typeof Image> = T extends typeof Image ? typeof Image : T extends ElementType ?
|
|
1
|
+
import * as carousel from "@zag-js/carousel";
|
|
2
|
+
import { type CSSProperties, type ComponentPropsWithoutRef, type ElementType, type ReactNode } from "react";
|
|
3
|
+
import { type VariantProps } from "tailwind-variants";
|
|
4
|
+
import type { IconType } from "../atoms/icon";
|
|
5
|
+
import { Image } from "../atoms/image";
|
|
6
|
+
type CarouselImageComponent<T extends ElementType = typeof Image> = T extends typeof Image ? typeof Image : T extends ElementType ? "src" extends keyof ComponentPropsWithoutRef<T> ? "alt" extends keyof ComponentPropsWithoutRef<T> ? T : never : never : never;
|
|
7
7
|
declare const carouselVariants: import("tailwind-variants").TVReturnType<{
|
|
8
8
|
objectFit: {
|
|
9
9
|
cover: {
|
|
@@ -19,20 +19,37 @@ declare const carouselVariants: import("tailwind-variants").TVReturnType<{
|
|
|
19
19
|
slide: string;
|
|
20
20
|
};
|
|
21
21
|
};
|
|
22
|
+
controlPosition: {
|
|
23
|
+
side: {
|
|
24
|
+
control: string;
|
|
25
|
+
};
|
|
26
|
+
top: {
|
|
27
|
+
control: string;
|
|
28
|
+
};
|
|
29
|
+
bottom: {
|
|
30
|
+
control: string;
|
|
31
|
+
};
|
|
32
|
+
unset: {};
|
|
33
|
+
};
|
|
22
34
|
aspectRatio: {
|
|
23
35
|
square: {
|
|
36
|
+
slideGroup: string;
|
|
24
37
|
slide: string;
|
|
25
38
|
};
|
|
26
39
|
landscape: {
|
|
40
|
+
slideGroup: string;
|
|
27
41
|
slide: string;
|
|
28
42
|
};
|
|
29
43
|
portrait: {
|
|
44
|
+
slideGroup: string;
|
|
30
45
|
slide: string;
|
|
31
46
|
};
|
|
32
47
|
wide: {
|
|
48
|
+
slideGroup: string;
|
|
33
49
|
slide: string;
|
|
34
50
|
};
|
|
35
51
|
none: {
|
|
52
|
+
slideGroup: string;
|
|
36
53
|
slide: string;
|
|
37
54
|
};
|
|
38
55
|
};
|
|
@@ -81,20 +98,37 @@ declare const carouselVariants: import("tailwind-variants").TVReturnType<{
|
|
|
81
98
|
slide: string;
|
|
82
99
|
};
|
|
83
100
|
};
|
|
101
|
+
controlPosition: {
|
|
102
|
+
side: {
|
|
103
|
+
control: string;
|
|
104
|
+
};
|
|
105
|
+
top: {
|
|
106
|
+
control: string;
|
|
107
|
+
};
|
|
108
|
+
bottom: {
|
|
109
|
+
control: string;
|
|
110
|
+
};
|
|
111
|
+
unset: {};
|
|
112
|
+
};
|
|
84
113
|
aspectRatio: {
|
|
85
114
|
square: {
|
|
115
|
+
slideGroup: string;
|
|
86
116
|
slide: string;
|
|
87
117
|
};
|
|
88
118
|
landscape: {
|
|
119
|
+
slideGroup: string;
|
|
89
120
|
slide: string;
|
|
90
121
|
};
|
|
91
122
|
portrait: {
|
|
123
|
+
slideGroup: string;
|
|
92
124
|
slide: string;
|
|
93
125
|
};
|
|
94
126
|
wide: {
|
|
127
|
+
slideGroup: string;
|
|
95
128
|
slide: string;
|
|
96
129
|
};
|
|
97
130
|
none: {
|
|
131
|
+
slideGroup: string;
|
|
98
132
|
slide: string;
|
|
99
133
|
};
|
|
100
134
|
};
|
|
@@ -143,20 +177,37 @@ declare const carouselVariants: import("tailwind-variants").TVReturnType<{
|
|
|
143
177
|
slide: string;
|
|
144
178
|
};
|
|
145
179
|
};
|
|
180
|
+
controlPosition: {
|
|
181
|
+
side: {
|
|
182
|
+
control: string;
|
|
183
|
+
};
|
|
184
|
+
top: {
|
|
185
|
+
control: string;
|
|
186
|
+
};
|
|
187
|
+
bottom: {
|
|
188
|
+
control: string;
|
|
189
|
+
};
|
|
190
|
+
unset: {};
|
|
191
|
+
};
|
|
146
192
|
aspectRatio: {
|
|
147
193
|
square: {
|
|
194
|
+
slideGroup: string;
|
|
148
195
|
slide: string;
|
|
149
196
|
};
|
|
150
197
|
landscape: {
|
|
198
|
+
slideGroup: string;
|
|
151
199
|
slide: string;
|
|
152
200
|
};
|
|
153
201
|
portrait: {
|
|
202
|
+
slideGroup: string;
|
|
154
203
|
slide: string;
|
|
155
204
|
};
|
|
156
205
|
wide: {
|
|
206
|
+
slideGroup: string;
|
|
157
207
|
slide: string;
|
|
158
208
|
};
|
|
159
209
|
none: {
|
|
210
|
+
slideGroup: string;
|
|
160
211
|
slide: string;
|
|
161
212
|
};
|
|
162
213
|
};
|
|
@@ -198,26 +249,25 @@ export type CarouselSlide = {
|
|
|
198
249
|
alt?: string;
|
|
199
250
|
imageProps?: Record<string, unknown>;
|
|
200
251
|
};
|
|
201
|
-
|
|
252
|
+
type CarouselDimension = CSSProperties["width"];
|
|
253
|
+
export interface CarouselRootProps<T extends ElementType = typeof Image> extends Omit<VariantProps<typeof carouselVariants>, "controlPosition">, Omit<carousel.Props, "id" | "size"> {
|
|
202
254
|
id?: string;
|
|
203
255
|
className?: string;
|
|
204
256
|
children: ReactNode;
|
|
205
257
|
imageAs?: CarouselImageComponent<T>;
|
|
206
|
-
width?:
|
|
207
|
-
height?:
|
|
258
|
+
width?: CarouselDimension;
|
|
259
|
+
height?: CarouselDimension;
|
|
208
260
|
}
|
|
209
261
|
interface CarouselSlidesProps {
|
|
210
262
|
slides: CarouselSlide[];
|
|
211
|
-
size?:
|
|
263
|
+
size?: "sm" | "md" | "lg" | "full";
|
|
212
264
|
imageAs?: ElementType;
|
|
213
|
-
width?: number;
|
|
214
|
-
height?: number;
|
|
215
265
|
className?: string;
|
|
216
266
|
}
|
|
217
267
|
interface CarouselSlideProps {
|
|
218
268
|
index: number;
|
|
219
269
|
children: ReactNode;
|
|
220
|
-
size?:
|
|
270
|
+
size?: "sm" | "md" | "lg" | "full";
|
|
221
271
|
className?: string;
|
|
222
272
|
}
|
|
223
273
|
interface CarouselPreviousProps {
|
|
@@ -242,10 +292,11 @@ interface CarouselAutoplayProps {
|
|
|
242
292
|
interface CarouselControlProps {
|
|
243
293
|
children: ReactNode;
|
|
244
294
|
className?: string;
|
|
295
|
+
controlPosition?: "top" | "bottom" | "side" | "unset";
|
|
245
296
|
}
|
|
246
|
-
export declare function Carousel<T extends ElementType = typeof Image>({ id, size, objectFit, aspectRatio, orientation, slideCount, loop, autoplay, allowMouseDrag, slidesPerPage, slidesPerMove, spacing, padding, dir, className, children, onPageChange, ...props }: CarouselRootProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
297
|
+
export declare function Carousel<T extends ElementType = typeof Image>({ id, size, objectFit, aspectRatio, orientation, slideCount, loop, autoplay, allowMouseDrag, slidesPerPage, slidesPerMove, spacing, padding, dir, snapType, className, children, width, height, onPageChange, ...props }: CarouselRootProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
247
298
|
export declare namespace Carousel {
|
|
248
|
-
var Slides: ({ slides, size: overrideSize, imageAs,
|
|
299
|
+
var Slides: ({ slides, size: overrideSize, imageAs, className, }: CarouselSlidesProps) => import("react/jsx-runtime").JSX.Element;
|
|
249
300
|
var Slide: ({ index, children, size: overrideSize, className, }: CarouselSlideProps) => import("react/jsx-runtime").JSX.Element;
|
|
250
301
|
var Previous: ({ className, icon, }: CarouselPreviousProps) => import("react/jsx-runtime").JSX.Element;
|
|
251
302
|
var Next: ({ className, icon, }: CarouselNextProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -254,7 +305,7 @@ export declare namespace Carousel {
|
|
|
254
305
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
255
306
|
var Indicator: ({ index, className, children, }: CarouselIndicatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
256
307
|
var Autoplay: ({ className, }: CarouselAutoplayProps) => import("react/jsx-runtime").JSX.Element;
|
|
257
|
-
var Control: ({ children, className, }: CarouselControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
308
|
+
var Control: ({ children, className, controlPosition, }: CarouselControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
258
309
|
var Root: typeof Carousel;
|
|
259
310
|
}
|
|
260
311
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/molecules/carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,kBAAkB,CAAA;AAE5C,OAAO,EACL,KAAK,wBAAwB,
|
|
1
|
+
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/molecules/carousel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,12 +8,12 @@ export interface ColorItem {
|
|
|
8
8
|
}
|
|
9
9
|
interface ColorSelectProps {
|
|
10
10
|
colors: ColorItem[];
|
|
11
|
-
layout?:
|
|
12
|
-
size?:
|
|
13
|
-
radius?:
|
|
11
|
+
layout?: "list" | "grid";
|
|
12
|
+
size?: "sm" | "md" | "lg" | "full";
|
|
13
|
+
radius?: "sm" | "md" | "lg" | "full";
|
|
14
14
|
disabled?: boolean;
|
|
15
15
|
onColorClick?: (color: string) => void;
|
|
16
|
-
selectionMode?:
|
|
16
|
+
selectionMode?: "single" | "multiple";
|
|
17
17
|
}
|
|
18
18
|
export declare const ColorSelect: ({ colors, layout, size, radius, disabled, onColorClick, selectionMode, }: ColorSelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
19
|
export {};
|
|
@@ -1,21 +1,28 @@
|
|
|
1
|
-
import type { VariantProps } from
|
|
1
|
+
import type { VariantProps } from "tailwind-variants";
|
|
2
|
+
import { type IconProps, type IconType } from "../atoms/icon";
|
|
2
3
|
declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
|
|
3
4
|
size: {
|
|
4
5
|
sm: {
|
|
5
6
|
root: string;
|
|
7
|
+
control: string;
|
|
6
8
|
item: string;
|
|
9
|
+
emptyState: string;
|
|
7
10
|
input: string;
|
|
8
11
|
content: string;
|
|
9
12
|
};
|
|
10
13
|
md: {
|
|
11
14
|
root: string;
|
|
15
|
+
control: string;
|
|
12
16
|
item: string;
|
|
17
|
+
emptyState: string;
|
|
13
18
|
input: string;
|
|
14
19
|
content: string;
|
|
15
20
|
};
|
|
16
21
|
lg: {
|
|
17
22
|
root: string;
|
|
23
|
+
control: string;
|
|
18
24
|
item: string;
|
|
25
|
+
emptyState: string;
|
|
19
26
|
input: string;
|
|
20
27
|
content: string;
|
|
21
28
|
};
|
|
@@ -29,26 +36,34 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
|
|
|
29
36
|
trigger: string[];
|
|
30
37
|
positioner: string[];
|
|
31
38
|
content: string[];
|
|
39
|
+
list: string[];
|
|
32
40
|
item: string[];
|
|
41
|
+
emptyState: string[];
|
|
33
42
|
helper: string[];
|
|
34
43
|
multiple: never[];
|
|
35
44
|
}, undefined, {
|
|
36
45
|
size: {
|
|
37
46
|
sm: {
|
|
38
47
|
root: string;
|
|
48
|
+
control: string;
|
|
39
49
|
item: string;
|
|
50
|
+
emptyState: string;
|
|
40
51
|
input: string;
|
|
41
52
|
content: string;
|
|
42
53
|
};
|
|
43
54
|
md: {
|
|
44
55
|
root: string;
|
|
56
|
+
control: string;
|
|
45
57
|
item: string;
|
|
58
|
+
emptyState: string;
|
|
46
59
|
input: string;
|
|
47
60
|
content: string;
|
|
48
61
|
};
|
|
49
62
|
lg: {
|
|
50
63
|
root: string;
|
|
64
|
+
control: string;
|
|
51
65
|
item: string;
|
|
66
|
+
emptyState: string;
|
|
52
67
|
input: string;
|
|
53
68
|
content: string;
|
|
54
69
|
};
|
|
@@ -62,26 +77,34 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
|
|
|
62
77
|
trigger: string[];
|
|
63
78
|
positioner: string[];
|
|
64
79
|
content: string[];
|
|
80
|
+
list: string[];
|
|
65
81
|
item: string[];
|
|
82
|
+
emptyState: string[];
|
|
66
83
|
helper: string[];
|
|
67
84
|
multiple: never[];
|
|
68
85
|
}, import("tailwind-variants").TVReturnType<{
|
|
69
86
|
size: {
|
|
70
87
|
sm: {
|
|
71
88
|
root: string;
|
|
89
|
+
control: string;
|
|
72
90
|
item: string;
|
|
91
|
+
emptyState: string;
|
|
73
92
|
input: string;
|
|
74
93
|
content: string;
|
|
75
94
|
};
|
|
76
95
|
md: {
|
|
77
96
|
root: string;
|
|
97
|
+
control: string;
|
|
78
98
|
item: string;
|
|
99
|
+
emptyState: string;
|
|
79
100
|
input: string;
|
|
80
101
|
content: string;
|
|
81
102
|
};
|
|
82
103
|
lg: {
|
|
83
104
|
root: string;
|
|
105
|
+
control: string;
|
|
84
106
|
item: string;
|
|
107
|
+
emptyState: string;
|
|
85
108
|
input: string;
|
|
86
109
|
content: string;
|
|
87
110
|
};
|
|
@@ -95,7 +118,9 @@ declare const comboboxVariants: import("tailwind-variants").TVReturnType<{
|
|
|
95
118
|
trigger: string[];
|
|
96
119
|
positioner: string[];
|
|
97
120
|
content: string[];
|
|
121
|
+
list: string[];
|
|
98
122
|
item: string[];
|
|
123
|
+
emptyState: string[];
|
|
99
124
|
helper: string[];
|
|
100
125
|
multiple: never[];
|
|
101
126
|
}, undefined, unknown, unknown, undefined>>;
|
|
@@ -119,23 +144,25 @@ export interface ComboboxProps<T = unknown> extends VariantProps<typeof combobox
|
|
|
119
144
|
defaultValue?: string | string[];
|
|
120
145
|
inputValue?: string;
|
|
121
146
|
multiple?: boolean;
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
147
|
+
validateStatus?: "default" | "error" | "success" | "warning";
|
|
148
|
+
helpText?: string;
|
|
149
|
+
showHelpTextIcon?: boolean;
|
|
125
150
|
noResultsMessage?: string;
|
|
126
151
|
clearable?: boolean;
|
|
127
|
-
selectionBehavior?:
|
|
152
|
+
selectionBehavior?: "replace" | "clear" | "preserve";
|
|
128
153
|
closeOnSelect?: boolean;
|
|
129
154
|
allowCustomValue?: boolean;
|
|
130
155
|
loopFocus?: boolean;
|
|
131
156
|
autoFocus?: boolean;
|
|
132
|
-
triggerIcon?:
|
|
133
|
-
|
|
157
|
+
triggerIcon?: IconType;
|
|
158
|
+
triggerIconSize?: IconProps["size"];
|
|
159
|
+
clearIcon?: IconType;
|
|
160
|
+
clearIconSize?: IconProps["size"];
|
|
134
161
|
onChange?: (value: string | string[]) => void;
|
|
135
162
|
onInputValueChange?: (value: string) => void;
|
|
136
163
|
onOpenChange?: (open: boolean) => void;
|
|
137
|
-
inputBehavior?:
|
|
164
|
+
inputBehavior?: "autohighlight" | "autocomplete" | "none";
|
|
138
165
|
}
|
|
139
|
-
export declare function Combobox<T = unknown>({ id, name, label, size, placeholder, disabled, readOnly, required, items, value, defaultValue, inputValue, multiple,
|
|
166
|
+
export declare function Combobox<T = unknown>({ id, name, label, size, placeholder, disabled, readOnly, required, items, value, defaultValue, inputValue, multiple, validateStatus, helpText, showHelpTextIcon, noResultsMessage, clearable, selectionBehavior, closeOnSelect, allowCustomValue, loopFocus, autoFocus, triggerIcon, triggerIconSize, clearIcon, clearIconSize, inputBehavior, onChange, onInputValueChange, onOpenChange, }: ComboboxProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
140
167
|
export {};
|
|
141
168
|
//# sourceMappingURL=combobox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/molecules/combobox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../../src/molecules/combobox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { type ReactNode } from
|
|
2
|
-
import { type VariantProps } from
|
|
1
|
+
import { type ReactNode } from "react";
|
|
2
|
+
import { type VariantProps } from "tailwind-variants";
|
|
3
3
|
declare const dialogVariants: import("tailwind-variants").TVReturnType<{
|
|
4
4
|
placement: {
|
|
5
5
|
center: {
|
|
@@ -216,7 +216,7 @@ export interface DialogProps extends VariantProps<typeof dialogVariants> {
|
|
|
216
216
|
closeOnInteractOutside?: boolean;
|
|
217
217
|
preventScroll?: boolean;
|
|
218
218
|
trapFocus?: boolean;
|
|
219
|
-
role?:
|
|
219
|
+
role?: "dialog" | "alertdialog";
|
|
220
220
|
id?: string;
|
|
221
221
|
customTrigger?: boolean;
|
|
222
222
|
triggerText?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/molecules/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../src/molecules/dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAS,MAAM,OAAO,CAAA;AAC7C,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGzD,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAiKlB,CAAA;AAEF,MAAM,WAAW,WAAY,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IACtE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE;QAAE,IAAI,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAA;IACnD,cAAc,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;IACzC,YAAY,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAA;IACvC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,aAAa,CAAA;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,wBAAgB,MAAM,CAAC,EACrB,EAAE,EACF,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,IAAe,EACf,SAAoB,EACpB,QAAkB,EAClB,IAAW,EACX,QAAkB,EAClB,aAAoB,EACpB,sBAA6B,EAC7B,aAAoB,EACpB,SAAgB,EAChB,aAAqB,EACrB,WAAoB,EACpB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,eAAuB,EACvB,OAAO,EACP,SAAS,EACT,KAAY,EACZ,MAAa,GACd,EAAE,WAAW,2CA8Eb"}
|