@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.
Files changed (438) hide show
  1. package/CHANGELOG.md +104 -0
  2. package/dist/cjs/components/accordion/daikin-accordion.cjs +24 -6
  3. package/dist/cjs/components/accordion/daikin-accordion.d.ts +15 -9
  4. package/dist/cjs/components/accordion-item/daikin-accordion-item.cjs +106 -59
  5. package/dist/cjs/components/accordion-item/daikin-accordion-item.d.ts +28 -13
  6. package/dist/cjs/components/breadcrumb/daikin-breadcrumb.cjs +3 -6
  7. package/dist/cjs/components/breadcrumb/daikin-breadcrumb.d.ts +4 -0
  8. package/dist/cjs/components/breadcrumb-item/daikin-breadcrumb-item.cjs +38 -30
  9. package/dist/cjs/components/breadcrumb-item/daikin-breadcrumb-item.d.ts +12 -2
  10. package/dist/cjs/components/button/daikin-button.cjs +89 -128
  11. package/dist/cjs/components/button/daikin-button.d.ts +30 -27
  12. package/dist/cjs/components/checkbox/daikin-checkbox.cjs +100 -119
  13. package/dist/cjs/components/checkbox/daikin-checkbox.d.ts +27 -38
  14. package/dist/cjs/components/dropdown/daikin-dropdown.cjs +367 -0
  15. package/dist/cjs/components/dropdown/daikin-dropdown.d.ts +100 -0
  16. package/dist/cjs/components/dropdown/index.cjs +7 -0
  17. package/dist/cjs/components/dropdown/index.d.ts +1 -0
  18. package/dist/cjs/components/dropdown-item/daikin-dropdown-item.cjs +112 -0
  19. package/dist/cjs/components/dropdown-item/daikin-dropdown-item.d.ts +42 -0
  20. package/dist/cjs/components/dropdown-item/index.cjs +7 -0
  21. package/dist/cjs/components/dropdown-item/index.d.ts +1 -0
  22. package/dist/cjs/components/icon/daikin-icon.d.ts +4 -0
  23. package/dist/cjs/components/icon/icons.json.cjs +29 -5
  24. package/dist/cjs/components/icon/icons.json.d.ts +29 -5
  25. package/dist/cjs/components/index.cjs +49 -14
  26. package/dist/cjs/components/index.d.ts +11 -4
  27. package/dist/cjs/components/input-group/daikin-input-group.cjs +103 -46
  28. package/dist/cjs/components/input-group/daikin-input-group.d.ts +69 -25
  29. package/dist/cjs/components/list/daikin-list.cjs +24 -0
  30. package/dist/cjs/components/list/daikin-list.d.ts +28 -0
  31. package/dist/cjs/components/list/index.cjs +7 -0
  32. package/dist/cjs/components/list/index.d.ts +1 -0
  33. package/dist/cjs/components/list-item/daikin-list-item.cjs +131 -0
  34. package/dist/cjs/components/list-item/daikin-list-item.d.ts +64 -0
  35. package/dist/cjs/components/list-item/index.cjs +7 -0
  36. package/dist/cjs/components/list-item/index.d.ts +1 -0
  37. package/dist/cjs/components/notification/daikin-notification.cjs +14 -15
  38. package/dist/cjs/components/notification/daikin-notification.d.ts +13 -11
  39. package/dist/cjs/components/progress-bar/daikin-progress-bar.cjs +53 -29
  40. package/dist/cjs/components/progress-bar/daikin-progress-bar.d.ts +32 -10
  41. package/dist/cjs/components/progress-indicator/daikin-progress-indicator.cjs +75 -0
  42. package/dist/cjs/components/progress-indicator/daikin-progress-indicator.d.ts +47 -0
  43. package/dist/cjs/components/progress-indicator/index.cjs +7 -0
  44. package/dist/cjs/components/progress-indicator/index.d.ts +1 -0
  45. package/dist/cjs/components/progress-indicator-item/daikin-progress-indicator-item.cjs +92 -0
  46. package/dist/cjs/components/progress-indicator-item/daikin-progress-indicator-item.d.ts +44 -0
  47. package/dist/cjs/components/progress-indicator-item/index.cjs +7 -0
  48. package/dist/cjs/components/progress-indicator-item/index.d.ts +1 -0
  49. package/dist/cjs/components/radio/daikin-radio.cjs +92 -90
  50. package/dist/cjs/components/radio/daikin-radio.d.ts +33 -35
  51. package/dist/cjs/components/radio-group/daikin-radio-group.cjs +144 -0
  52. package/dist/cjs/components/radio-group/daikin-radio-group.d.ts +82 -0
  53. package/dist/cjs/components/radio-group/index.cjs +7 -0
  54. package/dist/cjs/components/radio-group/index.d.ts +1 -0
  55. package/dist/cjs/components/select/daikin-select.cjs +160 -0
  56. package/dist/cjs/components/select/daikin-select.d.ts +60 -0
  57. package/dist/cjs/components/select/index.cjs +7 -0
  58. package/dist/cjs/components/select/index.d.ts +1 -0
  59. package/dist/cjs/components/tab/daikin-tab.cjs +48 -48
  60. package/dist/cjs/components/tab/daikin-tab.d.ts +12 -12
  61. package/dist/cjs/components/{panel-switcher/daikin-panel-switcher.cjs → tab-panels/daikin-tab-panels.cjs} +8 -8
  62. package/dist/cjs/components/tab-panels/daikin-tab-panels.d.ts +56 -0
  63. package/dist/cjs/components/tab-panels/index.cjs +7 -0
  64. package/dist/cjs/components/tab-panels/index.d.ts +1 -0
  65. package/dist/cjs/components/{tab-group/daikin-tab-group.cjs → tabs/daikin-tabs.cjs} +35 -36
  66. package/dist/{es-dev/components/tab-group/daikin-tab-group.d.ts → cjs/components/tabs/daikin-tabs.d.ts} +27 -25
  67. package/dist/cjs/components/tabs/index.cjs +7 -0
  68. package/dist/cjs/components/tabs/index.d.ts +1 -0
  69. package/dist/cjs/components/text-area/daikin-text-area.cjs +164 -0
  70. package/dist/cjs/components/text-area/daikin-text-area.d.ts +82 -0
  71. package/dist/cjs/components/text-area/index.cjs +7 -0
  72. package/dist/cjs/components/text-area/index.d.ts +1 -0
  73. package/dist/cjs/components/text-field/daikin-text-field.cjs +211 -0
  74. package/dist/cjs/components/text-field/daikin-text-field.d.ts +94 -0
  75. package/dist/cjs/components/text-field/index.cjs +7 -0
  76. package/dist/cjs/components/text-field/index.d.ts +1 -0
  77. package/dist/cjs/components/toggle/daikin-toggle.cjs +44 -68
  78. package/dist/cjs/components/toggle/daikin-toggle.d.ts +15 -26
  79. package/dist/cjs/components/tooltip/daikin-tooltip.cjs +77 -70
  80. package/dist/cjs/components/tooltip/daikin-tooltip.d.ts +39 -15
  81. package/dist/cjs/controllers/click-outside.cjs +29 -0
  82. package/dist/cjs/controllers/click-outside.d.ts +37 -0
  83. package/dist/cjs/controllers/floating-ui-auto-update.cjs +75 -0
  84. package/dist/cjs/controllers/floating-ui-auto-update.d.ts +22 -0
  85. package/dist/cjs/controllers/helpers/controller-directive.cjs +50 -0
  86. package/dist/cjs/controllers/helpers/controller-directive.d.ts +12 -0
  87. package/dist/cjs/index.cjs +49 -14
  88. package/dist/cjs/tailwind.css.cjs +1 -1
  89. package/dist/cjs/utils/reDispatch.cjs +10 -0
  90. package/dist/cjs/utils/reDispatch.d.ts +1 -0
  91. package/dist/cjs-dev/components/accordion/daikin-accordion.cjs +24 -6
  92. package/dist/cjs-dev/components/accordion/daikin-accordion.d.ts +15 -9
  93. package/dist/cjs-dev/components/accordion-item/daikin-accordion-item.cjs +106 -59
  94. package/dist/cjs-dev/components/accordion-item/daikin-accordion-item.d.ts +28 -13
  95. package/dist/cjs-dev/components/breadcrumb/daikin-breadcrumb.cjs +3 -6
  96. package/dist/cjs-dev/components/breadcrumb/daikin-breadcrumb.d.ts +4 -0
  97. package/dist/cjs-dev/components/breadcrumb-item/daikin-breadcrumb-item.cjs +38 -30
  98. package/dist/cjs-dev/components/breadcrumb-item/daikin-breadcrumb-item.d.ts +12 -2
  99. package/dist/cjs-dev/components/button/daikin-button.cjs +89 -128
  100. package/dist/cjs-dev/components/button/daikin-button.d.ts +30 -27
  101. package/dist/cjs-dev/components/checkbox/daikin-checkbox.cjs +100 -119
  102. package/dist/cjs-dev/components/checkbox/daikin-checkbox.d.ts +27 -38
  103. package/dist/cjs-dev/components/dropdown/daikin-dropdown.cjs +367 -0
  104. package/dist/cjs-dev/components/dropdown/daikin-dropdown.d.ts +100 -0
  105. package/dist/cjs-dev/components/dropdown/index.cjs +7 -0
  106. package/dist/cjs-dev/components/dropdown/index.d.ts +1 -0
  107. package/dist/cjs-dev/components/dropdown-item/daikin-dropdown-item.cjs +112 -0
  108. package/dist/cjs-dev/components/dropdown-item/daikin-dropdown-item.d.ts +42 -0
  109. package/dist/cjs-dev/components/dropdown-item/index.cjs +7 -0
  110. package/dist/cjs-dev/components/dropdown-item/index.d.ts +1 -0
  111. package/dist/cjs-dev/components/icon/daikin-icon.d.ts +4 -0
  112. package/dist/cjs-dev/components/icon/icons.json.cjs +29 -5
  113. package/dist/cjs-dev/components/icon/icons.json.d.ts +29 -5
  114. package/dist/cjs-dev/components/index.cjs +49 -14
  115. package/dist/cjs-dev/components/index.d.ts +11 -4
  116. package/dist/cjs-dev/components/input-group/daikin-input-group.cjs +103 -46
  117. package/dist/cjs-dev/components/input-group/daikin-input-group.d.ts +69 -25
  118. package/dist/cjs-dev/components/list/daikin-list.cjs +24 -0
  119. package/dist/cjs-dev/components/list/daikin-list.d.ts +28 -0
  120. package/dist/cjs-dev/components/list/index.cjs +7 -0
  121. package/dist/cjs-dev/components/list/index.d.ts +1 -0
  122. package/dist/cjs-dev/components/list-item/daikin-list-item.cjs +131 -0
  123. package/dist/cjs-dev/components/list-item/daikin-list-item.d.ts +64 -0
  124. package/dist/cjs-dev/components/list-item/index.cjs +7 -0
  125. package/dist/cjs-dev/components/list-item/index.d.ts +1 -0
  126. package/dist/cjs-dev/components/notification/daikin-notification.cjs +14 -15
  127. package/dist/cjs-dev/components/notification/daikin-notification.d.ts +13 -11
  128. package/dist/cjs-dev/components/progress-bar/daikin-progress-bar.cjs +53 -29
  129. package/dist/cjs-dev/components/progress-bar/daikin-progress-bar.d.ts +32 -10
  130. package/dist/cjs-dev/components/progress-indicator/daikin-progress-indicator.cjs +85 -0
  131. package/dist/cjs-dev/components/progress-indicator/daikin-progress-indicator.d.ts +47 -0
  132. package/dist/cjs-dev/components/progress-indicator/index.cjs +7 -0
  133. package/dist/cjs-dev/components/progress-indicator/index.d.ts +1 -0
  134. package/dist/cjs-dev/components/progress-indicator-item/daikin-progress-indicator-item.cjs +92 -0
  135. package/dist/cjs-dev/components/progress-indicator-item/daikin-progress-indicator-item.d.ts +44 -0
  136. package/dist/cjs-dev/components/progress-indicator-item/index.cjs +7 -0
  137. package/dist/cjs-dev/components/progress-indicator-item/index.d.ts +1 -0
  138. package/dist/cjs-dev/components/radio/daikin-radio.cjs +92 -90
  139. package/dist/cjs-dev/components/radio/daikin-radio.d.ts +33 -35
  140. package/dist/cjs-dev/components/radio-group/daikin-radio-group.cjs +144 -0
  141. package/dist/cjs-dev/components/radio-group/daikin-radio-group.d.ts +82 -0
  142. package/dist/cjs-dev/components/radio-group/index.cjs +7 -0
  143. package/dist/cjs-dev/components/radio-group/index.d.ts +1 -0
  144. package/dist/cjs-dev/components/select/daikin-select.cjs +160 -0
  145. package/dist/cjs-dev/components/select/daikin-select.d.ts +60 -0
  146. package/dist/cjs-dev/components/select/index.cjs +7 -0
  147. package/dist/cjs-dev/components/select/index.d.ts +1 -0
  148. package/dist/cjs-dev/components/tab/daikin-tab.cjs +48 -48
  149. package/dist/cjs-dev/components/tab/daikin-tab.d.ts +12 -12
  150. package/dist/cjs-dev/components/{panel-switcher/daikin-panel-switcher.cjs → tab-panels/daikin-tab-panels.cjs} +9 -9
  151. package/dist/cjs-dev/components/tab-panels/daikin-tab-panels.d.ts +56 -0
  152. package/dist/cjs-dev/components/tab-panels/index.cjs +7 -0
  153. package/dist/cjs-dev/components/tab-panels/index.d.ts +1 -0
  154. package/dist/cjs-dev/components/{tab-group/daikin-tab-group.cjs → tabs/daikin-tabs.cjs} +37 -38
  155. package/dist/{cjs/components/tab-group/daikin-tab-group.d.ts → cjs-dev/components/tabs/daikin-tabs.d.ts} +27 -25
  156. package/dist/cjs-dev/components/tabs/index.cjs +7 -0
  157. package/dist/cjs-dev/components/tabs/index.d.ts +1 -0
  158. package/dist/cjs-dev/components/text-area/daikin-text-area.cjs +164 -0
  159. package/dist/cjs-dev/components/text-area/daikin-text-area.d.ts +82 -0
  160. package/dist/cjs-dev/components/text-area/index.cjs +7 -0
  161. package/dist/cjs-dev/components/text-area/index.d.ts +1 -0
  162. package/dist/cjs-dev/components/text-field/daikin-text-field.cjs +211 -0
  163. package/dist/cjs-dev/components/text-field/daikin-text-field.d.ts +94 -0
  164. package/dist/cjs-dev/components/text-field/index.cjs +7 -0
  165. package/dist/cjs-dev/components/text-field/index.d.ts +1 -0
  166. package/dist/cjs-dev/components/toggle/daikin-toggle.cjs +44 -68
  167. package/dist/cjs-dev/components/toggle/daikin-toggle.d.ts +15 -26
  168. package/dist/cjs-dev/components/tooltip/daikin-tooltip.cjs +77 -70
  169. package/dist/cjs-dev/components/tooltip/daikin-tooltip.d.ts +39 -15
  170. package/dist/cjs-dev/controllers/click-outside.cjs +29 -0
  171. package/dist/cjs-dev/controllers/click-outside.d.ts +37 -0
  172. package/dist/cjs-dev/controllers/floating-ui-auto-update.cjs +82 -0
  173. package/dist/cjs-dev/controllers/floating-ui-auto-update.d.ts +22 -0
  174. package/dist/cjs-dev/controllers/helpers/controller-directive.cjs +50 -0
  175. package/dist/cjs-dev/controllers/helpers/controller-directive.d.ts +12 -0
  176. package/dist/cjs-dev/index.cjs +49 -14
  177. package/dist/cjs-dev/tailwind.css.cjs +1 -1
  178. package/dist/cjs-dev/utils/reDispatch.cjs +10 -0
  179. package/dist/cjs-dev/utils/reDispatch.d.ts +1 -0
  180. package/dist/es/components/accordion/daikin-accordion.d.ts +15 -9
  181. package/dist/es/components/accordion/daikin-accordion.js +25 -7
  182. package/dist/es/components/accordion-item/daikin-accordion-item.d.ts +28 -13
  183. package/dist/es/components/accordion-item/daikin-accordion-item.js +107 -60
  184. package/dist/es/components/breadcrumb/daikin-breadcrumb.d.ts +4 -0
  185. package/dist/es/components/breadcrumb/daikin-breadcrumb.js +3 -6
  186. package/dist/es/components/breadcrumb-item/daikin-breadcrumb-item.d.ts +12 -2
  187. package/dist/es/components/breadcrumb-item/daikin-breadcrumb-item.js +38 -30
  188. package/dist/es/components/button/daikin-button.d.ts +30 -27
  189. package/dist/es/components/button/daikin-button.js +90 -129
  190. package/dist/es/components/checkbox/daikin-checkbox.d.ts +27 -38
  191. package/dist/es/components/checkbox/daikin-checkbox.js +102 -121
  192. package/dist/es/components/dropdown/daikin-dropdown.d.ts +100 -0
  193. package/dist/es/components/dropdown/daikin-dropdown.js +368 -0
  194. package/dist/es/components/dropdown/index.d.ts +1 -0
  195. package/dist/es/components/dropdown/index.js +4 -0
  196. package/dist/es/components/dropdown-item/daikin-dropdown-item.d.ts +42 -0
  197. package/dist/es/components/dropdown-item/daikin-dropdown-item.js +113 -0
  198. package/dist/es/components/dropdown-item/index.d.ts +1 -0
  199. package/dist/es/components/dropdown-item/index.js +4 -0
  200. package/dist/es/components/icon/daikin-icon.d.ts +4 -0
  201. package/dist/es/components/icon/icons.json.d.ts +29 -5
  202. package/dist/es/components/icon/icons.json.js +29 -5
  203. package/dist/es/components/index.d.ts +11 -4
  204. package/dist/es/components/index.js +22 -8
  205. package/dist/es/components/input-group/daikin-input-group.d.ts +69 -25
  206. package/dist/es/components/input-group/daikin-input-group.js +105 -48
  207. package/dist/es/components/list/daikin-list.d.ts +28 -0
  208. package/dist/es/components/list/daikin-list.js +25 -0
  209. package/dist/es/components/list/index.d.ts +1 -0
  210. package/dist/es/components/list/index.js +4 -0
  211. package/dist/es/components/list-item/daikin-list-item.d.ts +64 -0
  212. package/dist/es/components/list-item/daikin-list-item.js +132 -0
  213. package/dist/es/components/list-item/index.d.ts +1 -0
  214. package/dist/es/components/list-item/index.js +4 -0
  215. package/dist/es/components/notification/daikin-notification.d.ts +13 -11
  216. package/dist/es/components/notification/daikin-notification.js +15 -16
  217. package/dist/es/components/progress-bar/daikin-progress-bar.d.ts +32 -10
  218. package/dist/es/components/progress-bar/daikin-progress-bar.js +53 -29
  219. package/dist/es/components/progress-indicator/daikin-progress-indicator.d.ts +47 -0
  220. package/dist/es/components/progress-indicator/daikin-progress-indicator.js +76 -0
  221. package/dist/es/components/progress-indicator/index.d.ts +1 -0
  222. package/dist/es/components/progress-indicator/index.js +4 -0
  223. package/dist/es/components/progress-indicator-item/daikin-progress-indicator-item.d.ts +44 -0
  224. package/dist/es/components/progress-indicator-item/daikin-progress-indicator-item.js +93 -0
  225. package/dist/es/components/progress-indicator-item/index.d.ts +1 -0
  226. package/dist/es/components/progress-indicator-item/index.js +4 -0
  227. package/dist/es/components/radio/daikin-radio.d.ts +33 -35
  228. package/dist/es/components/radio/daikin-radio.js +94 -92
  229. package/dist/es/components/radio-group/daikin-radio-group.d.ts +82 -0
  230. package/dist/es/components/radio-group/daikin-radio-group.js +145 -0
  231. package/dist/es/components/radio-group/index.d.ts +1 -0
  232. package/dist/es/components/radio-group/index.js +4 -0
  233. package/dist/es/components/select/daikin-select.d.ts +60 -0
  234. package/dist/es/components/select/daikin-select.js +161 -0
  235. package/dist/es/components/select/index.d.ts +1 -0
  236. package/dist/es/components/select/index.js +4 -0
  237. package/dist/es/components/tab/daikin-tab.d.ts +12 -12
  238. package/dist/es/components/tab/daikin-tab.js +49 -49
  239. package/dist/es/components/tab-panels/daikin-tab-panels.d.ts +56 -0
  240. package/dist/es/components/{panel-switcher/daikin-panel-switcher.js → tab-panels/daikin-tab-panels.js} +9 -9
  241. package/dist/es/components/tab-panels/index.d.ts +1 -0
  242. package/dist/es/components/tab-panels/index.js +4 -0
  243. package/dist/es/components/{tab-group/daikin-tab-group.d.ts → tabs/daikin-tabs.d.ts} +27 -25
  244. package/dist/es/components/{tab-group/daikin-tab-group.js → tabs/daikin-tabs.js} +36 -37
  245. package/dist/es/components/tabs/index.d.ts +1 -0
  246. package/dist/es/components/tabs/index.js +4 -0
  247. package/dist/es/components/text-area/daikin-text-area.d.ts +82 -0
  248. package/dist/es/components/text-area/daikin-text-area.js +165 -0
  249. package/dist/es/components/text-area/index.d.ts +1 -0
  250. package/dist/es/components/text-area/index.js +4 -0
  251. package/dist/es/components/text-field/daikin-text-field.d.ts +94 -0
  252. package/dist/es/components/text-field/daikin-text-field.js +212 -0
  253. package/dist/es/components/text-field/index.d.ts +1 -0
  254. package/dist/es/components/text-field/index.js +4 -0
  255. package/dist/es/components/toggle/daikin-toggle.d.ts +15 -26
  256. package/dist/es/components/toggle/daikin-toggle.js +45 -69
  257. package/dist/es/components/tooltip/daikin-tooltip.d.ts +39 -15
  258. package/dist/es/components/tooltip/daikin-tooltip.js +78 -71
  259. package/dist/es/controllers/click-outside.d.ts +37 -0
  260. package/dist/es/controllers/click-outside.js +29 -0
  261. package/dist/es/controllers/floating-ui-auto-update.d.ts +22 -0
  262. package/dist/es/controllers/floating-ui-auto-update.js +75 -0
  263. package/dist/es/controllers/helpers/controller-directive.d.ts +12 -0
  264. package/dist/es/controllers/helpers/controller-directive.js +50 -0
  265. package/dist/es/index.js +22 -8
  266. package/dist/es/tailwind.css.js +1 -1
  267. package/dist/es/utils/reDispatch.d.ts +1 -0
  268. package/dist/es/utils/reDispatch.js +10 -0
  269. package/dist/es-dev/components/accordion/daikin-accordion.d.ts +15 -9
  270. package/dist/es-dev/components/accordion/daikin-accordion.js +25 -7
  271. package/dist/es-dev/components/accordion-item/daikin-accordion-item.d.ts +28 -13
  272. package/dist/es-dev/components/accordion-item/daikin-accordion-item.js +107 -60
  273. package/dist/es-dev/components/breadcrumb/daikin-breadcrumb.d.ts +4 -0
  274. package/dist/es-dev/components/breadcrumb/daikin-breadcrumb.js +3 -6
  275. package/dist/es-dev/components/breadcrumb-item/daikin-breadcrumb-item.d.ts +12 -2
  276. package/dist/es-dev/components/breadcrumb-item/daikin-breadcrumb-item.js +38 -30
  277. package/dist/es-dev/components/button/daikin-button.d.ts +30 -27
  278. package/dist/es-dev/components/button/daikin-button.js +90 -129
  279. package/dist/es-dev/components/checkbox/daikin-checkbox.d.ts +27 -38
  280. package/dist/es-dev/components/checkbox/daikin-checkbox.js +102 -121
  281. package/dist/es-dev/components/dropdown/daikin-dropdown.d.ts +100 -0
  282. package/dist/es-dev/components/dropdown/daikin-dropdown.js +368 -0
  283. package/dist/es-dev/components/dropdown/index.d.ts +1 -0
  284. package/dist/es-dev/components/dropdown/index.js +4 -0
  285. package/dist/es-dev/components/dropdown-item/daikin-dropdown-item.d.ts +42 -0
  286. package/dist/es-dev/components/dropdown-item/daikin-dropdown-item.js +113 -0
  287. package/dist/es-dev/components/dropdown-item/index.d.ts +1 -0
  288. package/dist/es-dev/components/dropdown-item/index.js +4 -0
  289. package/dist/es-dev/components/icon/daikin-icon.d.ts +4 -0
  290. package/dist/es-dev/components/icon/icons.json.d.ts +29 -5
  291. package/dist/es-dev/components/icon/icons.json.js +29 -5
  292. package/dist/es-dev/components/index.d.ts +11 -4
  293. package/dist/es-dev/components/index.js +22 -8
  294. package/dist/es-dev/components/input-group/daikin-input-group.d.ts +69 -25
  295. package/dist/es-dev/components/input-group/daikin-input-group.js +105 -48
  296. package/dist/es-dev/components/list/daikin-list.d.ts +28 -0
  297. package/dist/es-dev/components/list/daikin-list.js +25 -0
  298. package/dist/es-dev/components/list/index.d.ts +1 -0
  299. package/dist/es-dev/components/list/index.js +4 -0
  300. package/dist/es-dev/components/list-item/daikin-list-item.d.ts +64 -0
  301. package/dist/es-dev/components/list-item/daikin-list-item.js +132 -0
  302. package/dist/es-dev/components/list-item/index.d.ts +1 -0
  303. package/dist/es-dev/components/list-item/index.js +4 -0
  304. package/dist/es-dev/components/notification/daikin-notification.d.ts +13 -11
  305. package/dist/es-dev/components/notification/daikin-notification.js +15 -16
  306. package/dist/es-dev/components/progress-bar/daikin-progress-bar.d.ts +32 -10
  307. package/dist/es-dev/components/progress-bar/daikin-progress-bar.js +53 -29
  308. package/dist/es-dev/components/progress-indicator/daikin-progress-indicator.d.ts +47 -0
  309. package/dist/es-dev/components/progress-indicator/daikin-progress-indicator.js +86 -0
  310. package/dist/es-dev/components/progress-indicator/index.d.ts +1 -0
  311. package/dist/es-dev/components/progress-indicator/index.js +4 -0
  312. package/dist/es-dev/components/progress-indicator-item/daikin-progress-indicator-item.d.ts +44 -0
  313. package/dist/es-dev/components/progress-indicator-item/daikin-progress-indicator-item.js +93 -0
  314. package/dist/es-dev/components/progress-indicator-item/index.d.ts +1 -0
  315. package/dist/es-dev/components/progress-indicator-item/index.js +4 -0
  316. package/dist/es-dev/components/radio/daikin-radio.d.ts +33 -35
  317. package/dist/es-dev/components/radio/daikin-radio.js +94 -92
  318. package/dist/es-dev/components/radio-group/daikin-radio-group.d.ts +82 -0
  319. package/dist/es-dev/components/radio-group/daikin-radio-group.js +145 -0
  320. package/dist/es-dev/components/radio-group/index.d.ts +1 -0
  321. package/dist/es-dev/components/radio-group/index.js +4 -0
  322. package/dist/es-dev/components/select/daikin-select.d.ts +60 -0
  323. package/dist/es-dev/components/select/daikin-select.js +161 -0
  324. package/dist/es-dev/components/select/index.d.ts +1 -0
  325. package/dist/es-dev/components/select/index.js +4 -0
  326. package/dist/es-dev/components/tab/daikin-tab.d.ts +12 -12
  327. package/dist/es-dev/components/tab/daikin-tab.js +49 -49
  328. package/dist/es-dev/components/tab-panels/daikin-tab-panels.d.ts +56 -0
  329. package/dist/es-dev/components/{panel-switcher/daikin-panel-switcher.js → tab-panels/daikin-tab-panels.js} +10 -10
  330. package/dist/es-dev/components/tab-panels/index.d.ts +1 -0
  331. package/dist/es-dev/components/tab-panels/index.js +4 -0
  332. package/dist/{cjs-dev/components/tab-group/daikin-tab-group.d.ts → es-dev/components/tabs/daikin-tabs.d.ts} +27 -25
  333. package/dist/es-dev/components/{tab-group/daikin-tab-group.js → tabs/daikin-tabs.js} +38 -39
  334. package/dist/es-dev/components/tabs/index.d.ts +1 -0
  335. package/dist/es-dev/components/tabs/index.js +4 -0
  336. package/dist/es-dev/components/text-area/daikin-text-area.d.ts +82 -0
  337. package/dist/es-dev/components/text-area/daikin-text-area.js +165 -0
  338. package/dist/es-dev/components/text-area/index.d.ts +1 -0
  339. package/dist/es-dev/components/text-area/index.js +4 -0
  340. package/dist/es-dev/components/text-field/daikin-text-field.d.ts +94 -0
  341. package/dist/es-dev/components/text-field/daikin-text-field.js +212 -0
  342. package/dist/es-dev/components/text-field/index.d.ts +1 -0
  343. package/dist/es-dev/components/text-field/index.js +4 -0
  344. package/dist/es-dev/components/toggle/daikin-toggle.d.ts +15 -26
  345. package/dist/es-dev/components/toggle/daikin-toggle.js +45 -69
  346. package/dist/es-dev/components/tooltip/daikin-tooltip.d.ts +39 -15
  347. package/dist/es-dev/components/tooltip/daikin-tooltip.js +78 -71
  348. package/dist/es-dev/controllers/click-outside.d.ts +37 -0
  349. package/dist/es-dev/controllers/click-outside.js +29 -0
  350. package/dist/es-dev/controllers/floating-ui-auto-update.d.ts +22 -0
  351. package/dist/es-dev/controllers/floating-ui-auto-update.js +82 -0
  352. package/dist/es-dev/controllers/helpers/controller-directive.d.ts +12 -0
  353. package/dist/es-dev/controllers/helpers/controller-directive.js +50 -0
  354. package/dist/es-dev/index.js +22 -8
  355. package/dist/es-dev/tailwind.css.js +1 -1
  356. package/dist/es-dev/utils/reDispatch.d.ts +1 -0
  357. package/dist/es-dev/utils/reDispatch.js +10 -0
  358. package/icons/checkbox-indeterminate.svg +2 -2
  359. package/icons/chevron-down.svg +3 -0
  360. package/icons/chevron-left.svg +3 -0
  361. package/icons/chevron-right.svg +3 -0
  362. package/icons/chevron-up.svg +3 -0
  363. package/icons/dropdown-check.svg +3 -0
  364. package/icons/dropdown-chevron-down.svg +3 -0
  365. package/icons/required.svg +3 -0
  366. package/icons/status-error.svg +3 -0
  367. package/icons/status-negative.svg +3 -11
  368. package/icons/status-positive.svg +4 -14
  369. package/icons/status-success.svg +6 -0
  370. package/package.json +3 -2
  371. package/dist/cjs/components/panel-switcher/daikin-panel-switcher.d.ts +0 -50
  372. package/dist/cjs/components/panel-switcher/index.cjs +0 -7
  373. package/dist/cjs/components/panel-switcher/index.d.ts +0 -1
  374. package/dist/cjs/components/tab-group/index.cjs +0 -7
  375. package/dist/cjs/components/tab-group/index.d.ts +0 -1
  376. package/dist/cjs/components/text-input/daikin-text-input.cjs +0 -137
  377. package/dist/cjs/components/text-input/daikin-text-input.d.ts +0 -68
  378. package/dist/cjs/components/text-input/index.cjs +0 -7
  379. package/dist/cjs/components/text-input/index.d.ts +0 -1
  380. package/dist/cjs/components/textarea/daikin-textarea.cjs +0 -168
  381. package/dist/cjs/components/textarea/daikin-textarea.d.ts +0 -70
  382. package/dist/cjs/components/textarea/index.cjs +0 -7
  383. package/dist/cjs/components/textarea/index.d.ts +0 -1
  384. package/dist/cjs-dev/components/panel-switcher/daikin-panel-switcher.d.ts +0 -50
  385. package/dist/cjs-dev/components/panel-switcher/index.cjs +0 -7
  386. package/dist/cjs-dev/components/panel-switcher/index.d.ts +0 -1
  387. package/dist/cjs-dev/components/tab-group/index.cjs +0 -7
  388. package/dist/cjs-dev/components/tab-group/index.d.ts +0 -1
  389. package/dist/cjs-dev/components/text-input/daikin-text-input.cjs +0 -137
  390. package/dist/cjs-dev/components/text-input/daikin-text-input.d.ts +0 -68
  391. package/dist/cjs-dev/components/text-input/index.cjs +0 -7
  392. package/dist/cjs-dev/components/text-input/index.d.ts +0 -1
  393. package/dist/cjs-dev/components/textarea/daikin-textarea.cjs +0 -168
  394. package/dist/cjs-dev/components/textarea/daikin-textarea.d.ts +0 -70
  395. package/dist/cjs-dev/components/textarea/index.cjs +0 -7
  396. package/dist/cjs-dev/components/textarea/index.d.ts +0 -1
  397. package/dist/es/components/panel-switcher/daikin-panel-switcher.d.ts +0 -50
  398. package/dist/es/components/panel-switcher/index.d.ts +0 -1
  399. package/dist/es/components/panel-switcher/index.js +0 -4
  400. package/dist/es/components/tab-group/index.d.ts +0 -1
  401. package/dist/es/components/tab-group/index.js +0 -4
  402. package/dist/es/components/text-input/daikin-text-input.d.ts +0 -68
  403. package/dist/es/components/text-input/daikin-text-input.js +0 -138
  404. package/dist/es/components/text-input/index.d.ts +0 -1
  405. package/dist/es/components/text-input/index.js +0 -4
  406. package/dist/es/components/textarea/daikin-textarea.d.ts +0 -70
  407. package/dist/es/components/textarea/daikin-textarea.js +0 -169
  408. package/dist/es/components/textarea/index.d.ts +0 -1
  409. package/dist/es/components/textarea/index.js +0 -4
  410. package/dist/es-dev/components/panel-switcher/daikin-panel-switcher.d.ts +0 -50
  411. package/dist/es-dev/components/panel-switcher/index.d.ts +0 -1
  412. package/dist/es-dev/components/panel-switcher/index.js +0 -4
  413. package/dist/es-dev/components/tab-group/index.d.ts +0 -1
  414. package/dist/es-dev/components/tab-group/index.js +0 -4
  415. package/dist/es-dev/components/text-input/daikin-text-input.d.ts +0 -68
  416. package/dist/es-dev/components/text-input/daikin-text-input.js +0 -138
  417. package/dist/es-dev/components/text-input/index.d.ts +0 -1
  418. package/dist/es-dev/components/text-input/index.js +0 -4
  419. package/dist/es-dev/components/textarea/daikin-textarea.d.ts +0 -70
  420. package/dist/es-dev/components/textarea/daikin-textarea.js +0 -169
  421. package/dist/es-dev/components/textarea/index.d.ts +0 -1
  422. package/dist/es-dev/components/textarea/index.js +0 -4
  423. package/icons/accordion-chevron-up.svg +0 -3
  424. package/icons/notification-status-negative.svg +0 -3
  425. package/icons/notification-status-positive.svg +0 -5
  426. package/icons/radio-checked.svg +0 -4
  427. package/icons/radio-unchecked.svg +0 -4
  428. /package/dist/cjs/components/{tab-group → tabs}/scroller.cjs +0 -0
  429. /package/dist/cjs/components/{tab-group → tabs}/scroller.d.ts +0 -0
  430. /package/dist/cjs-dev/components/{tab-group → tabs}/scroller.cjs +0 -0
  431. /package/dist/cjs-dev/components/{tab-group → tabs}/scroller.d.ts +0 -0
  432. /package/dist/es/components/{tab-group → tabs}/scroller.d.ts +0 -0
  433. /package/dist/es/components/{tab-group → tabs}/scroller.js +0 -0
  434. /package/dist/es-dev/components/{tab-group → tabs}/scroller.d.ts +0 -0
  435. /package/dist/es-dev/components/{tab-group → tabs}/scroller.js +0 -0
  436. /package/icons/{notification-status-alarm.svg → status-alarm.svg} +0 -0
  437. /package/icons/{notification-status-information.svg → status-information.svg} +0 -0
  438. /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-notification-status-alarm",
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-notification-status-information",
13
+ "class": "i-daikin-status-information",
14
14
  color: null
