@dubai-design-system/components-js 4.1.0 → 5.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 (583) hide show
  1. package/CHANGELOG.md +151 -0
  2. package/dist/cjs/dda-accordion.cjs.entry.js +7 -12
  3. package/dist/cjs/dda-alert.cjs.entry.js +21 -13
  4. package/dist/cjs/dda-attach-file.cjs.entry.js +27 -18
  5. package/dist/cjs/dda-avatar.cjs.entry.js +15 -15
  6. package/dist/cjs/dda-banner.cjs.entry.js +23 -0
  7. package/dist/cjs/dda-breadcrumb.cjs.entry.js +5 -11
  8. package/dist/cjs/dda-button.cjs.entry.js +6 -11
  9. package/dist/cjs/dda-checkbox.cjs.entry.js +5 -11
  10. package/dist/cjs/dda-chip.cjs.entry.js +5 -11
  11. package/dist/cjs/dda-credit-card.cjs.entry.js +5 -11
  12. package/dist/cjs/dda-creditcard-field.cjs.entry.js +23 -11
  13. package/dist/cjs/dda-dropdown.cjs.entry.js +5 -11
  14. package/dist/cjs/dda-footer.cjs.entry.js +5 -8
  15. package/dist/cjs/dda-header.cjs.entry.js +123 -25
  16. package/dist/cjs/dda-home-banner.cjs.entry.js +204 -0
  17. package/dist/cjs/dda-horizontal-stepper.cjs.entry.js +5 -11
  18. package/dist/cjs/dda-input.cjs.entry.js +23 -11
  19. package/dist/cjs/dda-link-button_2.cjs.entry.js +19 -22
  20. package/dist/cjs/dda-number-field.cjs.entry.js +20 -11
  21. package/dist/cjs/dda-pagination.cjs.entry.js +17 -19
  22. package/dist/cjs/dda-phonefield.cjs.entry.js +201 -189
  23. package/dist/cjs/dda-progressbar.cjs.entry.js +6 -11
  24. package/dist/cjs/dda-range-slider.cjs.entry.js +5 -10
  25. package/dist/cjs/dda-search-input.cjs.entry.js +24 -14
  26. package/dist/cjs/dda-segmented-tabs.cjs.entry.js +32 -13
  27. package/dist/cjs/dda-select.cjs.entry.js +115 -12
  28. package/dist/cjs/dda-sticky-footer.cjs.entry.js +21 -8
  29. package/dist/cjs/dda-tabs.cjs.entry.js +36 -19
  30. package/dist/cjs/dda-textarea.cjs.entry.js +6131 -6168
  31. package/dist/cjs/dda-toggle.cjs.entry.js +5 -11
  32. package/dist/cjs/dda-tooltip.cjs.entry.js +46 -0
  33. package/dist/cjs/dda-ui-card.cjs.entry.js +26 -0
  34. package/dist/cjs/dda-vertical-stepper.cjs.entry.js +4 -9
  35. package/dist/cjs/dda.cjs.js +7 -10
  36. package/dist/cjs/index-DGHrEPBX.js +1986 -0
  37. package/dist/cjs/index.cjs.js +12 -16
  38. package/dist/cjs/loader.cjs.js +3 -8
  39. package/dist/collection/assets/countries.js +179 -179
  40. package/dist/collection/assets/digital-logo.svg +82 -82
  41. package/dist/collection/assets/fonts/dubai/DubaiBold.svg +5922 -5922
  42. package/dist/collection/assets/fonts/dubai/DubaiLight.svg +5935 -5935
  43. package/dist/collection/assets/fonts/dubai/DubaiMedium.svg +5926 -5926
  44. package/dist/collection/assets/fonts/dubai/DubaiRegular.svg +5925 -5925
  45. package/dist/collection/assets/img/dda-icon-logo.svg +4 -4
  46. package/dist/collection/assets/img/digital-logo-white.svg +82 -82
  47. package/dist/collection/assets/img/digital-logo.svg +82 -82
  48. package/dist/collection/assets/img/icn/DubaiAI.svg +267 -267
  49. package/dist/collection/assets/img/icn/icn-Excel.svg +9 -9
  50. package/dist/collection/assets/img/icn/icn-Image.svg +6 -6
  51. package/dist/collection/assets/img/icn/icn-OneNote.svg +6 -6
  52. package/dist/collection/assets/img/icn/icn-PDF.svg +7 -7
  53. package/dist/collection/assets/img/icn/icn-PowerPoint.svg +10 -10
  54. package/dist/collection/assets/img/icn/icn-Video.svg +5 -5
  55. package/dist/collection/assets/img/icn/icn-Word.svg +10 -10
  56. package/dist/collection/assets/img/icn/icn-accessibility-dark.svg +3 -3
  57. package/dist/collection/assets/img/icn/icn-apple-dark.svg +3 -3
  58. package/dist/collection/assets/img/icn/icn-apple.svg +3 -3
  59. package/dist/collection/assets/img/icn/icn-chat_bubble_outline.svg +3 -3
  60. package/dist/collection/assets/img/icn/icn-complaints.svg +28 -28
  61. package/dist/collection/assets/img/icn/icn-facebook-dark.svg +4 -4
  62. package/dist/collection/assets/img/icn/icn-facebook.svg +11 -11
  63. package/dist/collection/assets/img/icn/icn-google-dark.svg +13 -13
  64. package/dist/collection/assets/img/icn/icn-google.svg +13 -13
  65. package/dist/collection/assets/img/icn/icn-grid-view.svg +3 -3
  66. package/dist/collection/assets/img/icn/icn-happy.svg +3 -3
  67. package/dist/collection/assets/img/icn/icn-instagram-dark.svg +12 -12
  68. package/dist/collection/assets/img/icn/icn-instagram.svg +30 -30
  69. package/dist/collection/assets/img/icn/icn-search-dark.svg +3 -3
  70. package/dist/collection/assets/img/icn/icn-user-dark.svg +3 -3
  71. package/dist/collection/collection-manifest.json +6 -2
  72. package/dist/collection/components/dda-accordion/dda-accordion.css +82 -72
  73. package/dist/collection/components/dda-accordion/dda-accordion.js +30 -10
  74. package/dist/collection/components/dda-accordion/dda-accordion.stories.js +19 -13
  75. package/dist/collection/components/dda-alert/dda-alert.css +148 -148
  76. package/dist/collection/components/dda-alert/dda-alert.js +118 -16
  77. package/dist/collection/components/dda-alert/dda-alert.stories.js +39 -33
  78. package/dist/collection/components/dda-attach-file/dda-attach-file.js +75 -23
  79. package/dist/collection/components/dda-attach-file/dda-attach-file.stories.js +38 -21
  80. package/dist/collection/components/dda-avatar/dda-avatar.css +306 -280
  81. package/dist/collection/components/dda-avatar/dda-avatar.js +48 -23
  82. package/dist/collection/components/dda-avatar/dda-avatar.stories.js +51 -43
  83. package/dist/collection/components/dda-banner/dda-banner.css +3 -0
  84. package/dist/collection/components/dda-banner/dda-banner.js +90 -0
  85. package/dist/collection/components/dda-breadcrumb/dda-breadcrumb.css +58 -58
  86. package/dist/collection/components/dda-breadcrumb/dda-breadcrumb.js +6 -7
  87. package/dist/collection/components/dda-breadcrumb/dda-breadcrumb.stories.js +16 -17
  88. package/dist/collection/components/dda-button/dda-button.js +39 -19
  89. package/dist/collection/components/dda-button/dda-button.stories.js +26 -17
  90. package/dist/collection/components/dda-checkbox/dda-checkbox.css +119 -119
  91. package/dist/collection/components/dda-checkbox/dda-checkbox.js +22 -23
  92. package/dist/collection/components/dda-checkbox/dda-checkbox.stories.js +18 -19
  93. package/dist/collection/components/dda-chip/dda-chip.css +113 -100
  94. package/dist/collection/components/dda-chip/dda-chip.js +12 -13
  95. package/dist/collection/components/dda-chip/dda-chip.stories.js +17 -18
  96. package/dist/collection/components/dda-credit-card/dda-credit-card.css +109 -103
  97. package/dist/collection/components/dda-credit-card/dda-credit-card.js +14 -15
  98. package/dist/collection/components/dda-credit-card/dda-credit-card.stories.js +14 -15
  99. package/dist/collection/components/dda-creditcard-field/dda-creditcard-field.js +84 -28
  100. package/dist/collection/components/dda-creditcard-field/dda-creditcard-field.stories.js +39 -22
  101. package/dist/collection/components/dda-dropdown/dda-dropdown.js +60 -23
  102. package/dist/collection/components/dda-dropdown/dda-dropdown.stories.js +38 -21
  103. package/dist/collection/components/dda-footer/dda-footer.js +21 -23
  104. package/dist/collection/components/dda-footer/dda-footer.stories.js +29 -30
  105. package/dist/collection/components/dda-header/dda-header.css +36 -0
  106. package/dist/collection/components/dda-header/dda-header.js +418 -26
  107. package/dist/collection/components/dda-header/dda-header.stories.js +151 -60
  108. package/dist/collection/components/dda-home-banner/dda-home-banner.js +397 -0
  109. package/dist/collection/components/dda-home-banner/dda-home-banner.stories.js +94 -0
  110. package/dist/collection/components/dda-home-banner/home-banner.css +195 -0
  111. package/dist/collection/components/dda-input/dda-input.js +63 -27
  112. package/dist/collection/components/dda-input/dda-input.stories.js +33 -21
  113. package/dist/collection/components/dda-link-button/dda-link-button.js +20 -21
  114. package/dist/collection/components/dda-link-button/dda-link-button.stories.js +16 -17
  115. package/dist/collection/components/dda-number-field/dda-number-field.js +99 -28
  116. package/dist/collection/components/dda-number-field/dda-number-field.stories.js +47 -24
  117. package/dist/collection/components/dda-pagination/dda-pagination.css +175 -167
  118. package/dist/collection/components/dda-pagination/dda-pagination.js +241 -14
  119. package/dist/collection/components/dda-pagination/dda-pagination.stories.js +156 -13
  120. package/dist/collection/components/dda-phonefield/dda-phonefield.js +120 -26
  121. package/dist/collection/components/dda-phonefield/dda-phonefield.stories.js +60 -20
  122. package/dist/collection/components/dda-progressbar/dda-progressbar.css +98 -94
  123. package/dist/collection/components/dda-progressbar/dda-progressbar.js +30 -10
  124. package/dist/collection/components/dda-progressbar/dda-progressbar.stories.js +19 -14
  125. package/dist/collection/components/dda-radiobutton/dda-radiobutton.css +3858 -3470
  126. package/dist/collection/components/dda-radiobutton/dda-radiobutton.js +22 -23
  127. package/dist/collection/components/dda-radiobutton/dda-radiobutton.stories.js +18 -19
  128. package/dist/collection/components/dda-range-slider/dda-range-slider.css +152 -136
  129. package/dist/collection/components/dda-range-slider/dda-range-slider.js +60 -23
  130. package/dist/collection/components/dda-range-slider/dda-range-slider.stories.js +34 -19
  131. package/dist/collection/components/dda-search-input/dda-search-input.js +116 -24
  132. package/dist/collection/components/dda-search-input/dda-search-input.stories.js +57 -22
  133. package/dist/collection/components/dda-select/dda-select.js +173 -25
  134. package/dist/collection/components/dda-select/dda-select.stories.js +36 -19
  135. package/dist/collection/components/dda-sticky-footer/dda-sticky-footer.js +161 -83
  136. package/dist/collection/components/dda-sticky-footer/dda-sticky-footer.stories.js +68 -56
  137. package/dist/collection/components/dda-tabs/dda-tabs.css +119 -119
  138. package/dist/collection/components/dda-tabs/dda-tabs.js +119 -21
  139. package/dist/collection/components/dda-tabs/dda-tabs.stories.js +42 -16
  140. package/dist/collection/components/dda-textarea/dda-textarea.js +116 -29
  141. package/dist/collection/components/dda-textarea/dda-textarea.stories.js +27 -19
  142. package/dist/collection/components/dda-toggle/dda-toggle.css +119 -119
  143. package/dist/collection/components/dda-toggle/dda-toggle.js +14 -15
  144. package/dist/collection/components/dda-toggle/dda-toggle.stories.js +17 -18
  145. package/dist/collection/components/dda-tooltip/dda-tooltip.css +146 -130
  146. package/dist/collection/components/dda-tooltip/dda-tooltip.js +39 -10
  147. package/dist/collection/components/dda-tooltip/dda-tooltip.stories.js +16 -17
  148. package/dist/collection/components/dda-ui-card/dda-ui-card.css +3 -0
  149. package/dist/collection/components/dda-ui-card/dda-ui-card.js +209 -0
  150. package/dist/collection/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.css +51 -51
  151. package/dist/collection/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.js +116 -12
  152. package/dist/collection/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.stories.js +39 -13
  153. package/dist/collection/components/stepper/dda-horizontal-stepper/dda-horizontal-stepper.css +120 -108
  154. package/dist/collection/components/stepper/dda-horizontal-stepper/dda-horizontal-stepper.js +8 -9
  155. package/dist/collection/components/stepper/dda-horizontal-stepper/dda-horizontal-stepper.stories.js +19 -20
  156. package/dist/collection/components/stepper/dda-vertical-stepper/dda-vertical-stepper.css +112 -112
  157. package/dist/collection/components/stepper/dda-vertical-stepper/dda-vertical-stepper.js +7 -8
  158. package/dist/collection/components/stepper/dda-vertical-stepper/dda-vertical-stepper.stories.js +19 -20
  159. package/dist/collection/global/dda-button.css +611 -580
  160. package/dist/collection/global/global.css +3734 -3346
  161. package/dist/collection/global/input.css +676 -615
  162. package/dist/collection/index.js +0 -1
  163. package/dist/collection/utils/applyTheme.js +12 -12
  164. package/dist/collection/utils/contrast.js +38 -0
  165. package/dist/collection/utils/utils.js +0 -1
  166. package/dist/components/dda-accordion.js +1 -54
  167. package/dist/components/dda-alert.js +1 -60
  168. package/dist/components/dda-attach-file.js +1 -107
  169. package/dist/components/dda-avatar.js +1 -91
  170. package/dist/components/dda-banner.d.ts +11 -0
  171. package/dist/components/dda-banner.js +1 -0
  172. package/dist/components/dda-breadcrumb.js +1 -55
  173. package/dist/components/dda-button.js +1 -8
  174. package/dist/components/dda-checkbox.js +1 -60
  175. package/dist/components/dda-chip.js +1 -51
  176. package/dist/components/dda-credit-card.js +1 -54
  177. package/dist/components/dda-creditcard-field.js +1 -97
  178. package/dist/components/dda-dropdown.js +1 -86
  179. package/dist/components/dda-footer.js +1 -64
  180. package/dist/components/dda-header.js +1 -155
  181. package/dist/components/dda-home-banner.d.ts +11 -0
  182. package/dist/components/dda-home-banner.js +1 -0
  183. package/dist/components/dda-horizontal-stepper.js +1 -50
  184. package/dist/components/dda-input.js +1 -67
  185. package/dist/components/dda-link-button.js +1 -8
  186. package/dist/components/dda-number-field.js +1 -98
  187. package/dist/components/dda-pagination.js +1 -103
  188. package/dist/components/dda-phonefield.js +1 -277
  189. package/dist/components/dda-progressbar.js +1 -53
  190. package/dist/components/dda-radiobutton.js +1 -8
  191. package/dist/components/dda-range-slider.js +1 -80
  192. package/dist/components/dda-search-input.js +1 -68
  193. package/dist/components/dda-segmented-tabs.js +1 -50
  194. package/dist/components/dda-select.js +1 -76
  195. package/dist/components/dda-sticky-footer.js +1 -89
  196. package/dist/components/dda-tabs.js +1 -61
  197. package/dist/components/dda-textarea.js +1 -16461
  198. package/dist/components/dda-toggle.js +1 -54
  199. package/dist/components/dda-tooltip.js +1 -8
  200. package/dist/components/dda-ui-card.d.ts +11 -0
  201. package/dist/components/dda-ui-card.js +1 -0
  202. package/dist/components/dda-vertical-stepper.js +1 -48
  203. package/dist/components/index.d.ts +2 -0
  204. package/dist/components/index.js +1 -23
  205. package/dist/components/p-BaW1ewxd.js +1 -0
  206. package/dist/components/p-C2ufT7tL.js +1 -0
  207. package/dist/components/p-CbUih1OY.js +1 -0
  208. package/dist/components/p-Cgvws3Uk.js +1 -0
  209. package/dist/components/p-HakkUtRK.js +1 -0
  210. package/dist/dda/dda.css +20 -0
  211. package/dist/dda/dda.esm.js +1 -2
  212. package/dist/dda/index.esm.js +1 -2
  213. package/dist/dda/p-0b56fbcb.entry.js +1 -0
  214. package/dist/dda/p-1df4494d.entry.js +1 -0
  215. package/dist/dda/p-207c4034.entry.js +1 -0
  216. package/dist/dda/p-23c6a709.entry.js +1 -0
  217. package/dist/dda/p-2c0f4e9e.entry.js +1 -0
  218. package/dist/dda/p-2e4e47ec.entry.js +1 -0
  219. package/dist/dda/p-3b9a784a.entry.js +1 -0
  220. package/dist/dda/p-4400194a.entry.js +1 -0
  221. package/dist/dda/p-48f14688.entry.js +1 -0
  222. package/dist/dda/p-4aef15b0.entry.js +1 -0
  223. package/dist/dda/p-5d0b1fea.entry.js +1 -0
  224. package/dist/dda/p-6150d6ca.entry.js +1 -0
  225. package/dist/dda/p-6def14a1.entry.js +1 -0
  226. package/dist/dda/p-7c8b1191.entry.js +1 -0
  227. package/dist/dda/p-7eb8942f.entry.js +1 -0
  228. package/dist/dda/p-82dc3344.entry.js +1 -0
  229. package/dist/dda/p-88c5aa03.entry.js +1 -0
  230. package/dist/dda/p-8bbd3b3b.entry.js +1 -0
  231. package/dist/dda/p-96aaf2c6.entry.js +1 -0
  232. package/dist/dda/p-99e59635.entry.js +1 -0
  233. package/dist/dda/p-CfK_KUZU.js +2 -0
  234. package/dist/dda/p-b6096645.entry.js +1 -0
  235. package/dist/dda/p-b68b2d3a.entry.js +1 -0
  236. package/dist/dda/p-c39fc443.entry.js +1 -0
  237. package/dist/dda/p-cf6c7bc5.entry.js +1 -0
  238. package/dist/dda/p-d096ea61.entry.js +1 -0
  239. package/dist/dda/p-d5274874.entry.js +1 -0
  240. package/dist/dda/p-d606adfc.entry.js +1 -0
  241. package/dist/dda/p-da82dc4c.entry.js +1 -0
  242. package/dist/dda/p-dc72bfd8.entry.js +1 -0
  243. package/dist/dda/p-dec1b61c.entry.js +1 -0
  244. package/dist/dda/p-eb2d0c46.entry.js +1 -0
  245. package/dist/dda/p-f9c681e4.entry.js +1 -0
  246. package/dist/dda/p-fd637136.entry.js +1 -0
  247. package/dist/esm/dda-accordion.entry.js +7 -10
  248. package/dist/esm/dda-alert.entry.js +21 -11
  249. package/dist/esm/dda-attach-file.entry.js +27 -16
  250. package/dist/esm/dda-avatar.entry.js +15 -13
  251. package/dist/esm/dda-banner.entry.js +21 -0
  252. package/dist/esm/dda-breadcrumb.entry.js +5 -9
  253. package/dist/esm/dda-button.entry.js +6 -9
  254. package/dist/esm/dda-checkbox.entry.js +5 -9
  255. package/dist/esm/dda-chip.entry.js +5 -9
  256. package/dist/esm/dda-credit-card.entry.js +5 -9
  257. package/dist/esm/dda-creditcard-field.entry.js +23 -9
  258. package/dist/esm/dda-dropdown.entry.js +5 -9
  259. package/dist/esm/dda-footer.entry.js +6 -7
  260. package/dist/esm/dda-header.entry.js +123 -23
  261. package/dist/esm/dda-home-banner.entry.js +202 -0
  262. package/dist/esm/dda-horizontal-stepper.entry.js +5 -9
  263. package/dist/esm/dda-input.entry.js +23 -9
  264. package/dist/esm/dda-link-button_2.entry.js +19 -20
  265. package/dist/esm/dda-number-field.entry.js +20 -9
  266. package/dist/esm/dda-pagination.entry.js +17 -17
  267. package/dist/esm/dda-phonefield.entry.js +201 -187
  268. package/dist/esm/dda-progressbar.entry.js +6 -9
  269. package/dist/esm/dda-range-slider.entry.js +5 -8
  270. package/dist/esm/dda-search-input.entry.js +24 -12
  271. package/dist/esm/dda-segmented-tabs.entry.js +32 -11
  272. package/dist/esm/dda-select.entry.js +115 -10
  273. package/dist/esm/dda-sticky-footer.entry.js +22 -7
  274. package/dist/esm/dda-tabs.entry.js +36 -17
  275. package/dist/esm/dda-textarea.entry.js +6131 -6166
  276. package/dist/esm/dda-toggle.entry.js +5 -9
  277. package/dist/esm/dda-tooltip.entry.js +44 -0
  278. package/dist/esm/dda-ui-card.entry.js +24 -0
  279. package/dist/esm/dda-vertical-stepper.entry.js +4 -7
  280. package/dist/esm/dda.js +5 -7
  281. package/dist/esm/index-CfK_KUZU.js +1976 -0
  282. package/dist/esm/index.js +12 -14
  283. package/dist/esm/loader.js +3 -6
  284. package/dist/types/components/dda-accordion/dda-accordion.d.ts +1 -0
  285. package/dist/types/components/dda-accordion/dda-accordion.stories.d.ts +4 -0
  286. package/dist/types/components/dda-alert/dda-alert.d.ts +9 -0
  287. package/dist/types/components/dda-alert/dda-alert.stories.d.ts +4 -0
  288. package/dist/types/components/dda-attach-file/dda-attach-file.d.ts +5 -0
  289. package/dist/types/components/dda-attach-file/dda-attach-file.stories.d.ts +8 -0
  290. package/dist/types/components/dda-avatar/dda-avatar.d.ts +1 -0
  291. package/dist/types/components/dda-avatar/dda-avatar.stories.d.ts +6 -0
  292. package/dist/types/components/dda-banner/dda-banner.d.ts +13 -0
  293. package/dist/types/components/dda-button/dda-button.d.ts +1 -0
  294. package/dist/types/components/dda-button/dda-button.stories.d.ts +6 -0
  295. package/dist/types/components/dda-creditcard-field/dda-creditcard-field.d.ts +5 -0
  296. package/dist/types/components/dda-creditcard-field/dda-creditcard-field.stories.d.ts +12 -0
  297. package/dist/types/components/dda-dropdown/dda-dropdown.d.ts +2 -0
  298. package/dist/types/components/dda-dropdown/dda-dropdown.stories.d.ts +12 -0
  299. package/dist/types/components/dda-header/dda-header.d.ts +25 -1
  300. package/dist/types/components/dda-header/dda-header.stories.d.ts +62 -0
  301. package/dist/types/components/dda-home-banner/dda-home-banner.d.ts +56 -0
  302. package/dist/types/components/dda-home-banner/dda-home-banner.stories.d.ts +51 -0
  303. package/dist/types/components/dda-input/dda-input.d.ts +4 -0
  304. package/dist/types/components/dda-input/dda-input.stories.d.ts +6 -0
  305. package/dist/types/components/dda-number-field/dda-number-field.d.ts +6 -0
  306. package/dist/types/components/dda-number-field/dda-number-field.stories.d.ts +18 -0
  307. package/dist/types/components/dda-pagination/dda-pagination.d.ts +12 -0
  308. package/dist/types/components/dda-pagination/dda-pagination.stories.d.ts +72 -0
  309. package/dist/types/components/dda-phonefield/dda-phonefield.d.ts +7 -0
  310. package/dist/types/components/dda-phonefield/dda-phonefield.stories.d.ts +24 -0
  311. package/dist/types/components/dda-progressbar/dda-progressbar.d.ts +1 -0
  312. package/dist/types/components/dda-progressbar/dda-progressbar.stories.d.ts +7 -0
  313. package/dist/types/components/dda-range-slider/dda-range-slider.d.ts +2 -0
  314. package/dist/types/components/dda-range-slider/dda-range-slider.stories.d.ts +12 -0
  315. package/dist/types/components/dda-search-input/dda-search-input.d.ts +7 -0
  316. package/dist/types/components/dda-search-input/dda-search-input.stories.d.ts +24 -0
  317. package/dist/types/components/dda-select/dda-select.d.ts +15 -0
  318. package/dist/types/components/dda-select/dda-select.stories.d.ts +12 -0
  319. package/dist/types/components/dda-sticky-footer/dda-sticky-footer.d.ts +9 -0
  320. package/dist/types/components/dda-sticky-footer/dda-sticky-footer.stories.d.ts +8 -0
  321. package/dist/types/components/dda-tabs/dda-tabs.d.ts +8 -4
  322. package/dist/types/components/dda-tabs/dda-tabs.stories.d.ts +16 -0
  323. package/dist/types/components/dda-textarea/dda-textarea.d.ts +7 -0
  324. package/dist/types/components/dda-textarea/dda-textarea.stories.d.ts +6 -0
  325. package/dist/types/components/dda-tooltip/dda-tooltip.d.ts +6 -0
  326. package/dist/types/components/dda-ui-card/dda-ui-card.d.ts +13 -0
  327. package/dist/types/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.d.ts +13 -0
  328. package/dist/types/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.stories.d.ts +18 -0
  329. package/dist/types/components.d.ts +1559 -70
  330. package/dist/types/stencil-public-runtime.d.ts +193 -12
  331. package/dist/types/utils/contrast.d.ts +19 -0
  332. package/package.json +29 -10
  333. package/readme.md +80 -78
  334. package/LICENSE +0 -21
  335. package/dist/cjs/app-globals-3a1e7e63.js +0 -7
  336. package/dist/cjs/app-globals-3a1e7e63.js.map +0 -1
  337. package/dist/cjs/dda-accordion.cjs.entry.js.map +0 -1
  338. package/dist/cjs/dda-alert.cjs.entry.js.map +0 -1
  339. package/dist/cjs/dda-attach-file.cjs.entry.js.map +0 -1
  340. package/dist/cjs/dda-avatar.cjs.entry.js.map +0 -1
  341. package/dist/cjs/dda-breadcrumb.cjs.entry.js.map +0 -1
  342. package/dist/cjs/dda-button.cjs.entry.js.map +0 -1
  343. package/dist/cjs/dda-checkbox.cjs.entry.js.map +0 -1
  344. package/dist/cjs/dda-chip.cjs.entry.js.map +0 -1
  345. package/dist/cjs/dda-credit-card.cjs.entry.js.map +0 -1
  346. package/dist/cjs/dda-creditcard-field.cjs.entry.js.map +0 -1
  347. package/dist/cjs/dda-dropdown.cjs.entry.js.map +0 -1
  348. package/dist/cjs/dda-footer.cjs.entry.js.map +0 -1
  349. package/dist/cjs/dda-header.cjs.entry.js.map +0 -1
  350. package/dist/cjs/dda-horizontal-stepper.cjs.entry.js.map +0 -1
  351. package/dist/cjs/dda-input.cjs.entry.js.map +0 -1
  352. package/dist/cjs/dda-link-button_2.cjs.entry.js.map +0 -1
  353. package/dist/cjs/dda-number-field.cjs.entry.js.map +0 -1
  354. package/dist/cjs/dda-pagination.cjs.entry.js.map +0 -1
  355. package/dist/cjs/dda-phonefield.cjs.entry.js.map +0 -1
  356. package/dist/cjs/dda-progressbar.cjs.entry.js.map +0 -1
  357. package/dist/cjs/dda-radiobutton.cjs.entry.js +0 -31
  358. package/dist/cjs/dda-radiobutton.cjs.entry.js.map +0 -1
  359. package/dist/cjs/dda-range-slider.cjs.entry.js.map +0 -1
  360. package/dist/cjs/dda-search-input.cjs.entry.js.map +0 -1
  361. package/dist/cjs/dda-segmented-tabs.cjs.entry.js.map +0 -1
  362. package/dist/cjs/dda-select.cjs.entry.js.map +0 -1
  363. package/dist/cjs/dda-sticky-footer.cjs.entry.js.map +0 -1
  364. package/dist/cjs/dda-tabs.cjs.entry.js.map +0 -1
  365. package/dist/cjs/dda-textarea.cjs.entry.js.map +0 -1
  366. package/dist/cjs/dda-toggle.cjs.entry.js.map +0 -1
  367. package/dist/cjs/dda-vertical-stepper.cjs.entry.js.map +0 -1
  368. package/dist/cjs/dda.cjs.js.map +0 -1
  369. package/dist/cjs/index-a2fa4928.js +0 -1619
  370. package/dist/cjs/index-a2fa4928.js.map +0 -1
  371. package/dist/cjs/index.cjs.js.map +0 -1
  372. package/dist/cjs/loader.cjs.js.map +0 -1
  373. package/dist/collection/components/dda-accordion/dda-accordion.js.map +0 -1
  374. package/dist/collection/components/dda-accordion/dda-accordion.stories.js.map +0 -1
  375. package/dist/collection/components/dda-alert/dda-alert.js.map +0 -1
  376. package/dist/collection/components/dda-alert/dda-alert.stories.js.map +0 -1
  377. package/dist/collection/components/dda-attach-file/dda-attach-file.js.map +0 -1
  378. package/dist/collection/components/dda-attach-file/dda-attach-file.stories.js.map +0 -1
  379. package/dist/collection/components/dda-avatar/dda-avatar.js.map +0 -1
  380. package/dist/collection/components/dda-avatar/dda-avatar.stories.js.map +0 -1
  381. package/dist/collection/components/dda-breadcrumb/dda-breadcrumb.js.map +0 -1
  382. package/dist/collection/components/dda-breadcrumb/dda-breadcrumb.stories.js.map +0 -1
  383. package/dist/collection/components/dda-button/dda-button.js.map +0 -1
  384. package/dist/collection/components/dda-button/dda-button.stories.js.map +0 -1
  385. package/dist/collection/components/dda-checkbox/dda-checkbox.js.map +0 -1
  386. package/dist/collection/components/dda-checkbox/dda-checkbox.stories.js.map +0 -1
  387. package/dist/collection/components/dda-chip/dda-chip.js.map +0 -1
  388. package/dist/collection/components/dda-chip/dda-chip.stories.js.map +0 -1
  389. package/dist/collection/components/dda-credit-card/dda-credit-card.js.map +0 -1
  390. package/dist/collection/components/dda-credit-card/dda-credit-card.stories.js.map +0 -1
  391. package/dist/collection/components/dda-creditcard-field/dda-creditcard-field.js.map +0 -1
  392. package/dist/collection/components/dda-creditcard-field/dda-creditcard-field.stories.js.map +0 -1
  393. package/dist/collection/components/dda-dropdown/dda-dropdown.js.map +0 -1
  394. package/dist/collection/components/dda-dropdown/dda-dropdown.stories.js.map +0 -1
  395. package/dist/collection/components/dda-footer/dda-footer.js.map +0 -1
  396. package/dist/collection/components/dda-footer/dda-footer.stories.js.map +0 -1
  397. package/dist/collection/components/dda-header/dda-header.js.map +0 -1
  398. package/dist/collection/components/dda-header/dda-header.stories.js.map +0 -1
  399. package/dist/collection/components/dda-input/dda-input.js.map +0 -1
  400. package/dist/collection/components/dda-input/dda-input.stories.js.map +0 -1
  401. package/dist/collection/components/dda-link-button/dda-link-button.js.map +0 -1
  402. package/dist/collection/components/dda-link-button/dda-link-button.stories.js.map +0 -1
  403. package/dist/collection/components/dda-number-field/dda-number-field.js.map +0 -1
  404. package/dist/collection/components/dda-number-field/dda-number-field.stories.js.map +0 -1
  405. package/dist/collection/components/dda-pagination/dda-pagination.js.map +0 -1
  406. package/dist/collection/components/dda-pagination/dda-pagination.stories.js.map +0 -1
  407. package/dist/collection/components/dda-phonefield/dda-phonefield.js.map +0 -1
  408. package/dist/collection/components/dda-phonefield/dda-phonefield.stories.js.map +0 -1
  409. package/dist/collection/components/dda-progressbar/dda-progressbar.js.map +0 -1
  410. package/dist/collection/components/dda-progressbar/dda-progressbar.stories.js.map +0 -1
  411. package/dist/collection/components/dda-radiobutton/dda-radiobutton.js.map +0 -1
  412. package/dist/collection/components/dda-radiobutton/dda-radiobutton.stories.js.map +0 -1
  413. package/dist/collection/components/dda-range-slider/dda-range-slider.js.map +0 -1
  414. package/dist/collection/components/dda-range-slider/dda-range-slider.stories.js.map +0 -1
  415. package/dist/collection/components/dda-search-input/dda-search-input.js.map +0 -1
  416. package/dist/collection/components/dda-search-input/dda-search-input.stories.js.map +0 -1
  417. package/dist/collection/components/dda-select/dda-select.js.map +0 -1
  418. package/dist/collection/components/dda-select/dda-select.stories.js.map +0 -1
  419. package/dist/collection/components/dda-sticky-footer/dda-sticky-footer.js.map +0 -1
  420. package/dist/collection/components/dda-sticky-footer/dda-sticky-footer.stories.js.map +0 -1
  421. package/dist/collection/components/dda-tabs/dda-tabs.js.map +0 -1
  422. package/dist/collection/components/dda-tabs/dda-tabs.stories.js.map +0 -1
  423. package/dist/collection/components/dda-textarea/dda-textarea.js.map +0 -1
  424. package/dist/collection/components/dda-textarea/dda-textarea.stories.js.map +0 -1
  425. package/dist/collection/components/dda-toggle/dda-toggle.js.map +0 -1
  426. package/dist/collection/components/dda-toggle/dda-toggle.stories.js.map +0 -1
  427. package/dist/collection/components/dda-tooltip/dda-tooltip.js.map +0 -1
  428. package/dist/collection/components/dda-tooltip/dda-tooltip.stories.js.map +0 -1
  429. package/dist/collection/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.js.map +0 -1
  430. package/dist/collection/components/segmented-groups/dda-segmented-tabs/dda-segmented-tabs.stories.js.map +0 -1
  431. package/dist/collection/components/stepper/dda-horizontal-stepper/dda-horizontal-stepper.js.map +0 -1
  432. package/dist/collection/components/stepper/dda-horizontal-stepper/dda-horizontal-stepper.stories.js.map +0 -1
  433. package/dist/collection/components/stepper/dda-vertical-stepper/dda-vertical-stepper.js.map +0 -1
  434. package/dist/collection/components/stepper/dda-vertical-stepper/dda-vertical-stepper.stories.js.map +0 -1
  435. package/dist/collection/index.js.map +0 -1
  436. package/dist/collection/utils/utils.js.map +0 -1
  437. package/dist/components/dda-accordion.js.map +0 -1
  438. package/dist/components/dda-alert.js.map +0 -1
  439. package/dist/components/dda-attach-file.js.map +0 -1
  440. package/dist/components/dda-avatar.js.map +0 -1
  441. package/dist/components/dda-breadcrumb.js.map +0 -1
  442. package/dist/components/dda-button.js.map +0 -1
  443. package/dist/components/dda-checkbox.js.map +0 -1
  444. package/dist/components/dda-chip.js.map +0 -1
  445. package/dist/components/dda-credit-card.js.map +0 -1
  446. package/dist/components/dda-creditcard-field.js.map +0 -1
  447. package/dist/components/dda-dropdown.js.map +0 -1
  448. package/dist/components/dda-footer.js.map +0 -1
  449. package/dist/components/dda-header.js.map +0 -1
  450. package/dist/components/dda-horizontal-stepper.js.map +0 -1
  451. package/dist/components/dda-input.js.map +0 -1
  452. package/dist/components/dda-link-button.js.map +0 -1
  453. package/dist/components/dda-number-field.js.map +0 -1
  454. package/dist/components/dda-pagination.js.map +0 -1
  455. package/dist/components/dda-phonefield.js.map +0 -1
  456. package/dist/components/dda-progressbar.js.map +0 -1
  457. package/dist/components/dda-radiobutton.js.map +0 -1
  458. package/dist/components/dda-range-slider.js.map +0 -1
  459. package/dist/components/dda-search-input.js.map +0 -1
  460. package/dist/components/dda-segmented-tabs.js.map +0 -1
  461. package/dist/components/dda-select.js.map +0 -1
  462. package/dist/components/dda-sticky-footer.js.map +0 -1
  463. package/dist/components/dda-tabs.js.map +0 -1
  464. package/dist/components/dda-textarea.js.map +0 -1
  465. package/dist/components/dda-toggle.js.map +0 -1
  466. package/dist/components/dda-tooltip.js.map +0 -1
  467. package/dist/components/dda-vertical-stepper.js.map +0 -1
  468. package/dist/components/index.js.map +0 -1
  469. package/dist/components/p-562afefe.js +0 -73
  470. package/dist/components/p-562afefe.js.map +0 -1
  471. package/dist/components/p-6f74eccd.js +0 -1422
  472. package/dist/components/p-6f74eccd.js.map +0 -1
  473. package/dist/components/p-96fcc6bd.js +0 -54
  474. package/dist/components/p-96fcc6bd.js.map +0 -1
  475. package/dist/components/p-ad0417cc.js +0 -44
  476. package/dist/components/p-ad0417cc.js.map +0 -1
  477. package/dist/components/p-f15e5894.js +0 -76
  478. package/dist/components/p-f15e5894.js.map +0 -1
  479. package/dist/dda/dda.esm.js.map +0 -1
  480. package/dist/dda/index.esm.js.map +0 -1
  481. package/dist/dda/p-01b4ec07.entry.js +0 -2
  482. package/dist/dda/p-01b4ec07.entry.js.map +0 -1
  483. package/dist/dda/p-231440d1.entry.js +0 -2
  484. package/dist/dda/p-231440d1.entry.js.map +0 -1
  485. package/dist/dda/p-2e604126.entry.js +0 -2
  486. package/dist/dda/p-2e604126.entry.js.map +0 -1
  487. package/dist/dda/p-31699358.entry.js +0 -2
  488. package/dist/dda/p-31699358.entry.js.map +0 -1
  489. package/dist/dda/p-33561c6d.entry.js +0 -2
  490. package/dist/dda/p-33561c6d.entry.js.map +0 -1
  491. package/dist/dda/p-36561409.entry.js +0 -2
  492. package/dist/dda/p-36561409.entry.js.map +0 -1
  493. package/dist/dda/p-3c099577.entry.js +0 -2
  494. package/dist/dda/p-3c099577.entry.js.map +0 -1
  495. package/dist/dda/p-3cdb54c4.entry.js +0 -2
  496. package/dist/dda/p-3cdb54c4.entry.js.map +0 -1
  497. package/dist/dda/p-3d5608f7.entry.js +0 -2
  498. package/dist/dda/p-3d5608f7.entry.js.map +0 -1
  499. package/dist/dda/p-3fffdb8b.entry.js +0 -2
  500. package/dist/dda/p-3fffdb8b.entry.js.map +0 -1
  501. package/dist/dda/p-466f931b.entry.js +0 -2
  502. package/dist/dda/p-466f931b.entry.js.map +0 -1
  503. package/dist/dda/p-4d0d3545.entry.js +0 -2
  504. package/dist/dda/p-4d0d3545.entry.js.map +0 -1
  505. package/dist/dda/p-511fae4e.entry.js +0 -2
  506. package/dist/dda/p-511fae4e.entry.js.map +0 -1
  507. package/dist/dda/p-540284f3.entry.js +0 -2
  508. package/dist/dda/p-540284f3.entry.js.map +0 -1
  509. package/dist/dda/p-578b6d01.entry.js +0 -2
  510. package/dist/dda/p-578b6d01.entry.js.map +0 -1
  511. package/dist/dda/p-6b401fde.js +0 -3
  512. package/dist/dda/p-6b401fde.js.map +0 -1
  513. package/dist/dda/p-8c970299.entry.js +0 -2
  514. package/dist/dda/p-8c970299.entry.js.map +0 -1
  515. package/dist/dda/p-8ffca988.entry.js +0 -2
  516. package/dist/dda/p-8ffca988.entry.js.map +0 -1
  517. package/dist/dda/p-9c619a7a.entry.js +0 -2
  518. package/dist/dda/p-9c619a7a.entry.js.map +0 -1
  519. package/dist/dda/p-9c693b51.entry.js +0 -2
  520. package/dist/dda/p-9c693b51.entry.js.map +0 -1
  521. package/dist/dda/p-a5b7698d.entry.js +0 -2
  522. package/dist/dda/p-a5b7698d.entry.js.map +0 -1
  523. package/dist/dda/p-a83fa6d1.entry.js +0 -2
  524. package/dist/dda/p-a83fa6d1.entry.js.map +0 -1
  525. package/dist/dda/p-ade2b279.entry.js +0 -2
  526. package/dist/dda/p-ade2b279.entry.js.map +0 -1
  527. package/dist/dda/p-aec2f087.entry.js +0 -2
  528. package/dist/dda/p-aec2f087.entry.js.map +0 -1
  529. package/dist/dda/p-bf69dfab.entry.js +0 -2
  530. package/dist/dda/p-bf69dfab.entry.js.map +0 -1
  531. package/dist/dda/p-ccf23fd7.entry.js +0 -2
  532. package/dist/dda/p-ccf23fd7.entry.js.map +0 -1
  533. package/dist/dda/p-d6a16216.entry.js +0 -2
  534. package/dist/dda/p-d6a16216.entry.js.map +0 -1
  535. package/dist/dda/p-dbba8d56.entry.js +0 -2
  536. package/dist/dda/p-dbba8d56.entry.js.map +0 -1
  537. package/dist/dda/p-e1255160.js +0 -2
  538. package/dist/dda/p-e1255160.js.map +0 -1
  539. package/dist/dda/p-e4d6f6cb.entry.js +0 -2
  540. package/dist/dda/p-e4d6f6cb.entry.js.map +0 -1
  541. package/dist/dda/p-e550c988.entry.js +0 -2
  542. package/dist/dda/p-e550c988.entry.js.map +0 -1
  543. package/dist/dda/p-ed0795e7.entry.js +0 -2
  544. package/dist/dda/p-ed0795e7.entry.js.map +0 -1
  545. package/dist/esm/app-globals-0f993ce5.js +0 -5
  546. package/dist/esm/app-globals-0f993ce5.js.map +0 -1
  547. package/dist/esm/dda-accordion.entry.js.map +0 -1
  548. package/dist/esm/dda-alert.entry.js.map +0 -1
  549. package/dist/esm/dda-attach-file.entry.js.map +0 -1
  550. package/dist/esm/dda-avatar.entry.js.map +0 -1
  551. package/dist/esm/dda-breadcrumb.entry.js.map +0 -1
  552. package/dist/esm/dda-button.entry.js.map +0 -1
  553. package/dist/esm/dda-checkbox.entry.js.map +0 -1
  554. package/dist/esm/dda-chip.entry.js.map +0 -1
  555. package/dist/esm/dda-credit-card.entry.js.map +0 -1
  556. package/dist/esm/dda-creditcard-field.entry.js.map +0 -1
  557. package/dist/esm/dda-dropdown.entry.js.map +0 -1
  558. package/dist/esm/dda-footer.entry.js.map +0 -1
  559. package/dist/esm/dda-header.entry.js.map +0 -1
  560. package/dist/esm/dda-horizontal-stepper.entry.js.map +0 -1
  561. package/dist/esm/dda-input.entry.js.map +0 -1
  562. package/dist/esm/dda-link-button_2.entry.js.map +0 -1
  563. package/dist/esm/dda-number-field.entry.js.map +0 -1
  564. package/dist/esm/dda-pagination.entry.js.map +0 -1
  565. package/dist/esm/dda-phonefield.entry.js.map +0 -1
  566. package/dist/esm/dda-progressbar.entry.js.map +0 -1
  567. package/dist/esm/dda-radiobutton.entry.js +0 -27
  568. package/dist/esm/dda-radiobutton.entry.js.map +0 -1
  569. package/dist/esm/dda-range-slider.entry.js.map +0 -1
  570. package/dist/esm/dda-search-input.entry.js.map +0 -1
  571. package/dist/esm/dda-segmented-tabs.entry.js.map +0 -1
  572. package/dist/esm/dda-select.entry.js.map +0 -1
  573. package/dist/esm/dda-sticky-footer.entry.js.map +0 -1
  574. package/dist/esm/dda-tabs.entry.js.map +0 -1
  575. package/dist/esm/dda-textarea.entry.js.map +0 -1
  576. package/dist/esm/dda-toggle.entry.js.map +0 -1
  577. package/dist/esm/dda-vertical-stepper.entry.js.map +0 -1
  578. package/dist/esm/dda.js.map +0 -1
  579. package/dist/esm/index-be8c716a.js +0 -1590
  580. package/dist/esm/index-be8c716a.js.map +0 -1
  581. package/dist/esm/index.js.map +0 -1
  582. package/dist/esm/loader.js.map +0 -1
  583. package/loader/package.json +0 -11
