ids-enterprise-wc 1.0.0-beta.12 → 1.0.0-beta.14

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 (751) hide show
  1. package/README.md +24 -3
  2. package/chunks/ids-chunk-25YWT4C6.js +1 -0
  3. package/chunks/ids-chunk-26AMEGYJ.js +1 -0
  4. package/chunks/ids-chunk-2DTVYPSD.js +120 -0
  5. package/chunks/{ids-chunk-VSXEX4EM.js → ids-chunk-2XSPH5WP.js} +1 -1
  6. package/chunks/{ids-chunk-VZKGISMA.js → ids-chunk-2YJVDAW2.js} +18 -18
  7. package/chunks/{ids-chunk-QUXOQUFT.js → ids-chunk-326W666D.js} +1 -1
  8. package/chunks/{ids-chunk-OI3V5ZMR.js → ids-chunk-33V6A4PN.js} +94 -15
  9. package/chunks/{ids-chunk-NGLLCXSP.js → ids-chunk-376GR7ZZ.js} +74 -74
  10. package/chunks/{ids-chunk-PJGUY65T.js → ids-chunk-3DQJXCV3.js} +16 -16
  11. package/chunks/{ids-chunk-CZ53WDSC.js → ids-chunk-3K4K67DJ.js} +5 -5
  12. package/chunks/ids-chunk-3NZ7H7BT.js +1 -0
  13. package/chunks/{ids-chunk-JE4DL2PP.js → ids-chunk-3VMFQMM4.js} +1 -1
  14. package/chunks/{ids-chunk-AFC5IRWG.js → ids-chunk-3ZQZ4LWM.js} +2 -2
  15. package/chunks/{ids-chunk-UE6KINFT.js → ids-chunk-44CVUVFK.js} +11 -11
  16. package/chunks/{ids-chunk-HX7DR6BS.js → ids-chunk-4B7LRBAR.js} +1 -1
  17. package/chunks/{ids-chunk-BBMHS2QQ.js → ids-chunk-4E5OGUOL.js} +18 -18
  18. package/chunks/{ids-chunk-3VZAZNKV.js → ids-chunk-4FZLXQW3.js} +1 -1
  19. package/chunks/{ids-chunk-FY732MLA.js → ids-chunk-4RXDW4MK.js} +216 -176
  20. package/chunks/{ids-chunk-WEQ4YYN2.js → ids-chunk-4VTYAZQ5.js} +1 -1
  21. package/chunks/{ids-chunk-E6HASPY3.js → ids-chunk-4Y23U3J5.js} +10 -10
  22. package/chunks/{ids-chunk-TPLRKVBR.js → ids-chunk-542APW5J.js} +1 -1
  23. package/chunks/ids-chunk-54WKNX4L.js +1 -0
  24. package/chunks/{ids-chunk-MSZGF2V7.js → ids-chunk-56YQVDRY.js} +163 -159
  25. package/chunks/ids-chunk-5CZINUTT.js +161 -0
  26. package/chunks/{ids-chunk-K6SC5G6F.js → ids-chunk-5Q3WAL27.js} +33 -33
  27. package/chunks/ids-chunk-5T6MZ2ED.js +6 -0
  28. package/chunks/{ids-chunk-HOVVSXBS.js → ids-chunk-64UIKKHY.js} +40 -40
  29. package/chunks/{ids-chunk-EF7Q7E5L.js → ids-chunk-65HUVYR6.js} +2 -2
  30. package/chunks/{ids-chunk-RRDUYFQZ.js → ids-chunk-6A3CNKBM.js} +7 -7
  31. package/chunks/{ids-chunk-MTQNGZCM.js → ids-chunk-6JTZE653.js} +12 -12
  32. package/chunks/{ids-chunk-MZUE6M7Z.js → ids-chunk-6PATKT2Y.js} +1 -1
  33. package/chunks/{ids-chunk-MF67HEE6.js → ids-chunk-6SAUXA23.js} +9 -9
  34. package/chunks/{ids-chunk-OJLVOWNJ.js → ids-chunk-73WQ66QN.js} +2 -2
  35. package/chunks/ids-chunk-7F2NLUJ7.js +8 -0
  36. package/chunks/ids-chunk-7JIYCFAW.js +1 -0
  37. package/chunks/{ids-chunk-QEFDWP2M.js → ids-chunk-7NFN2CIC.js} +65 -65
  38. package/chunks/{ids-chunk-2PGTSIMO.js → ids-chunk-7OCEGBEP.js} +17 -17
  39. package/chunks/{ids-chunk-CA7WSO53.js → ids-chunk-7OME6RME.js} +1 -1
  40. package/chunks/{ids-chunk-EOPENUE2.js → ids-chunk-7UY3SLJK.js} +1 -1
  41. package/chunks/{ids-chunk-K3RPKHU2.js → ids-chunk-7UZR3CFO.js} +1 -1
  42. package/chunks/ids-chunk-7VJ3NF24.js +1 -0
  43. package/chunks/{ids-chunk-2VMN2PAL.js → ids-chunk-7YMQEQ4A.js} +1 -1
  44. package/chunks/{ids-chunk-ZXDVUHSP.js → ids-chunk-7ZQX5KSQ.js} +5 -5
  45. package/chunks/{ids-chunk-2DKKXQX3.js → ids-chunk-A6FYENRB.js} +17 -17
  46. package/chunks/{ids-chunk-SANGBPYY.js → ids-chunk-A6JFZG7O.js} +1 -1
  47. package/chunks/{ids-chunk-4UDMP6KJ.js → ids-chunk-AC7SL7GS.js} +19 -19
  48. package/chunks/{ids-chunk-25UZ5ODJ.js → ids-chunk-ACSBQBBN.js} +3 -3
  49. package/chunks/{ids-chunk-WMXE3J2K.js → ids-chunk-AE7IPRB7.js} +175 -171
  50. package/chunks/ids-chunk-AGRP3USW.js +14 -0
  51. package/chunks/{ids-chunk-C4BLSPJY.js → ids-chunk-AHFHXWOC.js} +22 -22
  52. package/chunks/{ids-chunk-UL53WS2G.js → ids-chunk-AKTQO63M.js} +64 -29
  53. package/chunks/ids-chunk-AN4KZJ43.js +1 -0
  54. package/chunks/{ids-chunk-QRMSWOB2.js → ids-chunk-AQ2W7TKP.js} +1 -1
  55. package/chunks/{ids-chunk-WZGR56YT.js → ids-chunk-ARK6U5LB.js} +1 -1
  56. package/chunks/{ids-chunk-SX4GQSL4.js → ids-chunk-ASQ2AMW4.js} +10 -10
  57. package/chunks/{ids-chunk-VKONCQ6O.js → ids-chunk-AVLWMYWS.js} +1 -1
  58. package/chunks/{ids-chunk-3PABHGXP.js → ids-chunk-AVNBEYP6.js} +1 -1
  59. package/chunks/ids-chunk-AYMAHFDX.js +62 -0
  60. package/chunks/{ids-chunk-X5HHVE4J.js → ids-chunk-AZSONAF7.js} +1 -1
  61. package/chunks/{ids-chunk-JGVE246R.js → ids-chunk-B3LFOR6V.js} +164 -160
  62. package/chunks/{ids-chunk-YS37TBDI.js → ids-chunk-B6P5AQ2Z.js} +1 -1
  63. package/chunks/{ids-chunk-YKXR5BK4.js → ids-chunk-BGHX2WQ5.js} +79 -79
  64. package/chunks/ids-chunk-BHWNCZZL.js +88 -0
  65. package/chunks/{ids-chunk-4KKY3I27.js → ids-chunk-BKOKGOCF.js} +166 -162
  66. package/chunks/ids-chunk-BL4JBYKT.js +25 -0
  67. package/chunks/ids-chunk-C6BQX6H6.js +1211 -0
  68. package/chunks/{ids-chunk-ASL6EZGQ.js → ids-chunk-CBYG3RUV.js} +1 -1
  69. package/chunks/{ids-chunk-OWCI3V54.js → ids-chunk-CLYFE2CL.js} +39 -39
  70. package/chunks/{ids-chunk-AGYAUIKW.js → ids-chunk-CSMD57BJ.js} +1 -1
  71. package/chunks/{ids-chunk-TLYMQSUY.js → ids-chunk-CSRRX6G6.js} +11 -11
  72. package/chunks/ids-chunk-D6UKDSVM.js +223 -0
  73. package/chunks/{ids-chunk-TWD4QGAE.js → ids-chunk-DANZRIXB.js} +47 -47
  74. package/chunks/{ids-chunk-3OHNRD7P.js → ids-chunk-DAU3MKBE.js} +8 -8
  75. package/chunks/{ids-chunk-34TUCVE2.js → ids-chunk-DMBGX6DQ.js} +22 -22
  76. package/chunks/{ids-chunk-NOZIDPCE.js → ids-chunk-DOLUR6CX.js} +1 -1
  77. package/chunks/ids-chunk-DRYOA3YT.js +102 -0
  78. package/chunks/{ids-chunk-N6J46CDW.js → ids-chunk-DSILQO6B.js} +1 -1
  79. package/chunks/{ids-chunk-P3LAR6X5.js → ids-chunk-DUQK5NSR.js} +1 -1
  80. package/chunks/{ids-chunk-OAOSLNJT.js → ids-chunk-E4VRTFNA.js} +231 -191
  81. package/chunks/{ids-chunk-LH2TWUML.js → ids-chunk-E7AO6UCK.js} +2 -2
  82. package/chunks/{ids-chunk-IUQDTAVW.js → ids-chunk-EJFTSZLS.js} +1 -1
  83. package/chunks/{ids-chunk-ZIZVHIP3.js → ids-chunk-EPKVUBGJ.js} +26 -26
  84. package/chunks/{ids-chunk-CSQCJF6Y.js → ids-chunk-EUOXPGET.js} +2 -2
  85. package/chunks/{ids-chunk-VBGN2CRQ.js → ids-chunk-FF2PR2KM.js} +1 -1
  86. package/chunks/{ids-chunk-QXHTM37J.js → ids-chunk-FGFRV5FR.js} +180 -4
  87. package/chunks/{ids-chunk-KSFNE7CV.js → ids-chunk-FIWDJDBN.js} +1 -1
  88. package/chunks/{ids-chunk-QGYZJQT6.js → ids-chunk-FQI7WFGL.js} +1 -1
  89. package/chunks/{ids-chunk-ETPDURX4.js → ids-chunk-G43XXP7Q.js} +39 -41
  90. package/chunks/{ids-chunk-YU2I4MHS.js → ids-chunk-G6CTBPDT.js} +3 -3
  91. package/chunks/{ids-chunk-L7UQRKY2.js → ids-chunk-GA3B7NQH.js} +22 -23
  92. package/chunks/{ids-chunk-RTUKNVUC.js → ids-chunk-GFTX3QTI.js} +17 -17
  93. package/chunks/{ids-chunk-TZJMQQB5.js → ids-chunk-GRVG3BUL.js} +6 -6
  94. package/chunks/ids-chunk-GZIEPPZO.js +18 -0
  95. package/chunks/ids-chunk-HABPILOR.js +1 -0
  96. package/chunks/{ids-chunk-YZWNIZAV.js → ids-chunk-HBMJNZ22.js} +21 -21
  97. package/chunks/{ids-chunk-SMIULO4X.js → ids-chunk-HMVBXMIM.js} +48 -48
  98. package/chunks/{ids-chunk-43NIX57R.js → ids-chunk-HTNX6JIZ.js} +1 -1
  99. package/chunks/{ids-chunk-SDY66MPI.js → ids-chunk-I2TYEGWJ.js} +3 -3
  100. package/chunks/{ids-chunk-VIRH6Q35.js → ids-chunk-IGXNMW4U.js} +9 -10
  101. package/chunks/{ids-chunk-UYV4P3JF.js → ids-chunk-IN5FFIIS.js} +1 -1
  102. package/chunks/ids-chunk-IZZJC2EB.js +240 -0
  103. package/chunks/{ids-chunk-W7LEXJSD.js → ids-chunk-J252AMUY.js} +1 -1
  104. package/chunks/{ids-chunk-WWN6C3DG.js → ids-chunk-J377KX6R.js} +1 -1
  105. package/chunks/{ids-chunk-OCX72AHL.js → ids-chunk-JA6ES3WY.js} +1 -1
  106. package/chunks/ids-chunk-JAL6RO7W.js +111 -0
  107. package/chunks/{ids-chunk-P3LFWF2P.js → ids-chunk-JB4HATAK.js} +16 -34
  108. package/chunks/{ids-chunk-5WUJ7UVF.js → ids-chunk-JIQ2LTHS.js} +1 -1
  109. package/chunks/{ids-chunk-ZHYOU3QW.js → ids-chunk-K7QJZ6GH.js} +1 -1
  110. package/chunks/{ids-chunk-52DWIKRP.js → ids-chunk-KDN7NRYA.js} +3 -3
  111. package/chunks/{ids-chunk-3XDDGBZE.js → ids-chunk-KEYQVP7N.js} +1 -1
  112. package/chunks/{ids-chunk-W2CAJ2LX.js → ids-chunk-KHY7SIUO.js} +4 -4
  113. package/chunks/{ids-chunk-ATUXA72Z.js → ids-chunk-KKBR7IGT.js} +1 -1
  114. package/chunks/{ids-chunk-RLKHPYT2.js → ids-chunk-KOMTS3V6.js} +1 -1
  115. package/chunks/{ids-chunk-DVFMODVX.js → ids-chunk-KTZENJ63.js} +23 -23
  116. package/chunks/{ids-chunk-YX3ZJXK2.js → ids-chunk-LAFXOE7V.js} +16 -16
  117. package/chunks/{ids-chunk-4NYT2ZBL.js → ids-chunk-LBYVOWTC.js} +23 -23
  118. package/chunks/{ids-chunk-A6ZOIVJF.js → ids-chunk-LFP4BXTN.js} +11 -11
  119. package/chunks/{ids-chunk-5AJABYTN.js → ids-chunk-LVUIKMAB.js} +1 -1
  120. package/chunks/ids-chunk-LVZFU6JO.js +194 -0
  121. package/chunks/{ids-chunk-C4LW4BRH.js → ids-chunk-M44M2XW4.js} +1 -1
  122. package/chunks/ids-chunk-M5U2D2ZU.js +1 -0
  123. package/chunks/ids-chunk-MC7TRILZ.js +1 -0
  124. package/chunks/{ids-chunk-GIC5SPNZ.js → ids-chunk-MLUF5BVT.js} +3 -3
  125. package/chunks/{ids-chunk-WGYBEZ5R.js → ids-chunk-MOAOEZYS.js} +1 -1
  126. package/chunks/{ids-chunk-6CC2YTLI.js → ids-chunk-NNLIK5QY.js} +4 -4
  127. package/chunks/{ids-chunk-CXTPP7VC.js → ids-chunk-NTMP4YNK.js} +1 -1
  128. package/chunks/{ids-chunk-VZYWIHMU.js → ids-chunk-O5K7VBSR.js} +1 -1
  129. package/chunks/{ids-chunk-IADGPFIU.js → ids-chunk-O6RSWMYI.js} +14 -14
  130. package/chunks/{ids-chunk-GD7I4Q2L.js → ids-chunk-O7EMEZFO.js} +1 -1
  131. package/chunks/{ids-chunk-UXOESE2B.js → ids-chunk-ODSUO7BM.js} +1 -1
  132. package/chunks/{ids-chunk-42MNDDP4.js → ids-chunk-OEOYGQW7.js} +31 -31
  133. package/chunks/{ids-chunk-7VNHKDYO.js → ids-chunk-OFFB3CAE.js} +69 -69
  134. package/chunks/ids-chunk-OIS6KGMU.js +1 -0
  135. package/chunks/{ids-chunk-H2ESTTQV.js → ids-chunk-OKBUVHAP.js} +4 -4
  136. package/chunks/{ids-chunk-PPT7GJXK.js → ids-chunk-OL3ARYDL.js} +1 -1
  137. package/chunks/{ids-chunk-PL6TH5G5.js → ids-chunk-ON5KDCUX.js} +16 -16
  138. package/chunks/ids-chunk-P4KSMASW.js +113 -0
  139. package/chunks/{ids-chunk-U266Z2MU.js → ids-chunk-PAV7LQOO.js} +1 -1
  140. package/chunks/{ids-chunk-LU7S3KBE.js → ids-chunk-PCQZFZLI.js} +1 -1
  141. package/chunks/{ids-chunk-7RHRY75G.js → ids-chunk-PG7C53XX.js} +2 -2
  142. package/chunks/{ids-chunk-36LHNWPP.js → ids-chunk-PTT3MTF7.js} +4 -4
  143. package/chunks/{ids-chunk-LJATRMPV.js → ids-chunk-Q7734ANA.js} +1 -1
  144. package/chunks/{ids-chunk-BQNSGN27.js → ids-chunk-QCRLDB3I.js} +1 -1
  145. package/chunks/{ids-chunk-LLIMTIAB.js → ids-chunk-QG2YEIVS.js} +2 -2
  146. package/chunks/{ids-chunk-2CQJZS6V.js → ids-chunk-QG4VRLBZ.js} +3 -3
  147. package/chunks/ids-chunk-QNRNJSFM.js +26 -0
  148. package/chunks/{ids-chunk-T73LTJDA.js → ids-chunk-QPUZP4H3.js} +5 -5
  149. package/chunks/{ids-chunk-P2D5GQOV.js → ids-chunk-QRLAPANT.js} +18 -18
  150. package/chunks/{ids-chunk-H6OYE4DR.js → ids-chunk-QSY44BZB.js} +1 -1
  151. package/chunks/ids-chunk-QXBFKEEP.js +1 -0
  152. package/chunks/{ids-chunk-Q6YDMB2A.js → ids-chunk-R7DZNS7W.js} +1 -1
  153. package/chunks/{ids-chunk-USQXUCDZ.js → ids-chunk-RDYB6JPO.js} +1 -1
  154. package/chunks/{ids-chunk-6XCOPQLH.js → ids-chunk-RI2BXZ6U.js} +1 -1
  155. package/chunks/{ids-chunk-MH4P6OJT.js → ids-chunk-RJCX7NER.js} +19 -19
  156. package/chunks/{ids-chunk-EVCI4WMT.js → ids-chunk-RLU5OFPQ.js} +1 -1
  157. package/chunks/{ids-chunk-NQTSEY5I.js → ids-chunk-RXKBAZ4I.js} +3 -3
  158. package/chunks/ids-chunk-RYIIQO4Z.js +25 -0
  159. package/chunks/{ids-chunk-MYKNXGMC.js → ids-chunk-RZSBH2SE.js} +197 -186
  160. package/chunks/{ids-chunk-R5YGFEAN.js → ids-chunk-SMNM5SCI.js} +1 -1
  161. package/chunks/{ids-chunk-DGXUDQQ7.js → ids-chunk-SP77E4S7.js} +10 -10
  162. package/chunks/ids-chunk-SRT7C7PU.js +52 -0
  163. package/chunks/ids-chunk-SUZ4YNUA.js +1 -0
  164. package/chunks/{ids-chunk-IGFZNIFL.js → ids-chunk-SYHVJ4TR.js} +1 -1
  165. package/chunks/ids-chunk-SZ64NQCD.js +1 -0
  166. package/chunks/{ids-chunk-ILL3AE5R.js → ids-chunk-T55PJIDE.js} +1 -1
  167. package/chunks/ids-chunk-TH2IC4AR.js +45 -0
  168. package/chunks/ids-chunk-TJKIW3GF.js +1 -0
  169. package/chunks/{ids-chunk-ZNLFCLFJ.js → ids-chunk-TJMN75LJ.js} +7 -7
  170. package/chunks/ids-chunk-TQSDO4QL.js +103 -0
  171. package/chunks/{ids-chunk-EMRJ5H4S.js → ids-chunk-TSFWUBNI.js} +1 -1
  172. package/chunks/{ids-chunk-367AJCHD.js → ids-chunk-TYUILR5W.js} +1 -1
  173. package/chunks/{ids-chunk-6HHXSMJS.js → ids-chunk-TZUETUBJ.js} +26 -26
  174. package/chunks/{ids-chunk-DA3A255R.js → ids-chunk-UHSHX3GP.js} +68 -53
  175. package/chunks/{ids-chunk-LTH7CZ6Q.js → ids-chunk-UN2Q545Y.js} +5 -5
  176. package/chunks/{ids-chunk-HT4HOREV.js → ids-chunk-UQLHTIAQ.js} +1 -1
  177. package/chunks/{ids-chunk-XZXJLS2V.js → ids-chunk-UV5AWFQL.js} +1 -1
  178. package/chunks/{ids-chunk-LXYTBRXE.js → ids-chunk-UVS4MOQI.js} +12 -12
  179. package/chunks/{ids-chunk-OMVLELNC.js → ids-chunk-UXTJR3X7.js} +5 -5
  180. package/chunks/{ids-chunk-JQXYHNEV.js → ids-chunk-UZANXZK4.js} +1 -1
  181. package/chunks/{ids-chunk-UAUE2CSS.js → ids-chunk-UZJO7ZOJ.js} +1 -1
  182. package/chunks/{ids-chunk-FSAS2D6N.js → ids-chunk-VE76TL7Q.js} +10 -10
  183. package/chunks/{ids-chunk-P2FFFWZL.js → ids-chunk-VPHSXARB.js} +1 -1
  184. package/chunks/{ids-chunk-6IERICJN.js → ids-chunk-W3ZV5EFE.js} +14 -14
  185. package/chunks/{ids-chunk-S3M2MLOD.js → ids-chunk-WAVQMT3W.js} +1 -1
  186. package/chunks/{ids-chunk-IHPIPTZC.js → ids-chunk-WGNRSGWT.js} +1 -1
  187. package/chunks/{ids-chunk-GEUKKHEG.js → ids-chunk-WRUIRBNC.js} +9 -9
  188. package/chunks/{ids-chunk-2XRFIR3A.js → ids-chunk-WWOYYPGI.js} +10 -10
  189. package/chunks/{ids-chunk-4Y4BRYZL.js → ids-chunk-WY2RW7QR.js} +9 -9
  190. package/chunks/{ids-chunk-SUVBHASO.js → ids-chunk-X5346J2B.js} +28 -29
  191. package/chunks/{ids-chunk-BI2YOST6.js → ids-chunk-XDWQ5WXK.js} +21 -21
  192. package/chunks/{ids-chunk-BXRJMYH7.js → ids-chunk-XOCDLDSL.js} +1 -2
  193. package/chunks/ids-chunk-XUBQJWA7.js +1 -0
  194. package/chunks/{ids-chunk-ORBJOUUM.js → ids-chunk-YERL5S6Q.js} +1 -1
  195. package/chunks/{ids-chunk-YZHR5JP2.js → ids-chunk-YG2GGPUF.js} +1 -1
  196. package/chunks/{ids-chunk-6WR4WVTO.js → ids-chunk-YLKBVOHL.js} +5 -17
  197. package/chunks/ids-chunk-YR4ETN4E.js +83 -0
  198. package/chunks/{ids-chunk-LAAB742O.js → ids-chunk-YTYZ335M.js} +20 -20
  199. package/chunks/{ids-chunk-NPY263FI.js → ids-chunk-YU33SS63.js} +2 -2
  200. package/chunks/{ids-chunk-WREXTGQ5.js → ids-chunk-Z4ABKCW2.js} +1 -1
  201. package/chunks/{ids-chunk-WPEV3C6S.js → ids-chunk-Z4W2DLY5.js} +6 -6
  202. package/chunks/{ids-chunk-SEIJVLB6.js → ids-chunk-ZCJYJ367.js} +1 -1
  203. package/chunks/ids-chunk-ZEOJGEIP.js +312 -0
  204. package/chunks/ids-chunk-ZIGY2P3N.js +1 -0
  205. package/chunks/{ids-chunk-IQBJWG7X.js → ids-chunk-ZMH5HZG3.js} +25 -26
  206. package/chunks/{ids-chunk-4VS5BNP3.js → ids-chunk-ZOBFQFJN.js} +1 -1
  207. package/chunks/ids-chunk-ZPLJB5XX.js +11 -0
  208. package/chunks/{ids-chunk-E347QZGX.js → ids-chunk-ZQJNVYQC.js} +12 -12
  209. package/components/enterprise-wc.d.ts +1 -0
  210. package/components/enterprise-wc.js +1 -1
  211. package/components/ids-about/ids-about.css +15 -15
  212. package/components/ids-about/ids-about.d.ts +1 -0
  213. package/components/ids-about/ids-about.js +1 -1
  214. package/components/ids-accordion/ids-accordion-header.d.ts +2 -0
  215. package/components/ids-accordion/ids-accordion-header.js +1 -1
  216. package/components/ids-accordion/ids-accordion-panel.d.ts +3 -0
  217. package/components/ids-accordion/ids-accordion-panel.js +1 -1
  218. package/components/ids-accordion/ids-accordion.css +3 -3
  219. package/components/ids-accordion/ids-accordion.d.ts +4 -0
  220. package/components/ids-accordion/ids-accordion.js +1 -1
  221. package/components/ids-action-panel/ids-action-panel.css +6 -6
  222. package/components/ids-action-panel/ids-action-panel.js +1 -1
  223. package/components/ids-action-sheet/ids-action-sheet.css +6 -6
  224. package/components/ids-action-sheet/ids-action-sheet.d.ts +1 -0
  225. package/components/ids-action-sheet/ids-action-sheet.js +1 -1
  226. package/components/ids-alert/ids-alert.css +14 -32
  227. package/components/ids-alert/ids-alert.d.ts +2 -0
  228. package/components/ids-alert/ids-alert.js +1 -1
  229. package/components/ids-app-menu/ids-app-menu.css +15 -15
  230. package/components/ids-app-menu/ids-app-menu.d.ts +1 -0
  231. package/components/ids-app-menu/ids-app-menu.js +1 -1
  232. package/components/ids-area-chart/ids-area-chart.css +38 -40
  233. package/components/ids-area-chart/ids-area-chart.js +1 -1
  234. package/components/ids-axis-chart/ids-axis-chart.css +18 -19
  235. package/components/ids-axis-chart/ids-axis-chart.d.ts +6 -2
  236. package/components/ids-axis-chart/ids-axis-chart.js +1 -1
  237. package/components/ids-axis-chart/ids-chart-colors.js +1 -1
  238. package/components/ids-badge/ids-badge.css +25 -25
  239. package/components/ids-badge/ids-badge.d.ts +3 -2
  240. package/components/ids-badge/ids-badge.js +1 -1
  241. package/components/ids-bar-chart/ids-bar-chart.css +18 -19
  242. package/components/ids-bar-chart/ids-bar-chart.js +1 -1
  243. package/components/ids-block-grid/ids-block-grid-item.d.ts +13 -3
  244. package/components/ids-block-grid/ids-block-grid-item.js +1 -1
  245. package/components/ids-block-grid/ids-block-grid.css +20 -62
  246. package/components/ids-block-grid/ids-block-grid.d.ts +5 -3
  247. package/components/ids-block-grid/ids-block-grid.js +1 -1
  248. package/components/ids-box/ids-box.css +44 -0
  249. package/components/ids-box/ids-box.d.ts +92 -0
  250. package/components/ids-box/ids-box.js +1 -0
  251. package/components/ids-breadcrumb/ids-breadcrumb.css +18 -18
  252. package/components/ids-breadcrumb/ids-breadcrumb.d.ts +2 -0
  253. package/components/ids-breadcrumb/ids-breadcrumb.js +1 -1
  254. package/components/ids-button/ids-button-common.js +1 -1
  255. package/components/ids-button/ids-button.css +213 -173
  256. package/components/ids-button/ids-button.d.ts +22 -13
  257. package/components/ids-button/ids-button.js +1 -1
  258. package/components/ids-calendar/ids-calendar-event.d.ts +2 -0
  259. package/components/ids-calendar/ids-calendar-event.js +1 -1
  260. package/components/ids-calendar/ids-calendar.css +249 -175
  261. package/components/ids-calendar/ids-calendar.d.ts +7 -3
  262. package/components/ids-calendar/ids-calendar.js +1 -1
  263. package/components/ids-card/ids-card-action.js +1 -1
  264. package/components/ids-card/ids-card.css +65 -50
  265. package/components/ids-card/ids-card.d.ts +398 -60
  266. package/components/ids-card/ids-card.js +1 -1
  267. package/components/ids-checkbox/ids-checkbox.css +64 -64
  268. package/components/ids-checkbox/ids-checkbox.d.ts +13 -7
  269. package/components/ids-checkbox/ids-checkbox.js +1 -1
  270. package/components/ids-checkbox-group/ids-checkbox-group.css +1 -1
  271. package/components/ids-checkbox-group/ids-checkbox-group.d.ts +1 -0
  272. package/components/ids-checkbox-group/ids-checkbox-group.js +1 -1
  273. package/components/ids-color/ids-color.css +2 -2
  274. package/components/ids-color/ids-color.d.ts +2 -0
  275. package/components/ids-color/ids-color.js +1 -1
  276. package/components/ids-color-picker/ids-color-picker.css +161 -157
  277. package/components/ids-color-picker/ids-color-picker.d.ts +11 -4
  278. package/components/ids-color-picker/ids-color-picker.js +1 -1
  279. package/components/ids-container/ids-container.css +50 -10
  280. package/components/ids-container/ids-container.d.ts +11 -5
  281. package/components/ids-container/ids-container.js +1 -1
  282. package/components/ids-counts/ids-counts.css +7 -7
  283. package/components/ids-counts/ids-counts.d.ts +1 -0
  284. package/components/ids-counts/ids-counts.js +1 -1
  285. package/components/ids-data-grid/ids-data-grid-cell.d.ts +8 -0
  286. package/components/ids-data-grid/ids-data-grid-cell.js +1 -1
  287. package/components/ids-data-grid/ids-data-grid-column.d.ts +6 -0
  288. package/components/ids-data-grid/ids-data-grid-container-arguments.js +1 -1
  289. package/components/ids-data-grid/ids-data-grid-contextmenu.js +1 -1
  290. package/components/ids-data-grid/ids-data-grid-editors.js +1 -1
  291. package/components/ids-data-grid/ids-data-grid-empty-message.js +1 -1
  292. package/components/ids-data-grid/ids-data-grid-filters.js +1 -1
  293. package/components/ids-data-grid/ids-data-grid-formatters.js +1 -1
  294. package/components/ids-data-grid/ids-data-grid-header.d.ts +5 -1
  295. package/components/ids-data-grid/ids-data-grid-header.js +1 -1
  296. package/components/ids-data-grid/ids-data-grid-row.d.ts +5 -0
  297. package/components/ids-data-grid/ids-data-grid-row.js +1 -1
  298. package/components/ids-data-grid/ids-data-grid-save-settings-mixin.d.ts +16 -15
  299. package/components/ids-data-grid/ids-data-grid-save-settings-mixin.js +1 -1
  300. package/components/ids-data-grid/ids-data-grid-tooltip-mixin.d.ts +15 -14
  301. package/components/ids-data-grid/ids-data-grid-tooltip-mixin.js +1 -1
  302. package/components/ids-data-grid/ids-data-grid.css +151 -146
  303. package/components/ids-data-grid/ids-data-grid.d.ts +51 -58
  304. package/components/ids-data-grid/ids-data-grid.js +1 -1
  305. package/components/ids-data-label/ids-data-label.css +4 -4
  306. package/components/ids-data-label/ids-data-label.d.ts +2 -0
  307. package/components/ids-data-label/ids-data-label.js +1 -1
  308. package/components/ids-date-picker/ids-date-picker-common.js +1 -1
  309. package/components/ids-date-picker/ids-date-picker-popup.d.ts +6 -3
  310. package/components/ids-date-picker/ids-date-picker-popup.js +1 -1
  311. package/components/ids-date-picker/ids-date-picker.css +5 -5
  312. package/components/ids-date-picker/ids-date-picker.d.ts +15 -5
  313. package/components/ids-date-picker/ids-date-picker.js +1 -1
  314. package/components/ids-date-picker/ids-month-year-picklist.d.ts +4 -0
  315. package/components/ids-date-picker/ids-month-year-picklist.js +1 -1
  316. package/components/ids-draggable/ids-draggable.d.ts +1 -0
  317. package/components/ids-draggable/ids-draggable.js +1 -1
  318. package/components/ids-drawer/ids-drawer.css +8 -8
  319. package/components/ids-drawer/ids-drawer.d.ts +4 -1
  320. package/components/ids-drawer/ids-drawer.js +1 -1
  321. package/components/ids-dropdown/ids-dropdown-attributes-mixin.d.ts +1 -0
  322. package/components/ids-dropdown/ids-dropdown-attributes-mixin.js +1 -1
  323. package/components/ids-dropdown/ids-dropdown-common.js +1 -1
  324. package/components/ids-dropdown/ids-dropdown-list.d.ts +5 -1
  325. package/components/ids-dropdown/ids-dropdown-list.js +1 -1
  326. package/components/ids-dropdown/ids-dropdown.css +21 -21
  327. package/components/ids-dropdown/ids-dropdown.d.ts +17 -5
  328. package/components/ids-dropdown/ids-dropdown.js +1 -1
  329. package/components/ids-editor/ids-editor-clean-utils.js +1 -1
  330. package/components/ids-editor/ids-editor-handle-paste.js +1 -1
  331. package/components/ids-editor/ids-editor-selection-utils.js +1 -1
  332. package/components/ids-editor/ids-editor-shared.js +1 -1
  333. package/components/ids-editor/ids-editor.css +60 -60
  334. package/components/ids-editor/ids-editor.d.ts +11 -6
  335. package/components/ids-editor/ids-editor.js +1 -1
  336. package/components/ids-empty-message/ids-empty-message.css +2 -2
  337. package/components/ids-empty-message/ids-empty-message.d.ts +1 -0
  338. package/components/ids-empty-message/ids-empty-message.js +1 -1
  339. package/components/ids-error-page/ids-error-page.js +1 -1
  340. package/components/ids-expandable-area/ids-expandable-area.css +11 -11
  341. package/components/ids-expandable-area/ids-expandable-area.d.ts +1 -0
  342. package/components/ids-expandable-area/ids-expandable-area.js +1 -1
  343. package/components/ids-fieldset/ids-fieldset.css +2 -2
  344. package/components/ids-fieldset/ids-fieldset.d.ts +1 -0
  345. package/components/ids-fieldset/ids-fieldset.js +1 -1
  346. package/components/ids-form/ids-form.d.ts +3 -1
  347. package/components/ids-form/ids-form.js +1 -1
  348. package/components/ids-header/ids-header.css +10 -3
  349. package/components/ids-header/ids-header.d.ts +373 -22
  350. package/components/ids-header/ids-header.js +1 -1
  351. package/components/ids-hidden/ids-hidden.js +1 -1
  352. package/components/ids-hierarchy/ids-hierarchy-item.d.ts +3 -4
  353. package/components/ids-hierarchy/ids-hierarchy-item.js +23 -23
  354. package/components/ids-hierarchy/ids-hierarchy-legend-item.d.ts +2 -3
  355. package/components/ids-hierarchy/ids-hierarchy-legend-item.js +9 -9
  356. package/components/ids-hierarchy/ids-hierarchy-legend.js +2 -2
  357. package/components/ids-hierarchy/ids-hierarchy.css +116 -13
  358. package/components/ids-hierarchy/ids-hierarchy.d.ts +1 -0
  359. package/components/ids-hierarchy/ids-hierarchy.js +1 -1
  360. package/components/ids-home-page/ids-home-page-attributes.d.ts +2 -2
  361. package/components/ids-home-page/ids-home-page-attributes.js +1 -1
  362. package/components/ids-home-page/ids-home-page.css +4 -3
  363. package/components/ids-home-page/ids-home-page.d.ts +16 -22
  364. package/components/ids-home-page/ids-home-page.js +1 -1
  365. package/components/ids-hyperlink/ids-hyperlink.css +14 -111
  366. package/components/ids-hyperlink/ids-hyperlink.d.ts +14 -1
  367. package/components/ids-hyperlink/ids-hyperlink.js +1 -1
  368. package/components/ids-hyperlink/ids-link-list.d.ts +16 -0
  369. package/components/ids-hyperlink/ids-link-list.js +1 -0
  370. package/components/ids-icon/ids-icon.css +91 -12
  371. package/components/ids-icon/ids-icon.d.ts +9 -0
  372. package/components/ids-icon/ids-icon.js +1 -1
  373. package/components/ids-image/ids-image.css +15 -15
  374. package/components/ids-image/ids-image.d.ts +1 -0
  375. package/components/ids-image/ids-image.js +1 -1
  376. package/components/ids-input/ids-autocomplete.d.ts +8 -7
  377. package/components/ids-input/ids-autocomplete.js +1 -1
  378. package/components/ids-input/ids-input.css +158 -154
  379. package/components/ids-input/ids-input.d.ts +48 -33
  380. package/components/ids-input/ids-input.js +1 -1
  381. package/components/ids-layout-flex/ids-layout-flex-item.js +1 -1
  382. package/components/ids-layout-flex/ids-layout-flex.js +1 -1
  383. package/components/ids-layout-grid/ids-layout-grid-cell.d.ts +1 -0
  384. package/components/ids-layout-grid/ids-layout-grid-cell.js +1 -1
  385. package/components/ids-layout-grid/ids-layout-grid-common.d.ts +3 -1
  386. package/components/ids-layout-grid/ids-layout-grid-common.js +1 -1
  387. package/components/ids-layout-grid/ids-layout-grid.d.ts +71 -1
  388. package/components/ids-layout-grid/ids-layout-grid.js +1 -1
  389. package/components/ids-line-chart/ids-line-chart.css +20 -21
  390. package/components/ids-line-chart/ids-line-chart.js +1 -1
  391. package/components/ids-list-box/ids-list-box-option.d.ts +2 -0
  392. package/components/ids-list-box/ids-list-box-option.js +1 -1
  393. package/components/ids-list-box/ids-list-box.css +12 -12
  394. package/components/ids-list-box/ids-list-box.js +1 -1
  395. package/components/ids-list-builder/ids-list-builder.css +7 -7
  396. package/components/ids-list-builder/ids-list-builder.js +1 -1
  397. package/components/ids-list-view/ids-list-view-item.d.ts +471 -0
  398. package/components/ids-list-view/ids-list-view-item.js +1 -0
  399. package/components/ids-list-view/ids-list-view-search-mixin.d.ts +8 -7
  400. package/components/ids-list-view/ids-list-view-search-mixin.js +1 -1
  401. package/components/ids-list-view/ids-list-view.css +32 -24
  402. package/components/ids-list-view/ids-list-view.d.ts +420 -47
  403. package/components/ids-list-view/ids-list-view.js +1 -1
  404. package/components/ids-loading-indicator/ids-loading-indicator-attributes.js +1 -1
  405. package/components/ids-loading-indicator/ids-loading-indicator.css +15 -15
  406. package/components/ids-loading-indicator/ids-loading-indicator.d.ts +10 -4
  407. package/components/ids-loading-indicator/ids-loading-indicator.js +1 -1
  408. package/components/ids-locale/ids-locale.js +1 -1
  409. package/components/ids-lookup/ids-lookup.d.ts +10 -2
  410. package/components/ids-lookup/ids-lookup.js +1 -1
  411. package/components/ids-mask/ids-masks.js +1 -1
  412. package/components/ids-masthead/ids-masthead.css +8 -8
  413. package/components/ids-masthead/ids-masthead.d.ts +2 -0
  414. package/components/ids-masthead/ids-masthead.js +1 -1
  415. package/components/ids-menu/ids-menu-group.d.ts +2 -0
  416. package/components/ids-menu/ids-menu-group.js +1 -1
  417. package/components/ids-menu/ids-menu-header.d.ts +1 -0
  418. package/components/ids-menu/ids-menu-header.js +1 -1
  419. package/components/ids-menu/ids-menu-item.d.ts +2 -0
  420. package/components/ids-menu/ids-menu-item.js +1 -1
  421. package/components/ids-menu/ids-menu.css +295 -5
  422. package/components/ids-menu/ids-menu.d.ts +2 -0
  423. package/components/ids-menu/ids-menu.js +1 -1
  424. package/components/ids-menu-button/ids-menu-button-attributes.js +1 -1
  425. package/components/ids-menu-button/ids-menu-button.js +1 -1
  426. package/components/ids-message/ids-message-attributes.js +1 -1
  427. package/components/ids-message/ids-message.css +9 -12
  428. package/components/ids-message/ids-message.js +1 -1
  429. package/components/ids-modal/ids-modal.d.ts +39 -18
  430. package/components/ids-modal/ids-modal.js +1 -1
  431. package/components/ids-modal/ids-overlay.d.ts +1 -0
  432. package/components/ids-modal/ids-overlay.js +1 -1
  433. package/components/ids-modal-button/ids-modal-button.js +1 -1
  434. package/components/ids-month-view/ids-month-view-attribute-mixin.d.ts +4 -3
  435. package/components/ids-month-view/ids-month-view-attribute-mixin.js +1 -1
  436. package/components/ids-month-view/ids-month-view.css +27 -27
  437. package/components/ids-month-view/ids-month-view.d.ts +11 -6
  438. package/components/ids-month-view/ids-month-view.js +1 -1
  439. package/components/ids-multiselect/ids-multiselect.css +22 -22
  440. package/components/ids-multiselect/ids-multiselect.js +1 -1
  441. package/components/ids-notification-banner/ids-notification-banner.css +6 -6
  442. package/components/ids-notification-banner/ids-notification-banner.d.ts +2 -0
  443. package/components/ids-notification-banner/ids-notification-banner.js +1 -1
  444. package/components/ids-pager/ids-pager-button.d.ts +3 -0
  445. package/components/ids-pager/ids-pager-button.js +1 -1
  446. package/components/ids-pager/ids-pager-dropdown.d.ts +1 -0
  447. package/components/ids-pager/ids-pager-dropdown.js +1 -1
  448. package/components/ids-pager/ids-pager-input.d.ts +2 -0
  449. package/components/ids-pager/ids-pager-input.js +1 -1
  450. package/components/ids-pager/ids-pager-number-list.d.ts +2 -0
  451. package/components/ids-pager/ids-pager-number-list.js +1 -1
  452. package/components/ids-pager/ids-pager.css +29 -22
  453. package/components/ids-pager/ids-pager.d.ts +1 -0
  454. package/components/ids-pager/ids-pager.js +1 -1
  455. package/components/ids-picker-popup/ids-picker-popup.d.ts +16 -11
  456. package/components/ids-picker-popup/ids-picker-popup.js +1 -1
  457. package/components/ids-pie-chart/ids-pie-chart.css +9 -9
  458. package/components/ids-pie-chart/ids-pie-chart.d.ts +6 -2
  459. package/components/ids-pie-chart/ids-pie-chart.js +1 -1
  460. package/components/ids-popup/ids-popup-attributes.js +1 -1
  461. package/components/ids-popup/ids-popup.css +76 -76
  462. package/components/ids-popup/ids-popup.d.ts +2 -0
  463. package/components/ids-popup/ids-popup.js +1 -1
  464. package/components/ids-popup-menu/ids-popup-menu.css +1 -1
  465. package/components/ids-popup-menu/ids-popup-menu.d.ts +7 -3
  466. package/components/ids-popup-menu/ids-popup-menu.js +1 -1
  467. package/components/ids-process-indicator/ids-process-indicator-step.d.ts +1 -0
  468. package/components/ids-process-indicator/ids-process-indicator-step.js +1 -1
  469. package/components/ids-process-indicator/ids-process-indicator.css +1 -1
  470. package/components/ids-process-indicator/ids-process-indicator.d.ts +1 -0
  471. package/components/ids-process-indicator/ids-process-indicator.js +1 -1
  472. package/components/ids-progress-bar/ids-progress-bar.css +11 -11
  473. package/components/ids-progress-bar/ids-progress-bar.d.ts +1 -0
  474. package/components/ids-progress-bar/ids-progress-bar.js +1 -1
  475. package/components/ids-progress-chart/ids-progress-chart.css +9 -9
  476. package/components/ids-progress-chart/ids-progress-chart.d.ts +1 -4
  477. package/components/ids-progress-chart/ids-progress-chart.js +1 -1
  478. package/components/ids-radio/ids-radio-group.d.ts +6 -2
  479. package/components/ids-radio/ids-radio-group.js +1 -1
  480. package/components/ids-radio/ids-radio.css +175 -102
  481. package/components/ids-radio/ids-radio.d.ts +2 -0
  482. package/components/ids-radio/ids-radio.js +1 -1
  483. package/components/ids-rating/ids-rating.css +9 -9
  484. package/components/ids-rating/ids-rating.d.ts +2 -0
  485. package/components/ids-rating/ids-rating.js +1 -1
  486. package/components/ids-scroll-view/ids-scroll-view.css +3 -3
  487. package/components/ids-scroll-view/ids-scroll-view.d.ts +3 -0
  488. package/components/ids-scroll-view/ids-scroll-view.js +1 -1
  489. package/components/ids-search-field/ids-search-field.css +190 -179
  490. package/components/ids-search-field/ids-search-field.js +1 -1
  491. package/components/ids-separator/ids-separator.css +2 -2
  492. package/components/ids-separator/ids-separator.d.ts +2 -0
  493. package/components/ids-separator/ids-separator.js +1 -1
  494. package/components/ids-skip-link/ids-skip-link.css +62 -27
  495. package/components/ids-skip-link/ids-skip-link.d.ts +1 -0
  496. package/components/ids-skip-link/ids-skip-link.js +1 -1
  497. package/components/ids-slider/ids-slider.css +36 -36
  498. package/components/ids-slider/ids-slider.d.ts +2 -0
  499. package/components/ids-slider/ids-slider.js +1 -1
  500. package/components/ids-spinbox/ids-spinbox.css +171 -167
  501. package/components/ids-spinbox/ids-spinbox.js +1 -1
  502. package/components/ids-splitter/ids-splitter-local-storage.js +1 -1
  503. package/components/ids-splitter/ids-splitter-pane.d.ts +2 -0
  504. package/components/ids-splitter/ids-splitter-pane.js +1 -1
  505. package/components/ids-splitter/ids-splitter.css +58 -27
  506. package/components/ids-splitter/ids-splitter.d.ts +6 -14
  507. package/components/ids-splitter/ids-splitter.js +1 -1
  508. package/components/ids-stats/ids-stats.css +37 -0
  509. package/components/ids-stats/ids-stats.d.ts +468 -0
  510. package/components/ids-stats/ids-stats.js +1 -0
  511. package/components/ids-step-chart/ids-step-chart.css +2 -2
  512. package/components/ids-step-chart/ids-step-chart.d.ts +1 -0
  513. package/components/ids-step-chart/ids-step-chart.js +1 -1
  514. package/components/ids-swaplist/ids-swaplist.css +15 -9
  515. package/components/ids-swaplist/ids-swaplist.d.ts +25 -16
  516. package/components/ids-swaplist/ids-swaplist.js +1 -1
  517. package/components/ids-swappable/ids-swappable-item.d.ts +3 -0
  518. package/components/ids-swappable/ids-swappable-item.js +1 -1
  519. package/components/ids-swappable/ids-swappable.css +5 -68
  520. package/components/ids-swappable/ids-swappable.d.ts +6 -2
  521. package/components/ids-swappable/ids-swappable.js +1 -1
  522. package/components/ids-swipe-action/ids-swipe-action.css +2 -2
  523. package/components/ids-swipe-action/ids-swipe-action.d.ts +1 -0
  524. package/components/ids-swipe-action/ids-swipe-action.js +1 -1
  525. package/components/ids-switch/ids-switch.css +20 -20
  526. package/components/ids-switch/ids-switch.d.ts +2 -0
  527. package/components/ids-switch/ids-switch.js +1 -1
  528. package/components/ids-tabs/ids-tab-content.d.ts +2 -0
  529. package/components/ids-tabs/ids-tab-content.js +1 -1
  530. package/components/ids-tabs/ids-tab-divider.js +1 -1
  531. package/components/ids-tabs/ids-tab-more.d.ts +1 -0
  532. package/components/ids-tabs/ids-tab-more.js +1 -1
  533. package/components/ids-tabs/ids-tab.d.ts +24 -12
  534. package/components/ids-tabs/ids-tab.js +1 -1
  535. package/components/ids-tabs/ids-tabs-context.d.ts +1 -0
  536. package/components/ids-tabs/ids-tabs-context.js +1 -1
  537. package/components/ids-tabs/ids-tabs.css +1 -1
  538. package/components/ids-tabs/ids-tabs.d.ts +6 -2
  539. package/components/ids-tabs/ids-tabs.js +1 -1
  540. package/components/ids-tag/ids-tag.css +48 -48
  541. package/components/ids-tag/ids-tag.d.ts +3 -0
  542. package/components/ids-tag/ids-tag.js +1 -1
  543. package/components/ids-text/ids-text.css +49 -35
  544. package/components/ids-text/ids-text.d.ts +18 -6
  545. package/components/ids-text/ids-text.js +1 -1
  546. package/components/ids-textarea/ids-textarea.css +70 -70
  547. package/components/ids-textarea/ids-textarea.d.ts +13 -7
  548. package/components/ids-textarea/ids-textarea.js +1 -1
  549. package/components/ids-theme-switcher/ids-theme-switcher.css +1 -1
  550. package/components/ids-theme-switcher/ids-theme-switcher.d.ts +3 -0
  551. package/components/ids-theme-switcher/ids-theme-switcher.js +1 -1
  552. package/components/ids-time-picker/ids-time-picker-common.js +1 -1
  553. package/components/ids-time-picker/ids-time-picker-popup.d.ts +3 -0
  554. package/components/ids-time-picker/ids-time-picker-popup.js +1 -1
  555. package/components/ids-time-picker/ids-time-picker.css +51 -42
  556. package/components/ids-time-picker/ids-time-picker.d.ts +10 -2
  557. package/components/ids-time-picker/ids-time-picker.js +1 -1
  558. package/components/ids-toast/ids-toast-message.d.ts +2 -0
  559. package/components/ids-toast/ids-toast-message.js +1 -1
  560. package/components/ids-toast/ids-toast-shared.js +1 -1
  561. package/components/ids-toast/ids-toast.css +14 -14
  562. package/components/ids-toast/ids-toast.d.ts +3 -0
  563. package/components/ids-toast/ids-toast.js +1 -1
  564. package/components/ids-toggle-button/ids-toggle-button.js +1 -1
  565. package/components/ids-toolbar/ids-toolbar-more-actions.d.ts +2 -0
  566. package/components/ids-toolbar/ids-toolbar-more-actions.js +1 -1
  567. package/components/ids-toolbar/ids-toolbar-section.d.ts +1 -0
  568. package/components/ids-toolbar/ids-toolbar-section.js +1 -1
  569. package/components/ids-toolbar/ids-toolbar.css +4 -4
  570. package/components/ids-toolbar/ids-toolbar.d.ts +2 -0
  571. package/components/ids-toolbar/ids-toolbar.js +1 -1
  572. package/components/ids-tooltip/ids-tooltip.d.ts +3 -0
  573. package/components/ids-tooltip/ids-tooltip.js +1 -1
  574. package/components/ids-tree/ids-tree-node.d.ts +2 -0
  575. package/components/ids-tree/ids-tree-node.js +1 -1
  576. package/components/ids-tree/ids-tree-shared.js +1 -1
  577. package/components/ids-tree/ids-tree.css +1 -1
  578. package/components/ids-tree/ids-tree.d.ts +2 -0
  579. package/components/ids-tree/ids-tree.js +1 -1
  580. package/components/ids-treemap/ids-treemap.css +7 -7
  581. package/components/ids-treemap/ids-treemap.d.ts +2 -0
  582. package/components/ids-treemap/ids-treemap.js +1 -1
  583. package/components/ids-trigger-field/ids-trigger-button.d.ts +2 -1
  584. package/components/ids-trigger-field/ids-trigger-button.js +1 -1
  585. package/components/ids-trigger-field/ids-trigger-field.css +159 -155
  586. package/components/ids-trigger-field/ids-trigger-field.js +1 -1
  587. package/components/ids-upload/ids-upload.css +0 -1
  588. package/components/ids-upload/ids-upload.d.ts +10 -2
  589. package/components/ids-upload/ids-upload.js +1 -1
  590. package/components/ids-upload-advanced/ids-upload-advanced-file.d.ts +2 -0
  591. package/components/ids-upload-advanced/ids-upload-advanced-file.js +1 -1
  592. package/components/ids-upload-advanced/ids-upload-advanced-shared.js +1 -1
  593. package/components/ids-upload-advanced/ids-upload-advanced.css +142 -117
  594. package/components/ids-upload-advanced/ids-upload-advanced.d.ts +2 -0
  595. package/components/ids-upload-advanced/ids-upload-advanced.js +1 -1
  596. package/components/ids-virtual-scroll/ids-virtual-scroll.d.ts +1 -0
  597. package/components/ids-virtual-scroll/ids-virtual-scroll.js +1 -1
  598. package/components/ids-week-view/ids-week-view.css +8 -8
  599. package/components/ids-week-view/ids-week-view.d.ts +7 -3
  600. package/components/ids-week-view/ids-week-view.js +1 -1
  601. package/components/ids-widget/ids-widget.css +102 -0
  602. package/components/ids-widget/ids-widget.d.ts +809 -0
  603. package/components/ids-widget/ids-widget.js +1 -0
  604. package/components/ids-wizard/ids-wizard-step.js +1 -1
  605. package/components/ids-wizard/ids-wizard.css +12 -12
  606. package/components/ids-wizard/ids-wizard.d.ts +1 -0
  607. package/components/ids-wizard/ids-wizard.js +1 -1
  608. package/core/ids-attributes.d.ts +20 -3
  609. package/core/ids-attributes.js +1 -1
  610. package/core/ids-data-source.js +1 -1
  611. package/core/ids-element.d.ts +5 -0
  612. package/core/ids-element.js +1 -1
  613. package/custom-elements.json +73513 -0
  614. package/enterprise-wc.d.ts +3 -0
  615. package/enterprise-wc.js +1 -1
  616. package/locale-data/bg-messages.js +1 -1
  617. package/locale-data/cs-messages.js +1 -1
  618. package/locale-data/da-messages.js +1 -1
  619. package/locale-data/de-messages.js +1 -1
  620. package/locale-data/en-messages.js +1 -1
  621. package/locale-data/es-messages.js +1 -1
  622. package/locale-data/et-messages.js +1 -1
  623. package/locale-data/fi-messages.js +1 -1
  624. package/locale-data/fr-CA-messages.js +1 -1
  625. package/locale-data/hr-messages.js +1 -1
  626. package/locale-data/hu-messages.js +1 -1
  627. package/locale-data/id-messages.js +1 -1
  628. package/locale-data/ko-messages.js +1 -1
  629. package/locale-data/lt-messages.js +1 -1
  630. package/locale-data/lv-messages.js +1 -1
  631. package/locale-data/ms-messages.js +1 -1
  632. package/locale-data/nb-messages.js +1 -1
  633. package/locale-data/nn-messages.js +1 -1
  634. package/locale-data/no-messages.js +1 -1
  635. package/locale-data/pt-PT-messages.js +1 -1
  636. package/locale-data/pt-messages.js +1 -1
  637. package/locale-data/ro-messages.js +1 -1
  638. package/locale-data/ru-messages.js +1 -1
  639. package/locale-data/sk-messages.js +1 -1
  640. package/locale-data/sl-messages.js +1 -1
  641. package/locale-data/sv-messages.js +1 -1
  642. package/locale-data/th-messages.js +1 -1
  643. package/locale-data/tr-messages.js +1 -1
  644. package/locale-data/uk-messages.js +1 -1
  645. package/locale-data/vi-messages.js +1 -1
  646. package/mixins/ids-attachment-mixin/ids-attachment-mixin.d.ts +2 -1
  647. package/mixins/ids-attachment-mixin/ids-attachment-mixin.js +1 -1
  648. package/mixins/ids-breakpoint-mixin/ids-breakpoint-mixin.d.ts +9 -8
  649. package/mixins/ids-breakpoint-mixin/ids-breakpoint-mixin.js +1 -1
  650. package/mixins/ids-calendar-events-mixin/ids-calendar-events-mixin.d.ts +4 -3
  651. package/mixins/ids-calendar-events-mixin/ids-calendar-events-mixin.js +1 -1
  652. package/mixins/ids-chart-legend-mixin/ids-chart-legend-mixin.d.ts +1 -0
  653. package/mixins/ids-chart-legend-mixin/ids-chart-legend-mixin.js +1 -1
  654. package/mixins/ids-chart-selection-mixin/ids-chart-selection-mixin.d.ts +3 -2
  655. package/mixins/ids-chart-selection-mixin/ids-chart-selection-mixin.js +1 -1
  656. package/mixins/ids-clearable-mixin/ids-clearable-mixin.d.ts +2 -1
  657. package/mixins/ids-clearable-mixin/ids-clearable-mixin.js +1 -1
  658. package/mixins/ids-color-variant-mixin/ids-color-variant-mixin.d.ts +1 -0
  659. package/mixins/ids-color-variant-mixin/ids-color-variant-mixin.js +1 -1
  660. package/mixins/ids-date-attribute-mixin/ids-date-attribute-mixin.d.ts +1 -0
  661. package/mixins/ids-date-attribute-mixin/ids-date-attribute-mixin.js +1 -1
  662. package/mixins/ids-dirty-tracker-mixin/ids-dirty-tracker-mixin.d.ts +2 -1
  663. package/mixins/ids-dirty-tracker-mixin/ids-dirty-tracker-mixin.js +1 -1
  664. package/mixins/ids-events-mixin/ids-events-mixin.d.ts +1 -0
  665. package/mixins/ids-events-mixin/ids-events-mixin.js +1 -1
  666. package/mixins/ids-field-height-mixin/ids-field-height-mixin.d.ts +2 -1
  667. package/mixins/ids-field-height-mixin/ids-field-height-mixin.js +1 -1
  668. package/mixins/ids-focus-capture-mixin/ids-focus-capture-mixin.d.ts +9 -8
  669. package/mixins/ids-focus-capture-mixin/ids-focus-capture-mixin.js +1 -1
  670. package/mixins/ids-hide-focus-mixin/ids-hide-focus-mixin.d.ts +7 -6
  671. package/mixins/ids-hide-focus-mixin/ids-hide-focus-mixin.js +1 -1
  672. package/mixins/ids-hitbox-mixin/ids-hitbox-mixin.d.ts +2 -1
  673. package/mixins/ids-hitbox-mixin/ids-hitbox-mixin.js +1 -1
  674. package/mixins/ids-keyboard-mixin/ids-keyboard-mixin.d.ts +1 -0
  675. package/mixins/ids-label-state-mixin/ids-label-state-common.js +1 -1
  676. package/mixins/ids-label-state-mixin/ids-label-state-mixin.d.ts +5 -4
  677. package/mixins/ids-label-state-mixin/ids-label-state-mixin.js +1 -1
  678. package/mixins/ids-label-state-mixin/ids-label-state-parent-mixin.d.ts +1 -0
  679. package/mixins/ids-label-state-mixin/ids-label-state-parent-mixin.js +1 -1
  680. package/mixins/ids-loading-indicator-mixin/ids-loading-indicator-mixin.d.ts +4 -3
  681. package/mixins/ids-loading-indicator-mixin/ids-loading-indicator-mixin.js +1 -1
  682. package/mixins/ids-locale-mixin/ids-locale-mixin.d.ts +1 -0
  683. package/mixins/ids-locale-mixin/ids-locale-mixin.js +1 -1
  684. package/mixins/ids-mask-mixin/ids-mask-mixin.d.ts +1 -0
  685. package/mixins/ids-mask-mixin/ids-mask-mixin.js +1 -1
  686. package/mixins/ids-orientation-mixin/ids-orientation-mixin.d.ts +4 -3
  687. package/mixins/ids-orientation-mixin/ids-orientation-mixin.js +1 -1
  688. package/mixins/ids-pager-mixin/ids-pager-mixin.d.ts +4 -3
  689. package/mixins/ids-pager-mixin/ids-pager-mixin.js +1 -1
  690. package/mixins/ids-popup-interactions-mixin/ids-popup-interactions-mixin.d.ts +2 -1
  691. package/mixins/ids-popup-interactions-mixin/ids-popup-interactions-mixin.js +1 -1
  692. package/mixins/ids-popup-open-events-mixin/ids-popup-open-events-mixin.d.ts +2 -1
  693. package/mixins/ids-ripple-mixin/ids-ripple-mixin.d.ts +4 -3
  694. package/mixins/ids-ripple-mixin/ids-ripple-mixin.js +1 -1
  695. package/mixins/ids-scroll-effect-mixin/ids-scroll-effect-mixin.d.ts +369 -0
  696. package/mixins/ids-scroll-effect-mixin/ids-scroll-effect-mixin.js +1 -0
  697. package/mixins/ids-selection-mixin/ids-selection-mixin.d.ts +4 -4
  698. package/mixins/ids-selection-mixin/ids-selection-mixin.js +1 -1
  699. package/mixins/ids-tooltip-mixin/ids-tooltip-mixin.d.ts +1 -0
  700. package/mixins/ids-tooltip-mixin/ids-tooltip-mixin.js +1 -1
  701. package/mixins/ids-validation-mixin/ids-validation-input-mixin.d.ts +1 -0
  702. package/mixins/ids-validation-mixin/ids-validation-mixin.d.ts +2 -1
  703. package/mixins/ids-validation-mixin/ids-validation-mixin.js +1 -1
  704. package/mixins/ids-xss-mixin/ids-xss-mixin.d.ts +1 -0
  705. package/mixins/ids-xss-mixin/ids-xss-mixin.js +1 -1
  706. package/package.json +1 -1
  707. package/themes/ids-theme-default-colors.css +26 -25
  708. package/themes/ids-theme-default-contrast.css +1448 -1334
  709. package/themes/ids-theme-default-core.css +1132 -1037
  710. package/themes/ids-theme-default-dark.css +1577 -1430
  711. package/themes/ids-theme-default-light.css +1132 -1037
  712. package/utils/ids-date-utils/ids-date-utils.js +1 -1
  713. package/utils/ids-device-env-specs-utils/ids-device-env-specs-utils.js +1 -1
  714. package/utils/ids-excel-exporter/ids-excel-exporter.js +1 -1
  715. package/utils/ids-string-utils/ids-string-utils.js +1 -1
  716. package/vscode.html-custom-data.json +1 -0
  717. package/chunks/ids-chunk-2NN3ZJ6Q.js +0 -1
  718. package/chunks/ids-chunk-3AKJFKYX.js +0 -83
  719. package/chunks/ids-chunk-4LVYIXEL.js +0 -52
  720. package/chunks/ids-chunk-5XUFOBD3.js +0 -1
  721. package/chunks/ids-chunk-6O34H74A.js +0 -111
  722. package/chunks/ids-chunk-A76DDHWI.js +0 -1
  723. package/chunks/ids-chunk-BLAZNZRF.js +0 -17
  724. package/chunks/ids-chunk-DFQRXICA.js +0 -1
  725. package/chunks/ids-chunk-E2QYVCNE.js +0 -11
  726. package/chunks/ids-chunk-F3RQ5V7T.js +0 -1
  727. package/chunks/ids-chunk-F6WTQH5M.js +0 -1
  728. package/chunks/ids-chunk-G5B3L54H.js +0 -26
  729. package/chunks/ids-chunk-GTV4PSEA.js +0 -1
  730. package/chunks/ids-chunk-IAHZUGND.js +0 -316
  731. package/chunks/ids-chunk-JMCJ3SGL.js +0 -1
  732. package/chunks/ids-chunk-KECJ2VA4.js +0 -48
  733. package/chunks/ids-chunk-LMFBCGVT.js +0 -126
  734. package/chunks/ids-chunk-LXO5AO3Y.js +0 -82
  735. package/chunks/ids-chunk-NKERXKF7.js +0 -226
  736. package/chunks/ids-chunk-O4E57J6U.js +0 -1206
  737. package/chunks/ids-chunk-OIRG76OL.js +0 -1
  738. package/chunks/ids-chunk-RKTF6SBT.js +0 -1
  739. package/chunks/ids-chunk-S42ANKPY.js +0 -98
  740. package/chunks/ids-chunk-SDG3VSXS.js +0 -1
  741. package/chunks/ids-chunk-TGE5Q4RJ.js +0 -223
  742. package/chunks/ids-chunk-U5OAYQJF.js +0 -1
  743. package/chunks/ids-chunk-VBOLQPWB.js +0 -105
  744. package/chunks/ids-chunk-VCTVRNBS.js +0 -1
  745. package/chunks/ids-chunk-VGRUIA4C.js +0 -1
  746. package/chunks/ids-chunk-VSNQ2QMS.js +0 -184
  747. package/chunks/ids-chunk-WAX2G2B2.js +0 -1
  748. package/chunks/ids-chunk-X7PEAGE3.js +0 -8
  749. package/chunks/ids-chunk-XNDWLGBC.js +0 -18
  750. package/chunks/ids-chunk-Y2ARI5HL.js +0 -14
  751. package/chunks/ids-chunk-YWQWAWKA.js +0 -1