15
15
  },
16
16
  negative: {
17
- "class": "i-daikin-notification-status-negative",
17
+ "class": "i-daikin-status-negative",
18
18
  color: null
19
19
  },
20
20
  positive: {
21
- "class": "i-daikin-notification-status-positive",
21
+ "class": "i-daikin-status-positive",
22
22
  color: null
23
23
  },
24
24
  warning: {
25
- "class": "i-daikin-notification-status-warning",
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-notification-status-alarm",
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-notification-status-information",
12
+ "class": "i-daikin-status-information",
13
13
  "color": null
14
14
  },
15
15
  "negative": {
16
- "class": "i-daikin-notification-status-negative",
16
+ "class": "i-daikin-status-negative",
17
17
  "color": null
18
18
  },
19
19
  "positive": {
20
- "class": "i-daikin-notification-status-positive",
20
+ "class": "i-daikin-status-positive",
21
21
  "color": null
22
22
  },
23
23
  "warning": {
24
- "class": "i-daikin-notification-status-warning",
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 daikinTabGroup = require("./tab-group/daikin-tab-group.cjs");
17
- const daikinTextInput = require("./text-input/daikin-text-input.cjs");
18
- const daikinTextarea = require("./textarea/daikin-textarea.cjs");
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, "DaikinNotification", {
69
+ Object.defineProperty(exports, "DaikinList", {
55
70
  enumerable: true,
56
- get: () => daikinNotification.DaikinNotification
71
+ get: () => daikinList.DaikinList
72
+ });
73
+ Object.defineProperty(exports, "DaikinListItem", {
74
+ enumerable: true,
75
+ get: () => daikinListItem.DaikinListItem
57
76
  });
58
- Object.defineProperty(exports, "DaikinPanelSwitcher", {
77
+ Object.defineProperty(exports, "DaikinNotification", {
59
78
  enumerable: true,
60
- get: () => daikinPanelSwitcher.DaikinPanelSwitcher
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, "DaikinTabGroup", {
105
+ Object.defineProperty(exports, "DaikinTabPanels", {
106
+ enumerable: true,
107
+ get: () => daikinTabPanels.DaikinTabPanels
108
+ });
109
+ Object.defineProperty(exports, "DaikinTabs", {
75
110
  enumerable: true,
76
- get: () => daikinTabGroup.DaikinTabGroup
111
+ get: () => daikinTabs.DaikinTabs
77
112
  });
78
- Object.defineProperty(exports, "DaikinTextInput", {
113
+ Object.defineProperty(exports, "DaikinTextArea", {
79
114
  enumerable: true,
80
- get: () => daikinTextInput.DaikinTextInput
115
+ get: () => daikinTextArea.DaikinTextArea
81
116
  });
82
- Object.defineProperty(exports, "DaikinTextarea", {
117
+ Object.defineProperty(exports, "DaikinTextField", {
83
118
  enumerable: true,
84
- get: () => daikinTextarea.DaikinTextarea
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-group';
15
- export * from './text-input';
16
- export * from './textarea';
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(["text-base", "font-bold"], {
18
+ const cvaLabel = classVarianceAuthority.cva(["flex", "items-center", "font-bold", "leading-5"], {
19
19
  variants: {
20
- variant: {
21
- enabled: ["text-daikinNeutral-800"],
22
- disabled: ["text-daikinNeutral-200"]
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(["h-[22px]", "text-xs"], {
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
- variant: {
33
- enabled: ["text-daikinNeutral-800"],
34
- disabled: ["text-daikinNeutral-200"]
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.required = false;
43
- this.error = "";
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.disabled = !!this.disabled;
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 inputGroupLabelClassName = cvaLabel({
61
- variant: this.disabled ? "disabled" : "enabled",
62
- required: this.required ? "required" : "optional"
63
- });
64
- const inputGroupHelperClassName = cvaHelper({
65
- variant: this.disabled ? "disabled" : "enabled"
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 class="flex flex-col justify-center w-max gap-1 font-daikinSerif">
69
- ${this.label ? lit.html`<span class=${inputGroupLabelClassName}>${this.label}</span>` : null}
70
- <slot @slotchange=${this._handleSlotChange}></slot>
71
- ${this.helper && !this.error ? lit.html`<span class=${inputGroupHelperClassName}>${this.helper}</span>` : null}
72
- ${!this.disabled && !!this.error ? lit.html`<span
73
- class="flex gap-2 text-[--input-group-border-color-error] leading-[22px] before:i-daikin-status-negative before:block before:w-[16px] before:h-[22px]"
74
- >${this.error}</span
75
- >` : null}
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: max-content;
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: Boolean, reflect: true })
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, "textareaCounter", 2);
159
+ ], exports.DaikinInputGroup.prototype, "disabled", 2);
111
160
  __decorateClass([
112
- decorators_js.queryAssignedElements({ selector: "daikin-textarea" })
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({ selector: "daikin-text-input,daikin-textarea" })
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 a `daikin-text-input` or `daikin-textarea` component, providing additional elements such as labels, helper texts, or a counter.
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-text-input`
12
- * - `daikin-input-group` > `daikin-textarea`
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 a input component. Place a `daikin-text-input` or `daikin-textarea` element here.
14
+ * @slot - A slot for an input component. See **Hierarchies** for supported components.
15
15
  *
16
16
  * @example
17
17
  *
18
- * With Text Input:
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-text-input value="Content of Text Input"></daikin-text-input>
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 Textarea:
37
+ * With Select:
27
38
  *
28
39
  * ```html
29
40
  * <daikin-input-group>
30
- * <daikin-textarea value="Content of Textarea"></daikin-textarea>
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 to place at the top of the field
71
+ * Label text displayed at the top of the field.
38
72
  */
39
- label?: string;
73
+ label: string | null;
40
74
  /**
41
- * Helper text to place at the bottom of the field. In error conditions, this text is hidden.
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?: string;
78
+ helper: string | null;
44
79
  /**
45
- * Whether the field is disabled. Reflected in the `disabled` property of the input in the slot.
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
- disabled: boolean;
86
+ required: string | null;
48
87
  /**
49
- * Whether the field is required. An additional star mark will be added if `true`.
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
- required: boolean;
92
+ error: string | null;
52
93
  /**
53
- * Error text to place at the bottom of the field. If specified, sets the `error` property of the element in the slot to `true`. Ignored if the `disabled` is `true`.
94
+ * Whether the field is disabled.
95
+ * Reflected in `disabled` attribute of the input control in the slot.
54
96
  */
55
- error: string;
97
+ disabled: boolean;
56
98
  /**
57
- * Whether to display the counter in the Textarea
99
+ * Maximum value to display on the counter. When `null`, the counter will be hidden.
58
100
  */
59
- textareaCounter: boolean;
60
- _textareas: DaikinTextarea[];
61
- _controls: ControlElement[];
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,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
+ const daikinList = require("./daikin-list.cjs");
4
+ Object.defineProperty(exports, "DaikinList", {
5
+ enumerable: true,
6
+ get: () => daikinList.DaikinList
7
+ });
@@ -0,0 +1 @@
1
+ export * from './daikin-list';