@@ -1,168 +1,176 @@
1
- .dda-pagination-container {
2
- min-width: 380px;
3
- display: inline-flex;
4
- justify-content: center;
5
- align-items: center;
6
- gap: 20px;
7
- }
8
-
9
- .dda-pagination {
10
- display: inline-flex;
11
- align-items: center;
12
- }
13
-
14
- .dda-pagination button {
15
- height: 40px;
16
- min-width: 40px;
17
- border: transparent;
18
- border-radius: 5px;
19
- background-color: var(--dda-surface-100);
20
- font-size: 16px;
21
- color: var(--dda-on-surface-variant-30);
22
- cursor: pointer;
23
- display: inline-flex;
24
- align-items: center;
25
- justify-content: center;
26
- }
27
- .light-mode.dda-pagination button{
28
- background-color: var(--dda-neutral-100);
29
- color: var(--dda-neutral-variant-30);
30
- }
31
-
32
- .dda-pagination span{
33
- color: var(--dda-on-surface-variant-30);
34
- }
35
- .light-mode.dda-pagination span {
36
- color: var(--dda-neutral-variant-30);
37
- }
38
-
39
- .dda-pagination-simple-slider {
40
- width: 100%;
41
- display: inline-flex;
42
- align-items: center;
43
- justify-content: space-between;
44
- }
45
-
46
- .dda-pagination-simple-slider button {
47
- background-color: transparent;
48
- border: transparent;
49
- display: inline-flex;
50
- align-items: center;
51
- gap: 10px;
52
- }
53
-
54
- .dda-pagination-simple-slider span {
55
- padding: 0 20px;
56
- }
57
-
58
- .dda-pagination-buttons button {
59
- background-color: transparent;
60
- border: transparent;
61
- display: inline-flex;
62
- gap: 10px;
63
- }
64
-
65
- .dda-pagination-buttons button.active {
66
- background-color: transparent;
67
- color: var(--dda-color-primary-40)
68
- }
69
- .light-mode.dda-pagination-buttons button.active {
70
- color: var(--dda-primary-40)
71
- }
72
-
73
- .dda-pagination-text {
74
- width: 100%;
75
- justify-content: space-between;
76
- }
77
- .dda-pagination-text button{
78
- box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
79
- }
80
- .dda-pagination-text-pages {
81
- width: 100%;
82
- justify-content: space-between;
83
- gap: 8px;
84
- }
85
- .dda-pagination-text-pages button{
86
- box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
87
- }
88
- .dda-pagination-text-pages button.active {
89
- background-color: var(--dda-color-primary-40);
90
- color: var(--dda-surface-100)
91
- }
92
- .light-mode.dda-pagination-text-pages button.active {
93
- background-color: var(--dda-primary-40);
94
- color: var(--dda-neutral-100)
95
- }
96
- .dda-pagination-button-text {
97
- width: 100%;
98
- box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
99
- }
100
-
101
- .dda-pagination-button-text button {
102
- min-width: 50px;
103
- border: 0px;
104
- border-right: solid 1px var(--dda-neutral-90);
105
- border-top: solid 1px var(--dda-neutral-90);
106
- border-bottom: solid 1px var(--dda-neutral-90);
107
- border-radius: 0px;
108
- }
109
-
110
- .dda-pagination-button-text button.active {
111
- color: var(--dda-color-primary-40);
112
- font-weight: var(--dda-fw-700);
113
- }
114
- .light-mode.dda-pagination-button-text button.active {
115
- color: var(--dda-primary-40);
116
- }
117
- .dda-pagination-button-text button.prev {
118
- border-left: solid 1px var(--dda-neutral-90);
119
- border-radius: 5px 0 0 5px;
120
- }
121
-
122
- .dda-pagination-button-text button.next {
123
- border-radius: 0 5px 5px 0;
124
- }
125
- .dda-pagination-buttons-pages{
126
- box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
127
- }
128
- .dda-pagination-buttons-pages button {
129
- border: 0px;
130
- border-right: solid 1px var(--dda-neutral-90);
131
- border-top: solid 1px var(--dda-neutral-90);
132
- border-bottom: solid 1px var(--dda-neutral-90);
133
- border-radius: 0px;
134
- }
135
-
136
- .dda-pagination-buttons-pages button.prev {
137
- border-left: solid 1px var(--dda-neutral-90);
138
- border-radius: 5px 0 0 5px;
139
- }
140
-
141
- .dda-pagination-buttons-pages button.next {
142
- border-radius: 0 5px 5px 0;
143
- }
144
-
145
- .dda-pagination-full {
146
- gap: 8px;
147
- }
148
-
149
- .dda-pagination-full button {
150
- min-width: auto;
151
- width: 10px;
152
- height: 10px;
153
- border-radius: 10px;
154
- padding: 0px;
155
- overflow: hidden;
156
- text-indent: -100px;
157
- border: solid 1px var(--dda-surface-90);
158
- }
159
- .light-mode.dda-pagination-full button{
160
- border: solid 1px var(--dda-neutral-90);
161
- }
162
- .dda-pagination-full button.active {
163
- background-color: var(--dda-color-primary-40);
164
- border: transparent;
165
- }
166
- .light-mode.dda-pagination-full button.active {
167
- background-color: var(--dda-primary-40);
1
+ .dda-pagination-container {
2
+ min-width: 380px;
3
+ display: inline-flex;
4
+ justify-content: center;
5
+ align-items: center;
6
+ gap: 20px;
7
+ }
8
+
9
+ .dda-pagination {
10
+ display: inline-flex;
11
+ align-items: center;
12
+ }
13
+
14
+ .dda-pagination button {
15
+ height: 40px;
16
+ min-width: 40px;
17
+ border: transparent;
18
+ border-radius: 5px;
19
+ background-color: var(--dda-surface-100);
20
+ font-size: 16px;
21
+ color: var(--dda-on-surface-variant-30);
22
+ cursor: pointer;
23
+ display: inline-flex;
24
+ align-items: center;
25
+ justify-content: center;
26
+ }
27
+ .light-mode.dda-pagination button{
28
+ background-color: var(--dda-neutral-100);
29
+ color: var(--dda-neutral-variant-30);
30
+ }
31
+
32
+ .dda-pagination span{
33
+ color: var(--dda-on-surface-variant-30);
34
+ }
35
+ .light-mode.dda-pagination span {
36
+ color: var(--dda-neutral-variant-30);
37
+ }
38
+
39
+ .dda-pagination-simple-slider {
40
+ width: 100%;
41
+ display: inline-flex;
42
+ align-items: center;
43
+ justify-content: space-between;
44
+ }
45
+
46
+ .dda-pagination-simple-slider button {
47
+ background-color: transparent;
48
+ border: transparent;
49
+ display: inline-flex;
50
+ align-items: center;
51
+ gap: 10px;
52
+ }
53
+
54
+ .dda-pagination-simple-slider span {
55
+ padding: 0 20px;
56
+ }
57
+
58
+ .dda-pagination-buttons button {
59
+ background-color: transparent;
60
+ border: transparent;
61
+ display: inline-flex;
62
+ gap: 10px;
63
+ }
64
+
65
+ .dda-pagination-buttons button.active {
66
+ background-color: transparent;
67
+ color: var(--dda-color-primary-40)
68
+ }
69
+ .light-mode.dda-pagination-buttons button.active {
70
+ color: var(--dda-primary-40)
71
+ }
72
+
73
+ .dda-pagination-text {
74
+ width: 100%;
75
+ justify-content: space-between;
76
+ }
77
+ .dda-pagination-text button{
78
+ box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
79
+ }
80
+ .dda-pagination-text-pages {
81
+ width: 100%;
82
+ justify-content: space-between;
83
+ gap: 8px;
84
+ }
85
+ .dda-pagination-text-pages button{
86
+ box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
87
+ }
88
+ .dda-pagination-text-pages button.active {
89
+ background-color: var(--dda-color-primary-40);
90
+ color: var(--dda-surface-100)
91
+ }
92
+ .light-mode.dda-pagination-text-pages button.active {
93
+ background-color: var(--dda-primary-40);
94
+ color: var(--dda-neutral-100)
95
+ }
96
+ .dda-pagination-button-text {
97
+ width: 100%;
98
+ box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
99
+ }
100
+
101
+ .dda-pagination-button-text button {
102
+ min-width: 50px;
103
+ border: 0px;
104
+ border-right: solid 1px var(--dda-neutral-90);
105
+ border-top: solid 1px var(--dda-neutral-90);
106
+ border-bottom: solid 1px var(--dda-neutral-90);
107
+ border-radius: 0px;
108
+ }
109
+
110
+ .dda-pagination-button-text button.active {
111
+ color: var(--dda-color-primary-40);
112
+ font-weight: var(--dda-fw-700);
113
+ }
114
+ .light-mode.dda-pagination-button-text button.active {
115
+ color: var(--dda-primary-40);
116
+ }
117
+ .dda-pagination-button-text button.prev {
118
+ border-left: solid 1px var(--dda-neutral-90);
119
+ border-radius: 5px 0 0 5px;
120
+ }
121
+
122
+ .dda-pagination-button-text button.next {
123
+ border-radius: 0 5px 5px 0;
124
+ }
125
+ .dda-pagination-buttons-pages{
126
+ box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
127
+ }
128
+ .dda-pagination-buttons-pages button {
129
+ border: 0px;
130
+ border-right: solid 1px var(--dda-neutral-90);
131
+ border-top: solid 1px var(--dda-neutral-90);
132
+ border-bottom: solid 1px var(--dda-neutral-90);
133
+ border-radius: 0px;
134
+ }
135
+
136
+ .dda-pagination-buttons-pages button.prev {
137
+ border-left: solid 1px var(--dda-neutral-90);
138
+ border-radius: 5px 0 0 5px;
139
+ }
140
+
141
+ .dda-pagination-buttons-pages button.next {
142
+ border-radius: 0 5px 5px 0;
143
+ }
144
+
145
+ /*
146
+ * F-022 (WCAG 2.5.8 target size, minimum): each dot is a deliberately
147
+ * small 10x10 visual target. Rather than growing the dots themselves
148
+ * (which would change the design), the gap is sized so their centres sit
149
+ * >= 24px apart, satisfying the spacing exception - the same approach and
150
+ * numbers (10px target, 25px centre-to-centre) already used for
151
+ * dda-home-banner's slide dots (home-banner.css `.slider-nav .dots`).
152
+ */
153
+ .dda-pagination-full {
154
+ gap: 15px;
155
+ }
156
+
157
+ .dda-pagination-full button {
158
+ min-width: auto;
159
+ width: 10px;
160
+ height: 10px;
161
+ border-radius: 10px;
162
+ padding: 0px;
163
+ overflow: hidden;
164
+ text-indent: -100px;
165
+ border: solid 1px var(--dda-surface-90);
166
+ }
167
+ .light-mode.dda-pagination-full button{
168
+ border: solid 1px var(--dda-neutral-90);
169
+ }
170
+ .dda-pagination-full button.active {
171
+ background-color: var(--dda-color-primary-40);
172
+ border: transparent;
173
+ }
174
+ .light-mode.dda-pagination-full button.active {
175
+ background-color: var(--dda-primary-40);
168
176
  }
@@ -26,17 +26,17 @@ export class DdaPagination {
26
26
  renderPagination() {
27
27
  switch (this.type) {
28
28
  case 'simple-slider':
29
- return (h("div", { class: `dda-pagination dda-pagination-simple-slider ${this.custom_class} ${this.component_mode}` }, h("button", { class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons" }, "arrow_back"), " Prev"), h("span", null, "Page ", this.current_page, " of ", this.total_pages), h("button", { class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, "Next ", h("i", { class: "material-icons" }, "arrow_forward"))));
29
+ return (h("div", { class: `dda-pagination dda-pagination-simple-slider ${this.custom_class} ${this.component_mode}` }, h("button", { name: this.simple_slider_prev_button, class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons material-symbols-outlined" }, "arrow_back"), " Prev"), h("span", null, "Page ", this.current_page, " of ", this.total_pages), h("button", { name: this.simple_slider_next_button, class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, "Next ", h("i", { class: "material-icons material-symbols-outlined" }, "arrow_forward"))));
30
30
  case 'buttons':
31
- return (h("div", { class: `dda-pagination dda-pagination-buttons ${this.custom_class} ${this.component_mode}` }, h("button", { class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons" }, "arrow_back"), " Prev"), this.renderPageButtons(), h("button", { class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, "Next ", h("i", { class: "material-icons" }, "arrow_forward"))));
31
+ return (h("div", { class: `dda-pagination dda-pagination-buttons ${this.custom_class} ${this.component_mode}` }, h("button", { name: this.buttons_prev_button, class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons material-symbols-outlined" }, "arrow_back"), " Prev"), this.renderPageButtons(), h("button", { name: this.buttons_next_button, class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, "Next ", h("i", { class: "material-icons material-symbols-outlined" }, "arrow_forward"))));
32
32
  case 'text':
33
- return (h("div", { class: `dda-pagination dda-pagination-text ${this.custom_class} ${this.component_mode}` }, h("button", { class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons" }, "arrow_back")), h("span", null, "Page ", this.current_page, " of ", this.total_pages), h("button", { class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, h("i", { class: "material-icons" }, "arrow_forward"))));
33
+ return (h("div", { class: `dda-pagination dda-pagination-text ${this.custom_class} ${this.component_mode}` }, h("button", { name: this.text_prev_button, class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons material-symbols-outlined" }, "arrow_back")), h("span", null, "Page ", this.current_page, " of ", this.total_pages), h("button", { name: this.text_next_button, class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, h("i", { class: "material-icons material-symbols-outlined" }, "arrow_forward"))));
34
34
  case 'text-pages':
35
- return (h("div", { class: `dda-pagination dda-pagination-text-pages ${this.custom_class} ${this.component_mode}` }, h("button", { class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons" }, "arrow_back")), this.renderPageButtons(), h("button", { class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, h("i", { class: "material-icons" }, "arrow_forward"))));
35
+ return (h("div", { class: `dda-pagination dda-pagination-text-pages ${this.custom_class} ${this.component_mode}` }, h("button", { name: this.text_pages_prev_button, class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons material-symbols-outlined" }, "arrow_back")), this.renderPageButtons(), h("button", { name: this.text_pages_next_button, class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, h("i", { class: "material-icons material-symbols-outlined" }, "arrow_forward"))));
36
36
  case 'button-text':
37
- return (h("div", { class: `dda-pagination dda-pagination-button-text ${this.custom_class} ${this.component_mode}` }, h("button", { class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons" }, "arrow_back")), this.renderPageButtons(), h("button", { class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, h("i", { class: "material-icons" }, "arrow_forward"))));
37
+ return (h("div", { class: `dda-pagination dda-pagination-button-text ${this.custom_class} ${this.component_mode}` }, h("button", { name: this.button_text_prev_button, class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons material-symbols-outlined" }, "arrow_back")), this.renderPageButtons(), h("button", { name: this.button_text_next_button, class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, h("i", { class: "material-icons material-symbols-outlined" }, "arrow_forward"))));
38
38
  case 'buttons-pages':
39
- return (h("div", { class: `dda-pagination dda-pagination-buttons-pages ${this.custom_class} ${this.component_mode}` }, h("button", { class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons" }, "arrow_back")), h("button", { class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, h("i", { class: "material-icons" }, "arrow_forward"))));
39
+ return (h("div", { class: `dda-pagination dda-pagination-buttons-pages ${this.custom_class} ${this.component_mode}` }, h("button", { name: this.buttons_pages_prev_button, class: "prev", disabled: this.current_page === 1, onClick: () => this.setcurrentpage(this.current_page - 1) }, h("i", { class: "material-icons material-symbols-outlined" }, "arrow_back")), h("button", { name: this.buttons_pages_next_button, class: "next", disabled: this.current_page === this.total_pages, onClick: () => this.setcurrentpage(this.current_page + 1) }, h("i", { class: "material-icons material-symbols-outlined" }, "arrow_forward"))));
40
40
  case 'full':
41
41
  return (h("div", { class: `dda-pagination dda-pagination-full ${this.custom_class} ${this.component_mode}` }, this.renderPageButtons()));
42
42
  }
@@ -54,7 +54,7 @@ export class DdaPagination {
54
54
  }
55
55
  }
56
56
  render() {
57
- return (h(Host, { key: '4ff1b330bdd04421562c3345348990e30b2e30ec' }, h("div", { key: '30f8e003992c197156d136974ac720ffa60a7969', class: `dda-pagination-container` }, this.renderPagination())));
57
+ return (h(Host, { key: '85e139ac55f4589cc1aabbdcc5ee4034c08138f7' }, h("div", { key: '20403174b3a3b556016eb01ab96a624e97c17b51', class: `dda-pagination-container` }, this.renderPagination())));
58
58
  }
59
59
  static get is() { return "dda-pagination"; }
60
60
  static get originalStyleUrls() {
@@ -85,8 +85,8 @@ export class DdaPagination {
85
85
  },
86
86
  "getter": false,
87
87
  "setter": false,
88
- "attribute": "total_pages",
89
88
  "reflect": false,
89
+ "attribute": "total_pages",
90
90
  "defaultValue": "8"
91
91
  },
92
92
  "current_page": {
@@ -105,8 +105,8 @@ export class DdaPagination {
105
105
  },
106
106
  "getter": false,
107
107
  "setter": false,
108
- "attribute": "current_page",
109
108
  "reflect": false,
109
+ "attribute": "current_page",
110
110
  "defaultValue": "1"
111
111
  },
112
112
  "type": {
@@ -125,8 +125,8 @@ export class DdaPagination {
125
125
  },
126
126
  "getter": false,
127
127
  "setter": false,
128
- "attribute": "type",
129
128
  "reflect": false,
129
+ "attribute": "type",
130
130
  "defaultValue": "'simple-slider'"
131
131
  },
132
132
  "custom_class": {
@@ -145,8 +145,8 @@ export class DdaPagination {
145
145
  },
146
146
  "getter": false,
147
147
  "setter": false,
148
- "attribute": "custom_class",
149
148
  "reflect": false,
149
+ "attribute": "custom_class",
150
150
  "defaultValue": "''"
151
151
  },
152
152
  "component_mode": {
@@ -165,8 +165,236 @@ export class DdaPagination {
165
165
  },
166
166
  "getter": false,
167
167
  "setter": false,
168
- "attribute": "component_mode",
169
- "reflect": false
168
+ "reflect": false,
169
+ "attribute": "component_mode"
170
+ },
171
+ "simple_slider_prev_button": {
172
+ "type": "string",
173
+ "mutable": false,
174
+ "complexType": {
175
+ "original": "string",
176
+ "resolved": "string",
177
+ "references": {}
178
+ },
179
+ "required": false,
180
+ "optional": false,
181
+ "docs": {
182
+ "tags": [],
183
+ "text": ""
184
+ },
185
+ "getter": false,
186
+ "setter": false,
187
+ "reflect": false,
188
+ "attribute": "simple_slider_prev_button"
189
+ },
190
+ "simple_slider_next_button": {
191
+ "type": "string",
192
+ "mutable": false,
193
+ "complexType": {
194
+ "original": "string",
195
+ "resolved": "string",
196
+ "references": {}
197
+ },
198
+ "required": false,
199
+ "optional": false,
200
+ "docs": {
201
+ "tags": [],
202
+ "text": ""
203
+ },
204
+ "getter": false,
205
+ "setter": false,
206
+ "reflect": false,
207
+ "attribute": "simple_slider_next_button"
208
+ },
209
+ "buttons_prev_button": {
210
+ "type": "string",
211
+ "mutable": false,
212
+ "complexType": {
213
+ "original": "string",
214
+ "resolved": "string",
215
+ "references": {}
216
+ },
217
+ "required": false,
218
+ "optional": false,
219
+ "docs": {
220
+ "tags": [],
221
+ "text": ""
222
+ },
223
+ "getter": false,
224
+ "setter": false,
225
+ "reflect": false,
226
+ "attribute": "buttons_prev_button"
227
+ },
228
+ "buttons_next_button": {
229
+ "type": "string",
230
+ "mutable": false,
231
+ "complexType": {
232
+ "original": "string",
233
+ "resolved": "string",
234
+ "references": {}
235
+ },
236
+ "required": false,
237
+ "optional": false,
238
+ "docs": {
239
+ "tags": [],
240
+ "text": ""
241
+ },
242
+ "getter": false,
243
+ "setter": false,
244
+ "reflect": false,
245
+ "attribute": "buttons_next_button"
246
+ },
247
+ "text_prev_button": {
248
+ "type": "string",
249
+ "mutable": false,
250
+ "complexType": {
251
+ "original": "string",
252
+ "resolved": "string",
253
+ "references": {}
254
+ },
255
+ "required": false,
256
+ "optional": false,
257
+ "docs": {
258
+ "tags": [],
259
+ "text": ""
260
+ },
261
+ "getter": false,
262
+ "setter": false,
263
+ "reflect": false,
264
+ "attribute": "text_prev_button"
265
+ },
266
+ "text_next_button": {
267
+ "type": "string",
268
+ "mutable": false,
269
+ "complexType": {
270
+ "original": "string",
271
+ "resolved": "string",
272
+ "references": {}
273
+ },
274
+ "required": false,
275
+ "optional": false,
276
+ "docs": {
277
+ "tags": [],
278
+ "text": ""
279
+ },
280
+ "getter": false,
281
+ "setter": false,
282
+ "reflect": false,
283
+ "attribute": "text_next_button"
284
+ },
285
+ "text_pages_prev_button": {
286
+ "type": "string",
287
+ "mutable": false,
288
+ "complexType": {
289
+ "original": "string",
290
+ "resolved": "string",
291
+ "references": {}
292
+ },
293
+ "required": false,
294
+ "optional": false,
295
+ "docs": {
296
+ "tags": [],
297
+ "text": ""
298
+ },
299
+ "getter": false,
300
+ "setter": false,
301
+ "reflect": false,
302
+ "attribute": "text_pages_prev_button"
303
+ },
304
+ "text_pages_next_button": {
305
+ "type": "string",
306
+ "mutable": false,
307
+ "complexType": {
308
+ "original": "string",
309
+ "resolved": "string",
310
+ "references": {}
311
+ },
312
+ "required": false,
313
+ "optional": false,
314
+ "docs": {
315
+ "tags": [],
316
+ "text": ""
317
+ },
318
+ "getter": false,
319
+ "setter": false,
320
+ "reflect": false,
321
+ "attribute": "text_pages_next_button"
322
+ },
323
+ "button_text_prev_button": {
324
+ "type": "string",
325
+ "mutable": false,
326
+ "complexType": {
327
+ "original": "string",
328
+ "resolved": "string",
329
+ "references": {}
330
+ },
331
+ "required": false,
332
+ "optional": false,
333
+ "docs": {
334
+ "tags": [],
335
+ "text": ""
336
+ },
337
+ "getter": false,
338
+ "setter": false,
339
+ "reflect": false,
340
+ "attribute": "button_text_prev_button"
341
+ },
342
+ "button_text_next_button": {
343
+ "type": "string",
344
+ "mutable": false,
345
+ "complexType": {
346
+ "original": "string",
347
+ "resolved": "string",
348
+ "references": {}
349
+ },
350
+ "required": false,
351
+ "optional": false,
352
+ "docs": {
353
+ "tags": [],
354
+ "text": ""
355
+ },
356
+ "getter": false,
357
+ "setter": false,
358
+ "reflect": false,
359
+ "attribute": "button_text_next_button"
360
+ },
361
+ "buttons_pages_prev_button": {
362
+ "type": "string",
363
+ "mutable": false,
364
+ "complexType": {
365
+ "original": "string",
366
+ "resolved": "string",
367
+ "references": {}
368
+ },
369
+ "required": false,
370
+ "optional": false,
371
+ "docs": {
372
+ "tags": [],
373
+ "text": ""
374
+ },
375
+ "getter": false,
376
+ "setter": false,
377
+ "reflect": false,
378
+ "attribute": "buttons_pages_prev_button"
379
+ },
380
+ "buttons_pages_next_button": {
381
+ "type": "string",
382
+ "mutable": false,
383
+ "complexType": {
384
+ "original": "string",
385
+ "resolved": "string",
386
+ "references": {}
387
+ },
388
+ "required": false,
389
+ "optional": false,
390
+ "docs": {
391
+ "tags": [],
392
+ "text": ""
393
+ },
394
+ "getter": false,
395
+ "setter": false,
396
+ "reflect": false,
397
+ "attribute": "buttons_pages_next_button"
170
398
  }
171
399
  };
172
400
  }
@@ -180,4 +408,3 @@ export class DdaPagination {
180
408
  }];
181
409
  }
182
410
  }
183
- //# sourceMappingURL=dda-pagination.js.map