@daikin-oss/design-system-web-components 0.7.0 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (472) hide show
  1. package/CHANGELOG.md +109 -12
  2. package/README.md +2 -2
  3. package/dist/cjs/base/dds-element.cjs +8 -0
  4. package/dist/cjs/base/dds-element.d.cts +4 -0
  5. package/dist/cjs/base/decorators.cjs +13 -0
  6. package/dist/cjs/base/decorators.d.cts +2 -0
  7. package/dist/cjs/base/define.cjs +18 -0
  8. package/dist/cjs/base/define.d.cts +1 -0
  9. package/dist/cjs/base/index.cjs +8 -0
  10. package/dist/cjs/base/index.d.cts +3 -0
  11. package/dist/cjs/components/accordion/daikin-accordion.cjs +39 -6
  12. package/dist/cjs/components/accordion/daikin-accordion.d.cts +15 -2
  13. package/dist/cjs/components/accordion-item/daikin-accordion-item.cjs +37 -77
  14. package/dist/cjs/components/accordion-item/daikin-accordion-item.d.cts +10 -16
  15. package/dist/cjs/components/breadcrumb/daikin-breadcrumb.cjs +8 -5
  16. package/dist/cjs/components/breadcrumb/daikin-breadcrumb.d.cts +2 -2
  17. package/dist/cjs/components/breadcrumb-item/daikin-breadcrumb-item.cjs +8 -5
  18. package/dist/cjs/components/breadcrumb-item/daikin-breadcrumb-item.d.cts +2 -2
  19. package/dist/cjs/components/button/daikin-button.cjs +20 -8
  20. package/dist/cjs/components/button/daikin-button.d.cts +6 -3
  21. package/dist/cjs/components/card/daikin-card.cjs +11 -7
  22. package/dist/cjs/components/card/daikin-card.d.cts +8 -2
  23. package/dist/cjs/components/card-footer/daikin-card-footer.cjs +9 -9
  24. package/dist/cjs/components/card-footer/daikin-card-footer.d.cts +6 -2
  25. package/dist/cjs/components/card-header/daikin-card-header.cjs +10 -10
  26. package/dist/cjs/components/card-header/daikin-card-header.d.cts +6 -2
  27. package/dist/cjs/components/carousel/daikin-carousel.cjs +217 -0
  28. package/dist/cjs/components/carousel/daikin-carousel.d.cts +56 -0
  29. package/dist/cjs/components/carousel/index.cjs +7 -0
  30. package/dist/cjs/components/carousel/index.d.cts +1 -0
  31. package/dist/cjs/components/carousel-item/daikin-carousel-item.cjs +80 -0
  32. package/dist/cjs/components/carousel-item/daikin-carousel-item.d.cts +50 -0
  33. package/dist/cjs/components/carousel-item/index.cjs +7 -0
  34. package/dist/cjs/components/carousel-item/index.d.cts +1 -0
  35. package/dist/cjs/components/checkbox/daikin-checkbox.cjs +34 -16
  36. package/dist/cjs/components/checkbox/daikin-checkbox.d.cts +4 -2
  37. package/dist/cjs/components/dropdown/daikin-dropdown.cjs +16 -5
  38. package/dist/cjs/components/dropdown/daikin-dropdown.d.cts +16 -2
  39. package/dist/cjs/components/dropdown-item/daikin-dropdown-item.cjs +12 -5
  40. package/dist/cjs/components/dropdown-item/daikin-dropdown-item.d.cts +10 -2
  41. package/dist/cjs/components/icon/daikin-icon.cjs +8 -5
  42. package/dist/cjs/components/icon/daikin-icon.d.cts +2 -2
  43. package/dist/cjs/components/icon/icons.json.cjs +1 -70
  44. package/dist/cjs/components/icon/icons.json.d.cts +0 -8
  45. package/dist/cjs/components/icon-button/daikin-icon-button.cjs +8 -5
  46. package/dist/cjs/components/icon-button/daikin-icon-button.d.cts +2 -2
  47. package/dist/cjs/components/index.cjs +25 -5
  48. package/dist/cjs/components/index.d.cts +5 -1
  49. package/dist/cjs/components/inline-notification/daikin-inline-notification.cjs +92 -0
  50. package/dist/cjs/components/inline-notification/daikin-inline-notification.d.cts +55 -0
  51. package/dist/cjs/components/inline-notification/index.cjs +7 -0
  52. package/dist/cjs/components/inline-notification/index.d.cts +1 -0
  53. package/dist/cjs/components/input-group/daikin-input-group.cjs +12 -9
  54. package/dist/cjs/components/input-group/daikin-input-group.d.cts +15 -7
  55. package/dist/cjs/components/link/daikin-link.cjs +9 -6
  56. package/dist/cjs/components/link/daikin-link.d.cts +2 -2
  57. package/dist/cjs/components/list/daikin-list.cjs +9 -9
  58. package/dist/cjs/components/list/daikin-list.d.cts +7 -2
  59. package/dist/cjs/components/list-item/daikin-list-item.cjs +8 -5
  60. package/dist/cjs/components/list-item/daikin-list-item.d.cts +6 -2
  61. package/dist/cjs/components/pagination/daikin-pagination.cjs +22 -13
  62. package/dist/cjs/components/pagination/daikin-pagination.d.cts +6 -2
  63. package/dist/cjs/components/progress-bar/daikin-progress-bar.cjs +13 -8
  64. package/dist/cjs/components/progress-bar/daikin-progress-bar.d.cts +3 -2
  65. package/dist/cjs/components/progress-indicator/daikin-progress-indicator.cjs +16 -20
  66. package/dist/cjs/components/progress-indicator/daikin-progress-indicator.d.cts +12 -5
  67. package/dist/cjs/components/progress-indicator-item/daikin-progress-indicator-item.cjs +24 -25
  68. package/dist/cjs/components/progress-indicator-item/daikin-progress-indicator-item.d.cts +8 -4
  69. package/dist/cjs/components/radio/daikin-radio.cjs +45 -23
  70. package/dist/cjs/components/radio/daikin-radio.d.cts +18 -8
  71. package/dist/cjs/components/radio-group/daikin-radio-group.cjs +31 -11
  72. package/dist/cjs/components/radio-group/daikin-radio-group.d.cts +20 -14
  73. package/dist/cjs/components/select/daikin-select.cjs +15 -6
  74. package/dist/cjs/components/select/daikin-select.d.cts +11 -2
  75. package/dist/cjs/components/tab/daikin-tab.cjs +25 -10
  76. package/dist/cjs/components/tab/daikin-tab.d.cts +7 -2
  77. package/dist/cjs/components/tab-panels/daikin-tab-panels.cjs +9 -7
  78. package/dist/cjs/components/tab-panels/daikin-tab-panels.d.cts +2 -2
  79. package/dist/cjs/components/table/daikin-table.cjs +9 -6
  80. package/dist/cjs/components/table/daikin-table.d.cts +9 -2
  81. package/dist/cjs/components/table-cell/daikin-table-cell.cjs +8 -5
  82. package/dist/cjs/components/table-cell/daikin-table-cell.d.cts +6 -2
  83. package/dist/cjs/components/table-header-cell/daikin-table-header-cell.cjs +8 -5
  84. package/dist/cjs/components/table-header-cell/daikin-table-header-cell.d.cts +6 -2
  85. package/dist/cjs/components/tabs/daikin-tabs.cjs +25 -10
  86. package/dist/cjs/components/tabs/daikin-tabs.d.cts +8 -2
  87. package/dist/cjs/components/text-area/daikin-text-area.cjs +16 -7
  88. package/dist/cjs/components/text-area/daikin-text-area.d.cts +7 -2
  89. package/dist/cjs/components/text-field/daikin-text-field.cjs +16 -7
  90. package/dist/cjs/components/text-field/daikin-text-field.d.cts +7 -2
  91. package/dist/cjs/components/toast-notification/daikin-toast-notification.cjs +94 -0
  92. package/dist/cjs/components/toast-notification/daikin-toast-notification.d.cts +69 -0
  93. package/dist/cjs/components/toast-notification/index.cjs +7 -0
  94. package/dist/cjs/components/toast-notification/index.d.cts +1 -0
  95. package/dist/cjs/components/toast-notification-manager/daikin-toast-notification-manager.cjs +192 -0
  96. package/dist/cjs/components/toast-notification-manager/daikin-toast-notification-manager.d.cts +67 -0
  97. package/dist/cjs/components/toast-notification-manager/index.cjs +7 -0
  98. package/dist/cjs/components/toast-notification-manager/index.d.cts +1 -0
  99. package/dist/cjs/components/toggle/daikin-toggle.cjs +8 -5
  100. package/dist/cjs/components/toggle/daikin-toggle.d.cts +3 -2
  101. package/dist/cjs/components/tooltip/daikin-tooltip.cjs +42 -30
  102. package/dist/cjs/components/tooltip/daikin-tooltip.d.cts +16 -6
  103. package/dist/cjs/components/tree/daikin-tree.cjs +36 -37
  104. package/dist/cjs/components/tree/daikin-tree.d.cts +13 -14
  105. package/dist/cjs/components/tree-item/daikin-tree-item.cjs +22 -18
  106. package/dist/cjs/components/tree-item/daikin-tree-item.d.cts +9 -9
  107. package/dist/cjs/components/tree-section/daikin-tree-section.cjs +26 -41
  108. package/dist/cjs/components/tree-section/daikin-tree-section.d.cts +10 -20
  109. package/dist/cjs/controllers/click-outside.d.cts +1 -1
  110. package/dist/cjs/index.cjs +25 -5
  111. package/dist/cjs/tailwind.css.cjs +1 -1
  112. package/dist/cjs/utils/notification-common.cjs +121 -0
  113. package/dist/cjs/utils/notification-common.d.cts +19 -0
  114. package/dist/cjs-dev/base/dds-element.cjs +8 -0
  115. package/dist/cjs-dev/base/dds-element.d.cts +4 -0
  116. package/dist/cjs-dev/base/decorators.cjs +13 -0
  117. package/dist/cjs-dev/base/decorators.d.cts +2 -0
  118. package/dist/cjs-dev/base/define.cjs +18 -0
  119. package/dist/cjs-dev/base/define.d.cts +1 -0
  120. package/dist/cjs-dev/base/index.cjs +8 -0
  121. package/dist/cjs-dev/base/index.d.cts +3 -0
  122. package/dist/cjs-dev/components/accordion/daikin-accordion.cjs +46 -6
  123. package/dist/cjs-dev/components/accordion/daikin-accordion.d.cts +15 -2
  124. package/dist/cjs-dev/components/accordion-item/daikin-accordion-item.cjs +37 -77
  125. package/dist/cjs-dev/components/accordion-item/daikin-accordion-item.d.cts +10 -16
  126. package/dist/cjs-dev/components/breadcrumb/daikin-breadcrumb.cjs +8 -5
  127. package/dist/cjs-dev/components/breadcrumb/daikin-breadcrumb.d.cts +2 -2
  128. package/dist/cjs-dev/components/breadcrumb-item/daikin-breadcrumb-item.cjs +8 -5
  129. package/dist/cjs-dev/components/breadcrumb-item/daikin-breadcrumb-item.d.cts +2 -2
  130. package/dist/cjs-dev/components/button/daikin-button.cjs +20 -8
  131. package/dist/cjs-dev/components/button/daikin-button.d.cts +6 -3
  132. package/dist/cjs-dev/components/card/daikin-card.cjs +11 -7
  133. package/dist/cjs-dev/components/card/daikin-card.d.cts +8 -2
  134. package/dist/cjs-dev/components/card-footer/daikin-card-footer.cjs +9 -9
  135. package/dist/cjs-dev/components/card-footer/daikin-card-footer.d.cts +6 -2
  136. package/dist/cjs-dev/components/card-header/daikin-card-header.cjs +10 -10
  137. package/dist/cjs-dev/components/card-header/daikin-card-header.d.cts +6 -2
  138. package/dist/cjs-dev/components/carousel/daikin-carousel.cjs +227 -0
  139. package/dist/cjs-dev/components/carousel/daikin-carousel.d.cts +56 -0
  140. package/dist/cjs-dev/components/carousel/index.cjs +7 -0
  141. package/dist/cjs-dev/components/carousel/index.d.cts +1 -0
  142. package/dist/cjs-dev/components/carousel-item/daikin-carousel-item.cjs +80 -0
  143. package/dist/cjs-dev/components/carousel-item/daikin-carousel-item.d.cts +50 -0
  144. package/dist/cjs-dev/components/carousel-item/index.cjs +7 -0
  145. package/dist/cjs-dev/components/carousel-item/index.d.cts +1 -0
  146. package/dist/cjs-dev/components/checkbox/daikin-checkbox.cjs +34 -16
  147. package/dist/cjs-dev/components/checkbox/daikin-checkbox.d.cts +4 -2
  148. package/dist/cjs-dev/components/dropdown/daikin-dropdown.cjs +16 -5
  149. package/dist/cjs-dev/components/dropdown/daikin-dropdown.d.cts +16 -2
  150. package/dist/cjs-dev/components/dropdown-item/daikin-dropdown-item.cjs +12 -5
  151. package/dist/cjs-dev/components/dropdown-item/daikin-dropdown-item.d.cts +10 -2
  152. package/dist/cjs-dev/components/icon/daikin-icon.cjs +8 -5
  153. package/dist/cjs-dev/components/icon/daikin-icon.d.cts +2 -2
  154. package/dist/cjs-dev/components/icon/icons.json.cjs +1 -70
  155. package/dist/cjs-dev/components/icon/icons.json.d.cts +0 -8
  156. package/dist/cjs-dev/components/icon-button/daikin-icon-button.cjs +8 -5
  157. package/dist/cjs-dev/components/icon-button/daikin-icon-button.d.cts +2 -2
  158. package/dist/cjs-dev/components/index.cjs +25 -5
  159. package/dist/cjs-dev/components/index.d.cts +5 -1
  160. package/dist/cjs-dev/components/inline-notification/daikin-inline-notification.cjs +92 -0
  161. package/dist/cjs-dev/components/inline-notification/daikin-inline-notification.d.cts +55 -0
  162. package/dist/cjs-dev/components/inline-notification/index.cjs +7 -0
  163. package/dist/cjs-dev/components/inline-notification/index.d.cts +1 -0
  164. package/dist/cjs-dev/components/input-group/daikin-input-group.cjs +12 -9
  165. package/dist/cjs-dev/components/input-group/daikin-input-group.d.cts +15 -7
  166. package/dist/cjs-dev/components/link/daikin-link.cjs +9 -6
  167. package/dist/cjs-dev/components/link/daikin-link.d.cts +2 -2
  168. package/dist/cjs-dev/components/list/daikin-list.cjs +9 -9
  169. package/dist/cjs-dev/components/list/daikin-list.d.cts +7 -2
  170. package/dist/cjs-dev/components/list-item/daikin-list-item.cjs +8 -5
  171. package/dist/cjs-dev/components/list-item/daikin-list-item.d.cts +6 -2
  172. package/dist/cjs-dev/components/pagination/daikin-pagination.cjs +22 -13
  173. package/dist/cjs-dev/components/pagination/daikin-pagination.d.cts +6 -2
  174. package/dist/cjs-dev/components/progress-bar/daikin-progress-bar.cjs +13 -8
  175. package/dist/cjs-dev/components/progress-bar/daikin-progress-bar.d.cts +3 -2
  176. package/dist/cjs-dev/components/progress-indicator/daikin-progress-indicator.cjs +16 -30
  177. package/dist/cjs-dev/components/progress-indicator/daikin-progress-indicator.d.cts +12 -5
  178. package/dist/cjs-dev/components/progress-indicator-item/daikin-progress-indicator-item.cjs +24 -25
  179. package/dist/cjs-dev/components/progress-indicator-item/daikin-progress-indicator-item.d.cts +8 -4
  180. package/dist/cjs-dev/components/radio/daikin-radio.cjs +45 -23
  181. package/dist/cjs-dev/components/radio/daikin-radio.d.cts +18 -8
  182. package/dist/cjs-dev/components/radio-group/daikin-radio-group.cjs +31 -11
  183. package/dist/cjs-dev/components/radio-group/daikin-radio-group.d.cts +20 -14
  184. package/dist/cjs-dev/components/select/daikin-select.cjs +15 -6
  185. package/dist/cjs-dev/components/select/daikin-select.d.cts +11 -2
  186. package/dist/cjs-dev/components/tab/daikin-tab.cjs +25 -10
  187. package/dist/cjs-dev/components/tab/daikin-tab.d.cts +7 -2
  188. package/dist/cjs-dev/components/tab-panels/daikin-tab-panels.cjs +9 -7
  189. package/dist/cjs-dev/components/tab-panels/daikin-tab-panels.d.cts +2 -2
  190. package/dist/cjs-dev/components/table/daikin-table.cjs +9 -6
  191. package/dist/cjs-dev/components/table/daikin-table.d.cts +9 -2
  192. package/dist/cjs-dev/components/table-cell/daikin-table-cell.cjs +8 -5
  193. package/dist/cjs-dev/components/table-cell/daikin-table-cell.d.cts +6 -2
  194. package/dist/cjs-dev/components/table-header-cell/daikin-table-header-cell.cjs +8 -5
  195. package/dist/cjs-dev/components/table-header-cell/daikin-table-header-cell.d.cts +6 -2
  196. package/dist/cjs-dev/components/tabs/daikin-tabs.cjs +25 -10
  197. package/dist/cjs-dev/components/tabs/daikin-tabs.d.cts +8 -2
  198. package/dist/cjs-dev/components/text-area/daikin-text-area.cjs +16 -7
  199. package/dist/cjs-dev/components/text-area/daikin-text-area.d.cts +7 -2
  200. package/dist/cjs-dev/components/text-field/daikin-text-field.cjs +16 -7
  201. package/dist/cjs-dev/components/text-field/daikin-text-field.d.cts +7 -2
  202. package/dist/cjs-dev/components/toast-notification/daikin-toast-notification.cjs +94 -0
  203. package/dist/cjs-dev/components/toast-notification/daikin-toast-notification.d.cts +69 -0
  204. package/dist/cjs-dev/components/toast-notification/index.cjs +7 -0
  205. package/dist/cjs-dev/components/toast-notification/index.d.cts +1 -0
  206. package/dist/cjs-dev/components/toast-notification-manager/daikin-toast-notification-manager.cjs +192 -0
  207. package/dist/cjs-dev/components/toast-notification-manager/daikin-toast-notification-manager.d.cts +67 -0
  208. package/dist/cjs-dev/components/toast-notification-manager/index.cjs +7 -0
  209. package/dist/cjs-dev/components/toast-notification-manager/index.d.cts +1 -0
  210. package/dist/cjs-dev/components/toggle/daikin-toggle.cjs +8 -5
  211. package/dist/cjs-dev/components/toggle/daikin-toggle.d.cts +3 -2
  212. package/dist/cjs-dev/components/tooltip/daikin-tooltip.cjs +42 -30
  213. package/dist/cjs-dev/components/tooltip/daikin-tooltip.d.cts +16 -6
  214. package/dist/cjs-dev/components/tree/daikin-tree.cjs +36 -37
  215. package/dist/cjs-dev/components/tree/daikin-tree.d.cts +13 -14
  216. package/dist/cjs-dev/components/tree-item/daikin-tree-item.cjs +22 -18
  217. package/dist/cjs-dev/components/tree-item/daikin-tree-item.d.cts +9 -9
  218. package/dist/cjs-dev/components/tree-section/daikin-tree-section.cjs +26 -41
  219. package/dist/cjs-dev/components/tree-section/daikin-tree-section.d.cts +10 -20
  220. package/dist/cjs-dev/controllers/click-outside.d.cts +1 -1
  221. package/dist/cjs-dev/index.cjs +25 -5
  222. package/dist/cjs-dev/tailwind.css.cjs +1 -1
  223. package/dist/cjs-dev/utils/notification-common.cjs +124 -0
  224. package/dist/cjs-dev/utils/notification-common.d.cts +19 -0
  225. package/dist/es/base/dds-element.d.ts +4 -0
  226. package/dist/es/base/dds-element.js +8 -0
  227. package/dist/es/base/decorators.d.ts +2 -0
  228. package/dist/es/base/decorators.js +13 -0
  229. package/dist/es/base/define.d.ts +1 -0
  230. package/dist/es/base/define.js +18 -0
  231. package/dist/es/base/index.d.ts +3 -0
  232. package/dist/es/base/index.js +8 -0
  233. package/dist/es/components/accordion/daikin-accordion.d.ts +15 -2
  234. package/dist/es/components/accordion/daikin-accordion.js +38 -5
  235. package/dist/es/components/accordion-item/daikin-accordion-item.d.ts +10 -16
  236. package/dist/es/components/accordion-item/daikin-accordion-item.js +36 -76
  237. package/dist/es/components/breadcrumb/daikin-breadcrumb.d.ts +2 -2
  238. package/dist/es/components/breadcrumb/daikin-breadcrumb.js +7 -4
  239. package/dist/es/components/breadcrumb-item/daikin-breadcrumb-item.d.ts +2 -2
  240. package/dist/es/components/breadcrumb-item/daikin-breadcrumb-item.js +7 -4
  241. package/dist/es/components/button/daikin-button.d.ts +6 -3
  242. package/dist/es/components/button/daikin-button.js +19 -7
  243. package/dist/es/components/card/daikin-card.d.ts +8 -2
  244. package/dist/es/components/card/daikin-card.js +10 -6
  245. package/dist/es/components/card-footer/daikin-card-footer.d.ts +6 -2
  246. package/dist/es/components/card-footer/daikin-card-footer.js +7 -7
  247. package/dist/es/components/card-header/daikin-card-header.d.ts +6 -2
  248. package/dist/es/components/card-header/daikin-card-header.js +8 -8
  249. package/dist/es/components/carousel/daikin-carousel.d.ts +56 -0
  250. package/dist/es/components/carousel/daikin-carousel.js +218 -0
  251. package/dist/es/components/carousel/index.d.ts +1 -0
  252. package/dist/es/components/carousel/index.js +4 -0
  253. package/dist/es/components/carousel-item/daikin-carousel-item.d.ts +50 -0
  254. package/dist/es/components/carousel-item/daikin-carousel-item.js +81 -0
  255. package/dist/es/components/carousel-item/index.d.ts +1 -0
  256. package/dist/es/components/carousel-item/index.js +4 -0
  257. package/dist/es/components/checkbox/daikin-checkbox.d.ts +4 -2
  258. package/dist/es/components/checkbox/daikin-checkbox.js +33 -15
  259. package/dist/es/components/dropdown/daikin-dropdown.d.ts +16 -2
  260. package/dist/es/components/dropdown/daikin-dropdown.js +15 -4
  261. package/dist/es/components/dropdown-item/daikin-dropdown-item.d.ts +10 -2
  262. package/dist/es/components/dropdown-item/daikin-dropdown-item.js +11 -4
  263. package/dist/es/components/icon/daikin-icon.d.ts +2 -2
  264. package/dist/es/components/icon/daikin-icon.js +7 -4
  265. package/dist/es/components/icon/icons.json.d.ts +0 -8
  266. package/dist/es/components/icon/icons.json.js +1 -70
  267. package/dist/es/components/icon-button/daikin-icon-button.d.ts +2 -2
  268. package/dist/es/components/icon-button/daikin-icon-button.js +7 -4
  269. package/dist/es/components/index.d.ts +5 -1
  270. package/dist/es/components/index.js +10 -2
  271. package/dist/es/components/inline-notification/daikin-inline-notification.d.ts +55 -0
  272. package/dist/es/components/inline-notification/daikin-inline-notification.js +93 -0
  273. package/dist/es/components/inline-notification/index.d.ts +1 -0
  274. package/dist/es/components/inline-notification/index.js +4 -0
  275. package/dist/es/components/input-group/daikin-input-group.d.ts +15 -7
  276. package/dist/es/components/input-group/daikin-input-group.js +11 -8
  277. package/dist/es/components/link/daikin-link.d.ts +2 -2
  278. package/dist/es/components/link/daikin-link.js +8 -5
  279. package/dist/es/components/list/daikin-list.d.ts +7 -2
  280. package/dist/es/components/list/daikin-list.js +7 -7
  281. package/dist/es/components/list-item/daikin-list-item.d.ts +6 -2
  282. package/dist/es/components/list-item/daikin-list-item.js +7 -4
  283. package/dist/es/components/pagination/daikin-pagination.d.ts +6 -2
  284. package/dist/es/components/pagination/daikin-pagination.js +21 -12
  285. package/dist/es/components/progress-bar/daikin-progress-bar.d.ts +3 -2
  286. package/dist/es/components/progress-bar/daikin-progress-bar.js +12 -7
  287. package/dist/es/components/progress-indicator/daikin-progress-indicator.d.ts +12 -5
  288. package/dist/es/components/progress-indicator/daikin-progress-indicator.js +15 -19
  289. package/dist/es/components/progress-indicator-item/daikin-progress-indicator-item.d.ts +8 -4
  290. package/dist/es/components/progress-indicator-item/daikin-progress-indicator-item.js +23 -24
  291. package/dist/es/components/radio/daikin-radio.d.ts +18 -8
  292. package/dist/es/components/radio/daikin-radio.js +44 -22
  293. package/dist/es/components/radio-group/daikin-radio-group.d.ts +20 -14
  294. package/dist/es/components/radio-group/daikin-radio-group.js +30 -10
  295. package/dist/es/components/select/daikin-select.d.ts +11 -2
  296. package/dist/es/components/select/daikin-select.js +14 -5
  297. package/dist/es/components/tab/daikin-tab.d.ts +7 -2
  298. package/dist/es/components/tab/daikin-tab.js +24 -9
  299. package/dist/es/components/tab-panels/daikin-tab-panels.d.ts +2 -2
  300. package/dist/es/components/tab-panels/daikin-tab-panels.js +8 -6
  301. package/dist/es/components/table/daikin-table.d.ts +9 -2
  302. package/dist/es/components/table/daikin-table.js +8 -5
  303. package/dist/es/components/table-cell/daikin-table-cell.d.ts +6 -2
  304. package/dist/es/components/table-cell/daikin-table-cell.js +7 -4
  305. package/dist/es/components/table-header-cell/daikin-table-header-cell.d.ts +6 -2
  306. package/dist/es/components/table-header-cell/daikin-table-header-cell.js +7 -4
  307. package/dist/es/components/tabs/daikin-tabs.d.ts +8 -2
  308. package/dist/es/components/tabs/daikin-tabs.js +24 -9
  309. package/dist/es/components/text-area/daikin-text-area.d.ts +7 -2
  310. package/dist/es/components/text-area/daikin-text-area.js +15 -6
  311. package/dist/es/components/text-field/daikin-text-field.d.ts +7 -2
  312. package/dist/es/components/text-field/daikin-text-field.js +15 -6
  313. package/dist/es/components/toast-notification/daikin-toast-notification.d.ts +69 -0
  314. package/dist/es/components/toast-notification/daikin-toast-notification.js +95 -0
  315. package/dist/es/components/toast-notification/index.d.ts +1 -0
  316. package/dist/es/components/toast-notification/index.js +4 -0
  317. package/dist/es/components/toast-notification-manager/daikin-toast-notification-manager.d.ts +67 -0
  318. package/dist/es/components/toast-notification-manager/daikin-toast-notification-manager.js +193 -0
  319. package/dist/es/components/toast-notification-manager/index.d.ts +1 -0
  320. package/dist/es/components/toast-notification-manager/index.js +4 -0
  321. package/dist/es/components/toggle/daikin-toggle.d.ts +3 -2
  322. package/dist/es/components/toggle/daikin-toggle.js +7 -4
  323. package/dist/es/components/tooltip/daikin-tooltip.d.ts +16 -6
  324. package/dist/es/components/tooltip/daikin-tooltip.js +41 -29
  325. package/dist/es/components/tree/daikin-tree.d.ts +13 -14
  326. package/dist/es/components/tree/daikin-tree.js +35 -36
  327. package/dist/es/components/tree-item/daikin-tree-item.d.ts +9 -9
  328. package/dist/es/components/tree-item/daikin-tree-item.js +21 -17
  329. package/dist/es/components/tree-section/daikin-tree-section.d.ts +10 -20
  330. package/dist/es/components/tree-section/daikin-tree-section.js +25 -40
  331. package/dist/es/controllers/click-outside.d.ts +1 -1
  332. package/dist/es/index.js +10 -2
  333. package/dist/es/tailwind.css.js +1 -1
  334. package/dist/es/utils/notification-common.d.ts +19 -0
  335. package/dist/es/utils/notification-common.js +121 -0
  336. package/dist/es-dev/base/dds-element.d.ts +4 -0
  337. package/dist/es-dev/base/dds-element.js +8 -0
  338. package/dist/es-dev/base/decorators.d.ts +2 -0
  339. package/dist/es-dev/base/decorators.js +13 -0
  340. package/dist/es-dev/base/define.d.ts +1 -0
  341. package/dist/es-dev/base/define.js +18 -0
  342. package/dist/es-dev/base/index.d.ts +3 -0
  343. package/dist/es-dev/base/index.js +8 -0
  344. package/dist/es-dev/components/accordion/daikin-accordion.d.ts +15 -2
  345. package/dist/es-dev/components/accordion/daikin-accordion.js +45 -5
  346. package/dist/es-dev/components/accordion-item/daikin-accordion-item.d.ts +10 -16
  347. package/dist/es-dev/components/accordion-item/daikin-accordion-item.js +36 -76
  348. package/dist/es-dev/components/breadcrumb/daikin-breadcrumb.d.ts +2 -2
  349. package/dist/es-dev/components/breadcrumb/daikin-breadcrumb.js +7 -4
  350. package/dist/es-dev/components/breadcrumb-item/daikin-breadcrumb-item.d.ts +2 -2
  351. package/dist/es-dev/components/breadcrumb-item/daikin-breadcrumb-item.js +7 -4
  352. package/dist/es-dev/components/button/daikin-button.d.ts +6 -3
  353. package/dist/es-dev/components/button/daikin-button.js +19 -7
  354. package/dist/es-dev/components/card/daikin-card.d.ts +8 -2
  355. package/dist/es-dev/components/card/daikin-card.js +10 -6
  356. package/dist/es-dev/components/card-footer/daikin-card-footer.d.ts +6 -2
  357. package/dist/es-dev/components/card-footer/daikin-card-footer.js +7 -7
  358. package/dist/es-dev/components/card-header/daikin-card-header.d.ts +6 -2
  359. package/dist/es-dev/components/card-header/daikin-card-header.js +8 -8
  360. package/dist/es-dev/components/carousel/daikin-carousel.d.ts +56 -0
  361. package/dist/es-dev/components/carousel/daikin-carousel.js +228 -0
  362. package/dist/es-dev/components/carousel/index.d.ts +1 -0
  363. package/dist/es-dev/components/carousel/index.js +4 -0
  364. package/dist/es-dev/components/carousel-item/daikin-carousel-item.d.ts +50 -0
  365. package/dist/es-dev/components/carousel-item/daikin-carousel-item.js +81 -0
  366. package/dist/es-dev/components/carousel-item/index.d.ts +1 -0
  367. package/dist/es-dev/components/carousel-item/index.js +4 -0
  368. package/dist/es-dev/components/checkbox/daikin-checkbox.d.ts +4 -2
  369. package/dist/es-dev/components/checkbox/daikin-checkbox.js +33 -15
  370. package/dist/es-dev/components/dropdown/daikin-dropdown.d.ts +16 -2
  371. package/dist/es-dev/components/dropdown/daikin-dropdown.js +15 -4
  372. package/dist/es-dev/components/dropdown-item/daikin-dropdown-item.d.ts +10 -2
  373. package/dist/es-dev/components/dropdown-item/daikin-dropdown-item.js +11 -4
  374. package/dist/es-dev/components/icon/daikin-icon.d.ts +2 -2
  375. package/dist/es-dev/components/icon/daikin-icon.js +7 -4
  376. package/dist/es-dev/components/icon/icons.json.d.ts +0 -8
  377. package/dist/es-dev/components/icon/icons.json.js +1 -70
  378. package/dist/es-dev/components/icon-button/daikin-icon-button.d.ts +2 -2
  379. package/dist/es-dev/components/icon-button/daikin-icon-button.js +7 -4
  380. package/dist/es-dev/components/index.d.ts +5 -1
  381. package/dist/es-dev/components/index.js +10 -2
  382. package/dist/es-dev/components/inline-notification/daikin-inline-notification.d.ts +55 -0
  383. package/dist/es-dev/components/inline-notification/daikin-inline-notification.js +93 -0
  384. package/dist/es-dev/components/inline-notification/index.d.ts +1 -0
  385. package/dist/es-dev/components/inline-notification/index.js +4 -0
  386. package/dist/es-dev/components/input-group/daikin-input-group.d.ts +15 -7
  387. package/dist/es-dev/components/input-group/daikin-input-group.js +11 -8
  388. package/dist/es-dev/components/link/daikin-link.d.ts +2 -2
  389. package/dist/es-dev/components/link/daikin-link.js +8 -5
  390. package/dist/es-dev/components/list/daikin-list.d.ts +7 -2
  391. package/dist/es-dev/components/list/daikin-list.js +7 -7
  392. package/dist/es-dev/components/list-item/daikin-list-item.d.ts +6 -2
  393. package/dist/es-dev/components/list-item/daikin-list-item.js +7 -4
  394. package/dist/es-dev/components/pagination/daikin-pagination.d.ts +6 -2
  395. package/dist/es-dev/components/pagination/daikin-pagination.js +21 -12
  396. package/dist/es-dev/components/progress-bar/daikin-progress-bar.d.ts +3 -2
  397. package/dist/es-dev/components/progress-bar/daikin-progress-bar.js +12 -7
  398. package/dist/es-dev/components/progress-indicator/daikin-progress-indicator.d.ts +12 -5
  399. package/dist/es-dev/components/progress-indicator/daikin-progress-indicator.js +15 -29
  400. package/dist/es-dev/components/progress-indicator-item/daikin-progress-indicator-item.d.ts +8 -4
  401. package/dist/es-dev/components/progress-indicator-item/daikin-progress-indicator-item.js +23 -24
  402. package/dist/es-dev/components/radio/daikin-radio.d.ts +18 -8
  403. package/dist/es-dev/components/radio/daikin-radio.js +44 -22
  404. package/dist/es-dev/components/radio-group/daikin-radio-group.d.ts +20 -14
  405. package/dist/es-dev/components/radio-group/daikin-radio-group.js +30 -10
  406. package/dist/es-dev/components/select/daikin-select.d.ts +11 -2
  407. package/dist/es-dev/components/select/daikin-select.js +14 -5
  408. package/dist/es-dev/components/tab/daikin-tab.d.ts +7 -2
  409. package/dist/es-dev/components/tab/daikin-tab.js +24 -9
  410. package/dist/es-dev/components/tab-panels/daikin-tab-panels.d.ts +2 -2
  411. package/dist/es-dev/components/tab-panels/daikin-tab-panels.js +8 -6
  412. package/dist/es-dev/components/table/daikin-table.d.ts +9 -2
  413. package/dist/es-dev/components/table/daikin-table.js +8 -5
  414. package/dist/es-dev/components/table-cell/daikin-table-cell.d.ts +6 -2
  415. package/dist/es-dev/components/table-cell/daikin-table-cell.js +7 -4
  416. package/dist/es-dev/components/table-header-cell/daikin-table-header-cell.d.ts +6 -2
  417. package/dist/es-dev/components/table-header-cell/daikin-table-header-cell.js +7 -4
  418. package/dist/es-dev/components/tabs/daikin-tabs.d.ts +8 -2
  419. package/dist/es-dev/components/tabs/daikin-tabs.js +24 -9
  420. package/dist/es-dev/components/text-area/daikin-text-area.d.ts +7 -2
  421. package/dist/es-dev/components/text-area/daikin-text-area.js +15 -6
  422. package/dist/es-dev/components/text-field/daikin-text-field.d.ts +7 -2
  423. package/dist/es-dev/components/text-field/daikin-text-field.js +15 -6
  424. package/dist/es-dev/components/toast-notification/daikin-toast-notification.d.ts +69 -0
  425. package/dist/es-dev/components/toast-notification/daikin-toast-notification.js +95 -0
  426. package/dist/es-dev/components/toast-notification/index.d.ts +1 -0
  427. package/dist/es-dev/components/toast-notification/index.js +4 -0
  428. package/dist/es-dev/components/toast-notification-manager/daikin-toast-notification-manager.d.ts +67 -0
  429. package/dist/es-dev/components/toast-notification-manager/daikin-toast-notification-manager.js +193 -0
  430. package/dist/es-dev/components/toast-notification-manager/index.d.ts +1 -0
  431. package/dist/es-dev/components/toast-notification-manager/index.js +4 -0
  432. package/dist/es-dev/components/toggle/daikin-toggle.d.ts +3 -2
  433. package/dist/es-dev/components/toggle/daikin-toggle.js +7 -4
  434. package/dist/es-dev/components/tooltip/daikin-tooltip.d.ts +16 -6
  435. package/dist/es-dev/components/tooltip/daikin-tooltip.js +41 -29
  436. package/dist/es-dev/components/tree/daikin-tree.d.ts +13 -14
  437. package/dist/es-dev/components/tree/daikin-tree.js +35 -36
  438. package/dist/es-dev/components/tree-item/daikin-tree-item.d.ts +9 -9
  439. package/dist/es-dev/components/tree-item/daikin-tree-item.js +21 -17
  440. package/dist/es-dev/components/tree-section/daikin-tree-section.d.ts +10 -20
  441. package/dist/es-dev/components/tree-section/daikin-tree-section.js +25 -40
  442. package/dist/es-dev/controllers/click-outside.d.ts +1 -1
  443. package/dist/es-dev/index.js +10 -2
  444. package/dist/es-dev/tailwind.css.js +1 -1
  445. package/dist/es-dev/utils/notification-common.d.ts +19 -0
  446. package/dist/es-dev/utils/notification-common.js +124 -0
  447. package/icons/checkbox-checked.svg +2 -3
  448. package/icons/status-negative.svg +4 -2
  449. package/icons/status-warning.svg +2 -4
  450. package/package.json +54 -50
  451. package/dist/cjs/components/notification/daikin-notification.cjs +0 -196
  452. package/dist/cjs/components/notification/daikin-notification.d.cts +0 -77
  453. package/dist/cjs/components/notification/index.cjs +0 -7
  454. package/dist/cjs/components/notification/index.d.cts +0 -1
  455. package/dist/cjs/constants/events.cjs +0 -4
  456. package/dist/cjs-dev/components/notification/daikin-notification.cjs +0 -196
  457. package/dist/cjs-dev/components/notification/daikin-notification.d.cts +0 -77
  458. package/dist/cjs-dev/components/notification/index.cjs +0 -7
  459. package/dist/cjs-dev/components/notification/index.d.cts +0 -1
  460. package/dist/cjs-dev/constants/events.cjs +0 -4
  461. package/dist/es/components/notification/daikin-notification.d.ts +0 -77
  462. package/dist/es/components/notification/daikin-notification.js +0 -197
  463. package/dist/es/components/notification/index.d.ts +0 -1
  464. package/dist/es/components/notification/index.js +0 -4
  465. package/dist/es/constants/events.js +0 -4
  466. package/dist/es-dev/components/notification/daikin-notification.d.ts +0 -77
  467. package/dist/es-dev/components/notification/daikin-notification.js +0 -197
  468. package/dist/es-dev/components/notification/index.d.ts +0 -1
  469. package/dist/es-dev/components/notification/index.js +0 -4
  470. package/dist/es-dev/constants/events.js +0 -4
  471. package/icons/arrow-up.svg +0 -3
  472. package/icons/status-success.svg +0 -6
