@techsio/ui-kit 0.3.2 → 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
package/dist/organisms/table.js
CHANGED
|
@@ -4,116 +4,116 @@ import { tv } from "../utils.js";
|
|
|
4
4
|
const tableVariants = tv({
|
|
5
5
|
slots: {
|
|
6
6
|
root: [
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
"w-full border-collapse",
|
|
8
|
+
"bg-table-bg text-table-fg"
|
|
9
9
|
],
|
|
10
10
|
caption: [
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
"text-table-caption-fg",
|
|
12
|
+
"text-start font-table-caption"
|
|
13
13
|
],
|
|
14
14
|
header: [
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
"bg-table-header-bg",
|
|
16
|
+
"font-table-header text-table-header-fg"
|
|
17
17
|
],
|
|
18
|
-
body:
|
|
18
|
+
body: "",
|
|
19
19
|
footer: [
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
"bg-table-footer-bg",
|
|
21
|
+
"font-table-footer text-table-footer-fg"
|
|
22
22
|
],
|
|
23
23
|
row: [
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
"border-b-(length:--border-width-table) border-table-border",
|
|
25
|
+
"data-[selected=true]:bg-table-row-bg-selected",
|
|
26
|
+
"transition-colors duration-200 motion-reduce:transition-none"
|
|
27
27
|
],
|
|
28
28
|
columnHeader: [
|
|
29
|
-
|
|
30
|
-
|
|
29
|
+
"text-start data-[numeric=true]:text-end",
|
|
30
|
+
"font-table-header"
|
|
31
31
|
],
|
|
32
32
|
cell: [
|
|
33
|
-
|
|
33
|
+
"text-start data-[numeric=true]:text-end"
|
|
34
34
|
]
|
|
35
35
|
},
|
|
36
36
|
variants: {
|
|
37
37
|
variant: {
|
|
38
38
|
line: {
|
|
39
|
-
root:
|
|
40
|
-
row:
|
|
39
|
+
root: "",
|
|
40
|
+
row: "border-b-(length:--border-width-table) border-table-border"
|
|
41
41
|
},
|
|
42
42
|
outline: {
|
|
43
|
-
root:
|
|
43
|
+
root: "border-(length:--border-width-table) rounded-table border-table-border shadow-table-outline"
|
|
44
44
|
},
|
|
45
45
|
striped: {
|
|
46
|
-
row:
|
|
46
|
+
row: "odd:bg-table-row-striped-bg-primary even:bg-table-row-striped-bg-secondary"
|
|
47
47
|
}
|
|
48
48
|
},
|
|
49
49
|
interactive: {
|
|
50
50
|
true: {
|
|
51
|
-
row:
|
|
51
|
+
row: "cursor-pointer hover:bg-table-row-bg-hover"
|
|
52
52
|
}
|
|
53
53
|
},
|
|
54
54
|
size: {
|
|
55
55
|
sm: {
|
|
56
|
-
cell:
|
|
57
|
-
columnHeader:
|
|
58
|
-
caption:
|
|
56
|
+
cell: "p-table-cell-sm text-table-sm",
|
|
57
|
+
columnHeader: "p-table-cell-sm text-table-sm",
|
|
58
|
+
caption: "p-table-caption-sm text-table-caption-sm"
|
|
59
59
|
},
|
|
60
60
|
md: {
|
|
61
|
-
cell:
|
|
62
|
-
columnHeader:
|
|
63
|
-
caption:
|
|
61
|
+
cell: "p-table-cell-md text-table-md",
|
|
62
|
+
columnHeader: "p-table-cell-md text-table-md",
|
|
63
|
+
caption: "p-table-caption-md text-table-caption-md"
|
|
64
64
|
},
|
|
65
65
|
lg: {
|
|
66
|
-
cell:
|
|
67
|
-
columnHeader:
|
|
68
|
-
caption:
|
|
66
|
+
cell: "p-table-cell-lg text-table-lg",
|
|
67
|
+
columnHeader: "p-table-cell-lg text-table-lg",
|
|
68
|
+
caption: "p-table-caption-lg text-table-caption-lg"
|
|
69
69
|
}
|
|
70
70
|
},
|
|
71
71
|
stickyHeader: {
|
|
72
72
|
true: {
|
|
73
|
-
columnHeader:
|
|
73
|
+
columnHeader: "sticky top-0 z-10 bg-table-header-bg"
|
|
74
74
|
}
|
|
75
75
|
},
|
|
76
76
|
stickyFirstColumn: {
|
|
77
77
|
true: {
|
|
78
78
|
columnHeader: [
|
|
79
|
-
|
|
80
|
-
|
|
79
|
+
"first:sticky first:start-0 first:z-20",
|
|
80
|
+
"bg-table-header-bg"
|
|
81
81
|
],
|
|
82
82
|
cell: [
|
|
83
|
-
|
|
84
|
-
|
|
83
|
+
"first:sticky first:start-0 first:z-10",
|
|
84
|
+
"bg-table-bg"
|
|
85
85
|
]
|
|
86
86
|
}
|
|
87
87
|
},
|
|
88
88
|
showColumnBorder: {
|
|
89
89
|
true: {
|
|
90
|
-
columnHeader:
|
|
91
|
-
cell:
|
|
90
|
+
columnHeader: "border-r-(length:--border-width-table) border-table-border",
|
|
91
|
+
cell: "border-r-(length:--border-width-table) border-table-border"
|
|
92
92
|
}
|
|
93
93
|
},
|
|
94
94
|
captionPlacement: {
|
|
95
95
|
top: {
|
|
96
|
-
caption:
|
|
96
|
+
caption: "caption-top"
|
|
97
97
|
},
|
|
98
98
|
bottom: {
|
|
99
|
-
caption:
|
|
99
|
+
caption: "caption-bottom"
|
|
100
100
|
}
|
|
101
101
|
}
|
|
102
102
|
},
|
|
103
103
|
defaultVariants: {
|
|
104
|
-
variant:
|
|
105
|
-
size:
|
|
104
|
+
variant: "line",
|
|
105
|
+
size: "md",
|
|
106
106
|
interactive: false,
|
|
107
107
|
stickyHeader: false,
|
|
108
108
|
stickyFirstColumn: false,
|
|
109
109
|
showColumnBorder: false,
|
|
110
|
-
captionPlacement:
|
|
110
|
+
captionPlacement: "top"
|
|
111
111
|
}
|
|
112
112
|
});
|
|
113
113
|
const TableContext = /*#__PURE__*/ createContext(null);
|
|
114
114
|
function useTableContext() {
|
|
115
115
|
const context = useContext(TableContext);
|
|
116
|
-
if (!context) throw new Error(
|
|
116
|
+
if (!context) throw new Error("Table components must be used within Table");
|
|
117
117
|
return context;
|
|
118
118
|
}
|
|
119
119
|
function Table({ variant, size, interactive, stickyHeader, stickyFirstColumn, showColumnBorder, captionPlacement, children, ref, className, ...props }) {
|
|
@@ -138,10 +138,10 @@ function Table({ variant, size, interactive, stickyHeader, stickyFirstColumn, sh
|
|
|
138
138
|
styles
|
|
139
139
|
},
|
|
140
140
|
children: /*#__PURE__*/ jsx("table", {
|
|
141
|
-
ref: ref,
|
|
142
141
|
className: styles.root({
|
|
143
142
|
className
|
|
144
143
|
}),
|
|
144
|
+
ref: ref,
|
|
145
145
|
...props,
|
|
146
146
|
children: children
|
|
147
147
|
})
|
|
@@ -150,10 +150,10 @@ function Table({ variant, size, interactive, stickyHeader, stickyFirstColumn, sh
|
|
|
150
150
|
Table.Caption = function({ children, ref, className, ...props }) {
|
|
151
151
|
const { styles } = useTableContext();
|
|
152
152
|
return /*#__PURE__*/ jsx("caption", {
|
|
153
|
-
ref: ref,
|
|
154
153
|
className: styles.caption({
|
|
155
154
|
className
|
|
156
155
|
}),
|
|
156
|
+
ref: ref,
|
|
157
157
|
...props,
|
|
158
158
|
children: children
|
|
159
159
|
});
|
|
@@ -161,10 +161,10 @@ Table.Caption = function({ children, ref, className, ...props }) {
|
|
|
161
161
|
Table.Header = function({ children, ref, className, ...props }) {
|
|
162
162
|
const { styles } = useTableContext();
|
|
163
163
|
return /*#__PURE__*/ jsx("thead", {
|
|
164
|
-
ref: ref,
|
|
165
164
|
className: styles.header({
|
|
166
165
|
className
|
|
167
166
|
}),
|
|
167
|
+
ref: ref,
|
|
168
168
|
...props,
|
|
169
169
|
children: children
|
|
170
170
|
});
|
|
@@ -172,10 +172,10 @@ Table.Header = function({ children, ref, className, ...props }) {
|
|
|
172
172
|
Table.Body = function({ children, ref, className, ...props }) {
|
|
173
173
|
const { styles } = useTableContext();
|
|
174
174
|
return /*#__PURE__*/ jsx("tbody", {
|
|
175
|
-
ref: ref,
|
|
176
175
|
className: styles.body({
|
|
177
176
|
className
|
|
178
177
|
}),
|
|
178
|
+
ref: ref,
|
|
179
179
|
...props,
|
|
180
180
|
children: children
|
|
181
181
|
});
|
|
@@ -183,10 +183,10 @@ Table.Body = function({ children, ref, className, ...props }) {
|
|
|
183
183
|
Table.Footer = function({ children, ref, className, ...props }) {
|
|
184
184
|
const { styles } = useTableContext();
|
|
185
185
|
return /*#__PURE__*/ jsx("tfoot", {
|
|
186
|
-
ref: ref,
|
|
187
186
|
className: styles.footer({
|
|
188
187
|
className
|
|
189
188
|
}),
|
|
189
|
+
ref: ref,
|
|
190
190
|
...props,
|
|
191
191
|
children: children
|
|
192
192
|
});
|
|
@@ -194,11 +194,11 @@ Table.Footer = function({ children, ref, className, ...props }) {
|
|
|
194
194
|
Table.Row = function({ children, ref, className, selected, ...props }) {
|
|
195
195
|
const { styles } = useTableContext();
|
|
196
196
|
return /*#__PURE__*/ jsx("tr", {
|
|
197
|
-
ref: ref,
|
|
198
197
|
className: styles.row({
|
|
199
198
|
className
|
|
200
199
|
}),
|
|
201
200
|
"data-selected": selected,
|
|
201
|
+
ref: ref,
|
|
202
202
|
...props,
|
|
203
203
|
children: children
|
|
204
204
|
});
|
|
@@ -206,12 +206,12 @@ Table.Row = function({ children, ref, className, selected, ...props }) {
|
|
|
206
206
|
Table.ColumnHeader = function({ children, ref, className, numeric, ...props }) {
|
|
207
207
|
const { styles } = useTableContext();
|
|
208
208
|
return /*#__PURE__*/ jsx("th", {
|
|
209
|
-
ref: ref,
|
|
210
|
-
scope: "col",
|
|
211
209
|
className: styles.columnHeader({
|
|
212
210
|
className
|
|
213
211
|
}),
|
|
214
212
|
"data-numeric": numeric,
|
|
213
|
+
ref: ref,
|
|
214
|
+
scope: "col",
|
|
215
215
|
...props,
|
|
216
216
|
children: children
|
|
217
217
|
});
|
|
@@ -219,15 +219,15 @@ Table.ColumnHeader = function({ children, ref, className, numeric, ...props }) {
|
|
|
219
219
|
Table.Cell = function({ children, ref, className, numeric, ...props }) {
|
|
220
220
|
const { styles, stickyFirstColumn } = useTableContext();
|
|
221
221
|
return /*#__PURE__*/ jsx("td", {
|
|
222
|
-
ref: ref,
|
|
223
222
|
className: styles.cell({
|
|
224
223
|
className,
|
|
225
224
|
stickyFirstColumn
|
|
226
225
|
}),
|
|
227
226
|
"data-numeric": numeric,
|
|
227
|
+
ref: ref,
|
|
228
228
|
...props,
|
|
229
229
|
children: children
|
|
230
230
|
});
|
|
231
231
|
};
|
|
232
|
-
Table.displayName =
|
|
232
|
+
Table.displayName = "Table";
|
|
233
233
|
export { Table };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { HTMLAttributes } from
|
|
2
|
-
import type { VariantProps } from
|
|
1
|
+
import type { HTMLAttributes } from "react";
|
|
2
|
+
import type { VariantProps } from "tailwind-variants";
|
|
3
3
|
declare const badgeVariants: import("tailwind-variants").TVReturnType<{
|
|
4
4
|
variant: {
|
|
5
5
|
primary: string[];
|
|
@@ -13,6 +13,12 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
|
|
|
13
13
|
outline: string[];
|
|
14
14
|
dynamic: never[];
|
|
15
15
|
};
|
|
16
|
+
size: {
|
|
17
|
+
sm: string[];
|
|
18
|
+
md: string[];
|
|
19
|
+
lg: string[];
|
|
20
|
+
xl: string[];
|
|
21
|
+
};
|
|
16
22
|
}, undefined, string[], {
|
|
17
23
|
variant: {
|
|
18
24
|
primary: string[];
|
|
@@ -26,6 +32,12 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
|
|
|
26
32
|
outline: string[];
|
|
27
33
|
dynamic: never[];
|
|
28
34
|
};
|
|
35
|
+
size: {
|
|
36
|
+
sm: string[];
|
|
37
|
+
md: string[];
|
|
38
|
+
lg: string[];
|
|
39
|
+
xl: string[];
|
|
40
|
+
};
|
|
29
41
|
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
30
42
|
variant: {
|
|
31
43
|
primary: string[];
|
|
@@ -39,21 +51,29 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
|
|
|
39
51
|
outline: string[];
|
|
40
52
|
dynamic: never[];
|
|
41
53
|
};
|
|
54
|
+
size: {
|
|
55
|
+
sm: string[];
|
|
56
|
+
md: string[];
|
|
57
|
+
lg: string[];
|
|
58
|
+
xl: string[];
|
|
59
|
+
};
|
|
42
60
|
}, undefined, string[], unknown, unknown, undefined>>;
|
|
43
|
-
type BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>[
|
|
44
|
-
type
|
|
61
|
+
type BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>["variant"]>;
|
|
62
|
+
type BadgeSize = NonNullable<VariantProps<typeof badgeVariants>["size"]>;
|
|
63
|
+
type BaseBadgeProps = Omit<HTMLAttributes<HTMLSpanElement>, "color" | "children"> & {
|
|
45
64
|
children: string;
|
|
65
|
+
size?: BadgeSize;
|
|
46
66
|
};
|
|
47
67
|
type DefaultBadgeProps = BaseBadgeProps & {
|
|
48
|
-
variant?: Exclude<BadgeVariant,
|
|
68
|
+
variant?: Exclude<BadgeVariant, "dynamic">;
|
|
49
69
|
};
|
|
50
70
|
type DynamicBadgeProps = BaseBadgeProps & {
|
|
51
|
-
variant:
|
|
71
|
+
variant: "dynamic";
|
|
52
72
|
bgColor: string;
|
|
53
73
|
fgColor: string;
|
|
54
74
|
borderColor: string;
|
|
55
75
|
};
|
|
56
76
|
export type BadgeProps = DefaultBadgeProps | DynamicBadgeProps;
|
|
57
|
-
export declare function Badge({ variant, className, children, style, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
77
|
+
export declare function Badge({ variant, size, className, children, style, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
58
78
|
export {};
|
|
59
79
|
//# sourceMappingURL=badge.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/atoms/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,QAAA,MAAM,aAAa
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/atoms/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDA8CjB,CAAA;AAEF,KAAK,YAAY,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;AAC9E,KAAK,SAAS,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AAExE,KAAK,cAAc,GAAG,IAAI,CACxB,cAAc,CAAC,eAAe,CAAC,EAC/B,OAAO,GAAG,UAAU,CACrB,GAAG;IACF,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,KAAK,iBAAiB,GAAG,cAAc,GAAG;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;CAC3C,CAAA;AAED,KAAK,iBAAiB,GAAG,cAAc,GAAG;IACxC,OAAO,EAAE,SAAS,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,iBAAiB,GAAG,iBAAiB,CAAA;AAE9D,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,2CAwBZ"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import type { ButtonHTMLAttributes, ReactNode, Ref } from
|
|
2
|
-
import type { VariantProps } from
|
|
3
|
-
import { type IconType } from
|
|
1
|
+
import type { ButtonHTMLAttributes, ReactNode, Ref } from "react";
|
|
2
|
+
import type { VariantProps } from "tailwind-variants";
|
|
3
|
+
import { type IconType } from "./icon";
|
|
4
4
|
export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
|
|
5
5
|
variant: {
|
|
6
6
|
primary: string;
|
|
@@ -83,15 +83,16 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
|
|
|
83
83
|
true: string;
|
|
84
84
|
};
|
|
85
85
|
}, undefined, string[], unknown, unknown, undefined>>;
|
|
86
|
-
export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>,
|
|
86
|
+
export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children">, VariantProps<typeof buttonVariants> {
|
|
87
87
|
icon?: IconType;
|
|
88
|
-
iconPosition?:
|
|
88
|
+
iconPosition?: "left" | "right";
|
|
89
|
+
iconSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "current";
|
|
89
90
|
uppercase?: boolean;
|
|
90
91
|
isLoading?: boolean;
|
|
91
92
|
loadingText?: string;
|
|
92
93
|
children?: ReactNode;
|
|
93
94
|
}
|
|
94
|
-
export declare function Button({ variant, theme, size, block, isLoading, icon, iconPosition, uppercase, children, className, ...props }: ButtonProps & {
|
|
95
|
+
export declare function Button({ variant, theme, size, block, isLoading, loadingText, icon, iconPosition, iconSize, uppercase, children, className, disabled: disabledProp, ...props }: ButtonProps & {
|
|
95
96
|
ref?: Ref<HTMLButtonElement>;
|
|
96
97
|
}): import("react/jsx-runtime").JSX.Element;
|
|
97
98
|
//# sourceMappingURL=button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/atoms/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAE5C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/atoms/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAE5C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDA+OzB,CAAA;AAEF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,EAC/D,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,SAAS,CAAA;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,IAAI,EACJ,YAAqB,EACrB,QAAQ,EACR,SAAiB,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EAAE,YAAY,EACtB,GAAG,KAAK,EACT,EAAE,WAAW,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,2CA8BhD"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { InputHTMLAttributes, Ref } from "react";
|
|
2
|
+
export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
+
ref?: Ref<HTMLInputElement>;
|
|
4
|
+
indeterminate?: boolean;
|
|
5
|
+
invalid?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare function Checkbox({ className, indeterminate, invalid, ref, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare namespace Checkbox {
|
|
9
|
+
var displayName: string;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/atoms/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAmCrD,MAAM,WAAW,aAAc,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC1E,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,aAAa,EACb,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACT,EAAE,aAAa,2CAsBf;yBA5Be,QAAQ"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/badge.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/button.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/checkbox.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/icon.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/image.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/input.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/label.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link-button.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/link-button.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"link.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/link.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"numeric-input.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/numeric-input.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"rating.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/rating.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skeleton.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/skeleton.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"status-text.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/status-text.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textarea.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/textarea.figma.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/tooltip.figma.tsx"],"names":[],"mappings":""}
|
package/dist/src/atoms/icon.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import type { HTMLAttributes } from
|
|
2
|
-
import type { VariantProps } from
|
|
1
|
+
import type { HTMLAttributes } from "react";
|
|
2
|
+
import type { VariantProps } from "tailwind-variants";
|
|
3
3
|
export type IconType = `token-icon-${string}` | `icon-[${string}]`;
|
|
4
4
|
declare const iconVariants: import("tailwind-variants").TVReturnType<{
|
|
5
5
|
size: {
|
|
@@ -9,7 +9,7 @@ declare const iconVariants: import("tailwind-variants").TVReturnType<{
|
|
|
9
9
|
md: string;
|
|
10
10
|
lg: string;
|
|
11
11
|
xl: string;
|
|
12
|
-
|
|
12
|
+
"2xl": string;
|
|
13
13
|
};
|
|
14
14
|
color: {
|
|
15
15
|
current: string;
|
|
@@ -27,7 +27,7 @@ declare const iconVariants: import("tailwind-variants").TVReturnType<{
|
|
|
27
27
|
md: string;
|
|
28
28
|
lg: string;
|
|
29
29
|
xl: string;
|
|
30
|
-
|
|
30
|
+
"2xl": string;
|
|
31
31
|
};
|
|
32
32
|
color: {
|
|
33
33
|
current: string;
|
|
@@ -45,7 +45,7 @@ declare const iconVariants: import("tailwind-variants").TVReturnType<{
|
|
|
45
45
|
md: string;
|
|
46
46
|
lg: string;
|
|
47
47
|
xl: string;
|
|
48
|
-
|
|
48
|
+
"2xl": string;
|
|
49
49
|
};
|
|
50
50
|
color: {
|
|
51
51
|
current: string;
|
|
@@ -56,7 +56,7 @@ declare const iconVariants: import("tailwind-variants").TVReturnType<{
|
|
|
56
56
|
warning: string;
|
|
57
57
|
};
|
|
58
58
|
}, undefined, string[], unknown, unknown, undefined>>;
|
|
59
|
-
export interface IconProps extends Omit<HTMLAttributes<HTMLSpanElement>,
|
|
59
|
+
export interface IconProps extends Omit<HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof iconVariants> {
|
|
60
60
|
icon: IconType;
|
|
61
61
|
className?: string;
|
|
62
62
|
}
|
|
@@ -1,17 +1,43 @@
|
|
|
1
|
-
import type { ComponentPropsWithoutRef, ElementType } from
|
|
2
|
-
|
|
1
|
+
import type { ComponentPropsWithoutRef, ElementType } from "react";
|
|
2
|
+
import type { VariantProps } from "tailwind-variants";
|
|
3
|
+
declare const imageVariants: import("tailwind-variants").TVReturnType<{
|
|
4
|
+
size: {
|
|
5
|
+
sm: string;
|
|
6
|
+
md: string;
|
|
7
|
+
lg: string;
|
|
8
|
+
full: string;
|
|
9
|
+
custom: string;
|
|
10
|
+
};
|
|
11
|
+
}, undefined, undefined, {
|
|
12
|
+
size: {
|
|
13
|
+
sm: string;
|
|
14
|
+
md: string;
|
|
15
|
+
lg: string;
|
|
16
|
+
full: string;
|
|
17
|
+
custom: string;
|
|
18
|
+
};
|
|
19
|
+
}, undefined, import("tailwind-variants").TVReturnType<{
|
|
20
|
+
size: {
|
|
21
|
+
sm: string;
|
|
22
|
+
md: string;
|
|
23
|
+
lg: string;
|
|
24
|
+
full: string;
|
|
25
|
+
custom: string;
|
|
26
|
+
};
|
|
27
|
+
}, undefined, undefined, unknown, unknown, undefined>>;
|
|
28
|
+
export type BaseImageProps = {
|
|
3
29
|
src: string;
|
|
4
30
|
alt: string;
|
|
5
31
|
className?: string;
|
|
6
|
-
}
|
|
7
|
-
type HasImageProps<T extends ElementType> =
|
|
8
|
-
type NativeImageProps = BaseImageProps & Omit<ComponentPropsWithoutRef<
|
|
9
|
-
type CustomImageProps<T extends ElementType> = BaseImageProps & Omit<ComponentPropsWithoutRef<HasImageProps<T>>, keyof BaseImageProps
|
|
32
|
+
};
|
|
33
|
+
type HasImageProps<T extends ElementType> = "src" extends keyof ComponentPropsWithoutRef<T> ? "alt" extends keyof ComponentPropsWithoutRef<T> ? T : never : never;
|
|
34
|
+
type NativeImageProps = BaseImageProps & VariantProps<typeof imageVariants> & Omit<ComponentPropsWithoutRef<"img">, keyof BaseImageProps | keyof VariantProps<typeof imageVariants>>;
|
|
35
|
+
type CustomImageProps<T extends ElementType> = BaseImageProps & VariantProps<typeof imageVariants> & Omit<ComponentPropsWithoutRef<HasImageProps<T>>, keyof BaseImageProps | keyof VariantProps<typeof imageVariants>> & {
|
|
10
36
|
as: HasImageProps<T>;
|
|
11
37
|
};
|
|
12
|
-
export type ImageProps<T extends ElementType =
|
|
13
|
-
as?:
|
|
38
|
+
export type ImageProps<T extends ElementType = "img"> = T extends "img" ? NativeImageProps & {
|
|
39
|
+
as?: "img";
|
|
14
40
|
} : CustomImageProps<T>;
|
|
15
|
-
export declare function Image<T extends ElementType =
|
|
41
|
+
export declare function Image<T extends ElementType = "img">({ as, src, alt, size, className, ...props }: ImageProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
16
42
|
export {};
|
|
17
43
|
//# sourceMappingURL=image.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/atoms/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/atoms/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;sDAajB,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,KAAK,aAAa,CAAC,CAAC,SAAS,WAAW,IACtC,KAAK,SAAS,MAAM,wBAAwB,CAAC,CAAC,CAAC,GAC3C,KAAK,SAAS,MAAM,wBAAwB,CAAC,CAAC,CAAC,GAC7C,CAAC,GACD,KAAK,GACP,KAAK,CAAA;AAEX,KAAK,gBAAgB,GAAG,cAAc,GACpC,YAAY,CAAC,OAAO,aAAa,CAAC,GAClC,IAAI,CACF,wBAAwB,CAAC,KAAK,CAAC,EAC/B,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC,OAAO,aAAa,CAAC,CAChE,CAAA;AAEH,KAAK,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI,cAAc,GAC3D,YAAY,CAAC,OAAO,aAAa,CAAC,GAClC,IAAI,CACF,wBAAwB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAC1C,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC,OAAO,aAAa,CAAC,CAChE,GAAG;IACF,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,CAAA;CACrB,CAAA;AAEH,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,CAAC,SAAS,KAAK,GACnE,gBAAgB,GAAG;IAAE,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE,GACjC,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEvB,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACnD,EAAE,EACF,GAAG,EACH,GAAG,EACH,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,CAAC,CAAC,2CAWf"}
|