@techsio/ui-kit 0.3.2 → 0.4.1
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 +25 -25
- 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 +27 -27
- 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 +52 -32
- 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/theme.css +95 -0
- 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
|
@@ -0,0 +1,246 @@
|
|
|
1
|
+
import { type CountryCode, type E164Number } from "libphonenumber-js/max";
|
|
2
|
+
import { type ChangeEventHandler, type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
|
|
3
|
+
import type { VariantProps } from "tailwind-variants";
|
|
4
|
+
import type { IconProps } from "../atoms/icon";
|
|
5
|
+
import { type InputProps } from "../atoms/input";
|
|
6
|
+
import { type LabelProps } from "../atoms/label";
|
|
7
|
+
export type PhoneInputSize = "sm" | "md" | "lg";
|
|
8
|
+
export type PhoneInputValidateStatus = "default" | "error" | "success" | "warning";
|
|
9
|
+
export type PhoneInputCountry = {
|
|
10
|
+
value: CountryCode;
|
|
11
|
+
label: ReactNode;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
displayValue?: string;
|
|
14
|
+
name?: string;
|
|
15
|
+
flag?: ReactNode;
|
|
16
|
+
callingCode?: string;
|
|
17
|
+
[key: string]: unknown;
|
|
18
|
+
};
|
|
19
|
+
export type PhoneInputValueChangeDetails = {
|
|
20
|
+
value: string;
|
|
21
|
+
e164: E164Number | "";
|
|
22
|
+
country: CountryCode;
|
|
23
|
+
callingCode: string;
|
|
24
|
+
nationalNumber: string;
|
|
25
|
+
isPossible: boolean;
|
|
26
|
+
isValid: boolean;
|
|
27
|
+
};
|
|
28
|
+
export type PhoneInputCountryChangeDetails = PhoneInputValueChangeDetails & {
|
|
29
|
+
countryItem: PhoneInputCountry;
|
|
30
|
+
};
|
|
31
|
+
export declare const defaultPhoneInputCountries: PhoneInputCountry[];
|
|
32
|
+
declare const phoneInputVariants: import("tailwind-variants").TVReturnType<{
|
|
33
|
+
size: {
|
|
34
|
+
sm: {
|
|
35
|
+
control: string;
|
|
36
|
+
input: string;
|
|
37
|
+
};
|
|
38
|
+
md: {
|
|
39
|
+
control: string;
|
|
40
|
+
input: string;
|
|
41
|
+
};
|
|
42
|
+
lg: {
|
|
43
|
+
control: string;
|
|
44
|
+
input: string;
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
}, {
|
|
48
|
+
root: string[];
|
|
49
|
+
control: string[];
|
|
50
|
+
countrySelectRoot: string[];
|
|
51
|
+
countrySelectControl: string[];
|
|
52
|
+
countryTrigger: string[];
|
|
53
|
+
countryValue: string[];
|
|
54
|
+
countryFlag: string[];
|
|
55
|
+
countryCallingCode: string[];
|
|
56
|
+
input: string[];
|
|
57
|
+
itemContent: string[];
|
|
58
|
+
itemMeta: string[];
|
|
59
|
+
}, undefined, {
|
|
60
|
+
size: {
|
|
61
|
+
sm: {
|
|
62
|
+
control: string;
|
|
63
|
+
input: string;
|
|
64
|
+
};
|
|
65
|
+
md: {
|
|
66
|
+
control: string;
|
|
67
|
+
input: string;
|
|
68
|
+
};
|
|
69
|
+
lg: {
|
|
70
|
+
control: string;
|
|
71
|
+
input: string;
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
}, {
|
|
75
|
+
root: string[];
|
|
76
|
+
control: string[];
|
|
77
|
+
countrySelectRoot: string[];
|
|
78
|
+
countrySelectControl: string[];
|
|
79
|
+
countryTrigger: string[];
|
|
80
|
+
countryValue: string[];
|
|
81
|
+
countryFlag: string[];
|
|
82
|
+
countryCallingCode: string[];
|
|
83
|
+
input: string[];
|
|
84
|
+
itemContent: string[];
|
|
85
|
+
itemMeta: string[];
|
|
86
|
+
}, import("tailwind-variants").TVReturnType<{
|
|
87
|
+
size: {
|
|
88
|
+
sm: {
|
|
89
|
+
control: string;
|
|
90
|
+
input: string;
|
|
91
|
+
};
|
|
92
|
+
md: {
|
|
93
|
+
control: string;
|
|
94
|
+
input: string;
|
|
95
|
+
};
|
|
96
|
+
lg: {
|
|
97
|
+
control: string;
|
|
98
|
+
input: string;
|
|
99
|
+
};
|
|
100
|
+
};
|
|
101
|
+
}, {
|
|
102
|
+
root: string[];
|
|
103
|
+
control: string[];
|
|
104
|
+
countrySelectRoot: string[];
|
|
105
|
+
countrySelectControl: string[];
|
|
106
|
+
countryTrigger: string[];
|
|
107
|
+
countryValue: string[];
|
|
108
|
+
countryFlag: string[];
|
|
109
|
+
countryCallingCode: string[];
|
|
110
|
+
input: string[];
|
|
111
|
+
itemContent: string[];
|
|
112
|
+
itemMeta: string[];
|
|
113
|
+
}, undefined, unknown, unknown, undefined>>;
|
|
114
|
+
type PhoneInputContextValue = {
|
|
115
|
+
countries: PhoneInputCountry[];
|
|
116
|
+
selectedCountry: CountryCode;
|
|
117
|
+
selectedCountryItem: PhoneInputCountry;
|
|
118
|
+
setCountryValue: (country: CountryCode) => void;
|
|
119
|
+
countryName?: string;
|
|
120
|
+
form?: string;
|
|
121
|
+
size: PhoneInputSize;
|
|
122
|
+
inputId: string;
|
|
123
|
+
inputValue: string;
|
|
124
|
+
setInputValue: (value: string) => void;
|
|
125
|
+
details: PhoneInputValueChangeDetails;
|
|
126
|
+
disabled: boolean;
|
|
127
|
+
nativeValidation: boolean;
|
|
128
|
+
nativeValidationMessage: string;
|
|
129
|
+
readOnly: boolean;
|
|
130
|
+
required: boolean;
|
|
131
|
+
validateStatus: PhoneInputValidateStatus;
|
|
132
|
+
};
|
|
133
|
+
declare function usePhoneInputContext(): PhoneInputContextValue;
|
|
134
|
+
export type PhoneInputProps = VariantProps<typeof phoneInputVariants> & Omit<ComponentPropsWithoutRef<"div">, "defaultValue" | "onChange"> & {
|
|
135
|
+
countries?: PhoneInputCountry[];
|
|
136
|
+
value?: string;
|
|
137
|
+
defaultValue?: string;
|
|
138
|
+
country?: CountryCode;
|
|
139
|
+
defaultCountry?: CountryCode;
|
|
140
|
+
name?: string;
|
|
141
|
+
countryName?: string;
|
|
142
|
+
form?: string;
|
|
143
|
+
required?: boolean;
|
|
144
|
+
disabled?: boolean;
|
|
145
|
+
readOnly?: boolean;
|
|
146
|
+
nativeValidation?: boolean;
|
|
147
|
+
nativeValidationMessage?: string;
|
|
148
|
+
validateStatus?: PhoneInputValidateStatus;
|
|
149
|
+
onValueChange?: (details: PhoneInputValueChangeDetails) => void;
|
|
150
|
+
onCountryChange?: (details: PhoneInputCountryChangeDetails) => void;
|
|
151
|
+
ref?: Ref<HTMLDivElement>;
|
|
152
|
+
};
|
|
153
|
+
export declare function PhoneInput({ countries: countriesProp, value, defaultValue, country, defaultCountry, name, countryName, form, required, disabled, readOnly, nativeValidation, nativeValidationMessage, validateStatus, onValueChange, onCountryChange, size, id: providedId, className, children, ref, ...props }: PhoneInputProps): import("react/jsx-runtime").JSX.Element;
|
|
154
|
+
export declare namespace PhoneInput {
|
|
155
|
+
var Label: ({ children, ...props }: PhoneInputLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
156
|
+
var Control: ({ children, className, ref, ...props }: PhoneInputControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
157
|
+
var CountrySelect: ({ children, className, closeOnSelect, }: PhoneInputCountrySelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
158
|
+
var CountryPicker: ({ className, selectProps, controlProps, triggerProps, positionerProps, contentProps, }: PhoneInputCountryPickerProps) => import("react/jsx-runtime").JSX.Element;
|
|
159
|
+
var CountryControl: ({ children, className, ref, ...props }: PhoneInputCountryControlProps) => import("react/jsx-runtime").JSX.Element;
|
|
160
|
+
var CountryTrigger: ({ children, className, ref, ...props }: PhoneInputCountryTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
161
|
+
var CountryValue: ({ children, className, ref, ...props }: PhoneInputCountryValueProps) => import("react/jsx-runtime").JSX.Element;
|
|
162
|
+
var CountryFlag: ({ item, className, ref, ...props }: PhoneInputCountryFlagProps) => import("react/jsx-runtime").JSX.Element;
|
|
163
|
+
var CountryCallingCode: ({ item, className, ref, ...props }: PhoneInputCountryCallingCodeProps) => import("react/jsx-runtime").JSX.Element;
|
|
164
|
+
var Input: ({ className, onChange, placeholder, ref, ...props }: PhoneInputInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
165
|
+
var CountryPositioner: ({ children, ...props }: PhoneInputCountryPositionerProps) => import("react/jsx-runtime").JSX.Element;
|
|
166
|
+
var CountryContent: ({ children, ...props }: PhoneInputCountryContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
167
|
+
var CountryItem: ({ item, children, ...props }: PhoneInputCountryItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
168
|
+
var CountryItemText: ({ children, ...props }: PhoneInputCountryItemTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
169
|
+
var CountryItemMeta: ({ children, className, ref, ...props }: PhoneInputCountryItemMetaProps) => import("react/jsx-runtime").JSX.Element;
|
|
170
|
+
var CountryItemIndicator: ({ ...props }: PhoneInputCountryItemIndicatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
171
|
+
var Positioner: ({ children, ...props }: PhoneInputCountryPositionerProps) => import("react/jsx-runtime").JSX.Element;
|
|
172
|
+
var Content: ({ children, ...props }: PhoneInputCountryContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
173
|
+
var Item: ({ item, children, ...props }: PhoneInputCountryItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
174
|
+
var ItemText: ({ children, ...props }: PhoneInputCountryItemTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
175
|
+
var ItemMeta: ({ children, className, ref, ...props }: PhoneInputCountryItemMetaProps) => import("react/jsx-runtime").JSX.Element;
|
|
176
|
+
var ItemIndicator: ({ ...props }: PhoneInputCountryItemIndicatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
177
|
+
var StatusText: ({ status, showIcon, children, ...props }: PhoneInputStatusTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
178
|
+
var displayName: string;
|
|
179
|
+
}
|
|
180
|
+
type PhoneInputLabelProps = Omit<LabelProps, "htmlFor" | "size">;
|
|
181
|
+
type PhoneInputControlProps = ComponentPropsWithoutRef<"div"> & {
|
|
182
|
+
ref?: Ref<HTMLDivElement>;
|
|
183
|
+
};
|
|
184
|
+
type PhoneInputCountrySelectProps = {
|
|
185
|
+
children: ReactNode;
|
|
186
|
+
className?: string;
|
|
187
|
+
closeOnSelect?: boolean;
|
|
188
|
+
};
|
|
189
|
+
type PhoneInputCountryPickerProps = {
|
|
190
|
+
className?: string;
|
|
191
|
+
selectProps?: Omit<PhoneInputCountrySelectProps, "children">;
|
|
192
|
+
controlProps?: PhoneInputCountryControlProps;
|
|
193
|
+
triggerProps?: PhoneInputCountryTriggerProps;
|
|
194
|
+
positionerProps?: PhoneInputCountryPositionerProps;
|
|
195
|
+
contentProps?: PhoneInputCountryContentProps;
|
|
196
|
+
};
|
|
197
|
+
type PhoneInputCountryControlProps = ComponentPropsWithoutRef<"div"> & {
|
|
198
|
+
ref?: Ref<HTMLDivElement>;
|
|
199
|
+
};
|
|
200
|
+
type PhoneInputCountryTriggerProps = ComponentPropsWithoutRef<"button"> & {
|
|
201
|
+
iconSize?: IconProps["size"];
|
|
202
|
+
ref?: Ref<HTMLButtonElement>;
|
|
203
|
+
};
|
|
204
|
+
type PhoneInputCountryValueProps = ComponentPropsWithoutRef<"span"> & {
|
|
205
|
+
ref?: Ref<HTMLSpanElement>;
|
|
206
|
+
};
|
|
207
|
+
type PhoneInputCountryFlagProps = ComponentPropsWithoutRef<"span"> & {
|
|
208
|
+
item?: PhoneInputCountry;
|
|
209
|
+
ref?: Ref<HTMLSpanElement>;
|
|
210
|
+
};
|
|
211
|
+
type PhoneInputCountryCallingCodeProps = ComponentPropsWithoutRef<"span"> & {
|
|
212
|
+
item?: PhoneInputCountry;
|
|
213
|
+
ref?: Ref<HTMLSpanElement>;
|
|
214
|
+
};
|
|
215
|
+
type PhoneInputInputProps = Omit<InputProps, "aria-invalid" | "defaultValue" | "disabled" | "form" | "id" | "inputMode" | "name" | "onChange" | "readOnly" | "required" | "size" | "type" | "value" | "variant"> & {
|
|
216
|
+
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
217
|
+
};
|
|
218
|
+
type PhoneInputCountryPositionerProps = ComponentPropsWithoutRef<"div"> & {
|
|
219
|
+
ref?: Ref<HTMLDivElement>;
|
|
220
|
+
};
|
|
221
|
+
type PhoneInputCountryContentProps = ComponentPropsWithoutRef<"ul"> & {
|
|
222
|
+
ref?: Ref<HTMLUListElement>;
|
|
223
|
+
};
|
|
224
|
+
type PhoneInputCountryItemProps = ComponentPropsWithoutRef<"li"> & {
|
|
225
|
+
item: PhoneInputCountry;
|
|
226
|
+
ref?: Ref<HTMLLIElement>;
|
|
227
|
+
};
|
|
228
|
+
type PhoneInputCountryItemTextProps = ComponentPropsWithoutRef<"span"> & {
|
|
229
|
+
ref?: Ref<HTMLSpanElement>;
|
|
230
|
+
};
|
|
231
|
+
type PhoneInputCountryItemMetaProps = ComponentPropsWithoutRef<"span"> & {
|
|
232
|
+
ref?: Ref<HTMLSpanElement>;
|
|
233
|
+
};
|
|
234
|
+
type PhoneInputCountryItemIndicatorProps = ComponentPropsWithoutRef<"span"> & {
|
|
235
|
+
iconSize?: IconProps["size"];
|
|
236
|
+
ref?: Ref<HTMLSpanElement>;
|
|
237
|
+
};
|
|
238
|
+
type PhoneInputStatusTextProps = ComponentPropsWithoutRef<"div"> & {
|
|
239
|
+
status?: PhoneInputValidateStatus;
|
|
240
|
+
showIcon?: boolean;
|
|
241
|
+
ref?: Ref<HTMLDivElement>;
|
|
242
|
+
};
|
|
243
|
+
export declare function formatPhoneInputValue(value: string, country: CountryCode): string;
|
|
244
|
+
export declare function getPhoneInputValueDetails(value: string, country: CountryCode): PhoneInputValueChangeDetails;
|
|
245
|
+
export { phoneInputVariants, usePhoneInputContext };
|
|
246
|
+
//# sourceMappingURL=phone-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"phone-input.d.ts","sourceRoot":"","sources":["../../../src/molecules/phone-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { type ReactNode, type Ref } from
|
|
3
|
-
import type { VariantProps } from
|
|
1
|
+
import { type Api as PopoverApi, type Props as PopoverMachineProps, type Placement as PopoverPlacement, type PositioningOptions as PopoverPositioningOptions } from "@zag-js/popover";
|
|
2
|
+
import { type ComponentPropsWithoutRef, type ReactNode, type Ref } from "react";
|
|
3
|
+
import type { VariantProps } from "tailwind-variants";
|
|
4
|
+
import { type ButtonProps } from "../atoms/button";
|
|
4
5
|
declare const popoverVariants: import("tailwind-variants").TVReturnType<{
|
|
5
6
|
shadow: {
|
|
6
7
|
true: {
|
|
@@ -10,7 +11,7 @@ declare const popoverVariants: import("tailwind-variants").TVReturnType<{
|
|
|
10
11
|
border: {
|
|
11
12
|
true: {
|
|
12
13
|
content: string;
|
|
13
|
-
|
|
14
|
+
arrowTip: string;
|
|
14
15
|
};
|
|
15
16
|
};
|
|
16
17
|
size: {
|
|
@@ -29,11 +30,14 @@ declare const popoverVariants: import("tailwind-variants").TVReturnType<{
|
|
|
29
30
|
};
|
|
30
31
|
}, {
|
|
31
32
|
trigger: string[];
|
|
33
|
+
indicator: string[];
|
|
32
34
|
positioner: string[];
|
|
33
35
|
content: string[];
|
|
34
36
|
arrow: string;
|
|
37
|
+
arrowTip: string;
|
|
35
38
|
title: string[];
|
|
36
39
|
description: string[];
|
|
40
|
+
closeTrigger: string[];
|
|
37
41
|
}, undefined, {
|
|
38
42
|
shadow: {
|
|
39
43
|
true: {
|
|
@@ -43,7 +47,7 @@ declare const popoverVariants: import("tailwind-variants").TVReturnType<{
|
|
|
43
47
|
border: {
|
|
44
48
|
true: {
|
|
45
49
|
content: string;
|
|
46
|
-
|
|
50
|
+
arrowTip: string;
|
|
47
51
|
};
|
|
48
52
|
};
|
|
49
53
|
size: {
|
|
@@ -62,11 +66,14 @@ declare const popoverVariants: import("tailwind-variants").TVReturnType<{
|
|
|
62
66
|
};
|
|
63
67
|
}, {
|
|
64
68
|
trigger: string[];
|
|
69
|
+
indicator: string[];
|
|
65
70
|
positioner: string[];
|
|
66
71
|
content: string[];
|
|
67
72
|
arrow: string;
|
|
73
|
+
arrowTip: string;
|
|
68
74
|
title: string[];
|
|
69
75
|
description: string[];
|
|
76
|
+
closeTrigger: string[];
|
|
70
77
|
}, import("tailwind-variants").TVReturnType<{
|
|
71
78
|
shadow: {
|
|
72
79
|
true: {
|
|
@@ -76,7 +83,7 @@ declare const popoverVariants: import("tailwind-variants").TVReturnType<{
|
|
|
76
83
|
border: {
|
|
77
84
|
true: {
|
|
78
85
|
content: string;
|
|
79
|
-
|
|
86
|
+
arrowTip: string;
|
|
80
87
|
};
|
|
81
88
|
};
|
|
82
89
|
size: {
|
|
@@ -95,31 +102,76 @@ declare const popoverVariants: import("tailwind-variants").TVReturnType<{
|
|
|
95
102
|
};
|
|
96
103
|
}, {
|
|
97
104
|
trigger: string[];
|
|
105
|
+
indicator: string[];
|
|
98
106
|
positioner: string[];
|
|
99
107
|
content: string[];
|
|
100
108
|
arrow: string;
|
|
109
|
+
arrowTip: string;
|
|
101
110
|
title: string[];
|
|
102
111
|
description: string[];
|
|
112
|
+
closeTrigger: string[];
|
|
103
113
|
}, undefined, unknown, unknown, undefined>>;
|
|
104
|
-
export
|
|
105
|
-
trigger: ReactNode;
|
|
114
|
+
export type PopoverRootProps = VariantProps<typeof popoverVariants> & Omit<PopoverMachineProps, "id" | "positioning"> & {
|
|
106
115
|
children: ReactNode;
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
116
|
+
flip?: PopoverPositioningOptions["flip"];
|
|
117
|
+
gutter?: PopoverPositioningOptions["gutter"];
|
|
118
|
+
id?: string;
|
|
119
|
+
offset?: PopoverPositioningOptions["offset"];
|
|
120
|
+
overflowPadding?: PopoverPositioningOptions["overflowPadding"];
|
|
121
|
+
placement?: PopoverPlacement;
|
|
122
|
+
sameWidth?: PopoverPositioningOptions["sameWidth"];
|
|
123
|
+
slide?: PopoverPositioningOptions["slide"];
|
|
124
|
+
};
|
|
125
|
+
export declare function Popover({ autoFocus, border, children, closeOnEscape, closeOnInteractOutside, defaultOpen, dir, flip, gutter, id, modal, offset, onOpenChange, onPointerDownOutside, open, overflowPadding, placement, portalled, sameWidth, shadow, size, slide, ...props }: PopoverRootProps): import("react/jsx-runtime").JSX.Element;
|
|
126
|
+
export declare namespace Popover {
|
|
127
|
+
var Anchor: ({ className, ref, ...props }: PopoverAnchorProps) => import("react/jsx-runtime").JSX.Element;
|
|
128
|
+
var Trigger: ({ children, className, clickBehavior, disabled, onClick, ref, size, theme, type, ...props }: PopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
129
|
+
var Indicator: ({ className, ref, ...props }: PopoverIndicatorProps) => import("react/jsx-runtime").JSX.Element;
|
|
130
|
+
var Positioner: ({ children, className, forceMount, ref, ...props }: PopoverPositionerProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
131
|
+
var Content: ({ children, className, ref, ...props }: PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
132
|
+
var Arrow: ({ children, className, ref, ...props }: PopoverArrowProps) => import("react/jsx-runtime").JSX.Element;
|
|
133
|
+
var ArrowTip: ({ className, ref, ...props }: PopoverArrowTipProps) => import("react/jsx-runtime").JSX.Element;
|
|
134
|
+
var Title: ({ className, ref, ...props }: PopoverTitleProps) => import("react/jsx-runtime").JSX.Element;
|
|
135
|
+
var Description: ({ className, ref, ...props }: PopoverDescriptionProps) => import("react/jsx-runtime").JSX.Element;
|
|
136
|
+
var CloseTrigger: ({ children, className, icon, onClick, ref, size, theme, type, ...props }: PopoverCloseTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
137
|
+
var Context: ({ children, }: PopoverContextProps) => ReactNode;
|
|
138
|
+
var Root: typeof Popover;
|
|
139
|
+
var displayName: string;
|
|
122
140
|
}
|
|
123
|
-
export
|
|
141
|
+
export type PopoverAnchorProps = ComponentPropsWithoutRef<"div"> & {
|
|
142
|
+
ref?: Ref<HTMLDivElement>;
|
|
143
|
+
};
|
|
144
|
+
export type PopoverTriggerProps = ButtonProps & {
|
|
145
|
+
clickBehavior?: "toggle" | "manual";
|
|
146
|
+
ref?: Ref<HTMLButtonElement>;
|
|
147
|
+
};
|
|
148
|
+
export type PopoverIndicatorProps = ComponentPropsWithoutRef<"span"> & {
|
|
149
|
+
ref?: Ref<HTMLSpanElement>;
|
|
150
|
+
};
|
|
151
|
+
export type PopoverPositionerProps = ComponentPropsWithoutRef<"div"> & {
|
|
152
|
+
forceMount?: boolean;
|
|
153
|
+
ref?: Ref<HTMLDivElement>;
|
|
154
|
+
};
|
|
155
|
+
export type PopoverContentProps = ComponentPropsWithoutRef<"div"> & {
|
|
156
|
+
ref?: Ref<HTMLDivElement>;
|
|
157
|
+
};
|
|
158
|
+
export type PopoverArrowProps = ComponentPropsWithoutRef<"div"> & {
|
|
159
|
+
ref?: Ref<HTMLDivElement>;
|
|
160
|
+
};
|
|
161
|
+
export type PopoverArrowTipProps = ComponentPropsWithoutRef<"div"> & {
|
|
162
|
+
ref?: Ref<HTMLDivElement>;
|
|
163
|
+
};
|
|
164
|
+
export type PopoverTitleProps = ComponentPropsWithoutRef<"div"> & {
|
|
165
|
+
ref?: Ref<HTMLDivElement>;
|
|
166
|
+
};
|
|
167
|
+
export type PopoverDescriptionProps = ComponentPropsWithoutRef<"div"> & {
|
|
168
|
+
ref?: Ref<HTMLDivElement>;
|
|
169
|
+
};
|
|
170
|
+
export type PopoverCloseTriggerProps = ButtonProps & {
|
|
171
|
+
ref?: Ref<HTMLButtonElement>;
|
|
172
|
+
};
|
|
173
|
+
export type PopoverContextProps = {
|
|
174
|
+
children: (api: PopoverApi) => ReactNode;
|
|
175
|
+
};
|
|
124
176
|
export {};
|
|
125
177
|
//# sourceMappingURL=popover.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/molecules/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/molecules/popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { type
|
|
2
|
-
import type { VariantProps } from
|
|
3
|
-
import type { IconType } from
|
|
4
|
-
import { Image } from
|
|
5
|
-
import { type RatingProps } from
|
|
1
|
+
import { type ComponentPropsWithoutRef, type ComponentPropsWithRef, type ElementType, type HTMLAttributes, type ReactNode, type Ref } from "react";
|
|
2
|
+
import type { VariantProps } from "tailwind-variants";
|
|
3
|
+
import type { IconProps, IconType } from "../atoms/icon";
|
|
4
|
+
import { Image } from "../atoms/image";
|
|
5
|
+
import { type RatingProps } from "../atoms/rating";
|
|
6
6
|
declare const productCardVariants: import("tailwind-variants").TVReturnType<{
|
|
7
7
|
buttonVariant: {
|
|
8
8
|
cart: {
|
|
@@ -103,13 +103,13 @@ declare const productCardVariants: import("tailwind-variants").TVReturnType<{
|
|
|
103
103
|
actionsSlot: string;
|
|
104
104
|
button: string;
|
|
105
105
|
}, undefined, unknown, unknown, undefined>>;
|
|
106
|
-
export interface ProductCardProps extends HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof productCardVariants>,
|
|
106
|
+
export interface ProductCardProps extends HTMLAttributes<HTMLDivElement>, Omit<VariantProps<typeof productCardVariants>, "buttonVariant"> {
|
|
107
107
|
children: ReactNode;
|
|
108
108
|
ref?: Ref<HTMLDivElement>;
|
|
109
109
|
}
|
|
110
110
|
type ProductCardImageProps<T extends ElementType = typeof Image> = {
|
|
111
111
|
as?: T;
|
|
112
|
-
ref?: ComponentPropsWithRef<T>[
|
|
112
|
+
ref?: ComponentPropsWithRef<T>["ref"];
|
|
113
113
|
className?: string;
|
|
114
114
|
} & Partial<ComponentPropsWithoutRef<T>>;
|
|
115
115
|
interface ProductCardNameProps extends HTMLAttributes<HTMLHeadingElement> {
|
|
@@ -122,7 +122,7 @@ interface ProductCardPriceProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
|
122
122
|
}
|
|
123
123
|
interface ProductCardStockProps extends HTMLAttributes<HTMLParagraphElement> {
|
|
124
124
|
children: ReactNode;
|
|
125
|
-
status?:
|
|
125
|
+
status?: "in-stock" | "limited-stock" | "out-of-stock";
|
|
126
126
|
ref?: Ref<HTMLParagraphElement>;
|
|
127
127
|
}
|
|
128
128
|
interface ProductCardBadgesProps extends HTMLAttributes<HTMLDivElement> {
|
|
@@ -141,8 +141,9 @@ interface ProductCardActionsProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
141
141
|
interface ProductCardButtonProps extends HTMLAttributes<HTMLButtonElement> {
|
|
142
142
|
children?: ReactNode;
|
|
143
143
|
onClick?: () => void;
|
|
144
|
-
buttonVariant?:
|
|
144
|
+
buttonVariant?: "cart" | "detail" | "wishlist" | "custom";
|
|
145
145
|
icon?: IconType;
|
|
146
|
+
iconSize?: IconProps["size"];
|
|
146
147
|
ref?: Ref<HTMLButtonElement>;
|
|
147
148
|
}
|
|
148
149
|
export declare function ProductCard({ children, layout, className, ref, ...props }: ProductCardProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -154,7 +155,7 @@ export declare namespace ProductCard {
|
|
|
154
155
|
var Badges: ({ children, className, ref, ...props }: ProductCardBadgesProps) => import("react/jsx-runtime").JSX.Element;
|
|
155
156
|
var Rating: ({ children, className, rating, ref, ...props }: ProductCardRatingProps) => import("react/jsx-runtime").JSX.Element;
|
|
156
157
|
var Actions: ({ children, className, ref, ...props }: ProductCardActionsProps) => import("react/jsx-runtime").JSX.Element;
|
|
157
|
-
var Button: ({ children, onClick, icon, className, buttonVariant, ref, ...props }: ProductCardButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
158
|
+
var Button: ({ children, onClick, icon, iconSize, className, buttonVariant, ref, ...props }: ProductCardButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
158
159
|
}
|
|
159
160
|
export {};
|
|
160
161
|
//# sourceMappingURL=product-card.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"product-card.d.ts","sourceRoot":"","sources":["../../../src/molecules/product-card.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,
|
|
1
|
+
{"version":3,"file":"product-card.d.ts","sourceRoot":"","sources":["../../../src/molecules/product-card.tsx"],"names":[],"mappings":"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"}
|