@daikin-oss/design-system-web-components 0.3.2 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +104 -0
- package/dist/cjs/components/accordion/daikin-accordion.cjs +24 -6
- package/dist/cjs/components/accordion/daikin-accordion.d.ts +15 -9
- package/dist/cjs/components/accordion-item/daikin-accordion-item.cjs +106 -59
- package/dist/cjs/components/accordion-item/daikin-accordion-item.d.ts +28 -13
- package/dist/cjs/components/breadcrumb/daikin-breadcrumb.cjs +3 -6
- package/dist/cjs/components/breadcrumb/daikin-breadcrumb.d.ts +4 -0
- package/dist/cjs/components/breadcrumb-item/daikin-breadcrumb-item.cjs +38 -30
- package/dist/cjs/components/breadcrumb-item/daikin-breadcrumb-item.d.ts +12 -2
- package/dist/cjs/components/button/daikin-button.cjs +89 -128
- package/dist/cjs/components/button/daikin-button.d.ts +30 -27
- package/dist/cjs/components/checkbox/daikin-checkbox.cjs +100 -119
- package/dist/cjs/components/checkbox/daikin-checkbox.d.ts +27 -38
- package/dist/cjs/components/dropdown/daikin-dropdown.cjs +367 -0
- package/dist/cjs/components/dropdown/daikin-dropdown.d.ts +100 -0
- package/dist/cjs/components/dropdown/index.cjs +7 -0
- package/dist/cjs/components/dropdown/index.d.ts +1 -0
- package/dist/cjs/components/dropdown-item/daikin-dropdown-item.cjs +112 -0
- package/dist/cjs/components/dropdown-item/daikin-dropdown-item.d.ts +42 -0
- package/dist/cjs/components/dropdown-item/index.cjs +7 -0
- package/dist/cjs/components/dropdown-item/index.d.ts +1 -0
- package/dist/cjs/components/icon/daikin-icon.d.ts +4 -0
- package/dist/cjs/components/icon/icons.json.cjs +29 -5
- package/dist/cjs/components/icon/icons.json.d.ts +29 -5
- package/dist/cjs/components/index.cjs +49 -14
- package/dist/cjs/components/index.d.ts +11 -4
- package/dist/cjs/components/input-group/daikin-input-group.cjs +103 -46
- package/dist/cjs/components/input-group/daikin-input-group.d.ts +69 -25
- package/dist/cjs/components/list/daikin-list.cjs +24 -0
- package/dist/cjs/components/list/daikin-list.d.ts +28 -0
- package/dist/cjs/components/list/index.cjs +7 -0
- package/dist/cjs/components/list/index.d.ts +1 -0
- package/dist/cjs/components/list-item/daikin-list-item.cjs +131 -0
- package/dist/cjs/components/list-item/daikin-list-item.d.ts +64 -0
- package/dist/cjs/components/list-item/index.cjs +7 -0
- package/dist/cjs/components/list-item/index.d.ts +1 -0
- package/dist/cjs/components/notification/daikin-notification.cjs +14 -15
- package/dist/cjs/components/notification/daikin-notification.d.ts +13 -11
- package/dist/cjs/components/progress-bar/daikin-progress-bar.cjs +53 -29
- package/dist/cjs/components/progress-bar/daikin-progress-bar.d.ts +32 -10
- package/dist/cjs/components/progress-indicator/daikin-progress-indicator.cjs +75 -0
- package/dist/cjs/components/progress-indicator/daikin-progress-indicator.d.ts +47 -0
- package/dist/cjs/components/progress-indicator/index.cjs +7 -0
- package/dist/cjs/components/progress-indicator/index.d.ts +1 -0
- package/dist/cjs/components/progress-indicator-item/daikin-progress-indicator-item.cjs +92 -0
- package/dist/cjs/components/progress-indicator-item/daikin-progress-indicator-item.d.ts +44 -0
- package/dist/cjs/components/progress-indicator-item/index.cjs +7 -0
- package/dist/cjs/components/progress-indicator-item/index.d.ts +1 -0
- package/dist/cjs/components/radio/daikin-radio.cjs +92 -90
- package/dist/cjs/components/radio/daikin-radio.d.ts +33 -35
- package/dist/cjs/components/radio-group/daikin-radio-group.cjs +144 -0
- package/dist/cjs/components/radio-group/daikin-radio-group.d.ts +82 -0
- package/dist/cjs/components/radio-group/index.cjs +7 -0
- package/dist/cjs/components/radio-group/index.d.ts +1 -0
- package/dist/cjs/components/select/daikin-select.cjs +160 -0
- package/dist/cjs/components/select/daikin-select.d.ts +60 -0
- package/dist/cjs/components/select/index.cjs +7 -0
- package/dist/cjs/components/select/index.d.ts +1 -0
- package/dist/cjs/components/tab/daikin-tab.cjs +48 -48
- package/dist/cjs/components/tab/daikin-tab.d.ts +12 -12
- package/dist/cjs/components/{panel-switcher/daikin-panel-switcher.cjs → tab-panels/daikin-tab-panels.cjs} +8 -8
- package/dist/cjs/components/tab-panels/daikin-tab-panels.d.ts +56 -0
- package/dist/cjs/components/tab-panels/index.cjs +7 -0
- package/dist/cjs/components/tab-panels/index.d.ts +1 -0
- package/dist/cjs/components/{tab-group/daikin-tab-group.cjs → tabs/daikin-tabs.cjs} +35 -36
- package/dist/{es-dev/components/tab-group/daikin-tab-group.d.ts → cjs/components/tabs/daikin-tabs.d.ts} +27 -25
- package/dist/cjs/components/tabs/index.cjs +7 -0
- package/dist/cjs/components/tabs/index.d.ts +1 -0
- package/dist/cjs/components/text-area/daikin-text-area.cjs +164 -0
- package/dist/cjs/components/text-area/daikin-text-area.d.ts +82 -0
- package/dist/cjs/components/text-area/index.cjs +7 -0
- package/dist/cjs/components/text-area/index.d.ts +1 -0
- package/dist/cjs/components/text-field/daikin-text-field.cjs +211 -0
- package/dist/cjs/components/text-field/daikin-text-field.d.ts +94 -0
- package/dist/cjs/components/text-field/index.cjs +7 -0
- package/dist/cjs/components/text-field/index.d.ts +1 -0
- package/dist/cjs/components/toggle/daikin-toggle.cjs +44 -68
- package/dist/cjs/components/toggle/daikin-toggle.d.ts +15 -26
- package/dist/cjs/components/tooltip/daikin-tooltip.cjs +77 -70
- package/dist/cjs/components/tooltip/daikin-tooltip.d.ts +39 -15
- package/dist/cjs/controllers/click-outside.cjs +29 -0
- package/dist/cjs/controllers/click-outside.d.ts +37 -0
- package/dist/cjs/controllers/floating-ui-auto-update.cjs +75 -0
- package/dist/cjs/controllers/floating-ui-auto-update.d.ts +22 -0
- package/dist/cjs/controllers/helpers/controller-directive.cjs +50 -0
- package/dist/cjs/controllers/helpers/controller-directive.d.ts +12 -0
- package/dist/cjs/index.cjs +49 -14
- package/dist/cjs/tailwind.css.cjs +1 -1
- package/dist/cjs/utils/reDispatch.cjs +10 -0
- package/dist/cjs/utils/reDispatch.d.ts +1 -0
- package/dist/cjs-dev/components/accordion/daikin-accordion.cjs +24 -6
- package/dist/cjs-dev/components/accordion/daikin-accordion.d.ts +15 -9
- package/dist/cjs-dev/components/accordion-item/daikin-accordion-item.cjs +106 -59
- package/dist/cjs-dev/components/accordion-item/daikin-accordion-item.d.ts +28 -13
- package/dist/cjs-dev/components/breadcrumb/daikin-breadcrumb.cjs +3 -6
- package/dist/cjs-dev/components/breadcrumb/daikin-breadcrumb.d.ts +4 -0
- package/dist/cjs-dev/components/breadcrumb-item/daikin-breadcrumb-item.cjs +38 -30
- package/dist/cjs-dev/components/breadcrumb-item/daikin-breadcrumb-item.d.ts +12 -2
- package/dist/cjs-dev/components/button/daikin-button.cjs +89 -128
- package/dist/cjs-dev/components/button/daikin-button.d.ts +30 -27
- package/dist/cjs-dev/components/checkbox/daikin-checkbox.cjs +100 -119
- package/dist/cjs-dev/components/checkbox/daikin-checkbox.d.ts +27 -38
- package/dist/cjs-dev/components/dropdown/daikin-dropdown.cjs +367 -0
- package/dist/cjs-dev/components/dropdown/daikin-dropdown.d.ts +100 -0
- package/dist/cjs-dev/components/dropdown/index.cjs +7 -0
- package/dist/cjs-dev/components/dropdown/index.d.ts +1 -0
- package/dist/cjs-dev/components/dropdown-item/daikin-dropdown-item.cjs +112 -0
- package/dist/cjs-dev/components/dropdown-item/daikin-dropdown-item.d.ts +42 -0
- package/dist/cjs-dev/components/dropdown-item/index.cjs +7 -0
- package/dist/cjs-dev/components/dropdown-item/index.d.ts +1 -0
- package/dist/cjs-dev/components/icon/daikin-icon.d.ts +4 -0
- package/dist/cjs-dev/components/icon/icons.json.cjs +29 -5
- package/dist/cjs-dev/components/icon/icons.json.d.ts +29 -5
- package/dist/cjs-dev/components/index.cjs +49 -14
- package/dist/cjs-dev/components/index.d.ts +11 -4
- package/dist/cjs-dev/components/input-group/daikin-input-group.cjs +103 -46
- package/dist/cjs-dev/components/input-group/daikin-input-group.d.ts +69 -25
- package/dist/cjs-dev/components/list/daikin-list.cjs +24 -0
- package/dist/cjs-dev/components/list/daikin-list.d.ts +28 -0
- package/dist/cjs-dev/components/list/index.cjs +7 -0
- package/dist/cjs-dev/components/list/index.d.ts +1 -0
- package/dist/cjs-dev/components/list-item/daikin-list-item.cjs +131 -0
- package/dist/cjs-dev/components/list-item/daikin-list-item.d.ts +64 -0
- package/dist/cjs-dev/components/list-item/index.cjs +7 -0
- package/dist/cjs-dev/components/list-item/index.d.ts +1 -0
- package/dist/cjs-dev/components/notification/daikin-notification.cjs +14 -15
- package/dist/cjs-dev/components/notification/daikin-notification.d.ts +13 -11
- package/dist/cjs-dev/components/progress-bar/daikin-progress-bar.cjs +53 -29
- package/dist/cjs-dev/components/progress-bar/daikin-progress-bar.d.ts +32 -10
- package/dist/cjs-dev/components/progress-indicator/daikin-progress-indicator.cjs +85 -0
- package/dist/cjs-dev/components/progress-indicator/daikin-progress-indicator.d.ts +47 -0
- package/dist/cjs-dev/components/progress-indicator/index.cjs +7 -0
- package/dist/cjs-dev/components/progress-indicator/index.d.ts +1 -0
- package/dist/cjs-dev/components/progress-indicator-item/daikin-progress-indicator-item.cjs +92 -0
- package/dist/cjs-dev/components/progress-indicator-item/daikin-progress-indicator-item.d.ts +44 -0
- package/dist/cjs-dev/components/progress-indicator-item/index.cjs +7 -0
- package/dist/cjs-dev/components/progress-indicator-item/index.d.ts +1 -0
- package/dist/cjs-dev/components/radio/daikin-radio.cjs +92 -90
- package/dist/cjs-dev/components/radio/daikin-radio.d.ts +33 -35
- package/dist/cjs-dev/components/radio-group/daikin-radio-group.cjs +144 -0
- package/dist/cjs-dev/components/radio-group/daikin-radio-group.d.ts +82 -0
- package/dist/cjs-dev/components/radio-group/index.cjs +7 -0
- package/dist/cjs-dev/components/radio-group/index.d.ts +1 -0
- package/dist/cjs-dev/components/select/daikin-select.cjs +160 -0
- package/dist/cjs-dev/components/select/daikin-select.d.ts +60 -0
- package/dist/cjs-dev/components/select/index.cjs +7 -0
- package/dist/cjs-dev/components/select/index.d.ts +1 -0
- package/dist/cjs-dev/components/tab/daikin-tab.cjs +48 -48
- package/dist/cjs-dev/components/tab/daikin-tab.d.ts +12 -12
- package/dist/cjs-dev/components/{panel-switcher/daikin-panel-switcher.cjs → tab-panels/daikin-tab-panels.cjs} +9 -9
- package/dist/cjs-dev/components/tab-panels/daikin-tab-panels.d.ts +56 -0
- package/dist/cjs-dev/components/tab-panels/index.cjs +7 -0
- package/dist/cjs-dev/components/tab-panels/index.d.ts +1 -0
- package/dist/cjs-dev/components/{tab-group/daikin-tab-group.cjs → tabs/daikin-tabs.cjs} +37 -38
- package/dist/{cjs/components/tab-group/daikin-tab-group.d.ts → cjs-dev/components/tabs/daikin-tabs.d.ts} +27 -25
- package/dist/cjs-dev/components/tabs/index.cjs +7 -0
- package/dist/cjs-dev/components/tabs/index.d.ts +1 -0
- package/dist/cjs-dev/components/text-area/daikin-text-area.cjs +164 -0
- package/dist/cjs-dev/components/text-area/daikin-text-area.d.ts +82 -0
- package/dist/cjs-dev/components/text-area/index.cjs +7 -0
- package/dist/cjs-dev/components/text-area/index.d.ts +1 -0
- package/dist/cjs-dev/components/text-field/daikin-text-field.cjs +211 -0
- package/dist/cjs-dev/components/text-field/daikin-text-field.d.ts +94 -0
- package/dist/cjs-dev/components/text-field/index.cjs +7 -0
- package/dist/cjs-dev/components/text-field/index.d.ts +1 -0
- package/dist/cjs-dev/components/toggle/daikin-toggle.cjs +44 -68
- package/dist/cjs-dev/components/toggle/daikin-toggle.d.ts +15 -26
- package/dist/cjs-dev/components/tooltip/daikin-tooltip.cjs +77 -70
- package/dist/cjs-dev/components/tooltip/daikin-tooltip.d.ts +39 -15
- package/dist/cjs-dev/controllers/click-outside.cjs +29 -0
- package/dist/cjs-dev/controllers/click-outside.d.ts +37 -0
- package/dist/cjs-dev/controllers/floating-ui-auto-update.cjs +82 -0
- package/dist/cjs-dev/controllers/floating-ui-auto-update.d.ts +22 -0
- package/dist/cjs-dev/controllers/helpers/controller-directive.cjs +50 -0
- package/dist/cjs-dev/controllers/helpers/controller-directive.d.ts +12 -0
- package/dist/cjs-dev/index.cjs +49 -14
- package/dist/cjs-dev/tailwind.css.cjs +1 -1
- package/dist/cjs-dev/utils/reDispatch.cjs +10 -0
- package/dist/cjs-dev/utils/reDispatch.d.ts +1 -0
- package/dist/es/components/accordion/daikin-accordion.d.ts +15 -9
- package/dist/es/components/accordion/daikin-accordion.js +25 -7
- package/dist/es/components/accordion-item/daikin-accordion-item.d.ts +28 -13
- package/dist/es/components/accordion-item/daikin-accordion-item.js +107 -60
- package/dist/es/components/breadcrumb/daikin-breadcrumb.d.ts +4 -0
- package/dist/es/components/breadcrumb/daikin-breadcrumb.js +3 -6
- package/dist/es/components/breadcrumb-item/daikin-breadcrumb-item.d.ts +12 -2
- package/dist/es/components/breadcrumb-item/daikin-breadcrumb-item.js +38 -30
- package/dist/es/components/button/daikin-button.d.ts +30 -27
- package/dist/es/components/button/daikin-button.js +90 -129
- package/dist/es/components/checkbox/daikin-checkbox.d.ts +27 -38
- package/dist/es/components/checkbox/daikin-checkbox.js +102 -121
- package/dist/es/components/dropdown/daikin-dropdown.d.ts +100 -0
- package/dist/es/components/dropdown/daikin-dropdown.js +368 -0
- package/dist/es/components/dropdown/index.d.ts +1 -0
- package/dist/es/components/dropdown/index.js +4 -0
- package/dist/es/components/dropdown-item/daikin-dropdown-item.d.ts +42 -0
- package/dist/es/components/dropdown-item/daikin-dropdown-item.js +113 -0
- package/dist/es/components/dropdown-item/index.d.ts +1 -0
- package/dist/es/components/dropdown-item/index.js +4 -0
- package/dist/es/components/icon/daikin-icon.d.ts +4 -0
- package/dist/es/components/icon/icons.json.d.ts +29 -5
- package/dist/es/components/icon/icons.json.js +29 -5
- package/dist/es/components/index.d.ts +11 -4
- package/dist/es/components/index.js +22 -8
- package/dist/es/components/input-group/daikin-input-group.d.ts +69 -25
- package/dist/es/components/input-group/daikin-input-group.js +105 -48
- package/dist/es/components/list/daikin-list.d.ts +28 -0
- package/dist/es/components/list/daikin-list.js +25 -0
- package/dist/es/components/list/index.d.ts +1 -0
- package/dist/es/components/list/index.js +4 -0
- package/dist/es/components/list-item/daikin-list-item.d.ts +64 -0
- package/dist/es/components/list-item/daikin-list-item.js +132 -0
- package/dist/es/components/list-item/index.d.ts +1 -0
- package/dist/es/components/list-item/index.js +4 -0
- package/dist/es/components/notification/daikin-notification.d.ts +13 -11
- package/dist/es/components/notification/daikin-notification.js +15 -16
- package/dist/es/components/progress-bar/daikin-progress-bar.d.ts +32 -10
- package/dist/es/components/progress-bar/daikin-progress-bar.js +53 -29
- package/dist/es/components/progress-indicator/daikin-progress-indicator.d.ts +47 -0
- package/dist/es/components/progress-indicator/daikin-progress-indicator.js +76 -0
- package/dist/es/components/progress-indicator/index.d.ts +1 -0
- package/dist/es/components/progress-indicator/index.js +4 -0
- package/dist/es/components/progress-indicator-item/daikin-progress-indicator-item.d.ts +44 -0
- package/dist/es/components/progress-indicator-item/daikin-progress-indicator-item.js +93 -0
- package/dist/es/components/progress-indicator-item/index.d.ts +1 -0
- package/dist/es/components/progress-indicator-item/index.js +4 -0
- package/dist/es/components/radio/daikin-radio.d.ts +33 -35
- package/dist/es/components/radio/daikin-radio.js +94 -92
- package/dist/es/components/radio-group/daikin-radio-group.d.ts +82 -0
- package/dist/es/components/radio-group/daikin-radio-group.js +145 -0
- package/dist/es/components/radio-group/index.d.ts +1 -0
- package/dist/es/components/radio-group/index.js +4 -0
- package/dist/es/components/select/daikin-select.d.ts +60 -0
- package/dist/es/components/select/daikin-select.js +161 -0
- package/dist/es/components/select/index.d.ts +1 -0
- package/dist/es/components/select/index.js +4 -0
- package/dist/es/components/tab/daikin-tab.d.ts +12 -12
- package/dist/es/components/tab/daikin-tab.js +49 -49
- package/dist/es/components/tab-panels/daikin-tab-panels.d.ts +56 -0
- package/dist/es/components/{panel-switcher/daikin-panel-switcher.js → tab-panels/daikin-tab-panels.js} +9 -9
- package/dist/es/components/tab-panels/index.d.ts +1 -0
- package/dist/es/components/tab-panels/index.js +4 -0
- package/dist/es/components/{tab-group/daikin-tab-group.d.ts → tabs/daikin-tabs.d.ts} +27 -25
- package/dist/es/components/{tab-group/daikin-tab-group.js → tabs/daikin-tabs.js} +36 -37
- package/dist/es/components/tabs/index.d.ts +1 -0
- package/dist/es/components/tabs/index.js +4 -0
- package/dist/es/components/text-area/daikin-text-area.d.ts +82 -0
- package/dist/es/components/text-area/daikin-text-area.js +165 -0
- package/dist/es/components/text-area/index.d.ts +1 -0
- package/dist/es/components/text-area/index.js +4 -0
- package/dist/es/components/text-field/daikin-text-field.d.ts +94 -0
- package/dist/es/components/text-field/daikin-text-field.js +212 -0
- package/dist/es/components/text-field/index.d.ts +1 -0
- package/dist/es/components/text-field/index.js +4 -0
- package/dist/es/components/toggle/daikin-toggle.d.ts +15 -26
- package/dist/es/components/toggle/daikin-toggle.js +45 -69
- package/dist/es/components/tooltip/daikin-tooltip.d.ts +39 -15
- package/dist/es/components/tooltip/daikin-tooltip.js +78 -71
- package/dist/es/controllers/click-outside.d.ts +37 -0
- package/dist/es/controllers/click-outside.js +29 -0
- package/dist/es/controllers/floating-ui-auto-update.d.ts +22 -0
- package/dist/es/controllers/floating-ui-auto-update.js +75 -0
- package/dist/es/controllers/helpers/controller-directive.d.ts +12 -0
- package/dist/es/controllers/helpers/controller-directive.js +50 -0
- package/dist/es/index.js +22 -8
- package/dist/es/tailwind.css.js +1 -1
- package/dist/es/utils/reDispatch.d.ts +1 -0
- package/dist/es/utils/reDispatch.js +10 -0
- package/dist/es-dev/components/accordion/daikin-accordion.d.ts +15 -9
- package/dist/es-dev/components/accordion/daikin-accordion.js +25 -7
- package/dist/es-dev/components/accordion-item/daikin-accordion-item.d.ts +28 -13
- package/dist/es-dev/components/accordion-item/daikin-accordion-item.js +107 -60
- package/dist/es-dev/components/breadcrumb/daikin-breadcrumb.d.ts +4 -0
- package/dist/es-dev/components/breadcrumb/daikin-breadcrumb.js +3 -6
- package/dist/es-dev/components/breadcrumb-item/daikin-breadcrumb-item.d.ts +12 -2
- package/dist/es-dev/components/breadcrumb-item/daikin-breadcrumb-item.js +38 -30
- package/dist/es-dev/components/button/daikin-button.d.ts +30 -27
- package/dist/es-dev/components/button/daikin-button.js +90 -129
- package/dist/es-dev/components/checkbox/daikin-checkbox.d.ts +27 -38
- package/dist/es-dev/components/checkbox/daikin-checkbox.js +102 -121
- package/dist/es-dev/components/dropdown/daikin-dropdown.d.ts +100 -0
- package/dist/es-dev/components/dropdown/daikin-dropdown.js +368 -0
- package/dist/es-dev/components/dropdown/index.d.ts +1 -0
- package/dist/es-dev/components/dropdown/index.js +4 -0
- package/dist/es-dev/components/dropdown-item/daikin-dropdown-item.d.ts +42 -0
- package/dist/es-dev/components/dropdown-item/daikin-dropdown-item.js +113 -0
- package/dist/es-dev/components/dropdown-item/index.d.ts +1 -0
- package/dist/es-dev/components/dropdown-item/index.js +4 -0
- package/dist/es-dev/components/icon/daikin-icon.d.ts +4 -0
- package/dist/es-dev/components/icon/icons.json.d.ts +29 -5
- package/dist/es-dev/components/icon/icons.json.js +29 -5
- package/dist/es-dev/components/index.d.ts +11 -4
- package/dist/es-dev/components/index.js +22 -8
- package/dist/es-dev/components/input-group/daikin-input-group.d.ts +69 -25
- package/dist/es-dev/components/input-group/daikin-input-group.js +105 -48
- package/dist/es-dev/components/list/daikin-list.d.ts +28 -0
- package/dist/es-dev/components/list/daikin-list.js +25 -0
- package/dist/es-dev/components/list/index.d.ts +1 -0
- package/dist/es-dev/components/list/index.js +4 -0
- package/dist/es-dev/components/list-item/daikin-list-item.d.ts +64 -0
- package/dist/es-dev/components/list-item/daikin-list-item.js +132 -0
- package/dist/es-dev/components/list-item/index.d.ts +1 -0
- package/dist/es-dev/components/list-item/index.js +4 -0
- package/dist/es-dev/components/notification/daikin-notification.d.ts +13 -11
- package/dist/es-dev/components/notification/daikin-notification.js +15 -16
- package/dist/es-dev/components/progress-bar/daikin-progress-bar.d.ts +32 -10
- package/dist/es-dev/components/progress-bar/daikin-progress-bar.js +53 -29
- package/dist/es-dev/components/progress-indicator/daikin-progress-indicator.d.ts +47 -0
- package/dist/es-dev/components/progress-indicator/daikin-progress-indicator.js +86 -0
- package/dist/es-dev/components/progress-indicator/index.d.ts +1 -0
- package/dist/es-dev/components/progress-indicator/index.js +4 -0
- package/dist/es-dev/components/progress-indicator-item/daikin-progress-indicator-item.d.ts +44 -0
- package/dist/es-dev/components/progress-indicator-item/daikin-progress-indicator-item.js +93 -0
- package/dist/es-dev/components/progress-indicator-item/index.d.ts +1 -0
- package/dist/es-dev/components/progress-indicator-item/index.js +4 -0
- package/dist/es-dev/components/radio/daikin-radio.d.ts +33 -35
- package/dist/es-dev/components/radio/daikin-radio.js +94 -92
- package/dist/es-dev/components/radio-group/daikin-radio-group.d.ts +82 -0
- package/dist/es-dev/components/radio-group/daikin-radio-group.js +145 -0
- package/dist/es-dev/components/radio-group/index.d.ts +1 -0
- package/dist/es-dev/components/radio-group/index.js +4 -0
- package/dist/es-dev/components/select/daikin-select.d.ts +60 -0
- package/dist/es-dev/components/select/daikin-select.js +161 -0
- package/dist/es-dev/components/select/index.d.ts +1 -0
- package/dist/es-dev/components/select/index.js +4 -0
- package/dist/es-dev/components/tab/daikin-tab.d.ts +12 -12
- package/dist/es-dev/components/tab/daikin-tab.js +49 -49
- package/dist/es-dev/components/tab-panels/daikin-tab-panels.d.ts +56 -0
- package/dist/es-dev/components/{panel-switcher/daikin-panel-switcher.js → tab-panels/daikin-tab-panels.js} +10 -10
- package/dist/es-dev/components/tab-panels/index.d.ts +1 -0
- package/dist/es-dev/components/tab-panels/index.js +4 -0
- package/dist/{cjs-dev/components/tab-group/daikin-tab-group.d.ts → es-dev/components/tabs/daikin-tabs.d.ts} +27 -25
- package/dist/es-dev/components/{tab-group/daikin-tab-group.js → tabs/daikin-tabs.js} +38 -39
- package/dist/es-dev/components/tabs/index.d.ts +1 -0
- package/dist/es-dev/components/tabs/index.js +4 -0
- package/dist/es-dev/components/text-area/daikin-text-area.d.ts +82 -0
- package/dist/es-dev/components/text-area/daikin-text-area.js +165 -0
- package/dist/es-dev/components/text-area/index.d.ts +1 -0
- package/dist/es-dev/components/text-area/index.js +4 -0
- package/dist/es-dev/components/text-field/daikin-text-field.d.ts +94 -0
- package/dist/es-dev/components/text-field/daikin-text-field.js +212 -0
- package/dist/es-dev/components/text-field/index.d.ts +1 -0
- package/dist/es-dev/components/text-field/index.js +4 -0
- package/dist/es-dev/components/toggle/daikin-toggle.d.ts +15 -26
- package/dist/es-dev/components/toggle/daikin-toggle.js +45 -69
- package/dist/es-dev/components/tooltip/daikin-tooltip.d.ts +39 -15
- package/dist/es-dev/components/tooltip/daikin-tooltip.js +78 -71
- package/dist/es-dev/controllers/click-outside.d.ts +37 -0
- package/dist/es-dev/controllers/click-outside.js +29 -0
- package/dist/es-dev/controllers/floating-ui-auto-update.d.ts +22 -0
- package/dist/es-dev/controllers/floating-ui-auto-update.js +82 -0
- package/dist/es-dev/controllers/helpers/controller-directive.d.ts +12 -0
- package/dist/es-dev/controllers/helpers/controller-directive.js +50 -0
- package/dist/es-dev/index.js +22 -8
- package/dist/es-dev/tailwind.css.js +1 -1
- package/dist/es-dev/utils/reDispatch.d.ts +1 -0
- package/dist/es-dev/utils/reDispatch.js +10 -0
- package/icons/checkbox-indeterminate.svg +2 -2
- package/icons/chevron-down.svg +3 -0
- package/icons/chevron-left.svg +3 -0
- package/icons/chevron-right.svg +3 -0
- package/icons/chevron-up.svg +3 -0
- package/icons/dropdown-check.svg +3 -0
- package/icons/dropdown-chevron-down.svg +3 -0
- package/icons/required.svg +3 -0
- package/icons/status-error.svg +3 -0
- package/icons/status-negative.svg +3 -11
- package/icons/status-positive.svg +4 -14
- package/icons/status-success.svg +6 -0
- package/package.json +3 -2
- package/dist/cjs/components/panel-switcher/daikin-panel-switcher.d.ts +0 -50
- package/dist/cjs/components/panel-switcher/index.cjs +0 -7
- package/dist/cjs/components/panel-switcher/index.d.ts +0 -1
- package/dist/cjs/components/tab-group/index.cjs +0 -7
- package/dist/cjs/components/tab-group/index.d.ts +0 -1
- package/dist/cjs/components/text-input/daikin-text-input.cjs +0 -137
- package/dist/cjs/components/text-input/daikin-text-input.d.ts +0 -68
- package/dist/cjs/components/text-input/index.cjs +0 -7
- package/dist/cjs/components/text-input/index.d.ts +0 -1
- package/dist/cjs/components/textarea/daikin-textarea.cjs +0 -168
- package/dist/cjs/components/textarea/daikin-textarea.d.ts +0 -70
- package/dist/cjs/components/textarea/index.cjs +0 -7
- package/dist/cjs/components/textarea/index.d.ts +0 -1
- package/dist/cjs-dev/components/panel-switcher/daikin-panel-switcher.d.ts +0 -50
- package/dist/cjs-dev/components/panel-switcher/index.cjs +0 -7
- package/dist/cjs-dev/components/panel-switcher/index.d.ts +0 -1
- package/dist/cjs-dev/components/tab-group/index.cjs +0 -7
- package/dist/cjs-dev/components/tab-group/index.d.ts +0 -1
- package/dist/cjs-dev/components/text-input/daikin-text-input.cjs +0 -137
- package/dist/cjs-dev/components/text-input/daikin-text-input.d.ts +0 -68
- package/dist/cjs-dev/components/text-input/index.cjs +0 -7
- package/dist/cjs-dev/components/text-input/index.d.ts +0 -1
- package/dist/cjs-dev/components/textarea/daikin-textarea.cjs +0 -168
- package/dist/cjs-dev/components/textarea/daikin-textarea.d.ts +0 -70
- package/dist/cjs-dev/components/textarea/index.cjs +0 -7
- package/dist/cjs-dev/components/textarea/index.d.ts +0 -1
- package/dist/es/components/panel-switcher/daikin-panel-switcher.d.ts +0 -50
- package/dist/es/components/panel-switcher/index.d.ts +0 -1
- package/dist/es/components/panel-switcher/index.js +0 -4
- package/dist/es/components/tab-group/index.d.ts +0 -1
- package/dist/es/components/tab-group/index.js +0 -4
- package/dist/es/components/text-input/daikin-text-input.d.ts +0 -68
- package/dist/es/components/text-input/daikin-text-input.js +0 -138
- package/dist/es/components/text-input/index.d.ts +0 -1
- package/dist/es/components/text-input/index.js +0 -4
- package/dist/es/components/textarea/daikin-textarea.d.ts +0 -70
- package/dist/es/components/textarea/daikin-textarea.js +0 -169
- package/dist/es/components/textarea/index.d.ts +0 -1
- package/dist/es/components/textarea/index.js +0 -4
- package/dist/es-dev/components/panel-switcher/daikin-panel-switcher.d.ts +0 -50
- package/dist/es-dev/components/panel-switcher/index.d.ts +0 -1
- package/dist/es-dev/components/panel-switcher/index.js +0 -4
- package/dist/es-dev/components/tab-group/index.d.ts +0 -1
- package/dist/es-dev/components/tab-group/index.js +0 -4
- package/dist/es-dev/components/text-input/daikin-text-input.d.ts +0 -68
- package/dist/es-dev/components/text-input/daikin-text-input.js +0 -138
- package/dist/es-dev/components/text-input/index.d.ts +0 -1
- package/dist/es-dev/components/text-input/index.js +0 -4
- package/dist/es-dev/components/textarea/daikin-textarea.d.ts +0 -70
- package/dist/es-dev/components/textarea/daikin-textarea.js +0 -169
- package/dist/es-dev/components/textarea/index.d.ts +0 -1
- package/dist/es-dev/components/textarea/index.js +0 -4
- package/icons/accordion-chevron-up.svg +0 -3
- package/icons/notification-status-negative.svg +0 -3
- package/icons/notification-status-positive.svg +0 -5
- package/icons/radio-checked.svg +0 -4
- package/icons/radio-unchecked.svg +0 -4
- /package/dist/cjs/components/{tab-group → tabs}/scroller.cjs +0 -0
- /package/dist/cjs/components/{tab-group → tabs}/scroller.d.ts +0 -0
- /package/dist/cjs-dev/components/{tab-group → tabs}/scroller.cjs +0 -0
- /package/dist/cjs-dev/components/{tab-group → tabs}/scroller.d.ts +0 -0
- /package/dist/es/components/{tab-group → tabs}/scroller.d.ts +0 -0
- /package/dist/es/components/{tab-group → tabs}/scroller.js +0 -0
- /package/dist/es-dev/components/{tab-group → tabs}/scroller.d.ts +0 -0
- /package/dist/es-dev/components/{tab-group → tabs}/scroller.js +0 -0
- /package/icons/{notification-status-alarm.svg → status-alarm.svg} +0 -0
- /package/icons/{notification-status-information.svg → status-information.svg} +0 -0
- /package/icons/{notification-status-warning.svg → status-warning.svg} +0 -0
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const icons = {
|
|
4
4
|
alarm: {
|
|
5
|
-
"class": "i-daikin-
|
|
5
|
+
"class": "i-daikin-status-alarm",
|
|
6
6
|
color: null
|
|
7
7
|
},
|
|
8
8
|
close: {
|
|
@@ -10,19 +10,43 @@ const icons = {
|
|
|
10
10
|
color: "#a0a0a0"
|
|
11
11
|
},
|
|
12
12
|
information: {
|
|
13
|
-
"class": "i-daikin-
|
|
13
|
+
"class": "i-daikin-status-information",
|
|
14
14
|
color: null
|
|
15
15
|
},
|
|
16
16
|
negative: {
|
|
17
|
-
"class": "i-daikin-
|
|
17
|
+
"class": "i-daikin-status-negative",
|
|
18
18
|
color: null
|
|
19
19
|
},
|
|
20
20
|
positive: {
|
|
21
|
-
"class": "i-daikin-
|
|
21
|
+
"class": "i-daikin-status-positive",
|
|
22
22
|
color: null
|
|
23
23
|
},
|
|
24
24
|
warning: {
|
|
25
|
-
"class": "i-daikin-
|
|
25
|
+
"class": "i-daikin-status-warning",
|
|
26
|
+
color: null
|
|
27
|
+
},
|
|
28
|
+
success: {
|
|
29
|
+
"class": "i-daikin-status-success",
|
|
30
|
+
color: "#0097E0"
|
|
31
|
+
},
|
|
32
|
+
error: {
|
|
33
|
+
"class": "i-daikin-status-error",
|
|
34
|
+
color: "#FF4949"
|
|
35
|
+
},
|
|
36
|
+
"chevron-up": {
|
|
37
|
+
"class": "i-daikin-chevron-up",
|
|
38
|
+
color: null
|
|
39
|
+
},
|
|
40
|
+
"chevron-down": {
|
|
41
|
+
"class": "i-daikin-chevron-down",
|
|
42
|
+
color: null
|
|
43
|
+
},
|
|
44
|
+
"chevron-left": {
|
|
45
|
+
"class": "i-daikin-chevron-left",
|
|
46
|
+
color: null
|
|
47
|
+
},
|
|
48
|
+
"chevron-right": {
|
|
49
|
+
"class": "i-daikin-chevron-right",
|
|
26
50
|
color: null
|
|
27
51
|
}
|
|
28
52
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
declare const _default: {
|
|
2
2
|
"icons": {
|
|
3
3
|
"alarm": {
|
|
4
|
-
"class": "i-daikin-
|
|
4
|
+
"class": "i-daikin-status-alarm",
|
|
5
5
|
"color": null
|
|
6
6
|
},
|
|
7
7
|
"close": {
|
|
@@ -9,19 +9,43 @@ declare const _default: {
|
|
|
9
9
|
"color": "#a0a0a0"
|
|
10
10
|
},
|
|
11
11
|
"information": {
|
|
12
|
-
"class": "i-daikin-
|
|
12
|
+
"class": "i-daikin-status-information",
|
|
13
13
|
"color": null
|
|
14
14
|
},
|
|
15
15
|
"negative": {
|
|
16
|
-
"class": "i-daikin-
|
|
16
|
+
"class": "i-daikin-status-negative",
|
|
17
17
|
"color": null
|
|
18
18
|
},
|
|
19
19
|
"positive": {
|
|
20
|
-
"class": "i-daikin-
|
|
20
|
+
"class": "i-daikin-status-positive",
|
|
21
21
|
"color": null
|
|
22
22
|
},
|
|
23
23
|
"warning": {
|
|
24
|
-
"class": "i-daikin-
|
|
24
|
+
"class": "i-daikin-status-warning",
|
|
25
|
+
"color": null
|
|
26
|
+
},
|
|
27
|
+
"success": {
|
|
28
|
+
"class": "i-daikin-status-success",
|
|
29
|
+
"color": "#0097E0"
|
|
30
|
+
},
|
|
31
|
+
"error": {
|
|
32
|
+
"class": "i-daikin-status-error",
|
|
33
|
+
"color": "#FF4949"
|
|
34
|
+
},
|
|
35
|
+
"chevron-up": {
|
|
36
|
+
"class": "i-daikin-chevron-up",
|
|
37
|
+
"color": null
|
|
38
|
+
},
|
|
39
|
+
"chevron-down": {
|
|
40
|
+
"class": "i-daikin-chevron-down",
|
|
41
|
+
"color": null
|
|
42
|
+
},
|
|
43
|
+
"chevron-left": {
|
|
44
|
+
"class": "i-daikin-chevron-left",
|
|
45
|
+
"color": null
|
|
46
|
+
},
|
|
47
|
+
"chevron-right": {
|
|
48
|
+
"class": "i-daikin-chevron-right",
|
|
25
49
|
"color": null
|
|
26
50
|
}
|
|
27
51
|
}
|
|
@@ -6,16 +6,23 @@ const daikinBreadcrumb = require("./breadcrumb/daikin-breadcrumb.cjs");
|
|
|
6
6
|
const daikinBreadcrumbItem = require("./breadcrumb-item/daikin-breadcrumb-item.cjs");
|
|
7
7
|
const daikinButton = require("./button/daikin-button.cjs");
|
|
8
8
|
const daikinCheckbox = require("./checkbox/daikin-checkbox.cjs");
|
|
9
|
+
const daikinDropdown = require("./dropdown/daikin-dropdown.cjs");
|
|
10
|
+
const daikinDropdownItem = require("./dropdown-item/daikin-dropdown-item.cjs");
|
|
9
11
|
const daikinIcon = require("./icon/daikin-icon.cjs");
|
|
10
12
|
const daikinInputGroup = require("./input-group/daikin-input-group.cjs");
|
|
13
|
+
const daikinList = require("./list/daikin-list.cjs");
|
|
14
|
+
const daikinListItem = require("./list-item/daikin-list-item.cjs");
|
|
11
15
|
const daikinNotification = require("./notification/daikin-notification.cjs");
|
|
12
|
-
const daikinPanelSwitcher = require("./panel-switcher/daikin-panel-switcher.cjs");
|
|
13
16
|
const daikinProgressBar = require("./progress-bar/daikin-progress-bar.cjs");
|
|
17
|
+
const daikinProgressIndicator = require("./progress-indicator/daikin-progress-indicator.cjs");
|
|
18
|
+
const daikinProgressIndicatorItem = require("./progress-indicator-item/daikin-progress-indicator-item.cjs");
|
|
14
19
|
const daikinRadio = require("./radio/daikin-radio.cjs");
|
|
20
|
+
const daikinSelect = require("./select/daikin-select.cjs");
|
|
15
21
|
const daikinTab = require("./tab/daikin-tab.cjs");
|
|
16
|
-
const
|
|
17
|
-
const
|
|
18
|
-
const
|
|
22
|
+
const daikinTabPanels = require("./tab-panels/daikin-tab-panels.cjs");
|
|
23
|
+
const daikinTabs = require("./tabs/daikin-tabs.cjs");
|
|
24
|
+
const daikinTextArea = require("./text-area/daikin-text-area.cjs");
|
|
25
|
+
const daikinTextField = require("./text-field/daikin-text-field.cjs");
|
|
19
26
|
const daikinToggle = require("./toggle/daikin-toggle.cjs");
|
|
20
27
|
const daikinTooltip = require("./tooltip/daikin-tooltip.cjs");
|
|
21
28
|
Object.defineProperty(exports, "DaikinAccordion", {
|
|
@@ -42,6 +49,14 @@ Object.defineProperty(exports, "DaikinCheckbox", {
|
|
|
42
49
|
enumerable: true,
|
|
43
50
|
get: () => daikinCheckbox.DaikinCheckbox
|
|
44
51
|
});
|
|
52
|
+
Object.defineProperty(exports, "DaikinDropdown", {
|
|
53
|
+
enumerable: true,
|
|
54
|
+
get: () => daikinDropdown.DaikinDropdown
|
|
55
|
+
});
|
|
56
|
+
Object.defineProperty(exports, "DaikinDropdownItem", {
|
|
57
|
+
enumerable: true,
|
|
58
|
+
get: () => daikinDropdownItem.DaikinDropdownItem
|
|
59
|
+
});
|
|
45
60
|
Object.defineProperty(exports, "DaikinIcon", {
|
|
46
61
|
enumerable: true,
|
|
47
62
|
get: () => daikinIcon.DaikinIcon
|
|
@@ -51,37 +66,57 @@ Object.defineProperty(exports, "DaikinInputGroup", {
|
|
|
51
66
|
enumerable: true,
|
|
52
67
|
get: () => daikinInputGroup.DaikinInputGroup
|
|
53
68
|
});
|
|
54
|
-
Object.defineProperty(exports, "
|
|
69
|
+
Object.defineProperty(exports, "DaikinList", {
|
|
55
70
|
enumerable: true,
|
|
56
|
-
get: () =>
|
|
71
|
+
get: () => daikinList.DaikinList
|
|
72
|
+
});
|
|
73
|
+
Object.defineProperty(exports, "DaikinListItem", {
|
|
74
|
+
enumerable: true,
|
|
75
|
+
get: () => daikinListItem.DaikinListItem
|
|
57
76
|
});
|
|
58
|
-
Object.defineProperty(exports, "
|
|
77
|
+
Object.defineProperty(exports, "DaikinNotification", {
|
|
59
78
|
enumerable: true,
|
|
60
|
-
get: () =>
|
|
79
|
+
get: () => daikinNotification.DaikinNotification
|
|
61
80
|
});
|
|
62
81
|
Object.defineProperty(exports, "DaikinProgressBar", {
|
|
63
82
|
enumerable: true,
|
|
64
83
|
get: () => daikinProgressBar.DaikinProgressBar
|
|
65
84
|
});
|
|
85
|
+
Object.defineProperty(exports, "DaikinProgressIndicator", {
|
|
86
|
+
enumerable: true,
|
|
87
|
+
get: () => daikinProgressIndicator.DaikinProgressIndicator
|
|
88
|
+
});
|
|
89
|
+
Object.defineProperty(exports, "DaikinProgressIndicatorItem", {
|
|
90
|
+
enumerable: true,
|
|
91
|
+
get: () => daikinProgressIndicatorItem.DaikinProgressIndicatorItem
|
|
92
|
+
});
|
|
66
93
|
Object.defineProperty(exports, "DaikinRadio", {
|
|
67
94
|
enumerable: true,
|
|
68
95
|
get: () => daikinRadio.DaikinRadio
|
|
69
96
|
});
|
|
97
|
+
Object.defineProperty(exports, "DaikinSelect", {
|
|
98
|
+
enumerable: true,
|
|
99
|
+
get: () => daikinSelect.DaikinSelect
|
|
100
|
+
});
|
|
70
101
|
Object.defineProperty(exports, "DaikinTab", {
|
|
71
102
|
enumerable: true,
|
|
72
103
|
get: () => daikinTab.DaikinTab
|
|
73
104
|
});
|
|
74
|
-
Object.defineProperty(exports, "
|
|
105
|
+
Object.defineProperty(exports, "DaikinTabPanels", {
|
|
106
|
+
enumerable: true,
|
|
107
|
+
get: () => daikinTabPanels.DaikinTabPanels
|
|
108
|
+
});
|
|
109
|
+
Object.defineProperty(exports, "DaikinTabs", {
|
|
75
110
|
enumerable: true,
|
|
76
|
-
get: () =>
|
|
111
|
+
get: () => daikinTabs.DaikinTabs
|
|
77
112
|
});
|
|
78
|
-
Object.defineProperty(exports, "
|
|
113
|
+
Object.defineProperty(exports, "DaikinTextArea", {
|
|
79
114
|
enumerable: true,
|
|
80
|
-
get: () =>
|
|
115
|
+
get: () => daikinTextArea.DaikinTextArea
|
|
81
116
|
});
|
|
82
|
-
Object.defineProperty(exports, "
|
|
117
|
+
Object.defineProperty(exports, "DaikinTextField", {
|
|
83
118
|
enumerable: true,
|
|
84
|
-
get: () =>
|
|
119
|
+
get: () => daikinTextField.DaikinTextField
|
|
85
120
|
});
|
|
86
121
|
Object.defineProperty(exports, "DaikinToggle", {
|
|
87
122
|
enumerable: true,
|
|
@@ -4,15 +4,22 @@ export * from './breadcrumb';
|
|
|
4
4
|
export * from './breadcrumb-item';
|
|
5
5
|
export * from './button';
|
|
6
6
|
export * from './checkbox';
|
|
7
|
+
export * from './dropdown';
|
|
8
|
+
export * from './dropdown-item';
|
|
7
9
|
export * from './icon';
|
|
8
10
|
export * from './input-group';
|
|
11
|
+
export * from './list';
|
|
12
|
+
export * from './list-item';
|
|
9
13
|
export * from './notification';
|
|
10
|
-
export * from './panel-switcher';
|
|
11
14
|
export * from './progress-bar';
|
|
15
|
+
export * from './progress-indicator';
|
|
16
|
+
export * from './progress-indicator-item';
|
|
12
17
|
export * from './radio';
|
|
18
|
+
export * from './select';
|
|
13
19
|
export * from './tab';
|
|
14
|
-
export * from './tab-
|
|
15
|
-
export * from './
|
|
16
|
-
export * from './
|
|
20
|
+
export * from './tab-panels';
|
|
21
|
+
export * from './tabs';
|
|
22
|
+
export * from './text-area';
|
|
23
|
+
export * from './text-field';
|
|
17
24
|
export * from './toggle';
|
|
18
25
|
export * from './tooltip';
|
|
@@ -15,64 +15,116 @@ var __decorateClass = (decorators, target, key, kind) => {
|
|
|
15
15
|
if (kind && result) __defProp(target, key, result);
|
|
16
16
|
return result;
|
|
17
17
|
};
|
|
18
|
-
const cvaLabel = classVarianceAuthority.cva(["
|
|
18
|
+
const cvaLabel = classVarianceAuthority.cva(["flex", "items-center", "font-bold", "leading-5"], {
|
|
19
19
|
variants: {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
},
|
|
24
|
-
required: {
|
|
25
|
-
optional: [],
|
|
26
|
-
required: ["after:content-['*']", "after:ml-[2px]"]
|
|
20
|
+
disabled: {
|
|
21
|
+
false: [],
|
|
22
|
+
true: ["text-system-state-disabled"]
|
|
27
23
|
}
|
|
28
24
|
}
|
|
29
25
|
});
|
|
30
|
-
const cvaHelper = classVarianceAuthority.cva(
|
|
26
|
+
const cvaHelper = classVarianceAuthority.cva(
|
|
27
|
+
["flex", "gap-1", "items-center", "leading-5", "text-sm"],
|
|
28
|
+
{
|
|
29
|
+
variants: {
|
|
30
|
+
type: {
|
|
31
|
+
helper: [],
|
|
32
|
+
helperDisabled: ["text-system-state-disabled"],
|
|
33
|
+
error: [
|
|
34
|
+
"text-system-state-error-active",
|
|
35
|
+
"font-bold",
|
|
36
|
+
"before:size-4",
|
|
37
|
+
"before:i-daikin-status-error"
|
|
38
|
+
],
|
|
39
|
+
none: ["hidden"]
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
);
|
|
44
|
+
const cvaCounter = classVarianceAuthority.cva(["text-sm", "font-bold"], {
|
|
45
|
+
variants: {
|
|
46
|
+
disabled: {
|
|
47
|
+
false: ["text-system-element-text-secondary"],
|
|
48
|
+
true: ["text-system-state-disabled"]
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
const cvaCounterValueLength = classVarianceAuthority.cva([], {
|
|
31
53
|
variants: {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
54
|
+
error: {
|
|
55
|
+
false: [],
|
|
56
|
+
true: ["text-system-state-error-active"]
|
|
35
57
|
}
|
|
36
58
|
}
|
|
37
59
|
});
|
|
38
60
|
exports.DaikinInputGroup = class DaikinInputGroup extends lit.LitElement {
|
|
39
61
|
constructor() {
|
|
40
62
|
super(...arguments);
|
|
63
|
+
this.label = null;
|
|
64
|
+
this.helper = null;
|
|
65
|
+
this.required = null;
|
|
66
|
+
this.error = null;
|
|
41
67
|
this.disabled = false;
|
|
42
|
-
this.
|
|
43
|
-
this.
|
|
44
|
-
this.textareaCounter = false;
|
|
68
|
+
this.textareaMaxCount = null;
|
|
69
|
+
this._textareaCount = null;
|
|
45
70
|
}
|
|
46
71
|
_handleSlotChange() {
|
|
47
72
|
this._reflectSlotProperties();
|
|
73
|
+
const textarea = this._textareas[0];
|
|
74
|
+
this._textareaCount = (textarea == null ? void 0 : textarea.count) ?? null;
|
|
75
|
+
}
|
|
76
|
+
_handleInput(event) {
|
|
77
|
+
if (event.target.tagName === "DAIKIN-TEXT-AREA") {
|
|
78
|
+
this._textareaCount = event.target.count;
|
|
79
|
+
}
|
|
48
80
|
}
|
|
49
81
|
_reflectSlotProperties() {
|
|
50
|
-
const isError = !this.disabled && !!this.error;
|
|
51
82
|
for (const control of this._controls) {
|
|
52
|
-
control.
|
|
53
|
-
control.error = isError;
|
|
54
|
-
}
|
|
55
|
-
for (const item of this._textareas) {
|
|
56
|
-
item.counter = this.textareaCounter;
|
|
83
|
+
control.reflectInputGroup(this);
|
|
57
84
|
}
|
|
58
85
|
}
|
|
59
86
|
render() {
|
|
60
|
-
const
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
}
|
|
87
|
+
const helperType = this.error && !this.disabled ? "error" : this.helper ? this.disabled ? "helperDisabled" : "helper" : "none";
|
|
88
|
+
const helperText = {
|
|
89
|
+
error: this.error,
|
|
90
|
+
helper: this.helper,
|
|
91
|
+
helperDisabled: this.helper,
|
|
92
|
+
none: ""
|
|
93
|
+
}[helperType];
|
|
67
94
|
return lit.html`<fieldset class="content" ?disabled=${this.disabled}>
|
|
68
|
-
<label
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
95
|
+
<label
|
|
96
|
+
class="flex flex-col justify-center gap-2 w-full text-system-element-text-primary font-daikinSerif"
|
|
97
|
+
>
|
|
98
|
+
<div class="flex justify-between items-center gap-2">
|
|
99
|
+
<div class="flex items-center gap-1 font-bold">
|
|
100
|
+
${this.label ? lit.html`<span class=${cvaLabel({ disabled: this.disabled })}>
|
|
101
|
+
${this.label}
|
|
102
|
+
</span>` : lit.nothing}
|
|
103
|
+
${this.required && !this.disabled ? lit.html`<span class="text-system-state-error-active text-xs">
|
|
104
|
+
${this.required}
|
|
105
|
+
</span>` : lit.nothing}
|
|
106
|
+
</div>
|
|
107
|
+
${this.textareaMaxCount != null && this._textareaCount != null ? lit.html`
|
|
108
|
+
<span class=${cvaCounter({ disabled: this.disabled })}>
|
|
109
|
+
<span
|
|
110
|
+
class=${cvaCounterValueLength({
|
|
111
|
+
error: this.textareaMaxCount < this._textareaCount
|
|
112
|
+
})}
|
|
113
|
+
>${this._textareaCount}</span
|
|
114
|
+
><span>/</span><span>${this.textareaMaxCount}</span>
|
|
115
|
+
</span>
|
|
116
|
+
` : lit.nothing}
|
|
117
|
+
</div>
|
|
118
|
+
<span
|
|
119
|
+
class=${cvaHelper({ type: helperType })}
|
|
120
|
+
aria-live=${helperType === "error" ? "polite" : "off"}
|
|
121
|
+
>
|
|
122
|
+
${helperText}
|
|
123
|
+
</span>
|
|
124
|
+
<slot
|
|
125
|
+
@slotchange=${this._handleSlotChange}
|
|
126
|
+
@input=${this._handleInput}
|
|
127
|
+
></slot>
|
|
76
128
|
</label>
|
|
77
129
|
</fieldset>`;
|
|
78
130
|
}
|
|
@@ -87,33 +139,38 @@ exports.DaikinInputGroup.styles = lit.css`
|
|
|
87
139
|
--input-group-border-color-error: ${lit.unsafeCSS(variables_js.colorFeedbackNegative)};
|
|
88
140
|
|
|
89
141
|
display: block;
|
|
90
|
-
width:
|
|
142
|
+
width: 100%;
|
|
91
143
|
}
|
|
92
144
|
`;
|
|
93
145
|
__decorateClass([
|
|
94
|
-
decorators_js.property({ type: String })
|
|
146
|
+
decorators_js.property({ type: String, reflect: true })
|
|
95
147
|
], exports.DaikinInputGroup.prototype, "label", 2);
|
|
96
148
|
__decorateClass([
|
|
97
|
-
decorators_js.property({ type: String })
|
|
149
|
+
decorators_js.property({ type: String, reflect: true })
|
|
98
150
|
], exports.DaikinInputGroup.prototype, "helper", 2);
|
|
99
151
|
__decorateClass([
|
|
100
|
-
decorators_js.property({ type:
|
|
101
|
-
], exports.DaikinInputGroup.prototype, "disabled", 2);
|
|
102
|
-
__decorateClass([
|
|
103
|
-
decorators_js.property({ type: Boolean, reflect: true })
|
|
152
|
+
decorators_js.property({ type: String, reflect: true })
|
|
104
153
|
], exports.DaikinInputGroup.prototype, "required", 2);
|
|
105
154
|
__decorateClass([
|
|
106
155
|
decorators_js.property({ type: String, reflect: true })
|
|
107
156
|
], exports.DaikinInputGroup.prototype, "error", 2);
|
|
108
157
|
__decorateClass([
|
|
109
158
|
decorators_js.property({ type: Boolean, reflect: true })
|
|
110
|
-
], exports.DaikinInputGroup.prototype, "
|
|
159
|
+
], exports.DaikinInputGroup.prototype, "disabled", 2);
|
|
111
160
|
__decorateClass([
|
|
112
|
-
decorators_js.
|
|
161
|
+
decorators_js.property({ type: Number, reflect: true, attribute: "textarea-max-count" })
|
|
162
|
+
], exports.DaikinInputGroup.prototype, "textareaMaxCount", 2);
|
|
163
|
+
__decorateClass([
|
|
164
|
+
decorators_js.queryAssignedElements({ selector: "daikin-text-area" })
|
|
113
165
|
], exports.DaikinInputGroup.prototype, "_textareas", 2);
|
|
114
166
|
__decorateClass([
|
|
115
|
-
decorators_js.queryAssignedElements({
|
|
167
|
+
decorators_js.queryAssignedElements({
|
|
168
|
+
selector: "daikin-dropdown,daikin-select,daikin-text-field,daikin-text-area,daikin-radio-group"
|
|
169
|
+
})
|
|
116
170
|
], exports.DaikinInputGroup.prototype, "_controls", 2);
|
|
171
|
+
__decorateClass([
|
|
172
|
+
decorators_js.state()
|
|
173
|
+
], exports.DaikinInputGroup.prototype, "_textareaCount", 2);
|
|
117
174
|
exports.DaikinInputGroup = __decorateClass([
|
|
118
175
|
decorators_js.customElement("daikin-input-group")
|
|
119
176
|
], exports.DaikinInputGroup);
|
|
@@ -1,65 +1,109 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
-
import { DaikinTextInput } from '../text-input/daikin-text-input';
|
|
3
|
-
import { DaikinTextarea } from '../textarea/daikin-textarea';
|
|
4
|
-
type ControlElement = DaikinTextInput | DaikinTextarea;
|
|
5
2
|
/**
|
|
6
|
-
* The input group component serves as a wrapper for
|
|
3
|
+
* The input group component serves as a wrapper for an input control component (full list below), providing additional elements such as label text, helper text, or a counter.
|
|
7
4
|
* It enhances the user experience by associating supplementary information or functionality directly with the input field.
|
|
8
5
|
* This component is particularly useful for creating complex forms where clear communication and guidance are essential.
|
|
9
6
|
*
|
|
10
7
|
* Hierarchies:
|
|
11
|
-
* - `daikin-input-group` > `daikin-
|
|
12
|
-
* - `daikin-input-group` > `daikin-
|
|
8
|
+
* - `daikin-input-group` > `daikin-select`
|
|
9
|
+
* - `daikin-input-group` > `daikin-dropdown` > `daikin-dropdown-item`
|
|
10
|
+
* - `daikin-input-group` > `daikin-text-area`
|
|
11
|
+
* - `daikin-input-group` > `daikin-text-field`
|
|
12
|
+
* - `daikin-input-group` > `daikin-radio-group` > `daikin-radio`
|
|
13
13
|
*
|
|
14
|
-
* @slot - A slot for
|
|
14
|
+
* @slot - A slot for an input component. See **Hierarchies** for supported components.
|
|
15
15
|
*
|
|
16
16
|
* @example
|
|
17
17
|
*
|
|
18
|
-
*
|
|
18
|
+
* ```js
|
|
19
|
+
* import "@daikin-oss/design-system-web-components/components/input-group/index.js";
|
|
20
|
+
* import "@daikin-oss/design-system-web-components/components/select/index.js";
|
|
21
|
+
* import "@daikin-oss/design-system-web-components/components/text-area/index.js";
|
|
22
|
+
* import "@daikin-oss/design-system-web-components/components/text-field/index.js";
|
|
23
|
+
* ```
|
|
24
|
+
*
|
|
25
|
+
* With Dropdown:
|
|
19
26
|
*
|
|
20
27
|
* ```html
|
|
21
28
|
* <daikin-input-group>
|
|
22
|
-
* <daikin-
|
|
29
|
+
* <daikin-dropdown value="Value of Dropdown">
|
|
30
|
+
* <daikin-dropdown-item value="Value of Dropdown Item">
|
|
31
|
+
* Dropdown item 1
|
|
32
|
+
* </daikin-dropdown-item>
|
|
33
|
+
* </daikin-dropdown>
|
|
23
34
|
* </daikin-input-group>
|
|
24
35
|
* ```
|
|
25
36
|
*
|
|
26
|
-
* With
|
|
37
|
+
* With Select:
|
|
27
38
|
*
|
|
28
39
|
* ```html
|
|
29
40
|
* <daikin-input-group>
|
|
30
|
-
* <daikin-
|
|
41
|
+
* <daikin-select>
|
|
42
|
+
* <select name="select">
|
|
43
|
+
* <option value="value1">Option 1</option>
|
|
44
|
+
* <option value="value2">Option 2</option>
|
|
45
|
+
* <option value="value3">Option 3</option>
|
|
46
|
+
* </select>
|
|
47
|
+
* </daikin-select>
|
|
31
48
|
* </daikin-input-group>
|
|
32
49
|
* ```
|
|
50
|
+
*
|
|
51
|
+
* With Text Field:
|
|
52
|
+
*
|
|
53
|
+
* ```html
|
|
54
|
+
* <daikin-input-group>
|
|
55
|
+
* <daikin-text-field value="Content of Text Field"></daikin-text-field>
|
|
56
|
+
* </daikin-input-group>
|
|
57
|
+
* ```
|
|
58
|
+
*
|
|
59
|
+
* With TextArea:
|
|
60
|
+
*
|
|
61
|
+
* ```html
|
|
62
|
+
* <daikin-input-group>
|
|
63
|
+
* <daikin-text-area value="Content of TextArea"></daikin-text-area>
|
|
64
|
+
* </daikin-input-group>
|
|
65
|
+
* ```
|
|
66
|
+
* ```
|
|
33
67
|
*/
|
|
34
68
|
export declare class DaikinInputGroup extends LitElement {
|
|
35
69
|
static readonly styles: import('lit').CSSResult;
|
|
36
70
|
/**
|
|
37
|
-
* Label text
|
|
71
|
+
* Label text displayed at the top of the field.
|
|
38
72
|
*/
|
|
39
|
-
label
|
|
73
|
+
label: string | null;
|
|
40
74
|
/**
|
|
41
|
-
* Helper text
|
|
75
|
+
* Helper text displayed at the top of the field.
|
|
76
|
+
* If `error` is specified and `disabled` is `false`, that takes precedence and helper text is not displayed.
|
|
42
77
|
*/
|
|
43
|
-
helper
|
|
78
|
+
helper: string | null;
|
|
44
79
|
/**
|
|
45
|
-
*
|
|
80
|
+
* Text indicating that the field is required.
|
|
81
|
+
* If a non-empty string is set,
|
|
82
|
+
* - the text will be displayed in red to the right of the label, and
|
|
83
|
+
* - the `required` attribute will be set for the input control in the slot.
|
|
84
|
+
* Ignored if `disabled` is `true`.
|
|
46
85
|
*/
|
|
47
|
-
|
|
86
|
+
required: string | null;
|
|
48
87
|
/**
|
|
49
|
-
*
|
|
88
|
+
* Error text displayed at the top of the field.
|
|
89
|
+
* Ignored if `disabled` is `true`.
|
|
90
|
+
* Reflected in presence of `error` attribute of the input control in the slot.
|
|
50
91
|
*/
|
|
51
|
-
|
|
92
|
+
error: string | null;
|
|
52
93
|
/**
|
|
53
|
-
*
|
|
94
|
+
* Whether the field is disabled.
|
|
95
|
+
* Reflected in `disabled` attribute of the input control in the slot.
|
|
54
96
|
*/
|
|
55
|
-
|
|
97
|
+
disabled: boolean;
|
|
56
98
|
/**
|
|
57
|
-
*
|
|
99
|
+
* Maximum value to display on the counter. When `null`, the counter will be hidden.
|
|
58
100
|
*/
|
|
59
|
-
|
|
60
|
-
_textareas
|
|
61
|
-
_controls
|
|
101
|
+
textareaMaxCount: number | null;
|
|
102
|
+
private readonly _textareas;
|
|
103
|
+
private readonly _controls;
|
|
104
|
+
private _textareaCount;
|
|
62
105
|
private _handleSlotChange;
|
|
106
|
+
private _handleInput;
|
|
63
107
|
private _reflectSlotProperties;
|
|
64
108
|
render(): import('lit-html').TemplateResult<1>;
|
|
65
109
|
updated(): void;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
+
const lit = require("lit");
|
|
4
|
+
const decorators_js = require("lit/decorators.js");
|
|
5
|
+
var __defProp = Object.defineProperty;
|
|
6
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
7
|
+
var __decorateClass = (decorators, target, key, kind) => {
|
|
8
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
9
|
+
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
10
|
+
if (decorator = decorators[i])
|
|
11
|
+
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
12
|
+
if (kind && result) __defProp(target, key, result);
|
|
13
|
+
return result;
|
|
14
|
+
};
|
|
15
|
+
exports.DaikinList = class DaikinList extends lit.LitElement {
|
|
16
|
+
render() {
|
|
17
|
+
return lit.html`<div role="list">
|
|
18
|
+
<slot></slot>
|
|
19
|
+
</div>`;
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
exports.DaikinList = __decorateClass([
|
|
23
|
+
decorators_js.customElement("daikin-list")
|
|
24
|
+
], exports.DaikinList);
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* The list component is used to list items using the list item component.
|
|
4
|
+
*
|
|
5
|
+
* Hierarchy:
|
|
6
|
+
* - `daikin-list` > `daikin-list-item`
|
|
7
|
+
*
|
|
8
|
+
* @slot - A slot for the list items. Place `daikin-list-item` elements here.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
*
|
|
12
|
+
* ```html
|
|
13
|
+
* <daikin-list>
|
|
14
|
+
* <daikin-list-item>List item label 1</daikin-list-item>
|
|
15
|
+
* <daikin-list-item>List item label 2</daikin-list-item>
|
|
16
|
+
* <daikin-list-item>List item label 3</daikin-list-item>
|
|
17
|
+
* </daikin-list>
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
export declare class DaikinList extends LitElement {
|
|
21
|
+
render(): import('lit-html').TemplateResult<1>;
|
|
22
|
+
}
|
|
23
|
+
declare global {
|
|
24
|
+
interface HTMLElementTagNameMap {
|
|
25
|
+
"daikin-list": DaikinList;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
export default DaikinList;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './daikin-list';
|