package/components/ids-button/ids-button.css CHANGED
@@ -12,7 +12,7 @@
12
12
  }
13
13
 
14
14
  .ripple-effect {
15
- border-radius: var(--ids-border-radius-round);
15
+ border-radius: var(--ids-border-radius-circle);
16
16
  background-color: var(--ids-color-primary);
17
17
  position: absolute;
18
18
  display: block;
@@ -77,6 +77,14 @@
77
77
  display: none;
78
78
  }
79
79
 
80
+ :host([system-button]) button:hover {
81
+ background-color: transparent;
82
+ color: var(--ids-button-system-color-text-hover);
83
+ }
84
+ :host([system-button]) .ripple-effect {
85
+ display: none;
86
+ }
87
+
80
88
  :host([hidden]) {
81
89
  display: none;
82
90
  }
@@ -104,24 +112,24 @@ button {
104
112
  .ids-button,
105
113
  .ids-toggle-button,
106
114
  .ids-menu-button {
107
- box-shadow: var(--ids-box-shadow-none);
115
+ box-shadow: var(--ids-shadow-none);
108
116
  font-weight: var(--ids-font-weight-normal);
109
- font-family: var(--ids-font-family);
110
- font-size: var(--ids-font-size-md);
117
+ font-family: var(--ids-font-family-default);
118
+ font-size: var(--ids-font-size-40);
111
119
  overflow: hidden;
112
- padding-bottom: calc(var(--ids-spacing-lg) - 2px);
113
- padding-top: calc(var(--ids-spacing-lg) - 2px);
120
+ padding-bottom: calc(var(--ids-space-40) - 2px);
121
+ padding-top: calc(var(--ids-space-40) - 2px);
114
122
  position: relative;
115
123
  border: 1px solid transparent;
116
124
  background-color: transparent;
117
125
  color: currentColor;
118
- transition: background-color var(--ids-transition-length) var(--ids-transition-ease), border-color var(--ids-transition-length) var(--ids-transition-ease), box-shadow var(--ids-transition-length) var(--ids-transition-ease), color var(--ids-transition-length) var(--ids-transition-ease), opacity var(--ids-transition-length) var(--ids-transition-ease);
126
+ transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), border-color var(--ids-motion-duration) var(--ids-motion-ease), box-shadow var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease), opacity var(--ids-motion-duration) var(--ids-motion-ease);
119
127
  white-space: nowrap;
