@cocso-ui/react 0.2.21 → 1.0.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 +2 -2
- package/dist/cjs/cn.d.ts +12 -0
- package/dist/cjs/cn.js +17 -0
- package/dist/cjs/components/accordion/accordion.d.ts +25 -0
- package/dist/cjs/components/accordion/accordion.js +54 -0
- package/dist/cjs/components/accordion/accordion.module.css.js +9 -0
- package/dist/cjs/components/alert/alert.d.ts +15 -0
- package/dist/cjs/components/alert/alert.js +44 -0
- package/dist/cjs/components/alert/alert.module.css.js +9 -0
- package/dist/cjs/components/avatar/avatar.d.ts +18 -0
- package/dist/cjs/components/avatar/avatar.js +52 -0
- package/dist/cjs/components/avatar/avatar.module.css.js +9 -0
- package/dist/cjs/components/badge/badge.d.ts +16 -0
- package/dist/cjs/components/badge/badge.js +60 -0
- package/dist/cjs/components/badge/badge.module.css.js +9 -0
- package/dist/cjs/components/breadcrumb/breadcrumb.d.ts +14 -0
- package/dist/cjs/components/breadcrumb/breadcrumb.js +50 -0
- package/dist/cjs/components/breadcrumb/breadcrumb.module.css.js +9 -0
- package/dist/cjs/components/button/button.d.ts +27 -0
- package/dist/cjs/components/button/button.js +83 -0
- package/dist/cjs/components/button/button.module.css.js +9 -0
- package/dist/cjs/components/card/card.d.ts +13 -0
- package/dist/cjs/components/card/card.js +30 -0
- package/dist/cjs/components/card/card.module.css.js +9 -0
- package/dist/cjs/components/checkbox/checkbox.d.ts +20 -0
- package/dist/cjs/components/checkbox/checkbox.js +116 -0
- package/dist/cjs/components/checkbox/checkbox.module.css.js +9 -0
- package/dist/cjs/components/day-picker/day-picker.d.ts +18 -0
- package/dist/cjs/components/day-picker/day-picker.js +117 -0
- package/dist/cjs/components/day-picker/day-picker.module.css.js +9 -0
- package/dist/cjs/components/dialog/dialog.d.ts +29 -0
- package/dist/cjs/components/dialog/dialog.js +103 -0
- package/dist/cjs/components/dialog/dialog.module.css.js +9 -0
- package/dist/cjs/components/dropdown/dropdown.d.ts +16 -0
- package/dist/cjs/components/dropdown/dropdown.js +43 -0
- package/dist/cjs/components/dropdown/dropdown.module.css.js +9 -0
- package/dist/cjs/components/field/field.d.ts +26 -0
- package/dist/cjs/components/field/field.js +49 -0
- package/dist/cjs/components/field/field.module.css.js +9 -0
- package/dist/cjs/components/input/input.d.ts +17 -0
- package/dist/cjs/components/input/input.js +69 -0
- package/dist/cjs/components/input/input.module.css.js +9 -0
- package/dist/cjs/components/link/link.d.ts +28 -0
- package/dist/cjs/components/link/link.js +64 -0
- package/dist/cjs/components/link/link.module.css.js +9 -0
- package/dist/cjs/components/month-picker/month-picker.d.ts +18 -0
- package/dist/cjs/components/month-picker/month-picker.js +108 -0
- package/dist/cjs/components/month-picker/month-picker.module.css.js +9 -0
- package/dist/cjs/components/one-time-password-field/one-time-password-field.d.ts +13 -0
- package/dist/cjs/components/one-time-password-field/one-time-password-field.js +44 -0
- package/dist/cjs/components/one-time-password-field/one-time-password-field.module.css.js +9 -0
- package/dist/cjs/components/pagination/pagination.d.ts +21 -0
- package/dist/cjs/{pagination/Pagination.js → components/pagination/pagination.js} +35 -20
- package/dist/cjs/components/pagination/pagination.module.css.js +9 -0
- package/dist/cjs/components/popover/popover.d.ts +14 -0
- package/dist/cjs/components/popover/popover.js +47 -0
- package/dist/cjs/components/popover/popover.module.css.js +9 -0
- package/dist/cjs/components/progress/progress.d.ts +17 -0
- package/dist/cjs/components/progress/progress.js +43 -0
- package/dist/cjs/components/progress/progress.module.css.js +9 -0
- package/dist/cjs/components/radio-group/radio-group.d.ts +23 -0
- package/dist/cjs/components/radio-group/radio-group.js +53 -0
- package/dist/cjs/components/radio-group/radio-group.module.css.js +9 -0
- package/dist/cjs/components/select/select.d.ts +17 -0
- package/dist/cjs/components/select/select.js +85 -0
- package/dist/cjs/components/select/select.module.css.js +9 -0
- package/dist/cjs/components/skeleton/skeleton.d.ts +15 -0
- package/dist/cjs/components/skeleton/skeleton.js +30 -0
- package/dist/cjs/components/skeleton/skeleton.module.css.js +9 -0
- package/dist/cjs/components/spinner/spinner.d.ts +17 -0
- package/dist/cjs/components/spinner/spinner.js +70 -0
- package/dist/cjs/components/spinner/spinner.module.css.js +9 -0
- package/dist/cjs/components/stock-quantity-status/stock-quantity-status.d.ts +12 -0
- package/dist/cjs/components/stock-quantity-status/stock-quantity-status.js +119 -0
- package/dist/cjs/components/stock-quantity-status/stock-quantity-status.module.css.js +9 -0
- package/dist/cjs/components/switch/switch.d.ts +19 -0
- package/dist/cjs/components/switch/switch.js +74 -0
- package/dist/cjs/components/switch/switch.module.css.js +9 -0
- package/dist/cjs/components/tab/tab.d.ts +16 -0
- package/dist/cjs/components/tab/tab.js +33 -0
- package/dist/cjs/components/tooltip/tooltip.d.ts +17 -0
- package/dist/cjs/components/tooltip/tooltip.js +48 -0
- package/dist/cjs/components/tooltip/tooltip.module.css.js +9 -0
- package/dist/cjs/components/typography/typography.d.ts +30 -0
- package/dist/cjs/components/typography/typography.js +81 -0
- package/dist/cjs/components/typography/typography.module.css.js +9 -0
- package/dist/cjs/ecosystem/codegen/generated/alert.css.js +6 -0
- package/dist/cjs/ecosystem/codegen/generated/alert.js +12 -0
- package/dist/cjs/ecosystem/codegen/generated/avatar.css.js +6 -0
- package/dist/cjs/ecosystem/codegen/generated/avatar.js +13 -0
- package/dist/cjs/ecosystem/codegen/generated/badge.css.js +6 -0
- package/dist/cjs/ecosystem/codegen/generated/badge.js +14 -0
- package/dist/cjs/ecosystem/codegen/generated/breadcrumb.css.js +6 -0
- package/dist/cjs/ecosystem/codegen/generated/breadcrumb.js +12 -0
- package/dist/cjs/ecosystem/codegen/generated/button.css.js +6 -0
- package/dist/cjs/ecosystem/codegen/generated/button.js +14 -0
- package/dist/cjs/ecosystem/codegen/generated/card.css.js +6 -0
- package/dist/cjs/ecosystem/codegen/generated/card.js +13 -0
- package/dist/cjs/ecosystem/codegen/generated/checkbox.css.js +6 -0
- package/dist/cjs/ecosystem/codegen/generated/checkbox.js +13 -0
- package/dist/cjs/ecosystem/codegen/generated/input.css.js +6 -0
- package/dist/cjs/ecosystem/codegen/generated/input.js +12 -0
- package/dist/cjs/ecosystem/codegen/generated/link.css.js +6 -0
- package/dist/cjs/ecosystem/codegen/generated/link.js +12 -0
- package/dist/cjs/ecosystem/codegen/generated/progress.css.js +6 -0
- package/dist/cjs/ecosystem/codegen/generated/progress.js +13 -0
- package/dist/cjs/ecosystem/codegen/generated/radio.css.js +6 -0
- package/dist/cjs/ecosystem/codegen/generated/radio.js +13 -0
- package/dist/cjs/ecosystem/codegen/generated/select.css.js +6 -0
- package/dist/cjs/ecosystem/codegen/generated/select.js +12 -0
- package/dist/cjs/ecosystem/codegen/generated/skeleton.css.js +6 -0
- package/dist/cjs/ecosystem/codegen/generated/skeleton.js +13 -0
- package/dist/cjs/ecosystem/codegen/generated/spinner-geometry.js +33 -0
- package/dist/cjs/ecosystem/codegen/generated/spinner.css.js +6 -0
- package/dist/cjs/ecosystem/codegen/generated/spinner.js +13 -0
- package/dist/cjs/ecosystem/codegen/generated/stock-quantity-status.css.js +6 -0
- package/dist/cjs/ecosystem/codegen/generated/stock-quantity-status.js +12 -0
- package/dist/cjs/ecosystem/codegen/generated/switch.css.js +6 -0
- package/dist/cjs/ecosystem/codegen/generated/switch.js +14 -0
- package/dist/cjs/index.d.ts +30 -19
- package/dist/cjs/index.js +65 -43
- package/dist/cjs/token/color.d.ts +12 -0
- package/dist/cjs/token/color.js +93 -81
- package/dist/cjs/token/radius.d.ts +12 -0
- package/dist/cjs/token/radius.js +14 -0
- package/dist/cjs/token/spacing.d.ts +24 -23
- package/dist/cjs/token/spacing.js +24 -23
- package/dist/cjs/token/typography.d.ts +17 -0
- package/dist/cjs/token/typography.js +17 -6
- package/dist/esm/cn.d.mts +12 -0
- package/dist/esm/cn.mjs +15 -0
- package/dist/esm/components/accordion/accordion.d.mts +25 -0
- package/dist/esm/components/accordion/accordion.mjs +52 -0
- package/dist/esm/components/accordion/accordion.module.css.mjs +3 -0
- package/dist/esm/components/alert/alert.d.mts +15 -0
- package/dist/esm/components/alert/alert.mjs +41 -0
- package/dist/esm/components/alert/alert.module.css.mjs +3 -0
- package/dist/esm/components/avatar/avatar.d.mts +18 -0
- package/dist/esm/components/avatar/avatar.mjs +49 -0
- package/dist/esm/components/avatar/avatar.module.css.mjs +3 -0
- package/dist/esm/components/badge/badge.d.mts +16 -0
- package/dist/esm/components/badge/badge.mjs +57 -0
- package/dist/esm/components/badge/badge.module.css.mjs +3 -0
- package/dist/esm/components/breadcrumb/breadcrumb.d.mts +14 -0
- package/dist/esm/components/breadcrumb/breadcrumb.mjs +47 -0
- package/dist/esm/components/breadcrumb/breadcrumb.module.css.mjs +3 -0
- package/dist/esm/components/button/button.d.mts +27 -0
- package/dist/esm/components/button/button.mjs +80 -0
- package/dist/esm/components/button/button.module.css.mjs +3 -0
- package/dist/esm/components/card/card.d.mts +13 -0
- package/dist/esm/components/card/card.mjs +27 -0
- package/dist/esm/components/card/card.module.css.mjs +3 -0
- package/dist/esm/components/checkbox/checkbox.d.mts +20 -0
- package/dist/esm/components/checkbox/checkbox.mjs +113 -0
- package/dist/esm/components/checkbox/checkbox.module.css.mjs +3 -0
- package/dist/esm/components/day-picker/day-picker.d.mts +18 -0
- package/dist/esm/components/day-picker/day-picker.mjs +115 -0
- package/dist/esm/components/day-picker/day-picker.module.css.mjs +3 -0
- package/dist/esm/components/dialog/dialog.d.mts +29 -0
- package/dist/esm/components/dialog/dialog.mjs +101 -0
- package/dist/esm/components/dialog/dialog.module.css.mjs +3 -0
- package/dist/esm/components/dropdown/dropdown.d.mts +16 -0
- package/dist/esm/components/dropdown/dropdown.mjs +41 -0
- package/dist/esm/components/dropdown/dropdown.module.css.mjs +3 -0
- package/dist/esm/components/field/field.d.mts +26 -0
- package/dist/esm/components/field/field.mjs +46 -0
- package/dist/esm/components/field/field.module.css.mjs +3 -0
- package/dist/esm/components/input/input.d.mts +17 -0
- package/dist/esm/components/input/input.mjs +66 -0
- package/dist/esm/components/input/input.module.css.mjs +3 -0
- package/dist/esm/components/link/link.d.mts +28 -0
- package/dist/esm/components/link/link.mjs +61 -0
- package/dist/esm/components/link/link.module.css.mjs +3 -0
- package/dist/esm/components/month-picker/month-picker.d.mts +18 -0
- package/dist/esm/components/month-picker/month-picker.mjs +106 -0
- package/dist/esm/components/month-picker/month-picker.module.css.mjs +3 -0
- package/dist/esm/components/one-time-password-field/one-time-password-field.d.mts +13 -0
- package/dist/esm/components/one-time-password-field/one-time-password-field.mjs +42 -0
- package/dist/esm/components/one-time-password-field/one-time-password-field.module.css.mjs +3 -0
- package/dist/esm/components/pagination/pagination.d.mts +21 -0
- package/dist/esm/{pagination/Pagination.mjs → components/pagination/pagination.mjs} +30 -15
- package/dist/esm/components/pagination/pagination.module.css.mjs +3 -0
- package/dist/esm/components/popover/popover.d.mts +14 -0
- package/dist/esm/components/popover/popover.mjs +45 -0
- package/dist/esm/components/popover/popover.module.css.mjs +3 -0
- package/dist/esm/components/progress/progress.d.mts +17 -0
- package/dist/esm/components/progress/progress.mjs +40 -0
- package/dist/esm/components/progress/progress.module.css.mjs +3 -0
- package/dist/esm/components/radio-group/radio-group.d.mts +23 -0
- package/dist/esm/components/radio-group/radio-group.mjs +50 -0
- package/dist/esm/components/radio-group/radio-group.module.css.mjs +3 -0
- package/dist/esm/components/select/select.d.mts +17 -0
- package/dist/esm/components/select/select.mjs +82 -0
- package/dist/esm/components/select/select.module.css.mjs +3 -0
- package/dist/esm/components/skeleton/skeleton.d.mts +15 -0
- package/dist/esm/components/skeleton/skeleton.mjs +27 -0
- package/dist/esm/components/skeleton/skeleton.module.css.mjs +3 -0
- package/dist/esm/components/spinner/spinner.d.mts +17 -0
- package/dist/esm/components/spinner/spinner.mjs +67 -0
- package/dist/esm/components/spinner/spinner.module.css.mjs +3 -0
- package/dist/esm/components/stock-quantity-status/stock-quantity-status.d.mts +12 -0
- package/dist/esm/components/stock-quantity-status/stock-quantity-status.mjs +116 -0
- package/dist/esm/components/stock-quantity-status/stock-quantity-status.module.css.mjs +3 -0
- package/dist/esm/components/switch/switch.d.mts +19 -0
- package/dist/esm/components/switch/switch.mjs +71 -0
- package/dist/esm/components/switch/switch.module.css.mjs +3 -0
- package/dist/esm/components/tab/tab.d.mts +16 -0
- package/dist/esm/components/tab/tab.mjs +31 -0
- package/dist/esm/components/tooltip/tooltip.d.mts +17 -0
- package/dist/esm/components/tooltip/tooltip.mjs +46 -0
- package/dist/esm/components/tooltip/tooltip.module.css.mjs +3 -0
- package/dist/esm/components/typography/typography.d.mts +30 -0
- package/dist/esm/components/typography/typography.mjs +79 -0
- package/dist/esm/components/typography/typography.module.css.mjs +3 -0
- package/dist/esm/ecosystem/codegen/generated/alert.mjs +10 -0
- package/dist/esm/ecosystem/codegen/generated/avatar.mjs +11 -0
- package/dist/esm/ecosystem/codegen/generated/badge.mjs +12 -0
- package/dist/esm/ecosystem/codegen/generated/breadcrumb.mjs +10 -0
- package/dist/esm/ecosystem/codegen/generated/button.mjs +12 -0
- package/dist/esm/ecosystem/codegen/generated/card.mjs +11 -0
- package/dist/esm/ecosystem/codegen/generated/checkbox.mjs +11 -0
- package/dist/esm/ecosystem/codegen/generated/input.mjs +10 -0
- package/dist/esm/ecosystem/codegen/generated/link.mjs +10 -0
- package/dist/esm/ecosystem/codegen/generated/progress.mjs +11 -0
- package/dist/esm/ecosystem/codegen/generated/radio.mjs +11 -0
- package/dist/esm/ecosystem/codegen/generated/select.mjs +10 -0
- package/dist/esm/ecosystem/codegen/generated/skeleton.mjs +11 -0
- package/dist/esm/ecosystem/codegen/generated/spinner-geometry.mjs +30 -0
- package/dist/esm/ecosystem/codegen/generated/spinner.mjs +11 -0
- package/dist/esm/ecosystem/codegen/generated/stock-quantity-status.mjs +10 -0
- package/dist/esm/ecosystem/codegen/generated/switch.mjs +12 -0
- package/dist/esm/index.css +7 -1
- package/dist/esm/index.d.mts +30 -19
- package/dist/esm/index.mjs +31 -20
- package/dist/esm/token/color.d.mts +12 -0
- package/dist/esm/token/color.mjs +93 -81
- package/dist/esm/token/radius.d.mts +12 -0
- package/dist/esm/token/radius.mjs +12 -0
- package/dist/esm/token/spacing.d.mts +24 -23
- package/dist/esm/token/spacing.mjs +24 -23
- package/dist/esm/token/typography.d.mts +17 -0
- package/dist/esm/token/typography.mjs +17 -6
- package/package.json +29 -26
- package/dist/cjs/accordion/Accordion.d.ts +0 -15
- package/dist/cjs/accordion/Accordion.js +0 -71
- package/dist/cjs/accordion/Accordion.module.css.js +0 -9
- package/dist/cjs/badge/Badge.d.ts +0 -13
- package/dist/cjs/badge/Badge.js +0 -50
- package/dist/cjs/badge/Badge.module.css.js +0 -9
- package/dist/cjs/button/Button.d.ts +0 -23
- package/dist/cjs/button/Button.js +0 -117
- package/dist/cjs/button/Button.module.css.js +0 -9
- package/dist/cjs/checkbox/Checkbox.d.ts +0 -18
- package/dist/cjs/checkbox/Checkbox.js +0 -117
- package/dist/cjs/checkbox/Checkbox.module.css.js +0 -9
- package/dist/cjs/day-picker/DayPicker.d.ts +0 -14
- package/dist/cjs/day-picker/DayPicker.js +0 -98
- package/dist/cjs/day-picker/DayPicker.module.css.js +0 -9
- package/dist/cjs/dropdown/Dropdown.d.ts +0 -11
- package/dist/cjs/dropdown/Dropdown.js +0 -55
- package/dist/cjs/dropdown/Dropdown.module.css.js +0 -9
- package/dist/cjs/link/Link.d.ts +0 -16
- package/dist/cjs/link/Link.js +0 -35
- package/dist/cjs/link/Link.module.css.js +0 -9
- package/dist/cjs/modal/Modal.d.ts +0 -12
- package/dist/cjs/modal/Modal.js +0 -106
- package/dist/cjs/modal/Modal.module.css.js +0 -9
- package/dist/cjs/month-picker/MonthPicker.d.ts +0 -14
- package/dist/cjs/month-picker/MonthPicker.js +0 -91
- package/dist/cjs/month-picker/MonthPicker.module.css.js +0 -9
- package/dist/cjs/one-time-password-field/OneTimePasswordField.d.ts +0 -8
- package/dist/cjs/one-time-password-field/OneTimePasswordField.js +0 -52
- package/dist/cjs/one-time-password-field/OneTimePasswordField.module.css.js +0 -9
- package/dist/cjs/pagination/Pagination.d.ts +0 -13
- package/dist/cjs/pagination/Pagination.module.css.js +0 -9
- package/dist/cjs/popover/Popover.d.ts +0 -10
- package/dist/cjs/popover/Popover.js +0 -44
- package/dist/cjs/popover/Popover.module.css.js +0 -9
- package/dist/cjs/radio-group/RadioGroup.d.ts +0 -9
- package/dist/cjs/radio-group/RadioGroup.js +0 -66
- package/dist/cjs/radio-group/RadioGroup.module.css.js +0 -9
- package/dist/cjs/select/Select.d.ts +0 -13
- package/dist/cjs/select/Select.js +0 -85
- package/dist/cjs/select/Select.module.css.js +0 -9
- package/dist/cjs/spinner/Spinner.d.ts +0 -14
- package/dist/cjs/spinner/Spinner.js +0 -40
- package/dist/cjs/spinner/Spinner.module.css.js +0 -9
- package/dist/cjs/stock-quantity-status/StockQuantityStatus.d.ts +0 -12
- package/dist/cjs/stock-quantity-status/StockQuantityStatus.js +0 -105
- package/dist/cjs/stock-quantity-status/StockQuantityStatus.module.css.js +0 -9
- package/dist/cjs/switch/Switch.d.ts +0 -16
- package/dist/cjs/switch/Switch.js +0 -89
- package/dist/cjs/switch/Switch.module.css.js +0 -9
- package/dist/cjs/tab/Tab.d.ts +0 -10
- package/dist/cjs/tab/Tab.js +0 -64
- package/dist/cjs/typography/Typography.d.ts +0 -33
- package/dist/cjs/typography/Typography.js +0 -90
- package/dist/cjs/typography/Typography.module.css.js +0 -9
- package/dist/esm/accordion/Accordion.d.mts +0 -15
- package/dist/esm/accordion/Accordion.mjs +0 -50
- package/dist/esm/accordion/Accordion.module.css.mjs +0 -3
- package/dist/esm/badge/Badge.d.mts +0 -13
- package/dist/esm/badge/Badge.mjs +0 -48
- package/dist/esm/badge/Badge.module.css.mjs +0 -3
- package/dist/esm/button/Button.d.mts +0 -23
- package/dist/esm/button/Button.mjs +0 -115
- package/dist/esm/button/Button.module.css.mjs +0 -3
- package/dist/esm/checkbox/Checkbox.d.mts +0 -18
- package/dist/esm/checkbox/Checkbox.mjs +0 -96
- package/dist/esm/checkbox/Checkbox.module.css.mjs +0 -3
- package/dist/esm/day-picker/DayPicker.d.mts +0 -14
- package/dist/esm/day-picker/DayPicker.mjs +0 -96
- package/dist/esm/day-picker/DayPicker.module.css.mjs +0 -3
- package/dist/esm/dropdown/Dropdown.d.mts +0 -11
- package/dist/esm/dropdown/Dropdown.mjs +0 -34
- package/dist/esm/dropdown/Dropdown.module.css.mjs +0 -3
- package/dist/esm/link/Link.d.mts +0 -16
- package/dist/esm/link/Link.mjs +0 -33
- package/dist/esm/link/Link.module.css.mjs +0 -3
- package/dist/esm/modal/Modal.d.mts +0 -12
- package/dist/esm/modal/Modal.mjs +0 -85
- package/dist/esm/modal/Modal.module.css.mjs +0 -3
- package/dist/esm/month-picker/MonthPicker.d.mts +0 -14
- package/dist/esm/month-picker/MonthPicker.mjs +0 -89
- package/dist/esm/month-picker/MonthPicker.module.css.mjs +0 -3
- package/dist/esm/one-time-password-field/OneTimePasswordField.d.mts +0 -8
- package/dist/esm/one-time-password-field/OneTimePasswordField.mjs +0 -31
- package/dist/esm/one-time-password-field/OneTimePasswordField.module.css.mjs +0 -3
- package/dist/esm/pagination/Pagination.d.mts +0 -13
- package/dist/esm/pagination/Pagination.module.css.mjs +0 -3
- package/dist/esm/popover/Popover.d.mts +0 -10
- package/dist/esm/popover/Popover.mjs +0 -23
- package/dist/esm/popover/Popover.module.css.mjs +0 -3
- package/dist/esm/radio-group/RadioGroup.d.mts +0 -9
- package/dist/esm/radio-group/RadioGroup.mjs +0 -45
- package/dist/esm/radio-group/RadioGroup.module.css.mjs +0 -3
- package/dist/esm/select/Select.d.mts +0 -13
- package/dist/esm/select/Select.mjs +0 -83
- package/dist/esm/select/Select.module.css.mjs +0 -3
- package/dist/esm/spinner/Spinner.d.mts +0 -14
- package/dist/esm/spinner/Spinner.mjs +0 -38
- package/dist/esm/spinner/Spinner.module.css.mjs +0 -3
- package/dist/esm/stock-quantity-status/StockQuantityStatus.d.mts +0 -12
- package/dist/esm/stock-quantity-status/StockQuantityStatus.mjs +0 -102
- package/dist/esm/stock-quantity-status/StockQuantityStatus.module.css.mjs +0 -3
- package/dist/esm/switch/Switch.d.mts +0 -16
- package/dist/esm/switch/Switch.mjs +0 -68
- package/dist/esm/switch/Switch.module.css.mjs +0 -3
- package/dist/esm/tab/Tab.d.mts +0 -10
- package/dist/esm/tab/Tab.mjs +0 -43
- package/dist/esm/typography/Typography.d.mts +0 -33
- package/dist/esm/typography/Typography.mjs +0 -88
- package/dist/esm/typography/Typography.module.css.mjs +0 -3
package/dist/cjs/modal/Modal.js
DELETED
|
@@ -1,106 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var reactIcons = require('@cocso-ui/react-icons');
|
|
4
|
-
var ModalPrimitive = require('@radix-ui/react-dialog');
|
|
5
|
-
var clsx = require('clsx');
|
|
6
|
-
var react = require('react');
|
|
7
|
-
var Modal_module = require('./Modal.module.css.js');
|
|
8
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
-
var Typography = require('../typography/Typography.js');
|
|
10
|
-
var color = require('../token/color.js');
|
|
11
|
-
|
|
12
|
-
function _interopNamespaceDefault(e) {
|
|
13
|
-
var n = Object.create(null);
|
|
14
|
-
if (e) {
|
|
15
|
-
Object.keys(e).forEach(function (k) {
|
|
16
|
-
if (k !== 'default') {
|
|
17
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
18
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () { return e[k]; }
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
n.default = e;
|
|
26
|
-
return Object.freeze(n);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
var ModalPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(ModalPrimitive);
|
|
30
|
-
|
|
31
|
-
const ModalContent = /*#__PURE__*/react.forwardRef(({
|
|
32
|
-
className,
|
|
33
|
-
children,
|
|
34
|
-
...props
|
|
35
|
-
}, ref) => {
|
|
36
|
-
return /*#__PURE__*/jsxRuntime.jsxs(ModalPrimitive__namespace.Portal, {
|
|
37
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(ModalPrimitive__namespace.Overlay, {
|
|
38
|
-
className: Modal_module.overlay
|
|
39
|
-
}), /*#__PURE__*/jsxRuntime.jsx(ModalPrimitive__namespace.Content, {
|
|
40
|
-
ref: ref,
|
|
41
|
-
className: clsx.clsx(Modal_module.content, className),
|
|
42
|
-
...props,
|
|
43
|
-
children: children
|
|
44
|
-
})]
|
|
45
|
-
});
|
|
46
|
-
});
|
|
47
|
-
const ModalClose = /*#__PURE__*/react.forwardRef(({
|
|
48
|
-
asChild,
|
|
49
|
-
className,
|
|
50
|
-
children,
|
|
51
|
-
...props
|
|
52
|
-
}, ref) => {
|
|
53
|
-
return /*#__PURE__*/jsxRuntime.jsx(ModalPrimitive__namespace.Close, {
|
|
54
|
-
ref: ref,
|
|
55
|
-
className: clsx.clsx(!asChild && Modal_module.close, className),
|
|
56
|
-
asChild: asChild,
|
|
57
|
-
...props,
|
|
58
|
-
children: asChild ? children : /*#__PURE__*/jsxRuntime.jsx(reactIcons.CloseIcon, {
|
|
59
|
-
size: 24
|
|
60
|
-
})
|
|
61
|
-
});
|
|
62
|
-
});
|
|
63
|
-
const ModalTitle = /*#__PURE__*/react.forwardRef(({
|
|
64
|
-
className,
|
|
65
|
-
children,
|
|
66
|
-
...props
|
|
67
|
-
}, ref) => {
|
|
68
|
-
return /*#__PURE__*/jsxRuntime.jsx(ModalPrimitive__namespace.Title, {
|
|
69
|
-
ref: ref,
|
|
70
|
-
className: clsx.clsx(Modal_module.title, className),
|
|
71
|
-
asChild: true,
|
|
72
|
-
...props,
|
|
73
|
-
children: /*#__PURE__*/jsxRuntime.jsx(Typography.Typography, {
|
|
74
|
-
size: 20,
|
|
75
|
-
weight: "bold",
|
|
76
|
-
children: children
|
|
77
|
-
})
|
|
78
|
-
});
|
|
79
|
-
});
|
|
80
|
-
const ModalDescription = /*#__PURE__*/react.forwardRef(({
|
|
81
|
-
className,
|
|
82
|
-
children,
|
|
83
|
-
...props
|
|
84
|
-
}, ref) => {
|
|
85
|
-
return /*#__PURE__*/jsxRuntime.jsx(ModalPrimitive__namespace.Description, {
|
|
86
|
-
ref: ref,
|
|
87
|
-
className: clsx.clsx(Modal_module.description, className),
|
|
88
|
-
asChild: true,
|
|
89
|
-
...props,
|
|
90
|
-
children: /*#__PURE__*/jsxRuntime.jsx(Typography.Typography, {
|
|
91
|
-
size: 14,
|
|
92
|
-
color: color.colors.textSecondary,
|
|
93
|
-
weight: "medium",
|
|
94
|
-
children: children
|
|
95
|
-
})
|
|
96
|
-
});
|
|
97
|
-
});
|
|
98
|
-
const Modal = Object.assign(ModalPrimitive__namespace.Root, {
|
|
99
|
-
Trigger: ModalPrimitive__namespace.Trigger,
|
|
100
|
-
Content: ModalContent,
|
|
101
|
-
Close: ModalClose,
|
|
102
|
-
Title: ModalTitle,
|
|
103
|
-
Description: ModalDescription
|
|
104
|
-
});
|
|
105
|
-
|
|
106
|
-
exports.Modal = Modal;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var styleInject_es = require('../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
|
-
|
|
5
|
-
var css_248z = "@keyframes Modal-module_overlay-show__zyvAx{0%{opacity:0}to{opacity:1}}.Modal-module_overlay__7ZBDB{animation:Modal-module_overlay-show__zyvAx .4s cubic-bezier(.16,1,.3,1);background-color:var(--ds-color-black-alpha-30);inset:0;position:fixed;z-index:var(--ds-z-index-overlay)}@keyframes Modal-module_content-show__anq3d{0%{opacity:0;transform:translate(-50%,-48%) scale(.997)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.Modal-module_content__M1b6Q{animation:Modal-module_content-show__anq3d .4s cubic-bezier(.16,1,.3,1);background-color:var(--ds-color-white);border-radius:12px;display:flex;flex-direction:column;left:50%;max-height:85vh;max-width:380px;padding:var(--ds-spacing-9);position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:var(--ds-z-index-modal)}.Modal-module_close__UbAF7{align-items:center;align-self:flex-end;cursor:pointer;display:flex;height:var(--ds-spacing-10);justify-content:center;position:absolute;right:var(--ds-spacing-9);top:var(--ds-spacing-9);width:var(--ds-spacing-10)}.Modal-module_title__oTluo{word-break:keep-all}.Modal-module_description__RgMC5{margin-top:var(--ds-spacing-3)}";
|
|
6
|
-
var styles = {"overlay":"Modal-module_overlay__7ZBDB","content":"Modal-module_content__M1b6Q","close":"Modal-module_close__UbAF7","title":"Modal-module_title__oTluo","description":"Modal-module_description__RgMC5"};
|
|
7
|
-
styleInject_es(css_248z);
|
|
8
|
-
|
|
9
|
-
module.exports = styles;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import { ComponentPropsWithoutRef } from 'react';
|
|
3
|
-
|
|
4
|
-
interface MonthPickerProps extends ComponentPropsWithoutRef<'div'> {
|
|
5
|
-
value?: Date;
|
|
6
|
-
onValueChange?: (value: Date | null) => void;
|
|
7
|
-
minDate?: Date;
|
|
8
|
-
maxDate?: Date;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
}
|
|
11
|
-
declare const MonthPicker: react.ForwardRefExoticComponent<MonthPickerProps & react.RefAttributes<HTMLDivElement>>;
|
|
12
|
-
|
|
13
|
-
export { MonthPicker };
|
|
14
|
-
export type { MonthPickerProps };
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
var reactIcons = require('@cocso-ui/react-icons');
|
|
5
|
-
var clsx = require('clsx');
|
|
6
|
-
var locale = require('date-fns/locale');
|
|
7
|
-
var react = require('react');
|
|
8
|
-
var DatePicker = require('react-datepicker');
|
|
9
|
-
var MonthPicker_module = require('./MonthPicker.module.css.js');
|
|
10
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
11
|
-
var Dropdown = require('../dropdown/Dropdown.js');
|
|
12
|
-
var Button = require('../button/Button.js');
|
|
13
|
-
var Typography = require('../typography/Typography.js');
|
|
14
|
-
|
|
15
|
-
const MonthPicker = /*#__PURE__*/react.forwardRef(({
|
|
16
|
-
className,
|
|
17
|
-
value,
|
|
18
|
-
onValueChange,
|
|
19
|
-
children,
|
|
20
|
-
minDate,
|
|
21
|
-
maxDate,
|
|
22
|
-
disabled,
|
|
23
|
-
...props
|
|
24
|
-
}, ref) => {
|
|
25
|
-
const [open, setOpen] = react.useState(false);
|
|
26
|
-
const handleChange = date => {
|
|
27
|
-
onValueChange?.(date);
|
|
28
|
-
setOpen(false);
|
|
29
|
-
};
|
|
30
|
-
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
31
|
-
ref: ref,
|
|
32
|
-
className: clsx.clsx(MonthPicker_module.root, className),
|
|
33
|
-
...props,
|
|
34
|
-
children: /*#__PURE__*/jsxRuntime.jsxs(Dropdown.Dropdown, {
|
|
35
|
-
open: open,
|
|
36
|
-
onOpenChange: setOpen,
|
|
37
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Dropdown.Dropdown.Trigger, {
|
|
38
|
-
asChild: true,
|
|
39
|
-
children: children
|
|
40
|
-
}), /*#__PURE__*/jsxRuntime.jsx(Dropdown.Dropdown.Portal, {
|
|
41
|
-
children: /*#__PURE__*/jsxRuntime.jsx(Dropdown.Dropdown.Content, {
|
|
42
|
-
className: MonthPicker_module.content,
|
|
43
|
-
children: /*#__PURE__*/jsxRuntime.jsx(DatePicker, {
|
|
44
|
-
selected: value,
|
|
45
|
-
onChange: handleChange,
|
|
46
|
-
disabled: disabled,
|
|
47
|
-
locale: locale.ko,
|
|
48
|
-
minDate: minDate,
|
|
49
|
-
maxDate: maxDate,
|
|
50
|
-
dateFormat: "yyyy\uB144 MM\uC6D4 dd\uC77C",
|
|
51
|
-
showPopperArrow: false,
|
|
52
|
-
renderCustomHeader: ({
|
|
53
|
-
date,
|
|
54
|
-
decreaseYear,
|
|
55
|
-
increaseYear,
|
|
56
|
-
prevYearButtonDisabled,
|
|
57
|
-
nextYearButtonDisabled
|
|
58
|
-
}) => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
59
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(Button.Button, {
|
|
60
|
-
type: "button",
|
|
61
|
-
variant: "secondary",
|
|
62
|
-
size: "xs",
|
|
63
|
-
onClick: decreaseYear,
|
|
64
|
-
disabled: prevYearButtonDisabled,
|
|
65
|
-
children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.ArrowIOSBackwardIcon, {})
|
|
66
|
-
}), /*#__PURE__*/jsxRuntime.jsx(Typography.Typography, {
|
|
67
|
-
type: "body",
|
|
68
|
-
weight: "semibold",
|
|
69
|
-
children: date.toLocaleDateString('ko-KR', {
|
|
70
|
-
year: 'numeric'
|
|
71
|
-
})
|
|
72
|
-
}), /*#__PURE__*/jsxRuntime.jsx(Button.Button, {
|
|
73
|
-
type: "button",
|
|
74
|
-
variant: "secondary",
|
|
75
|
-
size: "xs",
|
|
76
|
-
onClick: increaseYear,
|
|
77
|
-
disabled: nextYearButtonDisabled,
|
|
78
|
-
children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.ArrowIOSForwardIcon, {})
|
|
79
|
-
})]
|
|
80
|
-
}),
|
|
81
|
-
inline: true,
|
|
82
|
-
showMonthYearPicker: true
|
|
83
|
-
})
|
|
84
|
-
})
|
|
85
|
-
})]
|
|
86
|
-
})
|
|
87
|
-
});
|
|
88
|
-
});
|
|
89
|
-
MonthPicker.displayName = 'MonthPicker';
|
|
90
|
-
|
|
91
|
-
exports.MonthPicker = MonthPicker;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var styleInject_es = require('../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
|
-
|
|
5
|
-
var css_248z = ".MonthPicker-module_root__my2Kl{display:inline-block;transform:translateZ(0)}.MonthPicker-module_content__6glhz{min-width:260px;overflow:hidden}.react-datepicker{background-color:var(--ds-color-white);color:var(--ds-color-text-primary);display:inline-block;font-size:.8rem;padding-inline:var(--ds-spacing-8);position:relative}.react-datepicker__aria-live{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.react-datepicker__sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__header--custom{align-items:center;display:flex;justify-content:space-between;padding-bottom:var(--ds-spacing-5);width:100%}.react-datepicker__week{text-align:center;white-space:nowrap}.react-datepicker__month{display:flex;flex-direction:column;gap:var(--ds-spacing-5)}.react-datepicker__month-wrapper{align-items:center;display:flex;gap:var(--ds-spacing-5);justify-content:space-between}.react-datepicker__month-text{align-items:center;border-radius:8px;color:var(--ds-color-text-primary);cursor:pointer;display:flex;flex:1;font-size:14px;font-weight:500;height:40px;justify-content:center}.react-datepicker__month-text:hover{background-color:var(--ds-color-neutral-50)}.react-datepicker__month-text--selected{background-color:var(--ds-color-primary-500);color:var(--ds-color-white);font-weight:600}";
|
|
6
|
-
var styles = {"root":"MonthPicker-module_root__my2Kl","content":"MonthPicker-module_content__6glhz"};
|
|
7
|
-
styleInject_es(css_248z);
|
|
8
|
-
|
|
9
|
-
module.exports = styles;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import * as OneTimePasswordFieldPrimitive from '@radix-ui/react-one-time-password-field';
|
|
3
|
-
|
|
4
|
-
declare const OneTimePasswordField: react.ForwardRefExoticComponent<Omit<Omit<OneTimePasswordFieldPrimitive.OneTimePasswordFieldProps, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>> & {
|
|
5
|
-
Input: react.ForwardRefExoticComponent<Omit<Omit<OneTimePasswordFieldPrimitive.OneTimePasswordFieldInputProps, "ref"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
|
|
6
|
-
};
|
|
7
|
-
|
|
8
|
-
export { OneTimePasswordField };
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var OneTimePasswordFieldPrimitive = require('@radix-ui/react-one-time-password-field');
|
|
4
|
-
var clsx = require('clsx');
|
|
5
|
-
var react = require('react');
|
|
6
|
-
var OneTimePasswordField_module = require('./OneTimePasswordField.module.css.js');
|
|
7
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
-
|
|
9
|
-
function _interopNamespaceDefault(e) {
|
|
10
|
-
var n = Object.create(null);
|
|
11
|
-
if (e) {
|
|
12
|
-
Object.keys(e).forEach(function (k) {
|
|
13
|
-
if (k !== 'default') {
|
|
14
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
15
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
16
|
-
enumerable: true,
|
|
17
|
-
get: function () { return e[k]; }
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
n.default = e;
|
|
23
|
-
return Object.freeze(n);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
var OneTimePasswordFieldPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(OneTimePasswordFieldPrimitive);
|
|
27
|
-
|
|
28
|
-
const OneTimePasswordFieldRoot = /*#__PURE__*/react.forwardRef(({
|
|
29
|
-
className,
|
|
30
|
-
...props
|
|
31
|
-
}, ref) => {
|
|
32
|
-
return /*#__PURE__*/jsxRuntime.jsx(OneTimePasswordFieldPrimitive__namespace.Root, {
|
|
33
|
-
ref: ref,
|
|
34
|
-
className: clsx.clsx(OneTimePasswordField_module.otp, className),
|
|
35
|
-
...props
|
|
36
|
-
});
|
|
37
|
-
});
|
|
38
|
-
const OneTimePasswordFieldInput = /*#__PURE__*/react.forwardRef(({
|
|
39
|
-
className,
|
|
40
|
-
...props
|
|
41
|
-
}, ref) => {
|
|
42
|
-
return /*#__PURE__*/jsxRuntime.jsx(OneTimePasswordFieldPrimitive__namespace.Input, {
|
|
43
|
-
ref: ref,
|
|
44
|
-
className: clsx.clsx(OneTimePasswordField_module.input, className),
|
|
45
|
-
...props
|
|
46
|
-
});
|
|
47
|
-
});
|
|
48
|
-
const OneTimePasswordField = Object.assign(OneTimePasswordFieldRoot, {
|
|
49
|
-
Input: OneTimePasswordFieldInput
|
|
50
|
-
});
|
|
51
|
-
|
|
52
|
-
exports.OneTimePasswordField = OneTimePasswordField;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var styleInject_es = require('../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
|
-
|
|
5
|
-
var css_248z = ".OneTimePasswordField-module_otp__zoWO7{align-items:center;display:flex;gap:var(--ds-spacing-5)}.OneTimePasswordField-module_input__owV9H{align-items:center;background-color:var(--ds-color-neutral-50);border:none;border-radius:var(--ds-spacing-2);box-shadow:0 0 0 var(--ds-spacing-1,1px) var(--ds-color-neutral-50);color:var(--ds-color-neutral-950);display:inline-flex;flex:1;font-size:16px;font-weight:500;height:100%;justify-content:center;line-height:1;outline:none;text-align:center;text-transform:uppercase;transition:background-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.OneTimePasswordField-module_input__owV9H:focus,.OneTimePasswordField-module_input__owV9H:hover{box-shadow:0 0 0 var(--ds-spacing-1,1px) var(--ds-color-neutral-200)}.OneTimePasswordField-module_input__owV9H::selection{background-color:var(--ds-color-neutral-400)}";
|
|
6
|
-
var styles = {"otp":"OneTimePasswordField-module_otp__zoWO7","input":"OneTimePasswordField-module_input__owV9H"};
|
|
7
|
-
styleInject_es(css_248z);
|
|
8
|
-
|
|
9
|
-
module.exports = styles;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import { ComponentPropsWithoutRef } from 'react';
|
|
3
|
-
|
|
4
|
-
interface PaginationProps extends Omit<ComponentPropsWithoutRef<'div'>, 'onChange'> {
|
|
5
|
-
page: number;
|
|
6
|
-
totalPages: number;
|
|
7
|
-
maxVisible?: number;
|
|
8
|
-
onChange: (pageNumber: number) => void;
|
|
9
|
-
}
|
|
10
|
-
declare const Pagination: react.ForwardRefExoticComponent<PaginationProps & react.RefAttributes<HTMLDivElement>>;
|
|
11
|
-
|
|
12
|
-
export { Pagination };
|
|
13
|
-
export type { PaginationProps };
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var styleInject_es = require('../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
|
-
|
|
5
|
-
var css_248z = ".Pagination-module_pagination__viYLy{align-items:center;display:flex;gap:var(--ds-spacing-2);justify-content:center;margin-inline:auto}.Pagination-module_arrow__YYkob,.Pagination-module_item__uVIra{--cocso-pagination-font-color:var(--ds-color-text-primary);--cocso-pagination-font-weight:inherit;--cocso-pagination-bg-color:inherit;align-items:center;background-color:var(--cocso-pagination-bg-color);border-radius:var(--ds-spacing-5);color:var(--cocso-pagination-font-color);cursor:pointer;display:inline-flex;font-size:14px;font-weight:var(--cocso-pagination-font-weight);height:var(--ds-spacing-12);justify-content:center;transition:transform .15s ease-in-out;width:var(--ds-spacing-12);will-change:transform}.Pagination-module_arrow__YYkob:disabled{cursor:not-allowed;opacity:.4}.Pagination-module_arrow__YYkob:not([disabled]):hover{--cocso-pagination-bg-color:var(--ds-color-neutral-50)}.Pagination-module_arrow__YYkob:not([disabled]):active{--cocso-pagination-bg-color:var(--ds-color-neutral-100)}.Pagination-module_arrow__YYkob>svg{flex-shrink:0;height:var(--ds-spacing-8);width:var(--ds-spacing-8)}.Pagination-module_arrow__YYkob:active,.Pagination-module_item__uVIra:active{transform:scale(.98)}.Pagination-module_item__uVIra[data-active=true]{--cocso-pagination-font-color:var(--ds-color-white);--cocso-pagination-bg-color:var(--ds-color-primary-500);--cocso-pagination-font-weight:600}.Pagination-module_item__uVIra[data-active=false]:hover{--cocso-pagination-bg-color:var(--ds-color-neutral-50)}.Pagination-module_item__uVIra[data-active=false]:active{--cocso-pagination-bg-color:var(--ds-color-neutral-100)}.Pagination-module_trunc__-ZgYQ{align-items:center;color:var(--ds-color-text-primary);display:inline-flex;font-size:16px;height:var(--ds-spacing-13);justify-content:center;width:var(--ds-spacing-13)}";
|
|
6
|
-
var styles = {"pagination":"Pagination-module_pagination__viYLy","arrow":"Pagination-module_arrow__YYkob","item":"Pagination-module_item__uVIra","trunc":"Pagination-module_trunc__-ZgYQ"};
|
|
7
|
-
styleInject_es(css_248z);
|
|
8
|
-
|
|
9
|
-
module.exports = styles;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
3
|
-
|
|
4
|
-
declare const Popover: react.FC<PopoverPrimitive.PopoverProps> & {
|
|
5
|
-
Trigger: react.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
6
|
-
Portal: react.FC<PopoverPrimitive.PopoverPortalProps>;
|
|
7
|
-
Content: react.ForwardRefExoticComponent<Omit<Omit<PopoverPrimitive.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export { Popover };
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var PopoverPrimitive = require('@radix-ui/react-popover');
|
|
4
|
-
var clsx = require('clsx');
|
|
5
|
-
var react = require('react');
|
|
6
|
-
var Popover_module = require('./Popover.module.css.js');
|
|
7
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
-
|
|
9
|
-
function _interopNamespaceDefault(e) {
|
|
10
|
-
var n = Object.create(null);
|
|
11
|
-
if (e) {
|
|
12
|
-
Object.keys(e).forEach(function (k) {
|
|
13
|
-
if (k !== 'default') {
|
|
14
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
15
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
16
|
-
enumerable: true,
|
|
17
|
-
get: function () { return e[k]; }
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
n.default = e;
|
|
23
|
-
return Object.freeze(n);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(PopoverPrimitive);
|
|
27
|
-
|
|
28
|
-
const PopoverContent = /*#__PURE__*/react.forwardRef(({
|
|
29
|
-
className,
|
|
30
|
-
...props
|
|
31
|
-
}, ref) => {
|
|
32
|
-
return /*#__PURE__*/jsxRuntime.jsx(PopoverPrimitive__namespace.Content, {
|
|
33
|
-
ref: ref,
|
|
34
|
-
className: clsx.clsx(Popover_module.content, className),
|
|
35
|
-
...props
|
|
36
|
-
});
|
|
37
|
-
});
|
|
38
|
-
const Popover = Object.assign(PopoverPrimitive__namespace.Root, {
|
|
39
|
-
Trigger: PopoverPrimitive__namespace.Trigger,
|
|
40
|
-
Portal: PopoverPrimitive__namespace.Portal,
|
|
41
|
-
Content: PopoverContent
|
|
42
|
-
});
|
|
43
|
-
|
|
44
|
-
exports.Popover = Popover;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var styleInject_es = require('../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
|
-
|
|
5
|
-
var css_248z = "@keyframes Popover-module_slide-up-and-fade__adQar{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes Popover-module_slide-right-and-fade__br3DV{0%{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes Popover-module_slide-down-and-fade__Lkl4N{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes Popover-module_slide-left-and-fade__yHinG{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}.Popover-module_content__ry9PF{animation-duration:.4s;animation-timing-function:cubic-bezier(.16,1,.3,1);background-color:var(--ds-color-white);border:1px solid var(--ds-color-neutral-100);border-radius:var(--ds-spacing-4);box-shadow:var(--ds-shadow-2);padding-block:var(--ds-spacing-6);padding-inline:var(--ds-spacing-8);will-change:transform,opacity}.Popover-module_content__ry9PF[data-state=open][data-side=top]{animation-name:Popover-module_slide-down-and-fade__Lkl4N}.Popover-module_content__ry9PF[data-state=open][data-side=right]{animation-name:Popover-module_slide-left-and-fade__yHinG}.Popover-module_content__ry9PF[data-state=open][data-side=bottom]{animation-name:Popover-module_slide-up-and-fade__adQar}.Popover-module_content__ry9PF[data-state=open][data-side=left]{animation-name:Popover-module_slide-right-and-fade__br3DV}";
|
|
6
|
-
var styles = {"content":"Popover-module_content__ry9PF"};
|
|
7
|
-
styleInject_es(css_248z);
|
|
8
|
-
|
|
9
|
-
module.exports = styles;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
3
|
-
|
|
4
|
-
declare const RadioGroup: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>> & {
|
|
5
|
-
Item: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
|
|
6
|
-
Indicator: react.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupIndicatorProps & react.RefAttributes<HTMLSpanElement>, "ref"> & react.RefAttributes<HTMLSpanElement>>;
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
export { RadioGroup };
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
|
|
4
|
-
var clsx = require('clsx');
|
|
5
|
-
var react = require('react');
|
|
6
|
-
var RadioGroup_module = require('./RadioGroup.module.css.js');
|
|
7
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
-
|
|
9
|
-
function _interopNamespaceDefault(e) {
|
|
10
|
-
var n = Object.create(null);
|
|
11
|
-
if (e) {
|
|
12
|
-
Object.keys(e).forEach(function (k) {
|
|
13
|
-
if (k !== 'default') {
|
|
14
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
15
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
16
|
-
enumerable: true,
|
|
17
|
-
get: function () { return e[k]; }
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
n.default = e;
|
|
23
|
-
return Object.freeze(n);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespaceDefault(RadioGroupPrimitive);
|
|
27
|
-
|
|
28
|
-
const RadioGroupRoot = /*#__PURE__*/react.forwardRef(({
|
|
29
|
-
className,
|
|
30
|
-
...props
|
|
31
|
-
}, ref) => {
|
|
32
|
-
return /*#__PURE__*/jsxRuntime.jsx(RadioGroupPrimitive__namespace.Root, {
|
|
33
|
-
ref: ref,
|
|
34
|
-
className: clsx.clsx(RadioGroup_module.root, className),
|
|
35
|
-
...props
|
|
36
|
-
});
|
|
37
|
-
});
|
|
38
|
-
RadioGroupRoot.displayName = RadioGroupPrimitive__namespace.Root.displayName;
|
|
39
|
-
const RadioGroupItem = /*#__PURE__*/react.forwardRef(({
|
|
40
|
-
className,
|
|
41
|
-
...props
|
|
42
|
-
}, ref) => {
|
|
43
|
-
return /*#__PURE__*/jsxRuntime.jsx(RadioGroupPrimitive__namespace.Item, {
|
|
44
|
-
ref: ref,
|
|
45
|
-
className: clsx.clsx(RadioGroup_module.item, className),
|
|
46
|
-
...props
|
|
47
|
-
});
|
|
48
|
-
});
|
|
49
|
-
RadioGroupItem.displayName = RadioGroupPrimitive__namespace.Item.displayName;
|
|
50
|
-
const RadioGroupIndicator = /*#__PURE__*/react.forwardRef(({
|
|
51
|
-
className,
|
|
52
|
-
...props
|
|
53
|
-
}, ref) => {
|
|
54
|
-
return /*#__PURE__*/jsxRuntime.jsx(RadioGroupPrimitive__namespace.Indicator, {
|
|
55
|
-
ref: ref,
|
|
56
|
-
className: clsx.clsx(RadioGroup_module.indicator, className),
|
|
57
|
-
...props
|
|
58
|
-
});
|
|
59
|
-
});
|
|
60
|
-
RadioGroupIndicator.displayName = RadioGroupPrimitive__namespace.Indicator.displayName;
|
|
61
|
-
const RadioGroup = Object.assign(RadioGroupRoot, {
|
|
62
|
-
Item: RadioGroupItem,
|
|
63
|
-
Indicator: RadioGroupIndicator
|
|
64
|
-
});
|
|
65
|
-
|
|
66
|
-
exports.RadioGroup = RadioGroup;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var styleInject_es = require('../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
|
-
|
|
5
|
-
var css_248z = ".RadioGroup-module_root__6bGu5{display:flex;flex-direction:column;gap:6px}.RadioGroup-module_root__6bGu5[data-disabled]{opacity:.5;pointer-events:none}.RadioGroup-module_item__g-YFM{background-color:#fff;border:2px solid var(--ds-color-text-primary);border-radius:100%;cursor:pointer;height:18px;width:18px}.RadioGroup-module_item__g-YFM[data-state=checked]{border-color:var(--ds-color-primary-500)}.RadioGroup-module_item__g-YFM[data-disabled]{opacity:.5;pointer-events:none}.RadioGroup-module_indicator__Tb6Nm{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.RadioGroup-module_indicator__Tb6Nm:after{background-color:var(--ds-color-primary-500);border-radius:50%;content:\"\";display:block;height:8px;width:8px}";
|
|
6
|
-
var styles = {"root":"RadioGroup-module_root__6bGu5","item":"RadioGroup-module_item__g-YFM","indicator":"RadioGroup-module_indicator__Tb6Nm"};
|
|
7
|
-
styleInject_es(css_248z);
|
|
8
|
-
|
|
9
|
-
module.exports = styles;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import { ComponentPropsWithoutRef } from 'react';
|
|
3
|
-
|
|
4
|
-
type SelectSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs' | '2xs';
|
|
5
|
-
interface SelectProps extends Omit<ComponentPropsWithoutRef<'select'>, 'size'> {
|
|
6
|
-
size?: SelectSize;
|
|
7
|
-
disabled?: boolean;
|
|
8
|
-
stretch?: boolean;
|
|
9
|
-
}
|
|
10
|
-
declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement>>;
|
|
11
|
-
|
|
12
|
-
export { Select };
|
|
13
|
-
export type { SelectProps };
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var reactIcons = require('@cocso-ui/react-icons');
|
|
4
|
-
var clsx = require('clsx');
|
|
5
|
-
var react = require('react');
|
|
6
|
-
var tsPattern = require('ts-pattern');
|
|
7
|
-
var Select_module = require('./Select.module.css.js');
|
|
8
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
-
var spacing = require('../token/spacing.js');
|
|
10
|
-
|
|
11
|
-
const Select = /*#__PURE__*/react.forwardRef(({
|
|
12
|
-
className,
|
|
13
|
-
style: _style,
|
|
14
|
-
size = 'md',
|
|
15
|
-
disabled = false,
|
|
16
|
-
stretch = false,
|
|
17
|
-
children,
|
|
18
|
-
...props
|
|
19
|
-
}, ref) => {
|
|
20
|
-
const style = {
|
|
21
|
-
..._style,
|
|
22
|
-
...getStyles(size)
|
|
23
|
-
};
|
|
24
|
-
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
25
|
-
className: clsx.clsx(Select_module.wrapper, stretch && Select_module.stretch, disabled && Select_module.disabled, className),
|
|
26
|
-
children: [/*#__PURE__*/jsxRuntime.jsx("select", {
|
|
27
|
-
ref: ref,
|
|
28
|
-
className: Select_module.select,
|
|
29
|
-
style: style,
|
|
30
|
-
disabled: disabled,
|
|
31
|
-
...props,
|
|
32
|
-
children: children
|
|
33
|
-
}), /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34
|
-
className: Select_module.icon,
|
|
35
|
-
children: /*#__PURE__*/jsxRuntime.jsx(reactIcons.KeyboardArrowDownIcon, {
|
|
36
|
-
size: 20
|
|
37
|
-
})
|
|
38
|
-
})]
|
|
39
|
-
});
|
|
40
|
-
});
|
|
41
|
-
const getStyles = size => tsPattern.match(size).with('2xs', () => ({
|
|
42
|
-
'--cocso-select-min-width': spacing.spacing.s11,
|
|
43
|
-
'--cocso-select-height': spacing.spacing.s11,
|
|
44
|
-
'--cocso-select-padding-left': spacing.spacing.s5,
|
|
45
|
-
'--cocso-select-padding-right': `calc(${spacing.spacing.s8} + 16px)`,
|
|
46
|
-
'--cocso-select-font-size': '12px',
|
|
47
|
-
'--cocso-select-border-radius': spacing.spacing.s3
|
|
48
|
-
})).with('xs', () => ({
|
|
49
|
-
'--cocso-select-min-width': spacing.spacing.s12,
|
|
50
|
-
'--cocso-select-height': spacing.spacing.s12,
|
|
51
|
-
'--cocso-select-padding-left': spacing.spacing.s6,
|
|
52
|
-
'--cocso-select-padding-right': `calc(${spacing.spacing.s7} + 16px)`,
|
|
53
|
-
'--cocso-select-font-size': '14px',
|
|
54
|
-
'--cocso-select-border-radius': spacing.spacing.s3
|
|
55
|
-
})).with('sm', () => ({
|
|
56
|
-
'--cocso-select-min-width': spacing.spacing.s14,
|
|
57
|
-
'--cocso-select-height': spacing.spacing.s14,
|
|
58
|
-
'--cocso-select-padding-left': spacing.spacing.s7,
|
|
59
|
-
'--cocso-select-padding-right': `calc(${spacing.spacing.s7} + 16px)`,
|
|
60
|
-
'--cocso-select-font-size': '14px',
|
|
61
|
-
'--cocso-select-border-radius': spacing.spacing.s3
|
|
62
|
-
})).with('md', () => ({
|
|
63
|
-
'--cocso-select-min-width': spacing.spacing.s16,
|
|
64
|
-
'--cocso-select-height': spacing.spacing.s16,
|
|
65
|
-
'--cocso-select-padding-left': spacing.spacing.s8,
|
|
66
|
-
'--cocso-select-padding-right': `calc(${spacing.spacing.s8} + 16px)`,
|
|
67
|
-
'--cocso-select-font-size': '16px',
|
|
68
|
-
'--cocso-select-border-radius': spacing.spacing.s4
|
|
69
|
-
})).with('lg', () => ({
|
|
70
|
-
'--cocso-select-min-width': spacing.spacing.s17,
|
|
71
|
-
'--cocso-select-height': spacing.spacing.s17,
|
|
72
|
-
'--cocso-select-padding-left': spacing.spacing.s9,
|
|
73
|
-
'--cocso-select-padding-right': `calc(${spacing.spacing.s9} + 16px)`,
|
|
74
|
-
'--cocso-select-font-size': '18px',
|
|
75
|
-
'--cocso-select-border-radius': spacing.spacing.s4
|
|
76
|
-
})).with('xl', () => ({
|
|
77
|
-
'--cocso-select-min-width': spacing.spacing.s18,
|
|
78
|
-
'--cocso-select-height': spacing.spacing.s18,
|
|
79
|
-
'--cocso-select-padding-left': spacing.spacing.s10,
|
|
80
|
-
'--cocso-select-padding-right': `calc(${spacing.spacing.s10} + 16px)`,
|
|
81
|
-
'--cocso-select-font-size': '18px',
|
|
82
|
-
'--cocso-select-border-radius': spacing.spacing.s4
|
|
83
|
-
})).exhaustive();
|
|
84
|
-
|
|
85
|
-
exports.Select = Select;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var styleInject_es = require('../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
|
-
|
|
5
|
-
var css_248z = ".Select-module_wrapper__4k8By{cursor:pointer;position:relative;width:fit-content}.Select-module_wrapper__4k8By.Select-module_stretch__2KlaW,.Select-module_wrapper__4k8By.Select-module_stretch__2KlaW .Select-module_select__MUUdH{width:100%}.Select-module_select__MUUdH{--cocso-select-min-width:inherit;--cocso-select-height:inherit;--cocso-select-padding-left:inherit;--cocso-select-padding-right:inherit;--cocso-select-font-size:inherit;--cocso-select-border-radius:inherit;--cocso-select-bg-color:var(--ds-color-white);appearance:none;-o-appearance:none;-moz-appearance:none;-webkit-appearance:none;background-color:var(--cocso-select-bg-color);border:1px solid var(--ds-color-neutral-100);border-radius:var(--cocso-select-border-radius);color:var(--ds-color-neutral-950);font-size:var(--cocso-select-font-size);height:var(--cocso-select-height);min-width:var(--cocso-select-min-width);padding-left:var(--cocso-select-padding-left);padding-right:var(--cocso-select-padding-right)}.Select-module_wrapper__4k8By.Select-module_disabled__JO7OG{cursor:not-allowed}.Select-module_wrapper__4k8By.Select-module_disabled__JO7OG .Select-module_select__MUUdH{cursor:not-allowed;opacity:.4}.Select-module_icon__EuBJI{color:var(--ds-color-neutral-500);pointer-events:none;position:absolute;right:var(--ds-spacing-5);top:50%;transform:translateY(-50%)}.Select-module_wrapper__4k8By.Select-module_disabled__JO7OG .Select-module_icon__EuBJI{cursor:not-allowed;opacity:.4}";
|
|
6
|
-
var styles = {"wrapper":"Select-module_wrapper__4k8By","stretch":"Select-module_stretch__2KlaW","select":"Select-module_select__MUUdH","disabled":"Select-module_disabled__JO7OG","icon":"Select-module_icon__EuBJI"};
|
|
7
|
-
styleInject_es(css_248z);
|
|
8
|
-
|
|
9
|
-
module.exports = styles;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import * as react from 'react';
|
|
2
|
-
import { ComponentPropsWithoutRef } from 'react';
|
|
3
|
-
|
|
4
|
-
type SpinnerSize = 'xl' | 'lg' | 'md' | 'sm';
|
|
5
|
-
type SpinnerColor = 'primary' | 'neutral' | 'white';
|
|
6
|
-
interface SpinnerProps extends Omit<ComponentPropsWithoutRef<'div'>, 'size' | 'color'> {
|
|
7
|
-
asChild?: boolean;
|
|
8
|
-
size?: SpinnerSize;
|
|
9
|
-
color?: SpinnerColor;
|
|
10
|
-
}
|
|
11
|
-
declare const Spinner: react.ForwardRefExoticComponent<SpinnerProps & react.RefAttributes<HTMLDivElement>>;
|
|
12
|
-
|
|
13
|
-
export { Spinner };
|
|
14
|
-
export type { SpinnerColor, SpinnerProps, SpinnerSize };
|