@@ -3,13 +3,16 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const classVarianceAuthority = require("class-variance-authority");
4
4
  const lit = require("lit");
5
5
  const decorators_js = require("lit/decorators.js");
6
+ const ddsElement = require("../../base/dds-element.cjs");
7
+ const decorators = require("../../base/decorators.cjs");
8
+ require("../../base/define.cjs");
6
9
  const tailwind = require("../../tailwind.css.cjs");
7
10
  var __defProp = Object.defineProperty;
8
11
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
9
- var __decorateClass = (decorators, target, key, kind) => {
12
+ var __decorateClass = (decorators2, target, key, kind) => {
10
13
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
11
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
12
- if (decorator = decorators[i])
14
+ for (var i = decorators2.length - 1, decorator; i >= 0; i--)
15
+ if (decorator = decorators2[i])
13
16
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
14
17
  if (kind && result) __defProp(target, key, result);
15
18
  return result;
@@ -27,6 +30,7 @@ const CHECKBOX_CLASS_NAME = classVarianceAuthority.cva([
27
30
  "before:m-auto",
28
31
  "before:inset-0",
29
32
  "checked:before:i-daikin-checkbox-checked",
33
+ "checked:before:size-3",
30
34
  "indeterminate:before:i-daikin-checkbox-indeterminate",
31
35
  "indeterminate:before:size-2.5",
32
36
  "focus-visible:outline",
@@ -58,15 +62,19 @@ const CHECKBOX_CLASS_NAME = classVarianceAuthority.cva([
58
62
  "disabled:checked:bg-ddt-color-common-disabled",
59
63
  "disabled:indeterminate:bg-ddt-color-common-disabled"
60
64
  ])();
61
- const cvaLabel = classVarianceAuthority.cva(["pr-2"], {
65
+ const cvaLabel = classVarianceAuthority.cva([], {
62
66
  variants: {
63
67
  disabled: {
64
68
  false: ["text-ddt-color-common-text-primary"],
65
69
  true: ["text-ddt-color-common-disabled"]
70
+ },
71
+ hidden: {
72
+ false: ["inline-block", "pr-2"],
73
+ true: ["hidden"]
66
74
  }
67
75
  }
68
76
  });
69
- exports.DaikinCheckbox = class DaikinCheckbox extends lit.LitElement {
77
+ exports.DaikinCheckbox = class DaikinCheckbox extends ddsElement.DDSElement {
70
78
  constructor() {
71
79
  super(...arguments);
72
80
  this.name = "";
@@ -80,6 +88,9 @@ exports.DaikinCheckbox = class DaikinCheckbox extends lit.LitElement {
80
88
  get checked() {
81
89
  return this.checkState === "checked";
82
90
  }
91
+ get _labelHidden() {
92
+ return this.labelPosition === "hidden";
93
+ }
83
94
  /**
84
95
  * A property-only accessor for `checkState` provided for convenience.
85
96
  * _Getter_: Returns `true` when `checkState` is `"checked"`, and `false` otherwise.
@@ -92,9 +103,13 @@ exports.DaikinCheckbox = class DaikinCheckbox extends lit.LitElement {
92
103
  this._internals.setFormValue(this.checked ? this.value : null);
93
104
  }
94
105
  _handleClick(event) {
106
+ var _a;
95
107
  if (this.disabled) {
96
108
  event.preventDefault();
97
109
  }
110
+ if (((_a = event.target) == null ? void 0 : _a.tagName) !== "INPUT") {
111
+ event.stopPropagation();
112
+ }
98
113
  }
99
114
  _handleChange(event) {
100
115
  this.checkState = event.target.checked ? "checked" : "unchecked";
@@ -102,29 +117,32 @@ exports.DaikinCheckbox = class DaikinCheckbox extends lit.LitElement {
102
117
  this.dispatchEvent(new Event("change", event));
103
118
  }
104
119
  render() {
105
- return lit.html`<label class="group flex gap-2 items-center font-daikinSerif">
120
+ return lit.html`<label
121
+ class="group flex gap-2 items-center size-full font-daikinSerif"
122
+ @click=${this._handleClick}
123
+ >
106
124
  <span class="p-2">
107
125
  <input
108
126
  class=${CHECKBOX_CLASS_NAME}
109
127
  type="checkbox"
110
128
  name=${this.name}
111
- aria-label=${this.labelPosition === "hidden" ? this.label : lit.nothing}
112
- .value=${this.value}
113
- .indeterminate=${this.checkState === "indeterminate"}
114
- .checked=${this.checked}
129
+ aria-label=${this._labelHidden ? this.label : lit.nothing}
115
130
  ?disabled=${this.disabled}
131
+ .checked=${this.checked}
132
+ .indeterminate=${this.checkState === "indeterminate"}
133
+ .value=${this.value}
116
134
  @change=${this._handleChange}
117
- @click=${this._handleClick}
118
135
  />
119
136
  </span>
120
- <span
137
+ <slot
121
138
  class=${cvaLabel({
122
- disabled: this.disabled
139
+ disabled: this.disabled,
140
+ hidden: this._labelHidden
123
141
  })}
124
- ?hidden=${this.labelPosition === "hidden"}
142
+ ?hidden=${this._labelHidden}
125
143
  >
126
144
  ${this.label}
127
- </span>
145
+ </slot>
128
146
  </label>`;
129
147
  }
130
148
  updated(changedProperties) {
@@ -160,5 +178,5 @@ __decorateClass([
160
178
  decorators_js.property({ type: Boolean, reflect: true })
161
179
  ], exports.DaikinCheckbox.prototype, "disabled", 2);
162
180
  exports.DaikinCheckbox = __decorateClass([
163
- decorators_js.customElement("daikin-checkbox")
181
+ decorators.ddsElement("daikin-checkbox")
164
182
  ], exports.DaikinCheckbox);
@@ -1,4 +1,5 @@
1
- import { LitElement, PropertyValues } from 'lit';
1
+ import { PropertyValues } from 'lit';
2
+ import { DDSElement } from "../../base/index.cjs";
2
3
  /**
3
4
  * The checkbox component is a UI element that allows users to select one or more options from a list of choices.
4
5
  * It functions similarly to the HTML `<input type="checkbox">` tag, enabling users to toggle the selection of each option independently.
@@ -16,7 +17,7 @@ import { LitElement, PropertyValues } from 'lit';
16
17
  * <daikin-checkbox label="Checkbox label" name="name" value="value"></daikin-checkbox>
17
18
  * ```
18
19
  */
19
- export declare class DaikinCheckbox extends LitElement {
20
+ export declare class DaikinCheckbox extends DDSElement {
20
21
  static readonly styles: import('lit').CSSResult;
21
22
  /**
22
23
  * The form name, submitted as a name/value pair when submitting the form.
@@ -45,6 +46,7 @@ export declare class DaikinCheckbox extends LitElement {
45
46
  */
46
47
  disabled: boolean;
47
48
  get checked(): boolean;
49
+ private get _labelHidden();
48
50
  /**
49
51
  * A property-only accessor for `checkState` provided for convenience.
50
52
  * _Getter_: Returns `true` when `checkState` is `"checked"`, and `false` otherwise.
@@ -5,15 +5,18 @@ const classVarianceAuthority = require("class-variance-authority");
5
5
  const lit = require("lit");
6
6
  const decorators_js = require("lit/decorators.js");
7
7
  const ifDefined_js = require("lit/directives/if-defined.js");
8
+ const ddsElement = require("../../base/dds-element.cjs");
9
+ const decorators = require("../../base/decorators.cjs");
10
+ require("../../base/define.cjs");
8
11
  const clickOutside = require("../../controllers/click-outside.cjs");
9
12
  const floatingUiAutoUpdate = require("../../controllers/floating-ui-auto-update.cjs");
10
13
  const tailwind = require("../../tailwind.css.cjs");
11
14
  var __defProp = Object.defineProperty;
12
15
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
13
- var __decorateClass = (decorators, target, key, kind) => {
16
+ var __decorateClass = (decorators2, target, key, kind) => {
14
17
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
15
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
16
- if (decorator = decorators[i])
18
+ for (var i = decorators2.length - 1, decorator; i >= 0; i--)
19
+ if (decorator = decorators2[i])
17
20
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
18
21
  if (kind && result) __defProp(target, key, result);
19
22
  return result;
@@ -95,7 +98,7 @@ const floatingPositionOptions = {
95
98
  })
96
99
  ]
97
100
  };
98
- exports.DaikinDropdown = class DaikinDropdown extends lit.LitElement {
101
+ exports.DaikinDropdown = class DaikinDropdown extends ddsElement.DDSElement {
99
102
  constructor() {
100
103
  super(...arguments);
101
104
  this._internals = this.attachInternals();
@@ -289,6 +292,10 @@ exports.DaikinDropdown = class DaikinDropdown extends lit.LitElement {
289
292
  this._clickOutsideController.directive(this.open && !this.disabled)}
290
293
  </div>`;
291
294
  }
295
+ /**
296
+ * Focuses on the inner button.
297
+ * @param options focus options
298
+ */
292
299
  focus(options) {
293
300
  var _a;
294
301
  (_a = this._button) == null ? void 0 : _a.focus(options);
@@ -308,6 +315,10 @@ exports.DaikinDropdown = class DaikinDropdown extends lit.LitElement {
308
315
  }
309
316
  }
310
317
  }
318
+ /**
319
+ * This method is used by `daikin-input-group` to reflect it's attributes to this component.
320
+ * @private
321
+ */
311
322
  reflectInputGroup(inputGroup) {
312
323
  const isError = !inputGroup.disabled && !!inputGroup.error;
313
324
  this.disabled = !!inputGroup.disabled;
@@ -363,5 +374,5 @@ __decorateClass([
363
374
  decorators_js.state()
364
375
  ], exports.DaikinDropdown.prototype, "_selectedItemLabel", 2);
365
376
  exports.DaikinDropdown = __decorateClass([
366
- decorators_js.customElement("daikin-dropdown")
377
+ decorators.ddsElement("daikin-dropdown")
367
378
  ], exports.DaikinDropdown);
@@ -1,4 +1,5 @@
1
- import { LitElement, PropertyValues } from 'lit';
1
+ import { PropertyValues } from 'lit';
2
+ import { DDSElement } from "../../base/index.cjs";
2
3
  import { DaikinInputGroup } from "../input-group/index.cjs";
3
4
  /**
4
5
  * A dropdown list component.
@@ -13,6 +14,11 @@ import { DaikinInputGroup } from "../input-group/index.cjs";
13
14
  *
14
15
  * @example
15
16
  *
17
+ * ```js
18
+ * import "@daikin-oss/design-system-web-components/components/dropdown/index.js";
19
+ * import "@daikin-oss/design-system-web-components/components/dropdown-item/index.js";
20
+ * ```
21
+ *
16
22
  * ```html
17
23
  * <daikin-dropdown label="Dropdown label">
18
24
  * <daikin-dropdown-item value="value1">Dropdown item 1</daikin-dropdown-item>
@@ -21,7 +27,7 @@ import { DaikinInputGroup } from "../input-group/index.cjs";
21
27
  * </daikin-dropdown>
22
28
  * ```
23
29
  */
24
- export declare class DaikinDropdown extends LitElement {
30
+ export declare class DaikinDropdown extends DDSElement {
25
31
  static readonly styles: import('lit').CSSResult;
26
32
  static readonly formAssociated = true;
27
33
  private _internals;
@@ -89,8 +95,16 @@ export declare class DaikinDropdown extends LitElement {
89
95
  */
90
96
  private _handleFloatingReady;
91
97
  render(): import('lit-html').TemplateResult<1>;
98
+ /**
99
+ * Focuses on the inner button.
100
+ * @param options focus options
101
+ */
92
102
  focus(options?: FocusOptions): void;
93
103
  protected updated(changedProperties: PropertyValues<this>): void;
104
+ /**
105
+ * This method is used by `daikin-input-group` to reflect it's attributes to this component.
106
+ * @private
107
+ */
94
108
  reflectInputGroup(inputGroup: DaikinInputGroup): void;
95
109
  }
96
110
  declare global {
@@ -3,13 +3,16 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const classVarianceAuthority = require("class-variance-authority");
4
4
  const lit = require("lit");
5
5
  const decorators_js = require("lit/decorators.js");
6
+ const ddsElement = require("../../base/dds-element.cjs");
7
+ const decorators = require("../../base/decorators.cjs");
8
+ require("../../base/define.cjs");
6
9
  const tailwind = require("../../tailwind.css.cjs");
7
10
  var __defProp = Object.defineProperty;
8
11
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
9
- var __decorateClass = (decorators, target, key, kind) => {
12
+ var __decorateClass = (decorators2, target, key, kind) => {
10
13
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
11
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
12
- if (decorator = decorators[i])
14
+ for (var i = decorators2.length - 1, decorator; i >= 0; i--)
15
+ if (decorator = decorators2[i])
13
16
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
14
17
  if (kind && result) __defProp(target, key, result);
15
18
  return result;
@@ -51,7 +54,7 @@ const cvaOption = classVarianceAuthority.cva(
51
54
  }
52
55
  }
53
56
  );
54
- exports.DaikinDropdownItem = class DaikinDropdownItem extends lit.LitElement {
57
+ exports.DaikinDropdownItem = class DaikinDropdownItem extends ddsElement.DDSElement {
55
58
  constructor() {
56
59
  super(...arguments);
57
60
  this.value = "";
@@ -82,6 +85,10 @@ exports.DaikinDropdownItem = class DaikinDropdownItem extends lit.LitElement {
82
85
  <slot></slot>
83
86
  </button>`;
84
87
  }
88
+ /**
89
+ * Focuses on the inner button.
90
+ * @param options focus options
91
+ */
85
92
  focus(options) {
86
93
  var _a;
87
94
  (_a = this._button) == null ? void 0 : _a.focus(options);
@@ -108,5 +115,5 @@ __decorateClass([
108
115
  decorators_js.query("button")
109
116
  ], exports.DaikinDropdownItem.prototype, "_button", 2);
110
117
  exports.DaikinDropdownItem = __decorateClass([
111
- decorators_js.customElement("daikin-dropdown-item")
118
+ decorators.ddsElement("daikin-dropdown-item")
112
119
  ], exports.DaikinDropdownItem);
@@ -1,4 +1,4 @@
1
- import { LitElement } from 'lit';
1
+ import { DDSElement } from "../../base/index.cjs";
2
2
  /**
3
3
  * The dropdown item (option) component that can be used within `daikin-dropdown` component.
4
4
  *
@@ -11,11 +11,15 @@ import { LitElement } from 'lit';
11
11
  *
12
12
  * @example
13
13
  *
14
+ * ```js
15
+ * import "@daikin-oss/design-system-web-components/components/dropdown-item/index.js";
16
+ * ```
17
+ *
14
18
  * ```html
15
19
  * <daikin-dropdown-item value="value">Dropdown item</daikin-dropdown-item>
16
20
  * ```
17
21
  */
18
- export declare class DaikinDropdownItem extends LitElement {
22
+ export declare class DaikinDropdownItem extends DDSElement {
19
23
  static readonly styles: import('lit').CSSResult;
20
24
  /**
21
25
  * Form value of the dropdown item.
@@ -33,6 +37,10 @@ export declare class DaikinDropdownItem extends LitElement {
33
37
  private _button;
34
38
  private _handleClick;
35
39
  render(): import('lit-html').TemplateResult<1>;
40
+ /**
41
+ * Focuses on the inner button.
42
+ * @param options focus options
43
+ */
36
44
  focus(options?: FocusOptions): void;
37
45
  }
38
46
  declare global {
@@ -3,14 +3,17 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
3
  const classVarianceAuthority = require("class-variance-authority");
4
4
  const lit = require("lit");
5
5
  const decorators_js = require("lit/decorators.js");
6
+ const ddsElement = require("../../base/dds-element.cjs");
7
+ const decorators = require("../../base/decorators.cjs");
8
+ require("../../base/define.cjs");
6
9
  const tailwind = require("../../tailwind.css.cjs");
7
10
  const icons = require("./icons.json.cjs");
8
11
  var __defProp = Object.defineProperty;
9
12
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
10
- var __decorateClass = (decorators, target, key, kind) => {
13
+ var __decorateClass = (decorators2, target, key, kind) => {
11
14
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
12
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
13
- if (decorator = decorators[i])
15
+ for (var i = decorators2.length - 1, decorator; i >= 0; i--)
16
+ if (decorator = decorators2[i])
14
17
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
15
18
  if (kind && result) __defProp(target, key, result);
16
19
  return result;
@@ -31,7 +34,7 @@ const cvaIcon = classVarianceAuthority.cva(["block"], {
31
34
  }
32
35
  }
33
36
  });
34
- exports.DaikinIcon = class DaikinIcon extends lit.LitElement {
37
+ exports.DaikinIcon = class DaikinIcon extends ddsElement.DDSElement {
35
38
  constructor() {
36
39
  super(...arguments);
37
40
  this.icon = null;
@@ -95,6 +98,6 @@ __decorateClass([
95
98
  decorators_js.property({ type: String, reflect: true })
96
99
  ], exports.DaikinIcon.prototype, "size", 2);
97
100
  exports.DaikinIcon = __decorateClass([
98
- decorators_js.customElement("daikin-icon")
101
+ decorators.ddsElement("daikin-icon")
99
102
  ], exports.DaikinIcon);
100
103
  exports.iconList = iconList;
@@ -1,4 +1,4 @@
1
- import { LitElement } from 'lit';
1
+ import { DDSElement } from "../../base/index.cjs";
2
2
  import { MergeVariantProps } from "../../type-utils.cjs";
3
3
  import { icons } from "./icons.json.cjs";
4
4
  export declare const iconList: string[];
@@ -29,7 +29,7 @@ export type IconVariantProps = MergeVariantProps<typeof cvaIcon>;
29
29
  * <daikin-icon icon="information" color="black" size="m"></daikin-icon>
30
30
  * ```
31
31
  */
32
- export declare class DaikinIcon extends LitElement {
32
+ export declare class DaikinIcon extends DDSElement {
33
33
  static readonly styles: import('lit').CSSResult;
34
34
  /**
35
35
  * Specify the name of the icon
@@ -1,73 +1,4 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const icons = {
4
- alarm: {
5
- "class": "i-daikin-status-alarm",
6
- color: null
7
- },
8
- close: {
9
- "class": "i-daikin-notification-close",
10
- color: "#a0a0a0"
11
- },
12
- information: {
13
- "class": "i-daikin-status-information",
14
- color: null
15
- },
16
- negative: {
17
- "class": "i-daikin-status-negative",
18
- color: null
19
- },
20
- positive: {
21
- "class": "i-daikin-status-positive",
22
- color: null
23
- },
24
- warning: {
25
- "class": "i-daikin-status-warning",
26
- color: null
27
- },
28
- "pagination-chevron-left": {
29
- "class": "i-daikin-pagination-chevron-left",
30
- color: "#414141"
31
- },
32
- "pagination-chevron-right": {
33
- "class": "i-daikin-pagination-chevron-right",
34
- color: "#414141"
35
- },
36
- arrowUp: {
37
- "class": "i-daikin-arrow-up",
38
- color: "#414141"
39
- },
40
- success: {
41
- "class": "i-daikin-status-success",
42
- color: "#0097E0"
43
- },
44
- error: {
45
- "class": "i-daikin-status-error",
46
- color: "#FF4949"
47
- },
48
- cross: {
49
- "class": "i-daikin-cross",
50
- color: null
51
- },
52
- "chevron-up": {
53
- "class": "i-daikin-chevron-up",
54
- color: null
55
- },
56
- "chevron-down": {
57
- "class": "i-daikin-chevron-down",
58
- color: null
59
- },
60
- "chevron-left": {
61
- "class": "i-daikin-chevron-left",
62
- color: null
63
- },
64
- "chevron-right": {
65
- "class": "i-daikin-chevron-right",
66
- color: null
67
- },
68
- sort: {
69
- "class": "i-daikin-sort",
70
- color: null
71
- }
72
- };
3
+ const icons = { "alarm": { "class": "i-daikin-status-alarm", "color": null }, "close": { "class": "i-daikin-notification-close", "color": "#a0a0a0" }, "information": { "class": "i-daikin-status-information", "color": null }, "negative": { "class": "i-daikin-status-negative", "color": null }, "positive": { "class": "i-daikin-status-positive", "color": null }, "warning": { "class": "i-daikin-status-warning", "color": null }, "pagination-chevron-left": { "class": "i-daikin-pagination-chevron-left", "color": "#414141" }, "pagination-chevron-right": { "class": "i-daikin-pagination-chevron-right", "color": "#414141" }, "error": { "class": "i-daikin-status-error", "color": "#FF4949" }, "cross": { "class": "i-daikin-cross", "color": null }, "chevron-up": { "class": "i-daikin-chevron-up", "color": null }, "chevron-down": { "class": "i-daikin-chevron-down", "color": null }, "chevron-left": { "class": "i-daikin-chevron-left", "color": null }, "chevron-right": { "class": "i-daikin-chevron-right", "color": null }, "sort": { "class": "i-daikin-sort", "color": null } };
73
4
  exports.icons = icons;
@@ -32,14 +32,6 @@ declare const _default: {
32
32
  "class": "i-daikin-pagination-chevron-right",
33
33
  "color": "#414141"
34
34
  },
35
- "arrowUp": {
36
- "class": "i-daikin-arrow-up",
37
- "color": "#414141"
38
- },
39
- "success": {
40
- "class": "i-daikin-status-success",
41
- "color": "#0097E0"
42
- },
43
35
  "error": {
44
36
  "class": "i-daikin-status-error",
45
37
  "color": "#FF4949"
@@ -4,14 +4,17 @@ const classVarianceAuthority = require("class-variance-authority");
4
4
  const lit = require("lit");
5
5
  const decorators_js = require("lit/decorators.js");
6
6
  const ifDefined_js = require("lit/directives/if-defined.js");
7
+ const ddsElement = require("../../base/dds-element.cjs");
8
+ const decorators = require("../../base/decorators.cjs");
9
+ require("../../base/define.cjs");
7
10
  const tailwind = require("../../tailwind.css.cjs");
8
11
  require("../icon/daikin-icon.cjs");
9
12
  var __defProp = Object.defineProperty;
10
13
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
11
- var __decorateClass = (decorators, target, key, kind) => {
14
+ var __decorateClass = (decorators2, target, key, kind) => {
12
15
  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
13
- for (var i = decorators.length - 1, decorator; i >= 0; i--)
14
- if (decorator = decorators[i])
16
+ for (var i = decorators2.length - 1, decorator; i >= 0; i--)
17
+ if (decorator = decorators2[i])
15
18
  result = (kind ? decorator(target, key, result) : decorator(result)) || result;
16
19
  if (kind && result) __defProp(target, key, result);
17
20
  return result;
@@ -73,7 +76,7 @@ const cvaIconButton = classVarianceAuthority.cva(
73
76
  }
74
77
  }
75
78
  );
76
- exports.DaikinIconButton = class DaikinIconButton extends lit.LitElement {
79
+ exports.DaikinIconButton = class DaikinIconButton extends ddsElement.DDSElement {
77
80
  constructor() {
78
81
  super();
79
82
  this.variant = "fill";
@@ -162,5 +165,5 @@ __decorateClass([
162
165
  decorators_js.query("button")
163
166
  ], exports.DaikinIconButton.prototype, "_button", 2);
164
167
  exports.DaikinIconButton = __decorateClass([
165
- decorators_js.customElement("daikin-icon-button")
168
+ decorators.ddsElement("daikin-icon-button")
166
169
  ], exports.DaikinIconButton);
@@ -1,4 +1,4 @@
1
- import { LitElement } from 'lit';
1
+ import { DDSElement } from "../../base/index.cjs";
2
2
  import { ARIARole } from "../../lit-analyzer-types.cjs";
3
3
  import { MergeVariantProps } from "../../type-utils.cjs";
4
4
  declare const cvaIconButton: (props?: ({
@@ -32,7 +32,7 @@ type IconButtonVariantProps = MergeVariantProps<typeof cvaIconButton>;
32
32
  * </daikin-icon-button>
33
33
  * ```
34
34
  */
35
- export declare class DaikinIconButton extends LitElement {
35
+ export declare class DaikinIconButton extends DDSElement {
36
36
  static readonly styles: import('lit').CSSResult;
37
37
  /**
38
38
  * Variant of the button.
@@ -8,16 +8,18 @@ const daikinButton = require("./button/daikin-button.cjs");
8
8
  const daikinCard = require("./card/daikin-card.cjs");
9
9
  const daikinCardFooter = require("./card-footer/daikin-card-footer.cjs");
10
10
  const daikinCardHeader = require("./card-header/daikin-card-header.cjs");
11
+ const daikinCarousel = require("./carousel/daikin-carousel.cjs");
12
+ const daikinCarouselItem = require("./carousel-item/daikin-carousel-item.cjs");
11
13
  const daikinCheckbox = require("./checkbox/daikin-checkbox.cjs");
12
14
  const daikinDropdown = require("./dropdown/daikin-dropdown.cjs");
13
15
  const daikinDropdownItem = require("./dropdown-item/daikin-dropdown-item.cjs");
14
16
  const daikinIcon = require("./icon/daikin-icon.cjs");
15
17
  const daikinIconButton = require("./icon-button/daikin-icon-button.cjs");
18
+ const daikinInlineNotification = require("./inline-notification/daikin-inline-notification.cjs");
16
19
  const daikinInputGroup = require("./input-group/daikin-input-group.cjs");
17
20
  const daikinLink = require("./link/daikin-link.cjs");
18
21
  const daikinList = require("./list/daikin-list.cjs");
19
22
  const daikinListItem = require("./list-item/daikin-list-item.cjs");
20
- const daikinNotification = require("./notification/daikin-notification.cjs");
21
23
  const daikinPagination = require("./pagination/daikin-pagination.cjs");
22
24
  const daikinProgressBar = require("./progress-bar/daikin-progress-bar.cjs");
23
25
  const daikinProgressIndicator = require("./progress-indicator/daikin-progress-indicator.cjs");
@@ -32,6 +34,8 @@ const daikinTableHeaderCell = require("./table-header-cell/daikin-table-header-c
32
34
  const daikinTabs = require("./tabs/daikin-tabs.cjs");
33
35
  const daikinTextArea = require("./text-area/daikin-text-area.cjs");
34
36
  const daikinTextField = require("./text-field/daikin-text-field.cjs");
37
+ const daikinToastNotification = require("./toast-notification/daikin-toast-notification.cjs");
38
+ const daikinToastNotificationManager = require("./toast-notification-manager/daikin-toast-notification-manager.cjs");
35
39
  const daikinToggle = require("./toggle/daikin-toggle.cjs");
36
40
  const daikinTooltip = require("./tooltip/daikin-tooltip.cjs");
37
41
  const daikinTree = require("./tree/daikin-tree.cjs");
@@ -69,6 +73,14 @@ Object.defineProperty(exports, "DaikinCardHeader", {
69
73
  enumerable: true,
70
74
  get: () => daikinCardHeader.DaikinCardHeader
71
75
  });
76
+ Object.defineProperty(exports, "DaikinCarousel", {
77
+ enumerable: true,
78
+ get: () => daikinCarousel.DaikinCarousel
79
+ });
80
+ Object.defineProperty(exports, "DaikinCarouselItem", {
81
+ enumerable: true,
82
+ get: () => daikinCarouselItem.DaikinCarouselItem
83
+ });
72
84
  Object.defineProperty(exports, "DaikinCheckbox", {
73
85
  enumerable: true,
74
86
  get: () => daikinCheckbox.DaikinCheckbox
@@ -90,6 +102,10 @@ Object.defineProperty(exports, "DaikinIconButton", {
90
102
  enumerable: true,
91
103
  get: () => daikinIconButton.DaikinIconButton
92
104
  });
105
+ Object.defineProperty(exports, "DaikinInlineNotification", {
106
+ enumerable: true,
107
+ get: () => daikinInlineNotification.DaikinInlineNotification
108
+ });
93
109
  Object.defineProperty(exports, "DaikinInputGroup", {
94
110
  enumerable: true,
95
111
  get: () => daikinInputGroup.DaikinInputGroup
@@ -106,10 +122,6 @@ Object.defineProperty(exports, "DaikinListItem", {
106
122
  enumerable: true,
107
123
  get: () => daikinListItem.DaikinListItem
108
124
  });
109
- Object.defineProperty(exports, "DaikinNotification", {
110
- enumerable: true,
111
- get: () => daikinNotification.DaikinNotification
112
- });
113
125
  Object.defineProperty(exports, "DaikinPagination", {
114
126
  enumerable: true,
115
127
  get: () => daikinPagination.DaikinPagination
@@ -166,6 +178,14 @@ Object.defineProperty(exports, "DaikinTextField", {
166
178
  enumerable: true,
167
179
  get: () => daikinTextField.DaikinTextField
168
180
  });
181
+ Object.defineProperty(exports, "DaikinToastNotification", {
182
+ enumerable: true,
183
+ get: () => daikinToastNotification.DaikinToastNotification
184
+ });
185
+ Object.defineProperty(exports, "DaikinToastNotificationManager", {
186
+ enumerable: true,
187
+ get: () => daikinToastNotificationManager.DaikinToastNotificationManager
188
+ });
169
189
  Object.defineProperty(exports, "DaikinToggle", {
170
190
  enumerable: true,
171
191
  get: () => daikinToggle.DaikinToggle
@@ -6,16 +6,18 @@ export * from "./button/index.cjs";
6
6
  export * from "./card/index.cjs";
7
7
  export * from "./card-footer/index.cjs";
8
8
  export * from "./card-header/index.cjs";
9
+ export * from "./carousel/index.cjs";
10
+ export * from "./carousel-item/index.cjs";
9
11
  export * from "./checkbox/index.cjs";
10
12
  export * from "./dropdown/index.cjs";
11
13
  export * from "./dropdown-item/index.cjs";
12
14
  export * from "./icon/index.cjs";
13
15
  export * from "./icon-button/index.cjs";
16
+ export * from "./inline-notification/index.cjs";
14
17
  export * from "./input-group/index.cjs";
15
18
  export * from "./link/index.cjs";
16
19
  export * from "./list/index.cjs";
17
20
  export * from "./list-item/index.cjs";
18
- export * from "./notification/index.cjs";
19
21
  export * from "./pagination/index.cjs";
20
22
  export * from "./progress-bar/index.cjs";
21
23
  export * from "./progress-indicator/index.cjs";
@@ -30,6 +32,8 @@ export * from "./table-header-cell/index.cjs";
30
32
  export * from "./tabs/index.cjs";
31
33
  export * from "./text-area/index.cjs";
32
34
  export * from "./text-field/index.cjs";
35
+ export * from "./toast-notification/index.cjs";
36
+ export * from "./toast-notification-manager/index.cjs";
33
37
  export * from "./toggle/index.cjs";
34
38
  export * from "./tooltip/index.cjs";
35
39
  export * from "./tree/index.cjs";