120
128
  display: inline-flex;
121
129
  font-weight: var(--ids-button-tertiary-font-weight);
122
- border-radius: var(--ids-border-radius-md);
123
- border-color: var(--ids-button-tertiary-border-color);
124
- color: var(--ids-button-tertiary-text-color);
130
+ border-radius: var(--ids-border-radius-03);
131
+ border-color: var(--ids-button-tertiary-color-border-default);
132
+ color: var(--ids-button-tertiary-color-text-default);
125
133
  }
126
134
  .ids-button, .ids-button::before, .ids-button::after,
127
135
  .ids-toggle-button,
@@ -173,46 +181,46 @@ button {
173
181
  .ids-button.align-icon-end ::slotted(ids-icon),
174
182
  .ids-toggle-button.align-icon-end ::slotted(ids-icon),
175
183
  .ids-menu-button.align-icon-end ::slotted(ids-icon) {
176
- padding-inline-start: var(--ids-spacing-md);
184
+ padding-inline-start: var(--ids-space-30);
177
185
  }
178
186
  .ids-button.no-margins,
179
187
  .ids-toggle-button.no-margins,
180
188
  .ids-menu-button.no-margins {
181
- margin-inline: var(--ids-spacing-none);
189
+ margin-inline: var(--ids-space-none);
182
190
  }
183
191
  .ids-button:not(.btn-secondary):not(.no-margins),
184
192
  .ids-toggle-button:not(.btn-secondary):not(.no-margins),
185
193
  .ids-menu-button:not(.btn-secondary):not(.no-margins) {
186
- margin: var(--ids-spacing-xs);
194
+ margin: var(--ids-space-10);
187
195
  }
188
196
  .ids-button:not(.hide-focus).is-active, .ids-button:not(.hide-focus):focus,
189
197
  .ids-toggle-button:not(.hide-focus).is-active,
190
198
  .ids-toggle-button:not(.hide-focus):focus,
191
199
  .ids-menu-button:not(.hide-focus).is-active,
192
200
  .ids-menu-button:not(.hide-focus):focus {
193
- border-color: var(--ids-button-tertiary-focus-border-color);
201
+ border-color: var(--ids-button-tertiary-color-border-focus);
194
202
  }
195
203
  .ids-button:hover,
196
204
  .ids-toggle-button:hover,
197
205
  .ids-menu-button:hover {
198
- color: var(--ids-button-tertiary-hover-text-color);
199
- background-color: var(--ids-button-tertiary-hover-background-color);
206
+ color: var(--ids-button-tertiary-color-text-hover);
207
+ background-color: var(--ids-button-tertiary-color-background-hover);
200
208
  }
201
209
  .ids-button[disabled],
202
210
  .ids-toggle-button[disabled],
203
211
  .ids-menu-button[disabled] {
204
- color: var(--ids-button-tertiary-disabled-text-color);
212
+ color: var(--ids-button-tertiary-color-text-disabled);
205
213
  background-color: var(--ids-button-tertiary-disabled-background-color);
206
214
  }
207
215
  .ids-button .ripple-effect,
208
216
  .ids-toggle-button .ripple-effect,
209
217
  .ids-menu-button .ripple-effect {
210
- background-color: var(--ids-button-tertiary-ripple-color);
218
+ background-color: var(--ids-button-tertiary-color-background-pressed);
211
219
  }
212
220
  .ids-button.btn-tertiary-destructive,
213
221
  .ids-toggle-button.btn-tertiary-destructive,
214
222
  .ids-menu-button.btn-tertiary-destructive {
215
- color: var(--ids-color-error);
223
+ color: var(--ids-color-error-default);
216
224
  }
217
225
  .ids-button.btn-tertiary-destructive:not(.hide-focus).is-active, .ids-button.btn-tertiary-destructive:not(.hide-focus):focus,
218
226
  .ids-toggle-button.btn-tertiary-destructive:not(.hide-focus).is-active,
@@ -224,65 +232,68 @@ button {
224
232
  .ids-button.btn-tertiary-destructive:hover,
225
233
  .ids-toggle-button.btn-tertiary-destructive:hover,
226
234
  .ids-menu-button.btn-tertiary-destructive:hover {
227
- background-color: var(--ids-button-destructive-hover-background-color);
235
+ background-color: var(--ids-button-destructive-color-background-hover);
228
236
  color: var(--ids-color-error-70);
229
237
  }
230
238
  .ids-button.btn-tertiary-destructive[disabled],
231
239
  .ids-toggle-button.btn-tertiary-destructive[disabled],
232
240
  .ids-menu-button.btn-tertiary-destructive[disabled] {
233
- color: var(--ids-button-tertiary-disabled-text-color);
241
+ color: var(--ids-button-tertiary-color-text-disabled);
234
242
  background-color: transparent;
235
243
  }
236
244
  .ids-button.btn-tertiary-destructive .ripple-effect,
237
245
  .ids-toggle-button.btn-tertiary-destructive .ripple-effect,
238
246
  .ids-menu-button.btn-tertiary-destructive .ripple-effect {
239
- background-color: var(--ids-color-error);
247
+ background-color: var(--ids-color-error-default);
240
248
  }
241
249
  .ids-button.btn-primary,
242
250
  .ids-toggle-button.btn-primary,
243
251
  .ids-menu-button.btn-primary {
244
- background-color: var(--ids-button-primary-background-color);
245
- border-color: var(--ids-button-primary-border-color);
246
- color: var(--ids-button-primary-text-color);
252
+ background-color: var(--ids-button-primary-color-background-default);
253
+ border-color: var(--ids-button-primary-color-border-default);
254
+ border: 1px solid var(--ids-button-primary-color-border-default);
255
+ color: var(--ids-button-primary-color-text-default);
256
+ padding-bottom: calc(var(--ids-space-40) - 1px);
257
+ padding-top: calc(var(--ids-space-40) - 1px);
247
258
  }
248
259
  .ids-button.btn-primary:not(.hide-focus).is-active, .ids-button.btn-primary:not(.hide-focus):focus,
249
260
  .ids-toggle-button.btn-primary:not(.hide-focus).is-active,
250
261
  .ids-toggle-button.btn-primary:not(.hide-focus):focus,
251
262
  .ids-menu-button.btn-primary:not(.hide-focus).is-active,
252
263
  .ids-menu-button.btn-primary:not(.hide-focus):focus {
253
- border-color: var(--ids-button-primary-focus-border-color);
264
+ border-color: var(--ids-button-primary-color-border-focus);
254
265
  }
255
266
  .ids-button.btn-primary:hover,
256
267
  .ids-toggle-button.btn-primary:hover,
257
268
  .ids-menu-button.btn-primary:hover {
258
- background-color: var(--ids-button-primary-hover-background-color);
259
- border-color: var(--ids-button-primary-hover-border-color);
269
+ background-color: var(--ids-button-primary-color-background-hover);
270
+ border-color: var(--ids-button-primary-color-border-hover);
260
271
  }
261
272
  .ids-button.btn-primary[disabled],
262
273
  .ids-toggle-button.btn-primary[disabled],
263
274
  .ids-menu-button.btn-primary[disabled] {
264
- background-color: var(--ids-button-primary-disabled-background-color);
265
- border-color: var(--ids-button-primary-disabled-border-color);
266
- color: var(--ids-button-primary-disabled-text-color);
275
+ background-color: var(--ids-button-primary-color-background-disabled);
276
+ border-color: var(--ids-button-primary-color-border-disabled);
277
+ color: var(--ids-button-primary-color-text-disabled);
267
278
  }
268
279
  .ids-button.btn-primary .ripple-effect,
269
280
  .ids-toggle-button.btn-primary .ripple-effect,
270
281
  .ids-menu-button.btn-primary .ripple-effect {
271
- background-color: var(--ids-button-primary-ripple-color);
282
+ background-color: var(--ids-button-primary-color-background-pressed);
272
283
  }
273
284
  .ids-button.btn-primary-destructive,
274
285
  .ids-toggle-button.btn-primary-destructive,
275
286
  .ids-menu-button.btn-primary-destructive {
276
- background-color: var(--ids-color-error);
277
- border-color: var(--ids-color-error);
278
- color: var(--ids-color-error-00);
287
+ background-color: var(--ids-color-error-default);
288
+ border-color: var(--ids-color-error-default);
289
+ color: var(--ids-color-text-on-error);
279
290
  }
280
291
  .ids-button.btn-primary-destructive:not(.hide-focus).is-active, .ids-button.btn-primary-destructive:not(.hide-focus):focus,
281
292
  .ids-toggle-button.btn-primary-destructive:not(.hide-focus).is-active,
282
293
  .ids-toggle-button.btn-primary-destructive:not(.hide-focus):focus,
283
294
  .ids-menu-button.btn-primary-destructive:not(.hide-focus).is-active,
284
295
  .ids-menu-button.btn-primary-destructive:not(.hide-focus):focus {
285
- border-color: var(--ids-color-error);
296
+ border-color: var(--ids-color-error-default);
286
297
  }
287
298
  .ids-button.btn-primary-destructive:hover,
288
299
  .ids-toggle-button.btn-primary-destructive:hover,
@@ -293,46 +304,46 @@ button {
293
304
  .ids-button.btn-primary-destructive[disabled],
294
305
  .ids-toggle-button.btn-primary-destructive[disabled],
295
306
  .ids-menu-button.btn-primary-destructive[disabled] {
296
- background-color: var(--ids-button-primary-disabled-background-color);
297
- border-color: var(--ids-button-primary-disabled-border-color);
298
- color: var(--ids-button-primary-disabled-text-color);
307
+ background-color: var(--ids-button-primary-color-background-disabled);
308
+ border-color: var(--ids-button-primary-color-border-disabled);
309
+ color: var(--ids-button-primary-color-text-disabled);
299
310
  }
300
311
  .ids-button.btn-primary-destructive .ripple-effect,
301
312
  .ids-toggle-button.btn-primary-destructive .ripple-effect,
302
313
  .ids-menu-button.btn-primary-destructive .ripple-effect {
303
- background-color: var(--ids-color-error-00);
314
+ background-color: var(--ids-color-text-on-error);
304
315
  }
305
316
  .ids-button.btn-secondary,
306
317
  .ids-toggle-button.btn-secondary,
307
318
  .ids-menu-button.btn-secondary {
308
- background-color: var(--ids-button-secondary-background-color);
319
+ background-color: var(--ids-button-secondary-color-background-default);
309
320
  border-width: var(--ids-button-secondary-border-width);
310
- border-color: var(--ids-button-secondary-border-color);
311
- color: var(--ids-button-secondary-text-color);
321
+ border-color: var(--ids-button-secondary-color-border-default);
322
+ color: var(--ids-button-secondary-color-text-default);
312
323
  }
313
324
  .ids-button.btn-secondary:not(.hide-focus).is-active, .ids-button.btn-secondary:not(.hide-focus):focus,
314
325
  .ids-toggle-button.btn-secondary:not(.hide-focus).is-active,
315
326
  .ids-toggle-button.btn-secondary:not(.hide-focus):focus,
316
327
  .ids-menu-button.btn-secondary:not(.hide-focus).is-active,
317
328
  .ids-menu-button.btn-secondary:not(.hide-focus):focus {
318
- border-color: var(--ids-button-secondary-focus-border-color);
329
+ border-color: var(--ids-button-secondary-color-border-focus);
319
330
  }
320
331
  .ids-button.btn-secondary:hover,
321
332
  .ids-toggle-button.btn-secondary:hover,
322
333
  .ids-menu-button.btn-secondary:hover {
323
- background-color: var(--ids-button-secondary-hover-background-color);
334
+ background-color: var(--ids-button-secondary-color-background-hover);
324
335
  }
325
336
  .ids-button.btn-secondary[disabled],
326
337
  .ids-toggle-button.btn-secondary[disabled],
327
338
  .ids-menu-button.btn-secondary[disabled] {
328
- background-color: var(--ids-button-secondary-disabled-background-color);
329
- border-color: var(--ids-button-secondary-disabled-border-color);
330
- color: var(--ids-button-secondary-disabled-text-color);
339
+ background-color: var(--ids-button-secondary-color-background-disabled);
340
+ border-color: var(--ids-button-secondary-color-border-disabled);
341
+ color: var(--ids-button-secondary-color-text-disabled);
331
342
  }
332
343
  .ids-button.btn-secondary .ripple-effect,
333
344
  .ids-toggle-button.btn-secondary .ripple-effect,
334
345
  .ids-menu-button.btn-secondary .ripple-effect {
335
- background-color: var(--ids-button-secondary-ripple-color);
346
+ background-color: var(--ids-button-secondary-color-background-pressed);
336
347
  }
337
348
  .ids-button.color-variant-alternate:hover,
338
349
  .ids-toggle-button.color-variant-alternate:hover,
@@ -342,7 +353,7 @@ button {
342
353
  .ids-button.color-variant-alternate.ids-trigger-button:not([readonly]):hover,
343
354
  .ids-toggle-button.color-variant-alternate.ids-trigger-button:not([readonly]):hover,
344
355
  .ids-menu-button.color-variant-alternate.ids-trigger-button:not([readonly]):hover {
345
- background-color: var(--ids-searchfield-header-icon-hover-color);
356
+ background-color: var(--ids-search-field-header-color-icon-hover);
346
357
  }
347
358
  .ids-button.color-variant-app-menu:hover,
348
359
  .ids-toggle-button.color-variant-app-menu:hover,
@@ -354,7 +365,7 @@ button {
354
365
  .ids-toggle-button.color-variant-alternate-formatter,
355
366
  .ids-menu-button.color-variant-alternate,
356
367
  .ids-menu-button.color-variant-alternate-formatter {
357
- color: var(--ids-button-alternate-text-color);
368
+ color: var(--ids-button-alternate-color-text-default);
358
369
  opacity: 0.8;
359
370
  }
360
371
  .ids-button.color-variant-alternate:not(.hide-focus).is-active, .ids-button.color-variant-alternate:not(.hide-focus):focus, .ids-button.color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-button.color-variant-alternate-formatter:not(.hide-focus):focus,
@@ -366,7 +377,7 @@ button {
366
377
  .ids-menu-button.color-variant-alternate:not(.hide-focus):focus,
367
378
  .ids-menu-button.color-variant-alternate-formatter:not(.hide-focus).is-active,
368
379
  .ids-menu-button.color-variant-alternate-formatter:not(.hide-focus):focus {
369
- border-color: var(--ids-button-formatter-border-color);
380
+ border-color: var(--ids-button-formatter-color-border);
370
381
  opacity: 1;
371
382
  }
372
383
  .ids-button.color-variant-alternate:hover, .ids-button.color-variant-alternate-formatter:hover,
@@ -374,7 +385,7 @@ button {
374
385
  .ids-toggle-button.color-variant-alternate-formatter:hover,
375
386
  .ids-menu-button.color-variant-alternate:hover,
376
387
  .ids-menu-button.color-variant-alternate-formatter:hover {
377
- color: var(--ids-button-alternate-text-color-hover);
388
+ color: var(--ids-button-alternate-color-text-default-hover);
378
389
  opacity: 1;
379
390
  }
380
391
  .ids-button.color-variant-alternate[disabled], .ids-button.color-variant-alternate-formatter[disabled],
@@ -383,19 +394,19 @@ button {
383
394
  .ids-menu-button.color-variant-alternate[disabled],
384
395
  .ids-menu-button.color-variant-alternate-formatter[disabled] {
385
396
  background-color: transparent;
386
- opacity: var(--ids-button-formatter-disabled-opacity);
397
+ opacity: var(--ids-button-formatter-opacity-disabled);
387
398
  }
388
399
  .ids-button.color-variant-alternate .ripple-effect, .ids-button.color-variant-alternate-formatter .ripple-effect,
389
400
  .ids-toggle-button.color-variant-alternate .ripple-effect,
390
401
  .ids-toggle-button.color-variant-alternate-formatter .ripple-effect,
391
402
  .ids-menu-button.color-variant-alternate .ripple-effect,
392
403
  .ids-menu-button.color-variant-alternate-formatter .ripple-effect {
393
- background-color: var(--ids-button-alternate-ripple-color);
404
+ background-color: var(--ids-button-alternate-color-background-pressed);
394
405
  }
395
406
  .ids-button.color-variant-alternate-formatter,
396
407
  .ids-toggle-button.color-variant-alternate-formatter,
397
408
  .ids-menu-button.color-variant-alternate-formatter {
398
- color: var(--ids-button-alternate-formatter-text-color);
409
+ color: var(--ids-button-formatter-color-text-default);
399
410
  opacity: 1;
400
411
  }
401
412
  .ids-button.color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-button.color-variant-alternate-formatter:not(.hide-focus):focus,
@@ -403,7 +414,7 @@ button {
403
414
  .ids-toggle-button.color-variant-alternate-formatter:not(.hide-focus):focus,
404
415
  .ids-menu-button.color-variant-alternate-formatter:not(.hide-focus).is-active,
405
416
  .ids-menu-button.color-variant-alternate-formatter:not(.hide-focus):focus {
406
- border-color: var(--ids-focus-border-color);
417
+ border-color: var(--ids-color-border-focus);
407
418
  }
408
419
  .ids-button.color-variant-alternate-formatter[disabled],
409
420
  .ids-toggle-button.color-variant-alternate-formatter[disabled],
@@ -414,7 +425,7 @@ button {
414
425
  .ids-toggle-button.color-variant-alternate-formatter:hover,
415
426
  .ids-menu-button.color-variant-alternate-formatter:hover {
416
427
  background-color: transparent;
417
- color: var(--ids-button-alternate-formatter-text-color-hover);
428
+ color: var(--ids-button-formatter-color-text-hover);
418
429
  }
419
430
  .ids-button.color-variant-alternate-formatter .ripple-effect,
420
431
  .ids-toggle-button.color-variant-alternate-formatter .ripple-effect,
@@ -424,8 +435,24 @@ button {
424
435
  .ids-button.color-variant-alternate-formatter.ids-menu-button.compact,
425
436
  .ids-toggle-button.color-variant-alternate-formatter.ids-menu-button.compact,
426
437
  .ids-menu-button.color-variant-alternate-formatter.ids-menu-button.compact {
427
- padding: var(--ids-spacing-md);
428
- padding-inline: var(--ids-spacing-md);
438
+ padding: var(--ids-space-30);
439
+ padding-inline: var(--ids-space-30);
440
+ }
441
+ .ids-button.color-variant-module,
442
+ .ids-toggle-button.color-variant-module,
443
+ .ids-menu-button.color-variant-module {
444
+ color: var(--ids-button-module-color-text-default);
445
+ }
446
+ .ids-button.color-variant-module:not(.square),
447
+ .ids-toggle-button.color-variant-module:not(.square),
448
+ .ids-menu-button.color-variant-module:not(.square) {
449
+ border-radius: var(--ids-button-module-border-radius);
450
+ }
451
+ .ids-button.color-variant-module:hover,
452
+ .ids-toggle-button.color-variant-module:hover,
453
+ .ids-menu-button.color-variant-module:hover {
454
+ background-color: var(--ids-button-module-color-background-hover);
455
+ color: var(--ids-button-module-color-text-hover);
429
456
  }
430
457
  .ids-button ::slotted(ids-icon:only-child),
431
458
  .ids-toggle-button ::slotted(ids-icon:only-child),
@@ -435,52 +462,52 @@ button {
435
462
  .ids-button:not(.no-padding),
436
463
  .ids-toggle-button:not(.no-padding),
437
464
  .ids-menu-button:not(.no-padding) {
438
- padding-inline: var(--ids-spacing-5xl);
465
+ padding-inline: var(--ids-space-90);
439
466
  }
440
467
  .ids-button.btn-tertiary, .ids-button.btn-tertiary-destructive,
441
468
  .ids-toggle-button.btn-tertiary,
442
469
  .ids-toggle-button.btn-tertiary-destructive,
443
470
  .ids-menu-button.btn-tertiary,
444
471
  .ids-menu-button.btn-tertiary-destructive {
445
- padding-inline: var(--ids-spacing-xl);
472
+ padding-inline: var(--ids-space-50);
446
473
  }
447
474
  .ids-button.no-padding,
448
475
  .ids-toggle-button.no-padding,
449
476
  .ids-menu-button.no-padding {
450
- padding-inline: var(--ids-spacing-xl);
477
+ padding-inline: var(--ids-space-50);
451
478
  }
452
479
 
453
480
  .ids-menu-button.formatter-width:not(.no-padding):not(.ids-icon-button) {
454
- padding-inline-start: calc(var(--ids-spacing-lg) - 1px);
455
- padding-inline-end: calc(var(--ids-spacing-lg) - 1px);
481
+ padding-inline-start: calc(var(--ids-space-40) - 1px);
482
+ padding-inline-end: calc(var(--ids-space-40) - 1px);
456
483
  }
457
484
  .ids-menu-button.formatter-width:not(.formatter-width-percentage) {
458
485
  justify-content: normal;
459
486
  }
460
487
  .ids-menu-button.formatter-width:not(.formatter-width-percentage) .ids-icon {
461
488
  position: absolute;
462
- inset-inline-end: var(--ids-spacing-md);
489
+ inset-inline-end: var(--ids-space-30);
463
490
  }
464
491
 
465
492
  .ids-icon-button {
466
- box-shadow: var(--ids-box-shadow-none);
493
+ box-shadow: var(--ids-shadow-none);
467
494
  font-weight: var(--ids-font-weight-normal);
468
- font-family: var(--ids-font-family);
469
- font-size: var(--ids-font-size-md);
495
+ font-family: var(--ids-font-family-default);
496
+ font-size: var(--ids-font-size-40);
470
497
  overflow: hidden;
471
- padding-bottom: calc(var(--ids-spacing-lg) - 2px);
472
- padding-top: calc(var(--ids-spacing-lg) - 2px);
498
+ padding-bottom: calc(var(--ids-space-40) - 2px);
499
+ padding-top: calc(var(--ids-space-40) - 2px);
473
500
  position: relative;
474
501
  border: 1px solid transparent;
475
502
  background-color: transparent;
476
503
  color: currentColor;
477
- transition: background-color var(--ids-transition-length) var(--ids-transition-ease), border-color var(--ids-transition-length) var(--ids-transition-ease), box-shadow var(--ids-transition-length) var(--ids-transition-ease), color var(--ids-transition-length) var(--ids-transition-ease), opacity var(--ids-transition-length) var(--ids-transition-ease);
504
+ transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), border-color var(--ids-motion-duration) var(--ids-motion-ease), box-shadow var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease), opacity var(--ids-motion-duration) var(--ids-motion-ease);
478
505
  white-space: nowrap;
479
506
  display: inline-flex;
480
507
  font-weight: var(--ids-button-tertiary-font-weight);
481
- border-radius: var(--ids-border-radius-md);
482
- border-color: var(--ids-button-tertiary-border-color);
483
- color: var(--ids-button-tertiary-text-color);
508
+ border-radius: var(--ids-border-radius-03);
509
+ border-color: var(--ids-button-tertiary-color-border-default);
510
+ color: var(--ids-button-tertiary-color-text-default);
484
511
  padding-inline-start: var(--ids-button-icon-padding);
485
512
  padding-inline-end: var(--ids-button-icon-padding);
486
513
  padding-block-start: var(--ids-button-icon-padding);
@@ -516,153 +543,166 @@ button {
516
543
  vertical-align: middle;
517
544
  }
518
545
  .ids-icon-button.align-icon-end ::slotted(ids-icon) {
519
- padding-inline-start: var(--ids-spacing-md);
546
+ padding-inline-start: var(--ids-space-30);
520
547
  }
521
548
  .ids-icon-button.no-margins {
522
- margin-inline: var(--ids-spacing-none);
549
+ margin-inline: var(--ids-space-none);
523
550
  }
524
551
  .ids-icon-button:not(.btn-secondary):not(.no-margins) {
525
- margin: var(--ids-spacing-xs);
552
+ margin: var(--ids-space-10);
526
553
  }
527
554
  .ids-icon-button:not(.hide-focus).is-active, .ids-icon-button:not(.hide-focus):focus {
528
- border-color: var(--ids-button-tertiary-focus-border-color);
555
+ border-color: var(--ids-button-tertiary-color-border-focus);
529
556
  }
530
557
  .ids-icon-button:hover {
531
- color: var(--ids-button-tertiary-hover-text-color);
532
- background-color: var(--ids-button-tertiary-hover-background-color);
558
+ color: var(--ids-button-tertiary-color-text-hover);
559
+ background-color: var(--ids-button-tertiary-color-background-hover);
533
560
  }
534
561
  .ids-icon-button[disabled] {
535
- color: var(--ids-button-tertiary-disabled-text-color);
562
+ color: var(--ids-button-tertiary-color-text-disabled);
536
563
  background-color: var(--ids-button-tertiary-disabled-background-color);
537
564
  }
538
565
  .ids-icon-button .ripple-effect {
539
- background-color: var(--ids-button-tertiary-ripple-color);
566
+ background-color: var(--ids-button-tertiary-color-background-pressed);
540
567
  }
541
568
  .ids-icon-button.btn-tertiary-destructive {
542
- color: var(--ids-color-error);
569
+ color: var(--ids-color-error-default);
543
570
  }
544
571
  .ids-icon-button.btn-tertiary-destructive:not(.hide-focus).is-active, .ids-icon-button.btn-tertiary-destructive:not(.hide-focus):focus {
545
572
  border-color: var(--ids-color-error-70);
546
573
  }
547
574
  .ids-icon-button.btn-tertiary-destructive:hover {
548
- background-color: var(--ids-button-destructive-hover-background-color);
575
+ background-color: var(--ids-button-destructive-color-background-hover);
549
576
  color: var(--ids-color-error-70);
550
577
  }
551
578
  .ids-icon-button.btn-tertiary-destructive[disabled] {
552
- color: var(--ids-button-tertiary-disabled-text-color);
579
+ color: var(--ids-button-tertiary-color-text-disabled);
553
580
  background-color: transparent;
554
581
  }
555
582
  .ids-icon-button.btn-tertiary-destructive .ripple-effect {
556
- background-color: var(--ids-color-error);
583
+ background-color: var(--ids-color-error-default);
557
584
  }
558
585
  .ids-icon-button.btn-primary {
559
- background-color: var(--ids-button-primary-background-color);
560
- border-color: var(--ids-button-primary-border-color);
561
- color: var(--ids-button-primary-text-color);
586
+ background-color: var(--ids-button-primary-color-background-default);
587
+ border-color: var(--ids-button-primary-color-border-default);
588
+ border: 1px solid var(--ids-button-primary-color-border-default);
589
+ color: var(--ids-button-primary-color-text-default);
590
+ padding-bottom: calc(var(--ids-space-40) - 1px);
591
+ padding-top: calc(var(--ids-space-40) - 1px);
562
592
  }
563
593
  .ids-icon-button.btn-primary:not(.hide-focus).is-active, .ids-icon-button.btn-primary:not(.hide-focus):focus {
564
- border-color: var(--ids-button-primary-focus-border-color);
594
+ border-color: var(--ids-button-primary-color-border-focus);
565
595
  }
566
596
  .ids-icon-button.btn-primary:hover {
567
- background-color: var(--ids-button-primary-hover-background-color);
568
- border-color: var(--ids-button-primary-hover-border-color);
597
+ background-color: var(--ids-button-primary-color-background-hover);
598
+ border-color: var(--ids-button-primary-color-border-hover);
569
599
  }
570
600
  .ids-icon-button.btn-primary[disabled] {
571
- background-color: var(--ids-button-primary-disabled-background-color);
572
- border-color: var(--ids-button-primary-disabled-border-color);
573
- color: var(--ids-button-primary-disabled-text-color);
601
+ background-color: var(--ids-button-primary-color-background-disabled);
602
+ border-color: var(--ids-button-primary-color-border-disabled);
603
+ color: var(--ids-button-primary-color-text-disabled);
574
604
  }
575
605
  .ids-icon-button.btn-primary .ripple-effect {
576
- background-color: var(--ids-button-primary-ripple-color);
606
+ background-color: var(--ids-button-primary-color-background-pressed);
577
607
  }
578
608
  .ids-icon-button.btn-primary-destructive {
579
- background-color: var(--ids-color-error);
580
- border-color: var(--ids-color-error);
581
- color: var(--ids-color-error-00);
609
+ background-color: var(--ids-color-error-default);
610
+ border-color: var(--ids-color-error-default);
611
+ color: var(--ids-color-text-on-error);
582
612
  }
583
613
  .ids-icon-button.btn-primary-destructive:not(.hide-focus).is-active, .ids-icon-button.btn-primary-destructive:not(.hide-focus):focus {
584
- border-color: var(--ids-color-error);
614
+ border-color: var(--ids-color-error-default);
585
615
  }
586
616
  .ids-icon-button.btn-primary-destructive:hover {
587
617
  background-color: var(--ids-color-error-70);
588
618
  border-color: var(--ids-color-error-70);
589
619
  }
590
620
  .ids-icon-button.btn-primary-destructive[disabled] {
591
- background-color: var(--ids-button-primary-disabled-background-color);
592
- border-color: var(--ids-button-primary-disabled-border-color);
593
- color: var(--ids-button-primary-disabled-text-color);
621
+ background-color: var(--ids-button-primary-color-background-disabled);
622
+ border-color: var(--ids-button-primary-color-border-disabled);
623
+ color: var(--ids-button-primary-color-text-disabled);
594
624
  }
595
625
  .ids-icon-button.btn-primary-destructive .ripple-effect {
596
- background-color: var(--ids-color-error-00);
626
+ background-color: var(--ids-color-text-on-error);
597
627
  }
598
628
  .ids-icon-button.btn-secondary {
599
- background-color: var(--ids-button-secondary-background-color);
629
+ background-color: var(--ids-button-secondary-color-background-default);
600
630
  border-width: var(--ids-button-secondary-border-width);
601
- border-color: var(--ids-button-secondary-border-color);
602
- color: var(--ids-button-secondary-text-color);
631
+ border-color: var(--ids-button-secondary-color-border-default);
632
+ color: var(--ids-button-secondary-color-text-default);
603
633
  }
604
634
  .ids-icon-button.btn-secondary:not(.hide-focus).is-active, .ids-icon-button.btn-secondary:not(.hide-focus):focus {
605
- border-color: var(--ids-button-secondary-focus-border-color);
635
+ border-color: var(--ids-button-secondary-color-border-focus);
606
636
  }
607
637
  .ids-icon-button.btn-secondary:hover {
608
- background-color: var(--ids-button-secondary-hover-background-color);
638
+ background-color: var(--ids-button-secondary-color-background-hover);
609
639
  }
610
640
  .ids-icon-button.btn-secondary[disabled] {
611
- background-color: var(--ids-button-secondary-disabled-background-color);
612
- border-color: var(--ids-button-secondary-disabled-border-color);
613
- color: var(--ids-button-secondary-disabled-text-color);
641
+ background-color: var(--ids-button-secondary-color-background-disabled);
642
+ border-color: var(--ids-button-secondary-color-border-disabled);
643
+ color: var(--ids-button-secondary-color-text-disabled);
614
644
  }
615
645
  .ids-icon-button.btn-secondary .ripple-effect {
616
- background-color: var(--ids-button-secondary-ripple-color);
646
+ background-color: var(--ids-button-secondary-color-background-pressed);
617
647
  }
618
648
  .ids-icon-button.color-variant-alternate:hover {
619
649
  background-color: rgba(0, 0, 0, 0.3);
620
650
  }
621
651
  .ids-icon-button.color-variant-alternate.ids-trigger-button:not([readonly]):hover {
622
- background-color: var(--ids-searchfield-header-icon-hover-color);
652
+ background-color: var(--ids-search-field-header-color-icon-hover);
623
653
  }
624
654
  .ids-icon-button.color-variant-app-menu:hover {
625
655
  background-color: rgba(255, 255, 255, 0.15);
626
656
  }
627
657
  .ids-icon-button.color-variant-alternate, .ids-icon-button.color-variant-alternate-formatter {
628
- color: var(--ids-button-alternate-text-color);
658
+ color: var(--ids-button-alternate-color-text-default);
629
659
  opacity: 0.8;
630
660
  }
631
661
  .ids-icon-button.color-variant-alternate:not(.hide-focus).is-active, .ids-icon-button.color-variant-alternate:not(.hide-focus):focus, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus):focus {
632
- border-color: var(--ids-button-formatter-border-color);
662
+ border-color: var(--ids-button-formatter-color-border);
633
663
  opacity: 1;
634
664
  }
635
665
  .ids-icon-button.color-variant-alternate:hover, .ids-icon-button.color-variant-alternate-formatter:hover {
636
- color: var(--ids-button-alternate-text-color-hover);
666
+ color: var(--ids-button-alternate-color-text-default-hover);
637
667
  opacity: 1;
638
668
  }
639
669
  .ids-icon-button.color-variant-alternate[disabled], .ids-icon-button.color-variant-alternate-formatter[disabled] {
640
670
  background-color: transparent;
641
- opacity: var(--ids-button-formatter-disabled-opacity);
671
+ opacity: var(--ids-button-formatter-opacity-disabled);
642
672
  }
643
673
  .ids-icon-button.color-variant-alternate .ripple-effect, .ids-icon-button.color-variant-alternate-formatter .ripple-effect {
644
- background-color: var(--ids-button-alternate-ripple-color);
674
+ background-color: var(--ids-button-alternate-color-background-pressed);
645
675
  }
646
676
  .ids-icon-button.color-variant-alternate-formatter {
647
- color: var(--ids-button-alternate-formatter-text-color);
677
+ color: var(--ids-button-formatter-color-text-default);
648
678
  opacity: 1;
649
679
  }
650
680
  .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus).is-active, .ids-icon-button.color-variant-alternate-formatter:not(.hide-focus):focus {
651
- border-color: var(--ids-focus-border-color);
681
+ border-color: var(--ids-color-border-focus);
652
682
  }
653
683
  .ids-icon-button.color-variant-alternate-formatter[disabled] {
654
684
  opacity: 1;
655
685
  }
656
686
  .ids-icon-button.color-variant-alternate-formatter:hover {
657
687
  background-color: transparent;
658
- color: var(--ids-button-alternate-formatter-text-color-hover);
688
+ color: var(--ids-button-formatter-color-text-hover);
659
689
  }
660
690
  .ids-icon-button.color-variant-alternate-formatter .ripple-effect {
661
691
  background-color: var(--ids-color-primary-light);
662
692
  }
663
693
  .ids-icon-button.color-variant-alternate-formatter.ids-menu-button.compact {
664
- padding: var(--ids-spacing-md);
665
- padding-inline: var(--ids-spacing-md);
694
+ padding: var(--ids-space-30);
695
+ padding-inline: var(--ids-space-30);
696
+ }
697
+ .ids-icon-button.color-variant-module {
698
+ color: var(--ids-button-module-color-text-default);
699
+ }
700
+ .ids-icon-button.color-variant-module:not(.square) {
701
+ border-radius: var(--ids-button-module-border-radius);
702
+ }
703
+ .ids-icon-button.color-variant-module:hover {
704
+ background-color: var(--ids-button-module-color-background-hover);
705
+ color: var(--ids-button-module-color-text-hover);
666
706
  }
667
707
  .ids-icon-button:not(.no-padding) {
668
708
  padding-inline-start: var(--ids-button-icon-padding);
@@ -671,11 +711,11 @@ button {
671
711
  padding-bottom: var(--ids-button-icon-padding);
672
712
  }
673
713
  .ids-icon-button:not(.square) {
674
- border-radius: var(--ids-border-radius-md);
714
+ border-radius: var(--ids-border-radius-03);
675
715
  }
676
716
  .ids-icon-button .ids-icon {
677
717
  display: block;
678
- padding-inline-start: var(--ids-spacing-none);
718
+ padding-inline-start: var(--ids-space-none);
679
719
  font-size: 0;
680
720
  }
681
721
  .ids-icon-button span.audible {
@@ -689,12 +729,12 @@ button {
689
729
  width: 1px;
690
730
  }
691
731
  .ids-icon-button .ripple-effect {
692
- height: var(--ids-size-2xl);
693
- width: var(--ids-size-2xl);
732
+ height: var(--ids-size-70);
733
+ width: var(--ids-size-70);
694
734
  }
695
735
  .ids-icon-button.no-margins {
696
- margin-inline-start: var(--ids-spacing-none);
697
- margin-inline-end: var(--ids-spacing-none);
736
+ margin-inline-start: var(--ids-space-none);
737
+ margin-inline-end: var(--ids-space-none);
698
738
  }
699
739
 
700
740
  .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.hide-focus).is-active, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.hide-focus):focus,
@@ -702,7 +742,7 @@ button {
702
742
  .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.hide-focus):focus,
703
743
  .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.hide-focus).is-active,
704
744
  .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive):not(.hide-focus):focus {
705
- box-shadow: var(--ids-box-shadow-md);
745
+ box-shadow: var(--ids-shadow-20);
706
746
  }
707
747
  .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate:not(.hide-focus).is-active, .ids-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate:not(.hide-focus):focus,
708
748
  .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate:not(.hide-focus).is-active,
@@ -716,21 +756,21 @@ button {
716
756
  .ids-icon-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate-formatter:not(.hide-focus):focus,
717
757
  .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate-formatter:not(.hide-focus).is-active,
718
758
  .ids-menu-button:not(.btn-primary):not(.btn-secondary):not(.btn-primary-destructive):not(.btn-tertiary-destructive).color-variant-alternate-formatter:not(.hide-focus):focus {
719
- box-shadow: var(--ids-box-shadow-md);
759
+ box-shadow: var(--ids-shadow-20);
720
760
  }
721
761
  .ids-button.btn-tertiary-destructive:not(.hide-focus).is-active, .ids-button.btn-tertiary-destructive:not(.hide-focus):focus,
722
762
  .ids-icon-button.btn-tertiary-destructive:not(.hide-focus).is-active,
723
763
  .ids-icon-button.btn-tertiary-destructive:not(.hide-focus):focus,
724
764
  .ids-menu-button.btn-tertiary-destructive:not(.hide-focus).is-active,
725
765
  .ids-menu-button.btn-tertiary-destructive:not(.hide-focus):focus {
726
- box-shadow: var(--ids-box-shadow-error);
766
+ box-shadow: var(--ids-shadow-error);
727
767
  }
728
768
  .ids-button.btn-primary:not(.hide-focus).is-active, .ids-button.btn-primary:not(.hide-focus):focus,
729
769
  .ids-icon-button.btn-primary:not(.hide-focus).is-active,
730
770
  .ids-icon-button.btn-primary:not(.hide-focus):focus,
731
771
  .ids-menu-button.btn-primary:not(.hide-focus).is-active,
732
772
  .ids-menu-button.btn-primary:not(.hide-focus):focus {
733
- box-shadow: var(--ids-button-primary-focus-box-shadow);
773
+ box-shadow: var(--ids-button-primary-shadow-focus);
734
774
  }
735
775
  .ids-button.btn-primary.color-variant-alternate:not(.hide-focus).is-active, .ids-button.btn-primary.color-variant-alternate:not(.hide-focus):focus,
736
776
  .ids-icon-button.btn-primary.color-variant-alternate:not(.hide-focus).is-active,
@@ -744,34 +784,34 @@ button {
744
784
  .ids-icon-button.btn-primary-destructive:not(.hide-focus):focus,
745
785
  .ids-menu-button.btn-primary-destructive:not(.hide-focus).is-active,
746
786
  .ids-menu-button.btn-primary-destructive:not(.hide-focus):focus {
747
- box-shadow: 0 0 0 2px var(--ids-body-background-color), 0 0 0 3px var(--ids-color-error), 0 0 4px 3px var(--ids-color-error);
787
+ box-shadow: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-error-default), 0 0 4px 3px var(--ids-color-error-default);
748
788
  }
749
789
  .ids-button.btn-secondary:not(.hide-focus).is-active, .ids-button.btn-secondary:not(.hide-focus):focus,
750
790
  .ids-icon-button.btn-secondary:not(.hide-focus).is-active,
751
791
  .ids-icon-button.btn-secondary:not(.hide-focus):focus,
752
792
  .ids-menu-button.btn-secondary:not(.hide-focus).is-active,
753
793
  .ids-menu-button.btn-secondary:not(.hide-focus):focus {
754
- box-shadow: var(--ids-button-secondary-focus-box-shadow);
794
+ box-shadow: var(--ids-button-secondary-shadow-focus);
755
795
  }
756
796
 
757
797
  .ids-modal-button:not(.ids-modal-icon-button) {
758
- box-shadow: var(--ids-box-shadow-none);
798
+ box-shadow: var(--ids-shadow-none);
759
799
  font-weight: var(--ids-font-weight-normal);
760
- font-family: var(--ids-font-family);
761
- font-size: var(--ids-font-size-md);
800
+ font-family: var(--ids-font-family-default);
801
+ font-size: var(--ids-font-size-40);
762
802
  overflow: hidden;
763
- padding-bottom: calc(var(--ids-spacing-lg) - 2px);
764
- padding-top: calc(var(--ids-spacing-lg) - 2px);
803
+ padding-bottom: calc(var(--ids-space-40) - 2px);
804
+ padding-top: calc(var(--ids-space-40) - 2px);
765
805
  position: relative;
766
806
  border: 1px solid transparent;
767
807
  background-color: transparent;
768
808
  color: currentColor;
769
- transition: background-color var(--ids-transition-length) var(--ids-transition-ease), border-color var(--ids-transition-length) var(--ids-transition-ease), box-shadow var(--ids-transition-length) var(--ids-transition-ease), color var(--ids-transition-length) var(--ids-transition-ease), opacity var(--ids-transition-length) var(--ids-transition-ease);
809
+ transition: background-color var(--ids-motion-duration) var(--ids-motion-ease), border-color var(--ids-motion-duration) var(--ids-motion-ease), box-shadow var(--ids-motion-duration) var(--ids-motion-ease), color var(--ids-motion-duration) var(--ids-motion-ease), opacity var(--ids-motion-duration) var(--ids-motion-ease);
770
810
  white-space: nowrap;
771
- padding-block-start: var(--ids-spacing-xl);
772
- padding-block-end: var(--ids-spacing-xl);
811
+ padding-block-start: var(--ids-space-50);
812
+ padding-block-end: var(--ids-space-50);
773
813
  display: block;
774
- font-weight: var(--ids-font-weight-semi-bold);
814
+ font-weight: var(--ids-font-weight-semibold);
775
815
  justify-content: center;
776
816
  height: 100%;
777
817
  width: 100%;
@@ -806,43 +846,43 @@ button {
806
846
  vertical-align: middle;
807
847
  }
808
848
  .ids-modal-button:not(.ids-modal-icon-button).align-icon-end ::slotted(ids-icon) {
809
- padding-inline-start: var(--ids-spacing-md);
849
+ padding-inline-start: var(--ids-space-30);
810
850
  }
811
851
  .ids-modal-button:not(.ids-modal-icon-button).no-margins {
812
- margin-inline: var(--ids-spacing-none);
852
+ margin-inline: var(--ids-space-none);
813
853
  }
814
854
  .ids-modal-button:not(.ids-modal-icon-button):not(.btn-secondary):not(.no-margins) {
815
- margin: var(--ids-spacing-xs);
855
+ margin: var(--ids-space-10);
816
856
  }
817
857
  .ids-modal-button:not(.ids-modal-icon-button).btn-primary {
818
- background-color: var(--ids-modal-background-color);
819
- color: var(--ids-modal-button-color);
858
+ background-color: var(--ids-modal-color-background);
859
+ color: var(--ids-modal-button-color-default);
820
860
  }
821
861
  .ids-modal-button:not(.ids-modal-icon-button).btn-primary:not(.hide-focus).is-active, .ids-modal-button:not(.ids-modal-icon-button).btn-primary:not(.hide-focus):focus {
822
- box-shadow: var(--ids-modal-button-focus-box-shadow);
862
+ box-shadow: var(--ids-modal-shadow-focus);
823
863
  }
824
864
  .ids-modal-button:not(.ids-modal-icon-button).btn-primary:hover {
825
- color: var(--ids-modal-button-hover-color);
865
+ color: var(--ids-modal-button-color-hover);
826
866
  }
827
867
  .ids-modal-button:not(.ids-modal-icon-button).btn-primary[disabled] {
828
868
  opacity: 0.3;
829
869
  }
830
870
  .ids-modal-button:not(.ids-modal-icon-button).btn-primary .ripple-effect {
831
- background-color: var(--ids-modal-button-color);
871
+ background-color: var(--ids-modal-button-color-default);
832
872
  }
833
873
  .ids-modal-button:not(.ids-modal-icon-button).btn-secondary, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary {
834
- background-color: var(--ids-modal-background-color);
874
+ background-color: var(--ids-modal-color-background);
835
875
  color: var(--ids-color-neutral-80);
836
876
  }
837
877
  .ids-modal-button:not(.ids-modal-icon-button).btn-secondary:not(.hide-focus).is-active, .ids-modal-button:not(.ids-modal-icon-button).btn-secondary:not(.hide-focus):focus, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary:not(.hide-focus).is-active, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary:not(.hide-focus):focus {
838
- box-shadow: var(--ids-modal-button-focus-box-shadow);
878
+ box-shadow: var(--ids-modal-shadow-focus);
839
879
  }
840
880
  .ids-modal-button:not(.ids-modal-icon-button).btn-secondary:hover, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary:hover {
841
881
  color: var(--ids-color-neutral-100);
842
882
  }
843
883
  .ids-modal-button:not(.ids-modal-icon-button).btn-secondary[disabled], .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary[disabled] {
844
- background-color: var(--ids-button-secondary-disabled-border-color);
845
- border-color: var(--ids-button-secondary-disabled-border-color);
884
+ background-color: var(--ids-button-secondary-color-border-disabled);
885
+ border-color: var(--ids-button-secondary-color-border-disabled);
846
886
  }
847
887
  .ids-modal-button:not(.ids-modal-icon-button).btn-secondary .ripple-effect, .ids-modal-button:not(.ids-modal-icon-button).btn-tertiary .ripple-effect {
848
888
  background-color: var(--ids-color-primary-70);
@@ -852,13 +892,13 @@ button {
852
892
  }
853
893
 
854
894
  .ids-modal-icon-button {
855
- padding: var(--ids-spacing-lg);
895
+ padding: var(--ids-space-40);
856
896
  }
857
897
 
858
898
  .btn-swipe-action-left,
859
899
  .btn-swipe-action-right {
860
900
  display: block;
861
- padding: 0 var(--ids-spacing-lg) var(--ids-spacing-lg);
901
+ padding: 0 var(--ids-space-40) var(--ids-space-40);
862
902
  height: 100%;
863
903
  margin: 0;
864
904
  white-space: inherit;
@@ -883,31 +923,31 @@ button {
883
923
  .btn-swipe-action-left {
884
924
  border-start-end-radius: 0;
885
925
  border-end-end-radius: 0;
886
- background-color: var(--ids-swipe-action-left-background-color);
887
- color: var(--ids-swipe-action-left-text-color);
926
+ background-color: var(--ids-swipe-action-color-background-left);
927
+ color: var(--ids-swipe-action-color-text-left);
888
928
  }
889
929
  .btn-swipe-action-left:active {
890
- background-color: var(--ids-swipe-action-left-active-background-color);
891
- color: var(--ids-swipe-action-left-active-text-color);
930
+ background-color: var(--ids-swipe-action-color-background-left-active);
931
+ color: var(--ids-swipe-action-color-text-left-active);
892
932
  }
893
933
  .btn-swipe-action-left:hover {
894
- background-color: var(--ids-swipe-action-left-hover-background-color);
895
- color: var(--ids-swipe-action-left-hover-text-color);
934
+ background-color: var(--ids-swipe-action-color-background-left-hover);
935
+ color: var(--ids-swipe-action-color-text-left-hover);
896
936
  }
897
937
 
898
938
  .btn-swipe-action-right {
899
939
  border-start-start-radius: 0;
900
940
  border-end-start-radius: 0;
901
- background-color: var(--ids-swipe-action-right-background-color);
902
- color: var(--ids-swipe-action-right-text-color);
941
+ background-color: var(--ids-swipe-action-color-background-right);
942
+ color: var(--ids-swipe-action-color-text-right);
903
943
  }
904
944
  .btn-swipe-action-right:active {
905
- background-color: var(--ids-swipe-action-right-active-background-color);
906
- color: var(--ids-swipe-action-right-active-text-color);
945
+ background-color: var(--ids-swipe-action-color-background-right-active);
946
+ color: var(--ids-swipe-action-color-text-right-active);
907
947
  }
908
948
  .btn-swipe-action-right:hover {
909
- background-color: var(--ids-swipe-action-right-hover-background-color);
910
- color: var(--ids-swipe-action-right-hover-text-color);
949
+ background-color: var(--ids-swipe-action-color-background-right-hover);
950
+ color: var(--ids-swipe-action-color-text-right-hover);
911
951
  }
912
952
 
913
953
  .ids-button ::slotted(ids-icon:not(:first-child)),
@@ -948,7 +988,7 @@ button {
948
988
  }
949
989
 
950
990
  .ids-modal-button ::slotted(ids-icon:not(:first-child)) {
951
- padding: var(--ids-spacing-sm);
991
+ padding: var(--ids-space-20);
952
992
  }
953
993
 
954
994
  :host(:not([show-loading-indicator=true])) ::slotted(.slot-loading-indicator) {