ids-enterprise-wc 1.4.1 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (762) hide show
  1. package/README.md +4 -3
  2. package/chunks/{ids-chunk-5SFA4OQD.js → ids-chunk-26Q5NMHS.js} +1 -1
  3. package/chunks/{ids-chunk-5Y3Q7UW2.js → ids-chunk-2GPSSKAG.js} +8 -8
  4. package/chunks/{ids-chunk-PJCIFY3S.js → ids-chunk-2KIK45TC.js} +2 -2
  5. package/chunks/{ids-chunk-4NXQ7YJK.js → ids-chunk-2N7IUL5N.js} +1 -1
  6. package/chunks/{ids-chunk-DGAEERP2.js → ids-chunk-2Q6HKNL7.js} +1 -1
  7. package/chunks/ids-chunk-2SYTYD4Q.js +48 -0
  8. package/chunks/ids-chunk-346IKKEX.js +60 -0
  9. package/chunks/{ids-chunk-EX3JGHXB.js → ids-chunk-35YLGXKN.js} +1 -1
  10. package/chunks/{ids-chunk-YRTW3Z3G.js → ids-chunk-36OFRHEY.js} +1 -1
  11. package/chunks/ids-chunk-3ACXOLJ4.js +1 -0
  12. package/chunks/{ids-chunk-IECK3XXN.js → ids-chunk-3CXWPPYK.js} +1 -1
  13. package/chunks/{ids-chunk-MQDPOO7P.js → ids-chunk-3DAE2DZ5.js} +5 -5
  14. package/chunks/{ids-chunk-S6DFRUUC.js → ids-chunk-3IJMF5UN.js} +77 -73
  15. package/chunks/{ids-chunk-RUCJXO74.js → ids-chunk-3OB6ECL4.js} +169 -156
  16. package/chunks/ids-chunk-3SJI4UNH.js +20 -0
  17. package/chunks/{ids-chunk-ETSNT6ZD.js → ids-chunk-3V6MPTOX.js} +1 -1
  18. package/chunks/{ids-chunk-3NXRVY7I.js → ids-chunk-45Z6IGC4.js} +1 -1
  19. package/chunks/ids-chunk-4CI6LUNF.js +1 -0
  20. package/chunks/{ids-chunk-O5OXD2CE.js → ids-chunk-4MRWCECO.js} +94 -78
  21. package/chunks/ids-chunk-4YELVYKU.js +293 -0
  22. package/chunks/ids-chunk-4YU6ALAX.js +321 -0
  23. package/chunks/ids-chunk-557F5HAH.js +324 -0
  24. package/chunks/{ids-chunk-E2EK7U2B.js → ids-chunk-57UIH4SQ.js} +1 -1
  25. package/chunks/ids-chunk-5HSBB6Q4.js +495 -0
  26. package/chunks/{ids-chunk-KNS4G32T.js → ids-chunk-5IZQC6U6.js} +4 -4
  27. package/chunks/{ids-chunk-3VB2TGZW.js → ids-chunk-5KAHJUGG.js} +1 -1
  28. package/chunks/{ids-chunk-5EWBLNJR.js → ids-chunk-5LGACHI5.js} +19 -19
  29. package/chunks/ids-chunk-5LKH7TMZ.js +286 -0
  30. package/chunks/ids-chunk-5QMGR4I6.js +86 -0
  31. package/chunks/ids-chunk-5WPEQGII.js +15 -0
  32. package/chunks/ids-chunk-63GUPFBR.js +192 -0
  33. package/chunks/ids-chunk-6A2IC4G6.js +124 -0
  34. package/chunks/{ids-chunk-WQVG2X44.js → ids-chunk-6DPLQCFL.js} +13 -13
  35. package/chunks/ids-chunk-6ONONCR6.js +23 -0
  36. package/chunks/ids-chunk-6P577POZ.js +1 -0
  37. package/chunks/{ids-chunk-J4EMMGJ6.js → ids-chunk-76OFTMPZ.js} +1 -1
  38. package/chunks/{ids-chunk-ODOJCHST.js → ids-chunk-7H4SRV6W.js} +9 -8
  39. package/chunks/{ids-chunk-WAE52QMC.js → ids-chunk-7KKODLNV.js} +1 -1
  40. package/chunks/{ids-chunk-LSMOCIMZ.js → ids-chunk-7L6RF3US.js} +20 -20
  41. package/chunks/ids-chunk-7MKIVJB4.js +10 -0
  42. package/chunks/ids-chunk-7PC5M3PD.js +1 -0
  43. package/chunks/{ids-chunk-VRR3CRDI.js → ids-chunk-7TN2FQBW.js} +1 -1
  44. package/chunks/{ids-chunk-WBDXDLKP.js → ids-chunk-A57CAC7H.js} +1 -1
  45. package/chunks/{ids-chunk-BOWX5UQZ.js → ids-chunk-AVTM5U5S.js} +1 -1
  46. package/chunks/{ids-chunk-KFUT3ZGJ.js → ids-chunk-BATY7YKV.js} +1 -1
  47. package/chunks/{ids-chunk-5X6LBPEK.js → ids-chunk-BBBQ5YNO.js} +1 -1
  48. package/chunks/{ids-chunk-RWXIE425.js → ids-chunk-BBR4EYY4.js} +21 -21
  49. package/chunks/ids-chunk-BCQA4KA2.js +1 -0
  50. package/chunks/{ids-chunk-BWVNBSJM.js → ids-chunk-BCU2MLBB.js} +1 -1
  51. package/chunks/{ids-chunk-RXEVD75J.js → ids-chunk-BEGGOLLT.js} +4 -4
  52. package/chunks/{ids-chunk-LVLJLVCH.js → ids-chunk-BEYUYSV6.js} +2 -2
  53. package/chunks/ids-chunk-BJWDE3J4.js +31 -0
  54. package/chunks/ids-chunk-BPLWQS2V.js +96 -0
  55. package/chunks/ids-chunk-BQ4OVFS2.js +121 -0
  56. package/chunks/{ids-chunk-U4XVR5SW.js → ids-chunk-BVOD446S.js} +1 -1
  57. package/chunks/ids-chunk-BWLWCF7A.js +26 -0
  58. package/chunks/{ids-chunk-X6VDKW3Y.js → ids-chunk-BWRCBFHU.js} +8 -8
  59. package/chunks/{ids-chunk-JIFPEJZ3.js → ids-chunk-BYUAUMHS.js} +2 -2
  60. package/chunks/{ids-chunk-4HNSRRUC.js → ids-chunk-CB3QWAOO.js} +1 -1
  61. package/chunks/{ids-chunk-BQXRUZYK.js → ids-chunk-CHPBAKOW.js} +1 -1
  62. package/chunks/{ids-chunk-624CKXC3.js → ids-chunk-CKJSVMMS.js} +103 -87
  63. package/chunks/{ids-chunk-4O6F3E4T.js → ids-chunk-CLOXMC63.js} +2 -2
  64. package/chunks/{ids-chunk-LJMWPNIS.js → ids-chunk-CPFX6UOX.js} +1 -1
  65. package/chunks/{ids-chunk-UE2PZYNW.js → ids-chunk-CPZ7G2TS.js} +1 -1
  66. package/chunks/ids-chunk-CRBVRTNV.js +159 -0
  67. package/chunks/ids-chunk-CT7RJVJA.js +21 -0
  68. package/chunks/{ids-chunk-QAJXISIT.js → ids-chunk-CVJMVRUN.js} +1 -1
  69. package/chunks/{ids-chunk-FMHHVU5X.js → ids-chunk-D4VJOPQH.js} +1 -1
  70. package/chunks/ids-chunk-DENTOYBH.js +18 -0
  71. package/chunks/{ids-chunk-TPKR7IFQ.js → ids-chunk-DLM47VUV.js} +12 -3
  72. package/chunks/ids-chunk-E2XG4A54.js +10 -0
  73. package/chunks/{ids-chunk-AG7YYJTO.js → ids-chunk-EKCFIWRP.js} +4 -4
  74. package/chunks/{ids-chunk-P4L2CJE3.js → ids-chunk-EQH73QGE.js} +1 -1
  75. package/chunks/{ids-chunk-ULW375BU.js → ids-chunk-ESE2EOGL.js} +1 -1
  76. package/chunks/ids-chunk-EXKXBDZF.js +282 -0
  77. package/chunks/{ids-chunk-6ZXWMMZ6.js → ids-chunk-F2WK6TEG.js} +1 -1
  78. package/chunks/{ids-chunk-QIEOVQI3.js → ids-chunk-FIHDZOL3.js} +7 -4
  79. package/chunks/{ids-chunk-X3DHKHWH.js → ids-chunk-FK6RQ6WX.js} +2 -2
  80. package/chunks/ids-chunk-FMXYQR33.js +1 -0
  81. package/chunks/ids-chunk-GKLSE3OY.js +16 -0
  82. package/chunks/{ids-chunk-LP54MSJ5.js → ids-chunk-GR2XJGUR.js} +8 -8
  83. package/chunks/{ids-chunk-6YNXFIW5.js → ids-chunk-GRKW246R.js} +14 -14
  84. package/chunks/{ids-chunk-Q36NKL3O.js → ids-chunk-GVZSGSLT.js} +1 -1
  85. package/chunks/ids-chunk-GYSDROGR.js +96 -0
  86. package/chunks/{ids-chunk-YVMT45IQ.js → ids-chunk-H4EX36GB.js} +11 -11
  87. package/chunks/{ids-chunk-T3BDW4LK.js → ids-chunk-H67L34OZ.js} +1 -1
  88. package/chunks/{ids-chunk-FOVNZZ3I.js → ids-chunk-H7QKB536.js} +1 -1
  89. package/chunks/{ids-chunk-3E5WLXBD.js → ids-chunk-HJ6YNJ5X.js} +2 -2
  90. package/chunks/ids-chunk-HKPKQAR5.js +50 -0
  91. package/chunks/{ids-chunk-P2OBI64Y.js → ids-chunk-HOTVAB3G.js} +1 -1
  92. package/chunks/{ids-chunk-VUBMTMYN.js → ids-chunk-HSPQGZE7.js} +1 -1
  93. package/chunks/{ids-chunk-3ZOAGWM6.js → ids-chunk-I3FA4EQI.js} +3 -3
  94. package/chunks/{ids-chunk-X4NATGYL.js → ids-chunk-I5QKQFWD.js} +1 -1
  95. package/chunks/{ids-chunk-QARZBAPN.js → ids-chunk-IAEN5PL3.js} +1 -1
  96. package/chunks/{ids-chunk-UALTPEXY.js → ids-chunk-IIJJPSXL.js} +1 -1
  97. package/chunks/ids-chunk-INORKJPP.js +444 -0
  98. package/chunks/{ids-chunk-RHNVKKXS.js → ids-chunk-IO6RHGDL.js} +1 -1
  99. package/chunks/{ids-chunk-ZE7KS3QK.js → ids-chunk-JA2PT4KM.js} +1 -1
  100. package/chunks/{ids-chunk-XBGPEMNQ.js → ids-chunk-JCQBPOFZ.js} +1 -1
  101. package/chunks/{ids-chunk-QOQU34OI.js → ids-chunk-JEWYZOSI.js} +1 -1
  102. package/chunks/ids-chunk-JR3RQ66Y.js +1 -0
  103. package/chunks/{ids-chunk-VZESRMGG.js → ids-chunk-JRZ54WSW.js} +4 -4
  104. package/chunks/ids-chunk-JVLDT2PF.js +117 -0
  105. package/chunks/{ids-chunk-PHAGMQUX.js → ids-chunk-KHHLWQUF.js} +1 -1
  106. package/chunks/{ids-chunk-2YLAFM64.js → ids-chunk-KHUA34P6.js} +1 -1
  107. package/chunks/{ids-chunk-WRCGF6M4.js → ids-chunk-KW2NKCY5.js} +1 -1
  108. package/chunks/{ids-chunk-CMTTSJWO.js → ids-chunk-L7EY3TMT.js} +1 -1
  109. package/chunks/{ids-chunk-KSRT44C2.js → ids-chunk-LB5N633X.js} +97 -81
  110. package/chunks/ids-chunk-LFX23Q7X.js +59 -0
  111. package/chunks/ids-chunk-LGWOMT24.js +21 -0
  112. package/chunks/{ids-chunk-6JRX46EI.js → ids-chunk-LJX3R7SP.js} +1 -1
  113. package/chunks/ids-chunk-LQWG2FVL.js +55 -0
  114. package/chunks/{ids-chunk-ZZUUJVJY.js → ids-chunk-LTQZNYOP.js} +99 -83
  115. package/chunks/{ids-chunk-IUMUTCMK.js → ids-chunk-LUUQXPC6.js} +8 -8
  116. package/chunks/{ids-chunk-5AJABYTN.js → ids-chunk-LVUIKMAB.js} +1 -1
  117. package/chunks/{ids-chunk-Z6W6PNMT.js → ids-chunk-LYII3Z53.js} +101 -95
  118. package/chunks/{ids-chunk-I5FTJEJU.js → ids-chunk-LZ22P3CC.js} +1 -1
  119. package/chunks/{ids-chunk-GU4O6PPC.js → ids-chunk-M3HFT64Y.js} +1 -1
  120. package/chunks/{ids-chunk-HLIU25DV.js → ids-chunk-M3NKQ55Z.js} +1 -1
  121. package/chunks/ids-chunk-M4GREREJ.js +1 -0
  122. package/chunks/{ids-chunk-IILN7DGD.js → ids-chunk-M5SK54TQ.js} +4 -3
  123. package/chunks/{ids-chunk-WBEPRO3G.js → ids-chunk-MA2VZKRF.js} +1 -1
  124. package/chunks/{ids-chunk-QJL6HOHL.js → ids-chunk-MANMDWN6.js} +1 -1
  125. package/chunks/ids-chunk-MBQRTQTE.js +71 -0
  126. package/chunks/{ids-chunk-BZUSPGLQ.js → ids-chunk-MG3ALORL.js} +1 -1
  127. package/chunks/ids-chunk-MGURHIEL.js +1 -0
  128. package/chunks/{ids-chunk-RTYTKXXN.js → ids-chunk-MN5HZ2LC.js} +11 -11
  129. package/chunks/{ids-chunk-KEEN4FHP.js → ids-chunk-MQCNNKNM.js} +1 -1
  130. package/chunks/{ids-chunk-HWLWOPE3.js → ids-chunk-MWGDCFLL.js} +16 -16
  131. package/chunks/{ids-chunk-Y7YXNNFO.js → ids-chunk-NEGILMZE.js} +1 -1
  132. package/chunks/{ids-chunk-PHIYPB7D.js → ids-chunk-NGVQUWKF.js} +5 -5
  133. package/chunks/{ids-chunk-ZQFDFMN7.js → ids-chunk-NP47F4ZW.js} +97 -81
  134. package/chunks/{ids-chunk-RDUZNFFY.js → ids-chunk-NQDSTU32.js} +26 -25
  135. package/chunks/ids-chunk-O26DB6XE.js +125 -0
  136. package/chunks/ids-chunk-ODPAMVB3.js +25 -0
  137. package/chunks/{ids-chunk-DIJDS4QO.js → ids-chunk-OOXVKUW6.js} +1 -1
  138. package/chunks/{ids-chunk-DLTN4D22.js → ids-chunk-OVYD7B7K.js} +4 -4
  139. package/chunks/{ids-chunk-FCRUDHKZ.js → ids-chunk-OW5APUH5.js} +33 -23
  140. package/chunks/ids-chunk-OZMPFVPA.js +159 -0
  141. package/chunks/{ids-chunk-IH6JUI35.js → ids-chunk-P2CK5RWG.js} +81 -77
  142. package/chunks/ids-chunk-P3FD2FRG.js +298 -0
  143. package/chunks/{ids-chunk-H5ZACSHG.js → ids-chunk-P3LDBCXT.js} +1 -1
  144. package/chunks/{ids-chunk-IY45QVZB.js → ids-chunk-P4BNC3VV.js} +4 -4
  145. package/chunks/{ids-chunk-JJ6GUNCK.js → ids-chunk-PAFJAYPB.js} +4 -4
  146. package/chunks/{ids-chunk-ZAFB4XIT.js → ids-chunk-PCOG2SHH.js} +1 -1
  147. package/chunks/ids-chunk-PDFRGCVJ.js +1 -0
  148. package/chunks/{ids-chunk-ZKCFFHOL.js → ids-chunk-POPDFG2Z.js} +11 -7
  149. package/chunks/{ids-chunk-733NALDU.js → ids-chunk-PPGIDTZE.js} +5 -5
  150. package/chunks/{ids-chunk-EEHXHQ56.js → ids-chunk-PR3XQCA5.js} +1 -1
  151. package/chunks/ids-chunk-PUFVDJHI.js +10 -0
  152. package/chunks/ids-chunk-PVIOMPGA.js +1 -0
  153. package/chunks/{ids-chunk-KOUGA37P.js → ids-chunk-PWRQYKPQ.js} +3 -5
  154. package/chunks/ids-chunk-QBOJQOCT.js +1 -0
  155. package/chunks/ids-chunk-QCMH6RYX.js +32 -0
  156. package/chunks/{ids-chunk-FHV6AOWX.js → ids-chunk-QEZGVQSB.js} +2 -2
  157. package/chunks/{ids-chunk-5RX5KDV3.js → ids-chunk-QJYCEUBL.js} +1 -1
  158. package/chunks/{ids-chunk-7UDLN5W5.js → ids-chunk-QXERZNMP.js} +5 -5
  159. package/chunks/{ids-chunk-5JNCQF2Y.js → ids-chunk-R2QYD3JL.js} +1 -1
  160. package/chunks/{ids-chunk-NGF4P6OM.js → ids-chunk-R3KIULED.js} +1 -1
  161. package/chunks/{ids-chunk-DFVIITM6.js → ids-chunk-RDBGTIB6.js} +17 -17
  162. package/chunks/{ids-chunk-6UOV5QSL.js → ids-chunk-RF6RZIH6.js} +6 -6
  163. package/chunks/{ids-chunk-DACUDWUJ.js → ids-chunk-RLW6BAZZ.js} +1 -1
  164. package/chunks/{ids-chunk-77O2BGSG.js → ids-chunk-RNWA2HPA.js} +1 -1
  165. package/chunks/ids-chunk-RUJLDEWK.js +29 -0
  166. package/chunks/ids-chunk-RVFMCS5C.js +21 -0
  167. package/chunks/{ids-chunk-LSPO5YWL.js → ids-chunk-S2HIMAKW.js} +36 -26
  168. package/chunks/{ids-chunk-XNSGGOU3.js → ids-chunk-S2JDYAB5.js} +1 -1
  169. package/chunks/ids-chunk-S47XJHY2.js +80 -0
  170. package/chunks/{ids-chunk-LOIL5CZJ.js → ids-chunk-S5DWZGWU.js} +1 -1
  171. package/chunks/{ids-chunk-AW5ARSY4.js → ids-chunk-SGFO5RUE.js} +6 -6
  172. package/chunks/{ids-chunk-R4PK5C44.js → ids-chunk-SMFZRUDW.js} +1 -1
  173. package/chunks/{ids-chunk-4CELWMBR.js → ids-chunk-T4MYRXB7.js} +8 -8
  174. package/chunks/ids-chunk-TFUSSKLQ.js +176 -0
  175. package/chunks/{ids-chunk-HLETCFHZ.js → ids-chunk-TGKDPHPB.js} +12 -11
  176. package/chunks/{ids-chunk-BBZCGBJQ.js → ids-chunk-TPB43LXV.js} +1 -1
  177. package/chunks/{ids-chunk-XT7JEOQX.js → ids-chunk-TRUM4TZI.js} +1 -1
  178. package/chunks/{ids-chunk-5QRB3SI5.js → ids-chunk-TYJD6H3L.js} +1 -1
  179. package/chunks/{ids-chunk-MXTSOTYS.js → ids-chunk-U2AXEUCA.js} +1 -1
  180. package/chunks/{ids-chunk-XLYWMJZB.js → ids-chunk-U462P5WO.js} +1 -1
  181. package/chunks/{ids-chunk-3DA43NO3.js → ids-chunk-U4K5B3VN.js} +1 -1
  182. package/chunks/{ids-chunk-DWKWGDXV.js → ids-chunk-UOMPNJXJ.js} +11 -11
  183. package/chunks/{ids-chunk-OGVS73RY.js → ids-chunk-UVUCRL77.js} +5 -5
  184. package/chunks/{ids-chunk-DSXCDIEV.js → ids-chunk-UYU4EEPG.js} +1 -1
  185. package/chunks/{ids-chunk-DHNHKSUE.js → ids-chunk-V34GE6FX.js} +6 -5
  186. package/chunks/ids-chunk-V3HMR3PP.js +97 -0
  187. package/chunks/{ids-chunk-5T4EGIKL.js → ids-chunk-V5RVNWN6.js} +1 -1
  188. package/chunks/{ids-chunk-76RA6T3V.js → ids-chunk-V7YHXNFR.js} +11 -11
  189. package/chunks/{ids-chunk-2F45PCQU.js → ids-chunk-VCVIYYF7.js} +3 -3
  190. package/chunks/ids-chunk-VEDODH6K.js +20 -0
  191. package/chunks/{ids-chunk-RTAW4KHC.js → ids-chunk-VETWXWCZ.js} +1 -1
  192. package/chunks/ids-chunk-VFBS6DJO.js +61 -0
  193. package/chunks/{ids-chunk-WCQUFYH3.js → ids-chunk-VHPDUSWT.js} +27 -27
  194. package/chunks/{ids-chunk-PIFYMGJP.js → ids-chunk-VO3UMSAO.js} +1 -1
  195. package/chunks/{ids-chunk-ONA7UBI7.js → ids-chunk-VRSZPDNV.js} +1 -1
  196. package/chunks/{ids-chunk-E55IFH3H.js → ids-chunk-VYTMVM2X.js} +1 -1
  197. package/chunks/{ids-chunk-TWSJXMAV.js → ids-chunk-W37BT37U.js} +2 -2
  198. package/chunks/{ids-chunk-RSNFBF6X.js → ids-chunk-W3PMJW3M.js} +1 -1
  199. package/chunks/ids-chunk-W4A25YIF.js +37 -0
  200. package/chunks/{ids-chunk-EP4I5ZUD.js → ids-chunk-WCJWGLDC.js} +1 -1
  201. package/chunks/ids-chunk-WPBP3QOX.js +53 -0
  202. package/chunks/{ids-chunk-NBS4VPJ3.js → ids-chunk-WQBHVXPV.js} +1 -1
  203. package/chunks/{ids-chunk-EJ7ZK7NA.js → ids-chunk-WSGVL556.js} +27 -25
  204. package/chunks/{ids-chunk-4SP72RGV.js → ids-chunk-WTFMG6PO.js} +1 -1
  205. package/chunks/{ids-chunk-JA7IPHZO.js → ids-chunk-WVTJ47IB.js} +1 -1
  206. package/chunks/{ids-chunk-EF33BY4K.js → ids-chunk-X3X2R2YD.js} +1 -1
  207. package/chunks/ids-chunk-X6VTPX36.js +299 -0
  208. package/chunks/ids-chunk-XAQQWVNA.js +37 -0
  209. package/chunks/ids-chunk-XK32D6ZA.js +101 -0
  210. package/chunks/{ids-chunk-ITG75FH5.js → ids-chunk-XYOIRPMJ.js} +1 -1
  211. package/chunks/ids-chunk-Y6KVKFJX.js +1 -0
  212. package/chunks/ids-chunk-Y7OMJ6G6.js +438 -0
  213. package/chunks/{ids-chunk-4BZIC7HV.js → ids-chunk-YDDW25PN.js} +1 -1
  214. package/chunks/{ids-chunk-NWL6PFQW.js → ids-chunk-YGW3ZMO3.js} +1 -1
  215. package/chunks/{ids-chunk-IXIY2PRW.js → ids-chunk-YNYTHMUM.js} +9 -9
  216. package/chunks/ids-chunk-YOH4YOZB.js +1 -0
  217. package/chunks/{ids-chunk-SKNTOYJ6.js → ids-chunk-YQZMMQTL.js} +1 -1
  218. package/chunks/{ids-chunk-AOAIQ6UZ.js → ids-chunk-YSHVMIAR.js} +4 -4
  219. package/chunks/{ids-chunk-C5WOZEI7.js → ids-chunk-YXDDWLBM.js} +3 -3
  220. package/chunks/{ids-chunk-KK2JNPM5.js → ids-chunk-Z4DOMIKZ.js} +1 -1
  221. package/chunks/ids-chunk-ZB7XS5Q2.js +1 -0
  222. package/chunks/{ids-chunk-OGCQUAFR.js → ids-chunk-ZBGSS75H.js} +113 -110
  223. package/chunks/ids-chunk-ZL24NNSB.js +121 -0
  224. package/chunks/{ids-chunk-DAVSU4Z3.js → ids-chunk-ZLWNNF4V.js} +3 -3
  225. package/chunks/ids-chunk-ZMMCFAAI.js +1 -0
  226. package/chunks/{ids-chunk-FSAXY7X3.js → ids-chunk-ZQVXUTBB.js} +9 -9
  227. package/chunks/{ids-chunk-ZRWJ4CI6.js → ids-chunk-ZRERPO6O.js} +10 -10
  228. package/chunks/{ids-chunk-A3JFJPYO.js → ids-chunk-ZTOWUAN6.js} +1 -1
  229. package/chunks/{ids-chunk-4G6ULS5J.js → ids-chunk-ZUPAPJJ3.js} +8 -8
  230. package/chunks/ids-chunk-ZYL4ZHJT.js +130 -0
  231. package/chunks/ids-chunk-ZZMVNNLG.js +17 -0
  232. package/components/ids-about/ids-about.css +11 -11
  233. package/components/ids-about/ids-about.js +1 -1
  234. package/components/ids-accordion/ids-accordion-common.js +1 -1
  235. package/components/ids-accordion/ids-accordion-header.js +1 -1
  236. package/components/ids-accordion/ids-accordion-panel.js +1 -1
  237. package/components/ids-accordion/ids-accordion-section.js +1 -1
  238. package/components/ids-accordion/ids-accordion.css +63 -132
  239. package/components/ids-accordion/ids-accordion.js +1 -1
  240. package/components/ids-action-panel/ids-action-panel.css +8 -8
  241. package/components/ids-action-panel/ids-action-panel.js +1 -1
  242. package/components/ids-action-sheet/ids-action-sheet.css +3 -3
  243. package/components/ids-action-sheet/ids-action-sheet.js +1 -1
  244. package/components/ids-alert/ids-alert.js +1 -1
  245. package/components/ids-app-menu/ids-app-menu-container.js +1 -1
  246. package/components/ids-app-menu/ids-app-menu.css +5 -5
  247. package/components/ids-app-menu/ids-app-menu.js +1 -1
  248. package/components/ids-area-chart/ids-area-chart.css +12 -12
  249. package/components/ids-area-chart/ids-area-chart.js +1 -1
  250. package/components/ids-axis-chart/ids-axis-chart.css +5 -5
  251. package/components/ids-axis-chart/ids-axis-chart.js +1 -1
  252. package/components/ids-axis-chart/ids-chart-colors.js +1 -1
  253. package/components/ids-axis-chart/ids-nice-scale.js +1 -1
  254. package/components/ids-axis-chart/ids-pattern-data.js +1 -1
  255. package/components/ids-badge/ids-badge.css +5 -2
  256. package/components/ids-badge/ids-badge.d.ts +2 -0
  257. package/components/ids-badge/ids-badge.js +1 -1
  258. package/components/ids-bar-chart/ids-bar-chart.css +5 -5
  259. package/components/ids-bar-chart/ids-bar-chart.js +1 -1
  260. package/components/ids-block-grid/ids-block-grid-item.js +1 -1
  261. package/components/ids-block-grid/ids-block-grid.css +62 -20
  262. package/components/ids-block-grid/ids-block-grid.d.ts +3 -3
  263. package/components/ids-block-grid/ids-block-grid.js +1 -1
  264. package/components/ids-box/ids-box.css +2 -2
  265. package/components/ids-box/ids-box.js +1 -1
  266. package/components/ids-breadcrumb/ids-breadcrumb.css +5 -5
  267. package/components/ids-breadcrumb/ids-breadcrumb.d.ts +4 -1
  268. package/components/ids-breadcrumb/ids-breadcrumb.js +1 -1
  269. package/components/ids-button/ids-button-common.js +1 -1
  270. package/components/ids-button/ids-button.css +73 -69
  271. package/components/ids-button/ids-button.d.ts +2 -6
  272. package/components/ids-button/ids-button.js +1 -1
  273. package/components/ids-calendar/ids-calendar-event.js +1 -1
  274. package/components/ids-calendar/ids-calendar.css +34 -34
  275. package/components/ids-calendar/ids-calendar.d.ts +4 -4
  276. package/components/ids-calendar/ids-calendar.js +1 -1
  277. package/components/ids-card/ids-card-action.js +1 -1
  278. package/components/ids-card/ids-card.css +294 -3
  279. package/components/ids-card/ids-card.d.ts +434 -25
  280. package/components/ids-card/ids-card.js +1 -1
  281. package/components/ids-checkbox/ids-checkbox-group.js +1 -1
  282. package/components/ids-checkbox/ids-checkbox.css +10 -9
  283. package/components/ids-checkbox/ids-checkbox.d.ts +5 -30
  284. package/components/ids-checkbox/ids-checkbox.js +1 -1
  285. package/components/ids-color/ids-color.css +3 -3
  286. package/components/ids-color/ids-color.js +1 -1
  287. package/components/ids-color-picker/ids-color-picker.css +91 -75
  288. package/components/ids-color-picker/ids-color-picker.d.ts +1 -8
  289. package/components/ids-color-picker/ids-color-picker.js +1 -1
  290. package/components/ids-container/ids-container.js +1 -1
  291. package/components/ids-counts/ids-counts.css +1 -1
  292. package/components/ids-counts/ids-counts.js +1 -1
  293. package/components/ids-data-grid/ids-data-grid-cell.js +1 -1
  294. package/components/ids-data-grid/ids-data-grid-column.d.ts +2 -0
  295. package/components/ids-data-grid/ids-data-grid-container-arguments.js +1 -1
  296. package/components/ids-data-grid/ids-data-grid-contextmenu.js +1 -1
  297. package/components/ids-data-grid/ids-data-grid-editors.js +1 -1
  298. package/components/ids-data-grid/ids-data-grid-empty-message.js +1 -1
  299. package/components/ids-data-grid/ids-data-grid-filters.js +1 -1
  300. package/components/ids-data-grid/ids-data-grid-formatters.js +1 -1
  301. package/components/ids-data-grid/ids-data-grid-header.js +1 -1
  302. package/components/ids-data-grid/ids-data-grid-row.js +1 -1
  303. package/components/ids-data-grid/ids-data-grid-save-settings-mixin.d.ts +15 -15
  304. package/components/ids-data-grid/ids-data-grid-save-settings-mixin.js +1 -1
  305. package/components/ids-data-grid/ids-data-grid-search-mixin.d.ts +6 -6
  306. package/components/ids-data-grid/ids-data-grid-search-mixin.js +1 -1
  307. package/components/ids-data-grid/ids-data-grid-tooltip-mixin.d.ts +14 -14
  308. package/components/ids-data-grid/ids-data-grid-tooltip-mixin.js +1 -1
  309. package/components/ids-data-grid/ids-data-grid.css +162 -149
  310. package/components/ids-data-grid/ids-data-grid.d.ts +38 -38
  311. package/components/ids-data-grid/ids-data-grid.js +1 -1
  312. package/components/ids-data-label/ids-data-label.js +1 -1
  313. package/components/ids-date-picker/ids-date-picker-common.js +1 -1
  314. package/components/ids-date-picker/ids-date-picker-popup.d.ts +3 -3
  315. package/components/ids-date-picker/ids-date-picker-popup.js +1 -1
  316. package/components/ids-date-picker/ids-date-picker.css +184 -71
  317. package/components/ids-date-picker/ids-date-picker.d.ts +3 -3
  318. package/components/ids-date-picker/ids-date-picker.js +1 -1
  319. package/components/ids-date-picker/ids-month-year-picklist.js +1 -1
  320. package/components/ids-draggable/ids-draggable.js +1 -1
  321. package/components/ids-drawer/ids-drawer-attributes.js +1 -1
  322. package/components/ids-drawer/ids-drawer.js +1 -1
  323. package/components/ids-dropdown/ids-dropdown-attributes-mixin.js +1 -1
  324. package/components/ids-dropdown/ids-dropdown-common.js +1 -1
  325. package/components/ids-dropdown/ids-dropdown-list.js +1 -1
  326. package/components/ids-dropdown/ids-dropdown.css +170 -19
  327. package/components/ids-dropdown/ids-dropdown.d.ts +2 -0
  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-formatters.js +1 -1
  331. package/components/ids-editor/ids-editor-handle-paste.js +1 -1
  332. package/components/ids-editor/ids-editor-selection-utils.js +1 -1
  333. package/components/ids-editor/ids-editor-shared.js +1 -1
  334. package/components/ids-editor/ids-editor-templates.js +1 -1
  335. package/components/ids-editor/ids-editor.css +12 -11
  336. package/components/ids-editor/ids-editor.d.ts +15 -10
  337. package/components/ids-editor/ids-editor.js +1 -1
  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-exandable-area-attributes.js +1 -1
  341. package/components/ids-expandable-area/ids-expandable-area.js +1 -1
  342. package/components/ids-fieldset/ids-fieldset.js +1 -1
  343. package/components/ids-filter-field/ids-filter-field.css +2 -2
  344. package/components/ids-filter-field/ids-filter-field.js +5 -5
  345. package/components/ids-form/ids-form.js +1 -1
  346. package/components/ids-global/ids-global.d.ts +3 -1
  347. package/components/ids-global/ids-global.js +1 -1
  348. package/components/ids-header/ids-header.css +1 -1
  349. package/components/ids-header/ids-header.js +1 -1
  350. package/components/ids-hidden/ids-hidden.js +1 -1
  351. package/components/ids-hierarchy/ids-hierarchy-item.js +14 -14
  352. package/components/ids-hierarchy/ids-hierarchy-legend-item.js +1 -1
  353. package/components/ids-hierarchy/ids-hierarchy-legend.js +1 -1
  354. package/components/ids-hierarchy/ids-hierarchy.css +5 -5
  355. package/components/ids-hierarchy/ids-hierarchy.js +1 -1
  356. package/components/ids-home-page/ids-home-page-attributes.js +1 -1
  357. package/components/ids-home-page/ids-home-page.js +1 -1
  358. package/components/ids-hyperlink/ids-hyperlink.css +30 -20
  359. package/components/ids-hyperlink/ids-hyperlink.js +1 -1
  360. package/components/ids-hyperlink/ids-link-list.js +1 -1
  361. package/components/ids-icon/ids-icon-attributes.js +1 -1
  362. package/components/ids-icon/ids-icon.css +2 -2
  363. package/components/ids-icon/ids-icon.js +1 -1
  364. package/components/ids-image/ids-image.css +1 -1
  365. package/components/ids-image/ids-image.js +1 -1
  366. package/components/ids-input/ids-autocomplete.d.ts +4 -1
  367. package/components/ids-input/ids-autocomplete.js +1 -1
  368. package/components/ids-input/ids-input-attributes.js +1 -1
  369. package/components/ids-input/ids-input.css +88 -72
  370. package/components/ids-input/ids-input.d.ts +2 -8
  371. package/components/ids-input/ids-input.js +1 -1
  372. package/components/ids-input-group/ids-input-group.css +6 -5
  373. package/components/ids-input-group/ids-input-group.d.ts +1 -0
  374. package/components/ids-input-group/ids-input-group.js +11 -10
  375. package/components/ids-layout-flex/ids-layout-flex-item.js +1 -1
  376. package/components/ids-layout-flex/ids-layout-flex.css +386 -0
  377. package/components/ids-layout-flex/ids-layout-flex.js +1 -1
  378. package/components/ids-layout-flex/ids-scroll-container.js +1 -1
  379. package/components/ids-layout-grid/ids-layout-grid-cell.d.ts +0 -4
  380. package/components/ids-layout-grid/ids-layout-grid-cell.js +1 -1
  381. package/components/ids-layout-grid/ids-layout-grid-common.js +1 -1
  382. package/components/ids-layout-grid/ids-layout-grid.d.ts +1 -1
  383. package/components/ids-layout-grid/ids-layout-grid.js +1 -1
  384. package/components/ids-line-chart/ids-line-chart.css +7 -7
  385. package/components/ids-line-chart/ids-line-chart.js +1 -1
  386. package/components/ids-list-box/ids-list-box-option.js +1 -1
  387. package/components/ids-list-box/ids-list-box.css +5 -3
  388. package/components/ids-list-box/ids-list-box.js +1 -1
  389. package/components/ids-list-builder/ids-list-builder.css +18 -3
  390. package/components/ids-list-builder/ids-list-builder.js +1 -1
  391. package/components/ids-list-view/ids-list-view-group-header.js +1 -1
  392. package/components/ids-list-view/ids-list-view-item.js +1 -1
  393. package/components/ids-list-view/ids-list-view-search-mixin.d.ts +8 -10
  394. package/components/ids-list-view/ids-list-view-search-mixin.js +1 -1
  395. package/components/ids-list-view/ids-list-view.css +3 -3
  396. package/components/ids-list-view/ids-list-view.d.ts +14 -11
  397. package/components/ids-list-view/ids-list-view.js +1 -1
  398. package/components/ids-loading-indicator/ids-loading-indicator-attributes.js +1 -1
  399. package/components/ids-loading-indicator/ids-loading-indicator.css +10 -1
  400. package/components/ids-loading-indicator/ids-loading-indicator.d.ts +10 -0
  401. package/components/ids-loading-indicator/ids-loading-indicator.js +1 -1
  402. package/components/ids-locale/ids-locale-number-options.d.ts +1 -1
  403. package/components/ids-locale/ids-locale.d.ts +1 -1
  404. package/components/ids-locale/ids-locale.js +1 -1
  405. package/components/ids-lookup/ids-lookup.css +1 -1
  406. package/components/ids-lookup/ids-lookup.js +1 -1
  407. package/components/ids-mask/ids-mask-api.js +1 -1
  408. package/components/ids-mask/ids-mask-common.js +1 -1
  409. package/components/ids-mask/ids-mask-global.js +1 -1
  410. package/components/ids-mask/ids-masks.js +1 -1
  411. package/components/ids-masthead/ids-masthead.css +1 -0
  412. package/components/ids-masthead/ids-masthead.js +1 -1
  413. package/components/ids-menu/ids-menu-attributes.js +1 -1
  414. package/components/ids-menu/ids-menu-group.js +1 -1
  415. package/components/ids-menu/ids-menu-header.js +1 -1
  416. package/components/ids-menu/ids-menu-item.js +1 -1
  417. package/components/ids-menu/ids-menu.css +316 -10
  418. package/components/ids-menu/ids-menu.js +1 -1
  419. package/components/ids-menu-button/ids-menu-button-attributes.js +1 -1
  420. package/components/ids-menu-button/ids-menu-button.js +1 -1
  421. package/components/ids-message/ids-message-attributes.js +1 -1
  422. package/components/ids-message/ids-message.css +4 -4
  423. package/components/ids-message/ids-message.js +1 -1
  424. package/components/ids-modal/ids-modal-button.js +1 -1
  425. package/components/ids-modal/ids-modal.css +91 -16
  426. package/components/ids-modal/ids-modal.js +1 -1
  427. package/components/ids-modal/ids-overlay.js +1 -1
  428. package/components/ids-module-nav/ids-module-nav-bar.js +1 -1
  429. package/components/ids-module-nav/ids-module-nav-button.js +1 -1
  430. package/components/ids-module-nav/ids-module-nav-common.js +1 -1
  431. package/components/ids-module-nav/ids-module-nav-content.js +1 -1
  432. package/components/ids-module-nav/ids-module-nav-display-mode-mixin.js +1 -1
  433. package/components/ids-module-nav/ids-module-nav-item.js +1 -1
  434. package/components/ids-module-nav/ids-module-nav-settings.js +1 -1
  435. package/components/ids-module-nav/ids-module-nav-switcher.js +1 -1
  436. package/components/ids-module-nav/ids-module-nav-text-display-mixin.js +1 -1
  437. package/components/ids-module-nav/ids-module-nav-user.js +3 -3
  438. package/components/ids-module-nav/ids-module-nav.css +7 -277
  439. package/components/ids-module-nav/ids-module-nav.js +1 -1
  440. package/components/ids-month-view/ids-month-view-attribute-mixin.d.ts +3 -3
  441. package/components/ids-month-view/ids-month-view-attribute-mixin.js +1 -1
  442. package/components/ids-month-view/ids-month-view-common.js +1 -1
  443. package/components/ids-month-view/ids-month-view.css +5 -2
  444. package/components/ids-month-view/ids-month-view.d.ts +4 -4
  445. package/components/ids-month-view/ids-month-view.js +1 -1
  446. package/components/ids-multiselect/ids-multiselect.css +24 -12
  447. package/components/ids-multiselect/ids-multiselect.d.ts +10 -0
  448. package/components/ids-multiselect/ids-multiselect.js +1 -1
  449. package/components/ids-notification-banner/ids-notification-banner-service.d.ts +14 -0
  450. package/components/ids-notification-banner/ids-notification-banner-service.js +1 -0
  451. package/components/ids-notification-banner/ids-notification-banner.css +1 -0
  452. package/components/ids-notification-banner/ids-notification-banner.d.ts +12 -13
  453. package/components/ids-notification-banner/ids-notification-banner.js +1 -1
  454. package/components/ids-pager/ids-pager-attributes.js +1 -1
  455. package/components/ids-pager/ids-pager-button.js +1 -1
  456. package/components/ids-pager/ids-pager-dropdown.js +1 -1
  457. package/components/ids-pager/ids-pager-input.js +1 -1
  458. package/components/ids-pager/ids-pager-number-list.js +1 -1
  459. package/components/ids-pager/ids-pager.d.ts +1 -3
  460. package/components/ids-pager/ids-pager.js +1 -1
  461. package/components/ids-personalize/ids-personalize.js +1 -1
  462. package/components/ids-pie-chart/ids-pie-chart.css +6 -2
  463. package/components/ids-pie-chart/ids-pie-chart.js +1 -1
  464. package/components/ids-popup/ids-picker-popup-common.js +1 -1
  465. package/components/ids-popup/ids-picker-popup.js +1 -1
  466. package/components/ids-popup/ids-popup-attributes.js +1 -1
  467. package/components/ids-popup/ids-popup.css +21 -16
  468. package/components/ids-popup/ids-popup.d.ts +11 -0
  469. package/components/ids-popup/ids-popup.js +1 -1
  470. package/components/ids-popup-menu/ids-popup-menu.js +1 -1
  471. package/components/ids-process-indicator/ids-process-indicator-step.js +1 -1
  472. package/components/ids-process-indicator/ids-process-indicator.css +1 -1
  473. package/components/ids-process-indicator/ids-process-indicator.js +1 -1
  474. package/components/ids-progress-bar/ids-progress-bar.js +1 -1
  475. package/components/ids-progress-chart/ids-progress-chart.js +1 -1
  476. package/components/ids-radio/ids-radio-group.d.ts +9 -1
  477. package/components/ids-radio/ids-radio-group.js +1 -1
  478. package/components/ids-radio/ids-radio.css +75 -89
  479. package/components/ids-radio/ids-radio.js +1 -1
  480. package/components/ids-rating/ids-rating.css +0 -1
  481. package/components/ids-rating/ids-rating.js +1 -1
  482. package/components/ids-scroll-view/ids-scroll-view.css +1 -1
  483. package/components/ids-scroll-view/ids-scroll-view.js +1 -1
  484. package/components/ids-search-field/ids-search-field.css +96 -80
  485. package/components/ids-search-field/ids-search-field.js +1 -1
  486. package/components/ids-segmented-control/ids-segmented-control.css +8 -0
  487. package/components/ids-segmented-control/ids-segmented-control.d.ts +1144 -0
  488. package/components/ids-segmented-control/ids-segmented-control.js +1 -0
  489. package/components/ids-separator/ids-separator.css +1 -1
  490. package/components/ids-separator/ids-separator.js +1 -1
  491. package/components/ids-skip-link/ids-skip-link.css +31 -21
  492. package/components/ids-skip-link/ids-skip-link.js +1 -1
  493. package/components/ids-slider/ids-slider.css +9 -8
  494. package/components/ids-slider/ids-slider.d.ts +19 -2
  495. package/components/ids-slider/ids-slider.js +1 -1
  496. package/components/ids-spinbox/ids-spinbox.css +91 -75
  497. package/components/ids-spinbox/ids-spinbox.js +1 -1
  498. package/components/ids-splitter/ids-splitter-local-storage.js +1 -1
  499. package/components/ids-splitter/ids-splitter-pane.js +1 -1
  500. package/components/ids-splitter/ids-splitter.js +1 -1
  501. package/components/ids-stats/ids-stats.js +1 -1
  502. package/components/ids-step-chart/ids-step-chart.js +1 -1
  503. package/components/ids-swaplist/ids-swaplist.js +1 -1
  504. package/components/ids-swappable/ids-swappable-item.js +1 -1
  505. package/components/ids-swappable/ids-swappable.d.ts +7 -7
  506. package/components/ids-swappable/ids-swappable.js +1 -1
  507. package/components/ids-swipe-action/ids-swipe-action.css +1 -1
  508. package/components/ids-swipe-action/ids-swipe-action.js +1 -1
  509. package/components/ids-switch/ids-switch.css +52 -6
  510. package/components/ids-switch/ids-switch.d.ts +22 -4
  511. package/components/ids-switch/ids-switch.js +1 -1
  512. package/components/ids-tabs/ids-tab-content.js +1 -1
  513. package/components/ids-tabs/ids-tab-divider.js +1 -1
  514. package/components/ids-tabs/ids-tab-more.js +1 -1
  515. package/components/ids-tabs/ids-tab.js +1 -1
  516. package/components/ids-tabs/ids-tabs-context.js +1 -1
  517. package/components/ids-tabs/ids-tabs.css +35 -334
  518. package/components/ids-tabs/ids-tabs.js +1 -1
  519. package/components/ids-tag/ids-tag-list.js +1 -1
  520. package/components/ids-tag/ids-tag.js +1 -1
  521. package/components/ids-text/ids-text.css +14 -14
  522. package/components/ids-text/ids-text.js +1 -1
  523. package/components/ids-textarea/ids-textarea.css +18 -17
  524. package/components/ids-textarea/ids-textarea.d.ts +14 -0
  525. package/components/ids-textarea/ids-textarea.js +1 -1
  526. package/components/ids-theme-switcher/ids-theme-switcher.css +1 -1
  527. package/components/ids-theme-switcher/ids-theme-switcher.js +1 -1
  528. package/components/ids-time-picker/ids-time-picker-common.js +1 -1
  529. package/components/ids-time-picker/ids-time-picker-popup.js +1 -1
  530. package/components/ids-time-picker/ids-time-picker.js +1 -1
  531. package/components/ids-toast/ids-toast-message.js +1 -1
  532. package/components/ids-toast/ids-toast-shared.js +1 -1
  533. package/components/ids-toast/ids-toast.css +33 -97
  534. package/components/ids-toast/ids-toast.js +1 -1
  535. package/components/ids-toggle-button/ids-toggle-button.d.ts +10 -0
  536. package/components/ids-toggle-button/ids-toggle-button.js +1 -1
  537. package/components/ids-toolbar/ids-toolbar-more-actions.js +1 -1
  538. package/components/ids-toolbar/ids-toolbar-section.js +1 -1
  539. package/components/ids-toolbar/ids-toolbar.js +1 -1
  540. package/components/ids-tooltip/ids-tooltip.js +1 -1
  541. package/components/ids-tree/ids-tree-node.d.ts +95 -443
  542. package/components/ids-tree/ids-tree-node.js +1 -1
  543. package/components/ids-tree/ids-tree-shared.d.ts +0 -20
  544. package/components/ids-tree/ids-tree-shared.js +1 -1
  545. package/components/ids-tree/ids-tree.css +84 -12
  546. package/components/ids-tree/ids-tree.d.ts +113 -165
  547. package/components/ids-tree/ids-tree.js +1 -1
  548. package/components/ids-treemap/ids-treemap.css +2 -2
  549. package/components/ids-treemap/ids-treemap.js +1 -1
  550. package/components/ids-trigger-field/ids-trigger-button.js +1 -1
  551. package/components/ids-trigger-field/ids-trigger-field.css +1432 -937
  552. package/components/ids-trigger-field/ids-trigger-field.js +1 -1
  553. package/components/ids-upload/ids-upload.js +1 -1
  554. package/components/ids-upload-advanced/ids-upload-advanced-file.js +1 -1
  555. package/components/ids-upload-advanced/ids-upload-advanced-shared.js +1 -1
  556. package/components/ids-upload-advanced/ids-upload-advanced.css +105 -130
  557. package/components/ids-upload-advanced/ids-upload-advanced.js +1 -1
  558. package/components/ids-virtual-scroll/ids-virtual-scroll.js +1 -1
  559. package/components/ids-week-view/ids-week-view.css +1 -1
  560. package/components/ids-week-view/ids-week-view.d.ts +1 -1
  561. package/components/ids-week-view/ids-week-view.js +1 -1
  562. package/components/ids-widget/ids-widget.css +5 -5
  563. package/components/ids-widget/ids-widget.js +1 -1
  564. package/components/ids-wizard/ids-wizard-step.js +1 -1
  565. package/components/ids-wizard/ids-wizard.css +6 -6
  566. package/components/ids-wizard/ids-wizard.js +1 -1
  567. package/core/ids-attributes.d.ts +13 -1
  568. package/core/ids-attributes.js +1 -1
  569. package/core/ids-data-source.d.ts +1 -1
  570. package/core/ids-data-source.js +1 -1
  571. package/core/ids-decorators.js +1 -1
  572. package/core/ids-element.js +1 -1
  573. package/custom-elements.json +12770 -12320
  574. package/enterprise-wc.d.ts +1 -0
  575. package/enterprise-wc.js +1 -1
  576. package/locale-data/ar-messages.json +1 -1
  577. package/locale-data/bg-messages.json +1 -1
  578. package/locale-data/cs-messages.json +1 -1
  579. package/locale-data/da-messages.json +1 -1
  580. package/locale-data/de-messages.json +1 -1
  581. package/locale-data/es-messages.json +1 -1
  582. package/locale-data/et-messages.json +1 -1
  583. package/locale-data/fi-messages.json +1 -1
  584. package/locale-data/fr-CA-messages.json +1 -1
  585. package/locale-data/fr-FR-messages.json +1 -1
  586. package/locale-data/fr-messages.json +1 -1
  587. package/locale-data/he-messages.json +1 -1
  588. package/locale-data/hr-messages.json +1 -1
  589. package/locale-data/hu-messages.json +1 -1
  590. package/locale-data/id-messages.json +1 -1
  591. package/locale-data/it-messages.json +1 -1
  592. package/locale-data/ja-messages.json +1 -1
  593. package/locale-data/ko-messages.json +1 -1
  594. package/locale-data/lt-messages.json +1 -1
  595. package/locale-data/lv-messages.json +1 -1
  596. package/locale-data/ms-messages.json +1 -1
  597. package/locale-data/nb-NO-messages.json +1 -1
  598. package/locale-data/nb-messages.json +1 -1
  599. package/locale-data/nl-NL-messages.json +1 -1
  600. package/locale-data/nl-messages.json +1 -1
  601. package/locale-data/nn-NO-messages.json +1 -1
  602. package/locale-data/nn-messages.json +1 -1
  603. package/locale-data/no-messages.json +1 -1
  604. package/locale-data/pl-messages.json +1 -1
  605. package/locale-data/pt-BR-messages.json +1 -1
  606. package/locale-data/pt-PT-messages.json +1 -1
  607. package/locale-data/pt-messages.json +1 -1
  608. package/locale-data/ro-messages.json +1 -1
  609. package/locale-data/ru-messages.json +1 -1
  610. package/locale-data/sk-messages.json +1 -1
  611. package/locale-data/sl-messages.json +1 -1
  612. package/locale-data/sv-messages.json +1 -1
  613. package/locale-data/th-messages.json +1 -1
  614. package/locale-data/tr-messages.json +1 -1
  615. package/locale-data/uk-messages.json +1 -1
  616. package/locale-data/vi-messages.json +1 -1
  617. package/locale-data/zh-CN-messages.json +1 -1
  618. package/locale-data/zh-Hans-messages.json +1 -1
  619. package/locale-data/zh-Hant-messages.json +1 -1
  620. package/locale-data/zh-TW-messages.json +1 -1
  621. package/locale-data/zh-messages.json +1 -1
  622. package/mixins/ids-attachment-mixin/ids-attachment-mixin.js +1 -1
  623. package/mixins/ids-breakpoint-mixin/ids-breakpoint-mixin.js +1 -1
  624. package/mixins/ids-calendar-events-mixin/ids-calendar-events-mixin.d.ts +1 -1
  625. package/mixins/ids-calendar-events-mixin/ids-calendar-events-mixin.js +1 -1
  626. package/mixins/ids-chart-legend-mixin/ids-chart-legend-mixin.js +1 -1
  627. package/mixins/ids-chart-selection-mixin/ids-chart-selection-mixin.js +1 -1
  628. package/mixins/ids-clearable-mixin/ids-clearable-mixin.js +1 -1
  629. package/mixins/ids-color-variant-mixin/ids-color-variant-mixin.js +1 -1
  630. package/mixins/ids-date-attribute-mixin/ids-date-attribute-mixin.js +1 -1
  631. package/mixins/ids-dirty-tracker-mixin/ids-dirty-tracker-mixin.js +1 -1
  632. package/mixins/ids-draggable-mixin/ids-draggable-mixin.d.ts +471 -0
  633. package/mixins/ids-draggable-mixin/ids-draggable-mixin.js +1 -0
  634. package/mixins/ids-events-mixin/ids-events-common.js +1 -1
  635. package/mixins/ids-events-mixin/ids-events-mixin.js +1 -1
  636. package/mixins/ids-field-height-mixin/ids-field-height-mixin.js +1 -1
  637. package/mixins/ids-focus-capture-mixin/ids-focus-capture-mixin.js +1 -1
  638. package/mixins/ids-form-input-mixin/ids-form-input-mixin.js +1 -1
  639. package/mixins/ids-hide-focus-mixin/ids-hide-focus-mixin.js +1 -1
  640. package/mixins/ids-hitbox-mixin/ids-hitbox-mixin.js +1 -1
  641. package/mixins/ids-keyboard-mixin/ids-keyboard-mixin.js +1 -1
  642. package/mixins/ids-label-state-mixin/ids-label-state-common.js +1 -1
  643. package/mixins/ids-label-state-mixin/ids-label-state-mixin.js +1 -1
  644. package/mixins/ids-label-state-mixin/ids-label-state-parent-mixin.js +1 -1
  645. package/mixins/ids-loading-indicator-mixin/ids-loading-indicator-mixin.js +1 -1
  646. package/mixins/ids-locale-mixin/ids-locale-mixin.js +1 -1
  647. package/mixins/ids-mask-mixin/ids-mask-mixin.js +1 -1
  648. package/mixins/ids-orientation-mixin/ids-orientation-mixin.js +1 -1
  649. package/mixins/ids-pager-mixin/ids-pager-mixin.d.ts +3 -3
  650. package/mixins/ids-pager-mixin/ids-pager-mixin.js +1 -1
  651. package/mixins/ids-popup-interactions-mixin/ids-popup-interactions-mixin.js +1 -1
  652. package/mixins/ids-popup-open-events-mixin/ids-popup-open-events-mixin.js +1 -1
  653. package/mixins/ids-scroll-effect-mixin/ids-scroll-effect-mixin.js +1 -1
  654. package/mixins/ids-selection-mixin/ids-selection-mixin.js +1 -1
  655. package/mixins/ids-tooltip-mixin/ids-tooltip-mixin.js +1 -1
  656. package/mixins/ids-validation-mixin/ids-validation-input-mixin.js +1 -1
  657. package/mixins/ids-validation-mixin/ids-validation-mixin.d.ts +5 -2
  658. package/mixins/ids-validation-mixin/ids-validation-mixin.js +1 -1
  659. package/mixins/ids-xss-mixin/ids-xss-mixin.js +1 -1
  660. package/package.json +1 -1
  661. package/themes/ids-theme-default-contrast.css +1226 -1127
  662. package/themes/ids-theme-default-core.css +847 -768
  663. package/themes/ids-theme-default-dark.css +1272 -1158
  664. package/themes/ids-theme-default-light.css +847 -768
  665. package/utils/ids-attribute-utils/ids-attribute-utils.js +1 -1
  666. package/utils/ids-breakpoint-utils/ids-breakpoint-utils.js +1 -1
  667. package/utils/ids-color-utils/ids-color-utils.js +1 -1
  668. package/utils/ids-copy-utils/ids-copy-utils.js +1 -1
  669. package/utils/ids-date-utils/ids-date-utils.js +1 -1
  670. package/utils/ids-debounce-utils/ids-debounce-utils.js +1 -1
  671. package/utils/ids-deep-clone-utils/ids-deep-clone-utils.js +1 -1
  672. package/utils/ids-deferred-utils/ids-deferred-utils.js +1 -1
  673. package/utils/ids-device-env-specs-utils/ids-device-env-specs-utils.js +1 -1
  674. package/utils/ids-dom-utils/ids-dom-utils.d.ts +1 -1
  675. package/utils/ids-dom-utils/ids-dom-utils.js +1 -1
  676. package/utils/ids-draggable-utils/ids-draggable-utils.js +1 -0
  677. package/utils/ids-event-path-utils/ids-event-path-utils.js +1 -1
  678. package/utils/ids-excel-exporter/ids-excel-exporter.js +1 -1
  679. package/utils/ids-excel-exporter/ids-excel-formatter.js +1 -1
  680. package/utils/ids-excel-exporter/ids-worksheet-templates.js +1 -1
  681. package/utils/ids-file-saver/ids-file-saver.js +1 -1
  682. package/utils/ids-object-utils/ids-object-utils.js +1 -1
  683. package/utils/ids-string-utils/ids-string-utils.js +1 -1
  684. package/utils/ids-timer-utils/ids-timer-utils.js +1 -1
  685. package/utils/ids-xss-utils/ids-xss-utils.js +1 -1
  686. package/utils/ids-zip/ids-zip-entry.js +1 -1
  687. package/utils/ids-zip/ids-zip.js +1 -1
  688. package/vscode.html-custom-data.json +1 -1
  689. package/chunks/ids-chunk-2EIRMU5S.js +0 -21
  690. package/chunks/ids-chunk-2RERZJ6S.js +0 -1
  691. package/chunks/ids-chunk-3FV2BLYC.js +0 -1
  692. package/chunks/ids-chunk-3PEBTU5K.js +0 -121
  693. package/chunks/ids-chunk-4EMK6AEB.js +0 -121
  694. package/chunks/ids-chunk-4G2HR6RR.js +0 -30
  695. package/chunks/ids-chunk-4GCXGAUY.js +0 -23
  696. package/chunks/ids-chunk-4O5N6MTO.js +0 -1
  697. package/chunks/ids-chunk-5GJSJDDS.js +0 -1
  698. package/chunks/ids-chunk-5NVLHKTP.js +0 -20
  699. package/chunks/ids-chunk-5Q3WPKMB.js +0 -1
  700. package/chunks/ids-chunk-642FZJNK.js +0 -127
  701. package/chunks/ids-chunk-6CR6XO6S.js +0 -1
  702. package/chunks/ids-chunk-6YP7O5PB.js +0 -1
  703. package/chunks/ids-chunk-75DYFX3J.js +0 -59
  704. package/chunks/ids-chunk-A5YXCJBO.js +0 -441
  705. package/chunks/ids-chunk-A6SP7C3H.js +0 -45
  706. package/chunks/ids-chunk-AKXLMJEO.js +0 -1
  707. package/chunks/ids-chunk-AY6GFZD7.js +0 -1
  708. package/chunks/ids-chunk-B7X5NS5X.js +0 -246
  709. package/chunks/ids-chunk-BAEFYSIO.js +0 -282
  710. package/chunks/ids-chunk-C4RHY46C.js +0 -70
  711. package/chunks/ids-chunk-CDYKGVQS.js +0 -21
  712. package/chunks/ids-chunk-CJ6LUTE2.js +0 -32
  713. package/chunks/ids-chunk-CVCHKLN6.js +0 -309
  714. package/chunks/ids-chunk-DLU5H4HM.js +0 -130
  715. package/chunks/ids-chunk-DW6FBTJR.js +0 -37
  716. package/chunks/ids-chunk-E3ONDWQJ.js +0 -37
  717. package/chunks/ids-chunk-E74UAOQT.js +0 -284
  718. package/chunks/ids-chunk-EV6LM7KM.js +0 -10
  719. package/chunks/ids-chunk-EVVAXWCW.js +0 -99
  720. package/chunks/ids-chunk-FCY5CZAT.js +0 -297
  721. package/chunks/ids-chunk-FIOKWGFN.js +0 -97
  722. package/chunks/ids-chunk-FUO3LG5E.js +0 -80
  723. package/chunks/ids-chunk-GB27XWOT.js +0 -1
  724. package/chunks/ids-chunk-GQVFNCBF.js +0 -192
  725. package/chunks/ids-chunk-HTXBVWG2.js +0 -95
  726. package/chunks/ids-chunk-IJ7NSKKV.js +0 -61
  727. package/chunks/ids-chunk-J4OSV6IO.js +0 -495
  728. package/chunks/ids-chunk-J4RT6IW7.js +0 -27
  729. package/chunks/ids-chunk-JRQFNU3N.js +0 -20
  730. package/chunks/ids-chunk-JS5EOOPD.js +0 -86
  731. package/chunks/ids-chunk-KVP7FZOK.js +0 -1
  732. package/chunks/ids-chunk-N4EFWKHT.js +0 -433
  733. package/chunks/ids-chunk-OBASMUCJ.js +0 -18
  734. package/chunks/ids-chunk-PKB3ALEM.js +0 -1
  735. package/chunks/ids-chunk-PQJKFD77.js +0 -50
  736. package/chunks/ids-chunk-QIMJ2NVG.js +0 -26
  737. package/chunks/ids-chunk-QYNGW7VH.js +0 -298
  738. package/chunks/ids-chunk-RJCNUIZP.js +0 -17
  739. package/chunks/ids-chunk-SMTVVLCF.js +0 -159
  740. package/chunks/ids-chunk-T7DR3MSB.js +0 -1
  741. package/chunks/ids-chunk-TKJUJL54.js +0 -48
  742. package/chunks/ids-chunk-TMCU6PR4.js +0 -117
  743. package/chunks/ids-chunk-TXKLDFAI.js +0 -79
  744. package/chunks/ids-chunk-U4PMTX7C.js +0 -21
  745. package/chunks/ids-chunk-UVIQPZOB.js +0 -53
  746. package/chunks/ids-chunk-VAYMMMAB.js +0 -289
  747. package/chunks/ids-chunk-VHONQMAX.js +0 -25
  748. package/chunks/ids-chunk-VM5QW6QZ.js +0 -159
  749. package/chunks/ids-chunk-WL7KSM7M.js +0 -61
  750. package/chunks/ids-chunk-WN53Q2IY.js +0 -1
  751. package/chunks/ids-chunk-XBMA2NCN.js +0 -16
  752. package/chunks/ids-chunk-XWD2FWYE.js +0 -81
  753. package/chunks/ids-chunk-Y32WUP63.js +0 -1
  754. package/chunks/ids-chunk-YJZWSEQQ.js +0 -10
  755. package/chunks/ids-chunk-ZEJGOLV6.js +0 -176
  756. package/chunks/ids-chunk-ZTS55YTS.js +0 -1
  757. package/chunks/ids-chunk-ZZXFWZGS.js +0 -15
  758. package/components/ids-draggable/get-el-translate-point.js +0 -1
  759. package/components/ids-notification-banner/ids-notification-attributes.d.ts +0 -2
  760. package/components/ids-notification-banner/ids-notification-attributes.js +0 -1
  761. /package/chunks/{ids-chunk-I2SLSNHQ.js → ids-chunk-7B56RMGF.js} +0 -0
  762. /package/{components/ids-draggable/get-el-translate-point.d.ts → utils/ids-draggable-utils/ids-draggable-utils.d.ts} +0 -0
package/themes/ids-theme-default-core.css CHANGED
@@ -1,5 +1,112 @@
1
1
  @charset "UTF-8";
2
2
  :root {
3
+ --ids-color-white-10: rgba(255, 255, 255, 0.1);
4
+ --ids-color-white-20: rgba(255, 255, 255, 0.2);
5
+ --ids-color-white-30: rgba(255, 255, 255, 0.3);
6
+ --ids-color-white-40: rgba(255, 255, 255, 0.4);
7
+ --ids-color-white-50: rgba(255, 255, 255, 0.5);
8
+ --ids-color-white-60: rgba(255, 255, 255, 0.6);
9
+ --ids-color-white-70: rgba(255, 255, 255, 0.7);
10
+ --ids-color-white-80: rgba(255, 255, 255, 0.8);
11
+ --ids-color-white-90: rgba(255, 255, 255, 0.9);
12
+ --ids-color-white-100: #ffffff;
13
+ --ids-color-black-10: rgba(0, 0, 0, 0.1);
14
+ --ids-color-black-20: rgba(0, 0, 0, 0.2);
15
+ --ids-color-black-30: rgba(0, 0, 0, 0.3);
16
+ --ids-color-black-40: rgba(0, 0, 0, 0.4);
17
+ --ids-color-black-50: rgba(0, 0, 0, 0.5);
18
+ --ids-color-black-60: rgba(0, 0, 0, 0.6);
19
+ --ids-color-black-70: rgba(0, 0, 0, 0.7);
20
+ --ids-color-black-80: rgba(0, 0, 0, 0.8);
21
+ --ids-color-black-90: rgba(0, 0, 0, 0.9);
22
+ --ids-color-black-100: #000000;
23
+ --ids-color-black-00: rgba(0, 0, 0, 0);
24
+ --ids-color-neutral-10: #f5f5f5;
25
+ --ids-color-neutral-20: #e0e0e1;
26
+ --ids-color-neutral-30: #c5c5c9;
27
+ --ids-color-neutral-40: #bbbbbf;
28
+ --ids-color-neutral-50: #8e8e95;
29
+ --ids-color-neutral-60: #6f6f76;
30
+ --ids-color-neutral-70: #525257;
31
+ --ids-color-neutral-80: #3b3b3f;
32
+ --ids-color-neutral-90: #28282a;
33
+ --ids-color-neutral-100: #161618;
34
+ --ids-color-blue-10: #e6f1fd;
35
+ --ids-color-blue-20: #bedcfa;
36
+ --ids-color-blue-30: #8abff7;
37
+ --ids-color-blue-40: #55a3f3;
38
+ --ids-color-blue-50: #1c86ef;
39
+ --ids-color-blue-60: #0072ed;
40
+ --ids-color-blue-70: #0066d4;
41
+ --ids-color-blue-80: #0054b1;
42
+ --ids-color-blue-90: #004a99;
43
+ --ids-color-blue-100: #003876;
44
+ --ids-color-red-10: #fbe7e8;
45
+ --ids-color-red-20: #f5c3c4;
46
+ --ids-color-red-30: #ee9496;
47
+ --ids-color-red-40: #e66467;
48
+ --ids-color-red-50: #df3539;
49
+ --ids-color-red-60: #da1217;
50
+ --ids-color-red-70: #c31014;
51
+ --ids-color-red-80: #a30d11;
52
+ --ids-color-red-90: #8d0b0e;
53
+ --ids-color-red-100: #6c080b;
54
+ --ids-color-green-10: #ebf9f1;
55
+ --ids-color-green-20: #cbefdc;
56
+ --ids-color-green-30: #a1e4bf;
57
+ --ids-color-green-40: #78d8a3;
58
+ --ids-color-green-50: #4dcc86;
59
+ --ids-color-green-60: #2ac371;
60
+ --ids-color-green-70: #25af65;
61
+ --ids-color-green-80: #1f9254;
62
+ --ids-color-green-90: #1c7f49;
63
+ --ids-color-green-100: #156138;
64
+ --ids-color-orange-10: #fef2e5;
65
+ --ids-color-orange-20: #fddfbd;
66
+ --ids-color-orange-30: #fcc888;
67
+ --ids-color-orange-40: #fbaf50;
68
+ --ids-color-orange-50: #fa9601;
69
+ --ids-color-orange-60: #f98300;
70
+ --ids-color-orange-70: #df6f00;
71
+ --ids-color-orange-80: #cd6200;
72
+ --ids-color-orange-90: #bb5500;
73
+ --ids-color-orange-100: #a14100;
74
+ --ids-color-purple-10: #f1ebfc;
75
+ --ids-color-purple-20: #ddcbf7;
76
+ --ids-color-purple-30: #c2a1f1;
77
+ --ids-color-purple-40: #a876eb;
78
+ --ids-color-purple-50: #8d4be5;
79
+ --ids-color-purple-60: #7928e1;
80
+ --ids-color-purple-70: #6c23c9;
81
+ --ids-color-purple-80: #591da8;
82
+ --ids-color-purple-90: #4e1a91;
83
+ --ids-color-purple-100: #3b1470;
84
+ --ids-color-teal-10: #ecf8f8;
85
+ --ids-color-teal-20: #cfeeee;
86
+ --ids-color-teal-30: #a8e1e1;
87
+ --ids-color-teal-40: #82d4d4;
88
+ --ids-color-teal-50: #5cc6c7;
89
+ --ids-color-teal-60: #40bdbe;
90
+ --ids-color-teal-70: #39a9aa;
91
+ --ids-color-teal-80: #2f8d8e;
92
+ --ids-color-teal-90: #297b7b;
93
+ --ids-color-teal-100: #1f5e5e;
94
+ --ids-color-yellow-10: #fff8d6;
95
+ --ids-color-yellow-20: #fff4c1;
96
+ --ids-color-yellow-30: #ffec96;
97
+ --ids-color-yellow-40: #ffe156;
98
+ --ids-color-yellow-50: #ffd92b;
99
+ --ids-color-yellow-60: #ffd100;
100
+ --ids-color-yellow-70: #bb9c21;
101
+ --ids-color-yellow-80: #8d6f00;
102
+ --ids-color-yellow-90: #614900;
103
+ --ids-color-yellow-100: #4b3700;
104
+ --ids-breakpoint-xs: 360px;
105
+ --ids-breakpoint-sm: 600px;
106
+ --ids-breakpoint-md: 840px;
107
+ --ids-breakpoint-lg: 1024px;
108
+ --ids-breakpoint-xl: 1280px;
109
+ --ids-breakpoint-xxl: 1440px;
3
110
  --ids-border-radius-12: 12px;
4
111
  --ids-border-radius-16: 16px;
5
112
  --ids-border-radius-20: 20px;
@@ -8,11 +115,63 @@
8
115
  --ids-border-radius-40: 40px;
9
116
  --ids-border-radius-48: 48px;
10
117
  --ids-border-radius-99: 99px;
11
- --ids-border-radius-08: 8px;
12
- --ids-border-radius-04: 4px;
13
- --ids-border-radius-02: 2px;
14
- --ids-border-radius-01: 1px;
15
118
  --ids-border-radius-00: 0px;
119
+ --ids-border-radius-01: 1px;
120
+ --ids-border-radius-02: 2px;
121
+ --ids-border-radius-04: 4px;
122
+ --ids-border-radius-08: 8px;
123
+ --ids-border-width-00: 0px;
124
+ --ids-border-width-01: 1px;
125
+ --ids-cursor-default: default;
126
+ --ids-cursor-grabbing: grabbing;
127
+ --ids-cursor-move: move;
128
+ --ids-cursor-text: text;
129
+ --ids-cursor-pointer: pointer;
130
+ --ids-cursor-resize: col-resize;
131
+ --ids-cursor-resize-x: ew-resize;
132
+ --ids-cursor-resize-y: ns-resize;
133
+ --ids-font-family-sans: source sans pro;
134
+ --ids-font-family-mono: source code pro;
135
+ --ids-font-family-ar: "Mada";
136
+ --ids-font-family-he: "Assistant";
137
+ --ids-font-family-hi: "Noto Sans";
138
+ --ids-font-family-ja: "Noto Sans JP";
139
+ --ids-font-family-ko: "Noto Sans KR";
140
+ --ids-font-family-th: "Noto Sans Thai";
141
+ --ids-font-family-zh-hans: "Noto Sans SC";
142
+ --ids-font-family-zh-hant: "Noto Sans TC";
143
+ --ids-font-family-system-sans: -apple-system, helvetica, arial;
144
+ --ids-font-family-system-mono: monospace;
145
+ --ids-font-line-height-10: 13px;
146
+ --ids-font-line-height-20: 15px;
147
+ --ids-font-line-height-30: 18px;
148
+ --ids-font-line-height-40: 20px;
149
+ --ids-font-line-height-50: 25px;
150
+ --ids-font-line-height-60: 30px;
151
+ --ids-font-line-height-70: 35px;
152
+ --ids-font-line-height-80: 40px;
153
+ --ids-font-line-height-90: 50px;
154
+ --ids-font-line-height-100: 60px;
155
+ --ids-font-line-height-110: 75px;
156
+ --ids-font-line-height-120: 91px;
157
+ --ids-font-size-10: 10px;
158
+ --ids-font-size-20: 12px;
159
+ --ids-font-size-30: 14px;
160
+ --ids-font-size-40: 16px;
161
+ --ids-font-size-50: 20px;
162
+ --ids-font-size-60: 24px;
163
+ --ids-font-size-70: 28px;
164
+ --ids-font-size-80: 32px;
165
+ --ids-font-size-90: 40px;
166
+ --ids-font-size-100: 48px;
167
+ --ids-font-size-110: 60px;
168
+ --ids-font-size-120: 72px;
169
+ --ids-font-uppercase: uppercase;
170
+ --ids-font-weight-light: light;
171
+ --ids-font-weight-regular: regular;
172
+ --ids-font-weight-semibold: semibold;
173
+ --ids-font-weight-bold: bold;
174
+ --ids-opacity-40: 0.4;
16
175
  --ids-space-12: 12px;
17
176
  --ids-space-16: 16px;
18
177
  --ids-space-20: 20px;
@@ -24,111 +183,36 @@
24
183
  --ids-space-72: 72px;
25
184
  --ids-space-104: 104px;
26
185
  --ids-space-112: 112px;
27
- --ids-space-08: 8px;
28
- --ids-space-04: 4px;
29
- --ids-space-02: 2px;
30
- --ids-space-01: 1px;
31
186
  --ids-space-00: 0px;
32
- --ids-color-yellow-10: #fde7df;
33
- --ids-color-yellow-20: #f3daa1;
34
- --ids-color-yellow-30: #e5c366;
35
- --ids-color-yellow-40: #f4d151;
36
- --ids-color-yellow-50: #f6cf2b;
37
- --ids-color-yellow-60: #ffd100;
38
- --ids-color-yellow-70: #bb9c21;
39
- --ids-color-yellow-80: #8d6f00;
40
- --ids-color-yellow-90: #614900;
41
- --ids-color-yellow-100: #4b3700;
42
- --ids-color-teal-10: #ecf8f8;
43
- --ids-color-teal-20: #cfeeee;
44
- --ids-color-teal-30: #a8e1e1;
45
- --ids-color-teal-40: #82d4d4;
46
- --ids-color-teal-50: #5cc6c7;
47
- --ids-color-teal-60: #40bdbe;
48
- --ids-color-teal-70: #39a9aa;
49
- --ids-color-teal-80: #2f8d8e;
50
- --ids-color-teal-90: #297b7b;
51
- --ids-color-teal-100: #1f5e5e;
52
- --ids-color-purple-10: #f1ebfc;
53
- --ids-color-purple-20: #ddcbf7;
54
- --ids-color-purple-30: #c2a1f1;
55
- --ids-color-purple-40: #a876eb;
56
- --ids-color-purple-50: #8d4be5;
57
- --ids-color-purple-60: #7928e1;
58
- --ids-color-purple-70: #6c23c9;
59
- --ids-color-purple-80: #591da8;
60
- --ids-color-purple-90: #4e1a91;
61
- --ids-color-purple-100: #3b1470;
62
- --ids-color-orange-10: #fef2e5;
63
- --ids-color-orange-20: #fddfbd;
64
- --ids-color-orange-30: #fcc888;
65
- --ids-color-orange-40: #fbaf50;
66
- --ids-color-orange-50: #fa9601;
67
- --ids-color-orange-60: #f98300;
68
- --ids-color-orange-70: #df6f00;
69
- --ids-color-orange-80: #cd6200;
70
- --ids-color-orange-90: #bb5500;
71
- --ids-color-orange-100: #a14100;
72
- --ids-color-green-10: #ebf9f1;
73
- --ids-color-green-20: #cbefdc;
74
- --ids-color-green-30: #a1e4bf;
75
- --ids-color-green-40: #78d8a3;
76
- --ids-color-green-50: #4dcc86;
77
- --ids-color-green-60: #2ac371;
78
- --ids-color-green-70: #25af65;
79
- --ids-color-green-80: #1f9254;
80
- --ids-color-green-90: #1c7f49;
81
- --ids-color-green-100: #156138;
82
- --ids-color-red-10: #fbe7e8;
83
- --ids-color-red-20: #f5c3c4;
84
- --ids-color-red-30: #ee9496;
85
- --ids-color-red-40: #e66467;
86
- --ids-color-red-50: #df3539;
87
- --ids-color-red-60: #da1217;
88
- --ids-color-red-70: #c31014;
89
- --ids-color-red-80: #a30d11;
90
- --ids-color-red-90: #8d0b0e;
91
- --ids-color-red-100: #6c080b;
92
- --ids-color-blue-10: #e6f1fd;
93
- --ids-color-blue-20: #bedcfa;
94
- --ids-color-blue-30: #8abff7;
95
- --ids-color-blue-40: #55a3f3;
96
- --ids-color-blue-50: #1c86ef;
97
- --ids-color-blue-60: #0072ed;
98
- --ids-color-blue-70: #0066d4;
99
- --ids-color-blue-80: #0054b1;
100
- --ids-color-blue-90: #004a99;
101
- --ids-color-blue-100: #003876;
102
- --ids-color-gray-10: #f5f5f5;
103
- --ids-color-gray-20: #e0e0e1;
104
- --ids-color-gray-30: #c5c5c9;
105
- --ids-color-gray-40: #bbbbbf;
106
- --ids-color-gray-50: #8e8e95;
107
- --ids-color-gray-60: #6f6f76;
108
- --ids-color-gray-70: #525257;
109
- --ids-color-gray-80: #3b3b3f;
110
- --ids-color-gray-90: #28282a;
111
- --ids-color-gray-100: #161618;
112
- --ids-color-black-10: rgba(0, 0, 0, 0.1);
113
- --ids-color-black-20: rgba(0, 0, 0, 0.2);
114
- --ids-color-black-30: rgba(0, 0, 0, 0.3);
115
- --ids-color-black-40: rgba(0, 0, 0, 0.4);
116
- --ids-color-black-50: rgba(0, 0, 0, 0.5);
117
- --ids-color-black-60: rgba(0, 0, 0, 0.6);
118
- --ids-color-black-70: rgba(0, 0, 0, 0.7);
119
- --ids-color-black-80: rgba(0, 0, 0, 0.8);
120
- --ids-color-black-90: rgba(0, 0, 0, 0.9);
121
- --ids-color-black-100: #000000;
122
- --ids-color-white-10: rgba(255, 255, 255, 0.1);
123
- --ids-color-white-20: rgba(255, 255, 255, 0.2);
124
- --ids-color-white-30: rgba(255, 255, 255, 0.3);
125
- --ids-color-white-40: rgba(255, 255, 255, 0.4);
126
- --ids-color-white-50: rgba(255, 255, 255, 0.5);
127
- --ids-color-white-60: rgba(255, 255, 255, 0.6);
128
- --ids-color-white-70: rgba(255, 255, 255, 0.7);
129
- --ids-color-white-80: rgba(255, 255, 255, 0.8);
130
- --ids-color-white-90: rgba(255, 255, 255, 0.9);
131
- --ids-color-white-100: #ffffff;
187
+ --ids-space-01: 1px;
188
+ --ids-space-02: 2px;
189
+ --ids-space-04: 4px;
190
+ --ids-space-08: 8px;
191
+ --ids-z-index-0: 0;
192
+ --ids-z-index-10: 1;
193
+ --ids-z-index-20: 2;
194
+ --ids-z-index-30: 5;
195
+ --ids-z-index-40: 10;
196
+ --ids-z-index-50: 100;
197
+ --ids-z-index-60: 200;
198
+ --ids-z-index-70: 300;
199
+ --ids-z-index-80: 400;
200
+ --ids-z-index-90: 500;
201
+ --ids-z-index-100: 600;
202
+ --ids-z-index-110: 700;
203
+ --ids-z-index-120: 1000;
204
+ --ids-z-index-130: 1010;
205
+ --ids-z-index-140: 1015;
206
+ --ids-z-index-150: 1020;
207
+ --ids-z-index-160: 3000;
208
+ --ids-z-index-170: 4000;
209
+ --ids-z-index-180: 4500;
210
+ --ids-z-index-190: 6000;
211
+ --ids-z-index-200: 7000;
212
+ --ids-z-index-210: 8000;
213
+ --ids-z-index-220: 9000;
214
+ --ids-z-index-230: 10000;
215
+ --ids-z-index-240: 10020;
132
216
  }
133
217
 
134
218
  :root {
@@ -145,140 +229,124 @@
145
229
  }
146
230
 
147
231
  :root {
148
- --ids-color-background-dark: var(--ids-color-gray-100);
149
- --ids-color-background-elevated: var(--ids-color-white-100);
232
+ --ids-color-accent-blue-weakest: var(--ids-color-blue-10);
233
+ --ids-color-accent-blue-weaker: var(--ids-color-blue-20);
234
+ --ids-color-accent-blue-weak: var(--ids-color-blue-40);
235
+ --ids-color-accent-blue-strong: var(--ids-color-blue-60);
236
+ --ids-color-accent-blue-stronger: var(--ids-color-blue-80);
237
+ --ids-color-accent-blue-strongest: var(--ids-color-blue-100);
238
+ --ids-color-accent-green-weakest: var(--ids-color-green-10);
239
+ --ids-color-accent-green-weaker: var(--ids-color-green-20);
240
+ --ids-color-accent-green-weak: var(--ids-color-green-40);
241
+ --ids-color-accent-green-strong: var(--ids-color-green-60);
242
+ --ids-color-accent-green-stronger: var(--ids-color-green-80);
243
+ --ids-color-accent-green-strongest: var(--ids-color-green-100);
244
+ --ids-color-accent-neutral-weakest: var(--ids-color-neutral-10);
245
+ --ids-color-accent-neutral-weaker: var(--ids-color-neutral-20);
246
+ --ids-color-accent-neutral-weak: var(--ids-color-neutral-40);
247
+ --ids-color-accent-neutral-default: var(--ids-color-neutral-50);
248
+ --ids-color-accent-neutral-strong: var(--ids-color-neutral-60);
249
+ --ids-color-accent-neutral-stronger: var(--ids-color-neutral-80);
250
+ --ids-color-accent-neutral-strongest: var(--ids-color-neutral-100);
251
+ --ids-color-accent-orange-weakest: var(--ids-color-orange-10);
252
+ --ids-color-accent-orange-weaker: var(--ids-color-orange-20);
253
+ --ids-color-accent-orange-weak: var(--ids-color-orange-40);
254
+ --ids-color-accent-orange-strong: var(--ids-color-orange-60);
255
+ --ids-color-accent-orange-stronger: var(--ids-color-orange-80);
256
+ --ids-color-accent-orange-strongest: var(--ids-color-orange-100);
257
+ --ids-color-accent-purple-weakest: var(--ids-color-purple-10);
258
+ --ids-color-accent-purple-weaker: var(--ids-color-purple-20);
259
+ --ids-color-accent-purple-weak: var(--ids-color-purple-40);
260
+ --ids-color-accent-purple-strong: var(--ids-color-purple-60);
261
+ --ids-color-accent-purple-stronger: var(--ids-color-purple-80);
262
+ --ids-color-accent-purple-strongest: var(--ids-color-purple-100);
263
+ --ids-color-accent-red-weakest: var(--ids-color-red-10);
264
+ --ids-color-accent-red-weaker: var(--ids-color-red-20);
265
+ --ids-color-accent-red-weak: var(--ids-color-red-40);
266
+ --ids-color-accent-red-strong: var(--ids-color-red-60);
267
+ --ids-color-accent-red-stronger: var(--ids-color-red-80);
268
+ --ids-color-accent-red-strongest: var(--ids-color-red-100);
269
+ --ids-color-accent-teal-weakest: var(--ids-color-teal-10);
270
+ --ids-color-accent-teal-weaker: var(--ids-color-teal-20);
271
+ --ids-color-accent-teal-weak: var(--ids-color-teal-40);
272
+ --ids-color-accent-teal-strong: var(--ids-color-teal-70);
273
+ --ids-color-accent-teal-stronger: var(--ids-color-teal-80);
274
+ --ids-color-accent-teal-strongest: var(--ids-color-teal-100);
275
+ --ids-color-accent-yellow-weakest: var(--ids-color-yellow-10);
276
+ --ids-color-accent-yellow-weaker: var(--ids-color-yellow-20);
277
+ --ids-color-accent-yellow-weak: var(--ids-color-yellow-40);
278
+ --ids-color-accent-yellow-strong: var(--ids-color-yellow-60);
279
+ --ids-color-accent-yellow-stronger: var(--ids-color-yellow-80);
280
+ --ids-color-accent-yellow-strongest: var(--ids-color-yellow-100);
281
+ --ids-color-action-weakest: var(--ids-color-blue-10);
282
+ --ids-color-action-weaker: var(--ids-color-blue-20);
283
+ --ids-color-action-default: var(--ids-color-blue-60);
284
+ --ids-color-action-stronger: var(--ids-color-blue-70);
285
+ --ids-color-action-strongest: var(--ids-color-blue-90);
150
286
  --ids-color-background-default: var(--ids-color-white-100);
151
- --ids-color-foreground-dark-default: var(--ids-color-black-100);
152
- --ids-color-foreground-light-disabled: var(--ids-color-white-40);
153
- --ids-color-foreground-light-tertiary: var(--ids-color-white-60);
154
- --ids-color-foreground-light-secondary: var(--ids-color-white-80);
155
- --ids-color-foreground-light-default: var(--ids-color-white-100);
156
- --ids-color-foreground-default-disabled: var(--ids-color-black-40);
157
- --ids-color-foreground-default-tertiary: var(--ids-color-black-60);
158
- --ids-color-foreground-default-secondary: var(--ids-color-black-80);
159
- --ids-color-foreground-default-default: var(--ids-color-black-100);
160
- --ids-color-border-strong: var(--ids-color-gray-70);
161
- --ids-color-border-default: var(--ids-color-gray-60);
162
- --ids-color-border-weak: var(--ids-color-gray-40);
163
- --ids-color-border-weaker: var(--ids-color-gray-20);
287
+ --ids-color-background-elevated: var(--ids-color-white-100);
288
+ --ids-color-background-dark: var(--ids-color-neutral-100);
289
+ --ids-color-border-default: var(--ids-color-neutral-60);
290
+ --ids-color-border-weaker: var(--ids-color-neutral-20);
291
+ --ids-color-border-weak: var(--ids-color-neutral-40);
292
+ --ids-color-border-strong: var(--ids-color-neutral-70);
164
293
  --ids-color-border-light: var(--ids-color-white-100);
165
- --ids-color-action-stronger: var(--ids-color-blue-70);
166
- --ids-color-action-default: var(--ids-color-blue-60);
167
- --ids-color-action-weaker: var(--ids-color-blue-20);
168
- --ids-color-action-weakest: var(--ids-color-blue-10);
169
- --ids-color-success-stronger: var(--ids-color-green-100);
170
- --ids-color-success-strong: var(--ids-color-green-70);
171
- --ids-color-success-default: var(--ids-color-green-60);
294
+ --ids-color-foreground-default-default: var(--ids-color-black-100);
295
+ --ids-color-foreground-default-secondary: var(--ids-color-black-80);
296
+ --ids-color-foreground-default-tertiary: var(--ids-color-black-60);
297
+ --ids-color-foreground-default-disabled: var(--ids-color-black-40);
298
+ --ids-color-foreground-light-default: var(--ids-color-white-100);
299
+ --ids-color-foreground-light-secondary: var(--ids-color-white-80);
300
+ --ids-color-foreground-light-tertiary: var(--ids-color-white-60);
301
+ --ids-color-foreground-light-disabled: var(--ids-color-white-40);
302
+ --ids-color-foreground-dark-default: var(--ids-color-black-100);
172
303
  --ids-color-success-weak: var(--ids-color-green-10);
173
- --ids-color-caution-stronger: var(--ids-color-yellow-100);
174
- --ids-color-caution-strong: var(--ids-color-yellow-70);
175
- --ids-color-caution-default: var(--ids-color-yellow-60);
304
+ --ids-color-success-default: var(--ids-color-green-60);
305
+ --ids-color-success-strong: var(--ids-color-green-70);
306
+ --ids-color-success-stronger: var(--ids-color-green-100);
176
307
  --ids-color-caution-weak: var(--ids-color-yellow-10);
177
- --ids-color-warning-stronger: var(--ids-color-orange-100);
178
- --ids-color-warning-strong: var(--ids-color-orange-70);
179
- --ids-color-warning-default: var(--ids-color-orange-60);
308
+ --ids-color-caution-default: var(--ids-color-yellow-60);
309
+ --ids-color-caution-strong: var(--ids-color-yellow-70);
310
+ --ids-color-caution-stronger: var(--ids-color-yellow-100);
180
311
  --ids-color-warning-weak: var(--ids-color-orange-10);
181
- --ids-color-error-strongest: var(--ids-color-red-100);
182
- --ids-color-error-stronger: var(--ids-color-red-70);
183
- --ids-color-error-default: var(--ids-color-red-60);
312
+ --ids-color-warning-default: var(--ids-color-orange-60);
313
+ --ids-color-warning-strong: var(--ids-color-orange-70);
314
+ --ids-color-warning-stronger: var(--ids-color-orange-100);
184
315
  --ids-color-error-weak: var(--ids-color-red-10);
185
- --ids-color-info-stronger: var(--ids-color-blue-100);
186
- --ids-color-info-strong: var(--ids-color-blue-70);
187
- --ids-color-info-default: var(--ids-color-blue-60);
316
+ --ids-color-error-default: var(--ids-color-red-60);
317
+ --ids-color-error-stronger: var(--ids-color-red-70);
318
+ --ids-color-error-strongest: var(--ids-color-red-100);
188
319
  --ids-color-info-weak: var(--ids-color-blue-10);
189
- --ids-color-action-stronger: var(--ids-color-blue-70);
190
- --ids-color-action-default: var(--ids-color-blue-60);
191
- --ids-color-action-weaker: var(--ids-color-blue-20);
320
+ --ids-color-info-default: var(--ids-color-blue-60);
321
+ --ids-color-info-strong: var(--ids-color-blue-70);
322
+ --ids-color-info-stronger: var(--ids-color-blue-100);
192
323
  --ids-color-action-weakest: var(--ids-color-blue-10);
193
- --ids-color-theme-strongest: var(--ids-color-theme-100);
194
- --ids-color-theme-stronger: var(--ids-color-theme-80);
195
- --ids-color-theme-strong: var(--ids-color-theme-60);
196
- --ids-color-theme-weaker: var(--ids-color-theme-20);
324
+ --ids-color-action-weaker: var(--ids-color-blue-20);
325
+ --ids-color-action-default: var(--ids-color-blue-60);
326
+ --ids-color-action-stronger: var(--ids-color-blue-70);
327
+ --ids-color-action-strongest: var(--ids-color-blue-90);
197
328
  --ids-color-theme-weakest: var(--ids-color-theme-10);
198
- --ids-color-accent-blue-strongest: var(--ids-color-blue-100);
199
- --ids-color-accent-blue-stronger: var(--ids-color-blue-80);
200
- --ids-color-accent-blue-strong: var(--ids-color-blue-60);
201
- --ids-color-accent-blue-weak: var(--ids-color-blue-40);
202
- --ids-color-accent-blue-weaker: var(--ids-color-blue-20);
203
- --ids-color-accent-blue-weakest: var(--ids-color-blue-10);
204
- --ids-color-accent-green-strongest: var(--ids-color-green-100);
205
- --ids-color-accent-green-stronger: var(--ids-color-green-80);
206
- --ids-color-accent-green-strong: var(--ids-color-green-60);
207
- --ids-color-accent-green-weak: var(--ids-color-green-40);
208
- --ids-color-accent-green-weaker: var(--ids-color-green-20);
209
- --ids-color-accent-green-weakest: var(--ids-color-green-10);
210
- --ids-color-accent-gray-strongest: var(--ids-color-gray-100);
211
- --ids-color-accent-gray-stronger: var(--ids-color-gray-80);
212
- --ids-color-accent-gray-strong: var(--ids-color-gray-60);
213
- --ids-color-accent-gray-default: var(--ids-color-gray-50);
214
- --ids-color-accent-gray-weak: var(--ids-color-gray-40);
215
- --ids-color-accent-gray-weaker: var(--ids-color-gray-20);
216
- --ids-color-accent-gray-weakest: var(--ids-color-gray-10);
217
- --ids-color-accent-orange-strongest: var(--ids-color-orange-100);
218
- --ids-color-accent-orange-stronger: var(--ids-color-orange-80);
219
- --ids-color-accent-orange-strong: var(--ids-color-orange-60);
220
- --ids-color-accent-orange-weak: var(--ids-color-orange-40);
221
- --ids-color-accent-orange-weaker: var(--ids-color-orange-20);
222
- --ids-color-accent-orange-weakest: var(--ids-color-orange-10);
223
- --ids-color-accent-purple-strongest: var(--ids-color-purple-100);
224
- --ids-color-accent-purple-stronger: var(--ids-color-purple-80);
225
- --ids-color-accent-purple-strong: var(--ids-color-purple-60);
226
- --ids-color-accent-purple-weak: var(--ids-color-purple-40);
227
- --ids-color-accent-purple-weaker: var(--ids-color-purple-20);
228
- --ids-color-accent-purple-weakest: var(--ids-color-purple-10);
229
- --ids-color-accent-red-strongest: var(--ids-color-red-100);
230
- --ids-color-accent-red-stronger: var(--ids-color-red-80);
231
- --ids-color-accent-red-strong: var(--ids-color-red-60);
232
- --ids-color-accent-red-weak: var(--ids-color-red-40);
233
- --ids-color-accent-red-weaker: var(--ids-color-red-20);
234
- --ids-color-accent-red-weakest: var(--ids-color-red-10);
235
- --ids-color-accent-teal-strongest: var(--ids-color-teal-100);
236
- --ids-color-accent-teal-stronger: var(--ids-color-teal-80);
237
- --ids-color-accent-teal-strong: var(--ids-color-teal-70);
238
- --ids-color-accent-teal-weak: var(--ids-color-teal-40);
239
- --ids-color-accent-teal-weaker: var(--ids-color-teal-20);
240
- --ids-color-accent-teal-weakest: var(--ids-color-teal-10);
241
- --ids-color-accent-yellow-strongest: var(--ids-color-yellow-100);
242
- --ids-color-accent-yellow-stronger: var(--ids-color-yellow-80);
243
- --ids-color-accent-yellow-strong: var(--ids-color-yellow-60);
244
- --ids-color-accent-yellow-weak: var(--ids-color-yellow-40);
245
- --ids-color-accent-yellow-weaker: var(--ids-color-yellow-20);
246
- --ids-color-accent-yellow-weakest: var(--ids-color-yellow-10);
247
- --ids-dataviz-color-accent-teal-03: var(--ids-color-teal-30);
248
- --ids-dataviz-color-accent-teal-02: var(--ids-color-teal-50);
249
- --ids-dataviz-color-accent-teal-01: var(--ids-color-teal-80);
250
- --ids-dataviz-color-accent-gray-03: var(--ids-color-gray-20);
251
- --ids-dataviz-color-accent-gray-02: var(--ids-color-gray-40);
252
- --ids-dataviz-color-accent-gray-01: var(--ids-color-gray-60);
253
- --ids-dataviz-color-accent-purple-03: var(--ids-color-purple-30);
254
- --ids-dataviz-color-accent-purple-02: var(--ids-color-purple-50);
255
- --ids-dataviz-color-accent-purple-01: var(--ids-color-purple-70);
256
- --ids-dataviz-color-accent-green-03: var(--ids-color-green-30);
257
- --ids-dataviz-color-accent-green-02: var(--ids-color-green-50);
258
- --ids-dataviz-color-accent-green-01: var(--ids-color-green-80);
259
- --ids-dataviz-color-accent-blue-03: var(--ids-color-blue-30);
260
- --ids-dataviz-color-accent-blue-02: var(--ids-color-blue-50);
329
+ --ids-color-theme-weaker: var(--ids-color-theme-20);
330
+ --ids-color-theme-strong: var(--ids-color-theme-60);
331
+ --ids-color-theme-stronger: var(--ids-color-theme-80);
332
+ --ids-color-theme-strongest: var(--ids-color-theme-100);
333
+ --ids-color-transparent: var(--ids-color-black-00);
261
334
  --ids-dataviz-color-accent-blue-01: var(--ids-color-blue-80);
262
- --ids-dataviz-color-sequential-10: var(--ids-color-gray-20);
263
- --ids-dataviz-color-sequential-11: var(--ids-color-teal-60);
264
- --ids-dataviz-color-sequential-12: var(--ids-color-orange-90);
265
- --ids-dataviz-color-sequential-13: var(--ids-color-purple-30);
266
- --ids-dataviz-color-sequential-14: var(--ids-color-blue-60);
267
- --ids-dataviz-color-sequential-15: var(--ids-color-red-30);
268
- --ids-dataviz-color-sequential-16: var(--ids-color-purple-80);
269
- --ids-dataviz-color-sequential-17: var(--ids-color-green-30);
270
- --ids-dataviz-color-sequential-18: var(--ids-color-teal-80);
271
- --ids-dataviz-color-sequential-19: var(--ids-color-gray-60);
272
- --ids-dataviz-color-sequential-20: var(--ids-color-red-40);
273
- --ids-dataviz-color-sequential-09: var(--ids-color-red-80);
274
- --ids-dataviz-color-sequential-08: var(--ids-color-blue-30);
275
- --ids-dataviz-color-sequential-07: var(--ids-color-green-80);
276
- --ids-dataviz-color-sequential-06: var(--ids-color-orange-70);
277
- --ids-dataviz-color-sequential-05: var(--ids-color-orange-30);
278
- --ids-dataviz-color-sequential-04: var(--ids-color-gray-40);
279
- --ids-dataviz-color-sequential-03: var(--ids-color-purple-60);
280
- --ids-dataviz-color-sequential-02: var(--ids-color-teal-60);
281
- --ids-dataviz-color-sequential-01: var(--ids-color-blue-80);
335
+ --ids-dataviz-color-accent-blue-02: var(--ids-color-blue-50);
336
+ --ids-dataviz-color-accent-blue-03: var(--ids-color-blue-30);
337
+ --ids-dataviz-color-accent-neutral-01: var(--ids-color-neutral-60);
338
+ --ids-dataviz-color-accent-neutral-02: var(--ids-color-neutral-40);
339
+ --ids-dataviz-color-accent-neutral-03: var(--ids-color-neutral-20);
340
+ --ids-dataviz-color-accent-green-01: var(--ids-color-green-80);
341
+ --ids-dataviz-color-accent-green-02: var(--ids-color-green-50);
342
+ --ids-dataviz-color-accent-green-03: var(--ids-color-green-30);
343
+ --ids-dataviz-color-accent-purple-01: var(--ids-color-purple-70);
344
+ --ids-dataviz-color-accent-purple-02: var(--ids-color-purple-50);
345
+ --ids-dataviz-color-accent-purple-03: var(--ids-color-purple-30);
346
+ --ids-dataviz-color-accent-teal-01: var(--ids-color-teal-80);
347
+ --ids-dataviz-color-accent-teal-02: var(--ids-color-teal-50);
348
+ --ids-dataviz-color-accent-teal-03: var(--ids-color-teal-30);
349
+ --ids-dataviz-color-default: var(--ids-color-blue-80);
282
350
  --ids-dataviz-color-density-10: var(--ids-color-blue-10);
283
351
  --ids-dataviz-color-density-20: var(--ids-color-blue-20);
284
352
  --ids-dataviz-color-density-30: var(--ids-color-blue-30);
@@ -289,26 +357,70 @@
289
357
  --ids-dataviz-color-density-80: var(--ids-color-blue-80);
290
358
  --ids-dataviz-color-density-90: var(--ids-color-blue-90);
291
359
  --ids-dataviz-color-density-100: var(--ids-color-blue-100);
292
- --ids-border-radius-circle: var(--ids-border-radius-99);
293
- --ids-border-radius-xl: var(--ids-border-radius-40);
294
- --ids-border-radius-lg: var(--ids-border-radius-24);
295
- --ids-border-radius-md: var(--ids-border-radius-16);
296
- --ids-border-radius-sm: var(--ids-border-radius-08);
297
- --ids-border-radius-xs: var(--ids-border-radius-04);
298
- --ids-border-radius-xxs: var(--ids-border-radius-02);
299
- --ids-border-radius-none: var(--ids-border-radius-00);
300
- --ids-space-xxxxl: var(--ids-space-72);
301
- --ids-space-xxxl: var(--ids-space-56);
302
- --ids-space-xxl: var(--ids-space-48);
303
- --ids-space-xl: var(--ids-space-40);
304
- --ids-space-lg: var(--ids-space-32);
305
- --ids-space-md: var(--ids-space-24);
306
- --ids-space-sm: var(--ids-space-16);
307
- --ids-space-xs: var(--ids-space-08);
308
- --ids-space-xxs: var(--ids-space-04);
309
- --ids-space-xxxs: var(--ids-space-02);
310
- --ids-space-xxxxs: var(--ids-space-01);
360
+ --ids-dataviz-color-negative: var(--ids-color-red-60);
361
+ --ids-dataviz-color-neutral: var(--ids-color-neutral-20);
362
+ --ids-dataviz-color-positive: var(--ids-color-green-70);
363
+ --ids-dataviz-color-secondary: var(--ids-color-teal-40);
364
+ --ids-dataviz-color-sequential-10: var(--ids-color-neutral-20);
365
+ --ids-dataviz-color-sequential-11: var(--ids-color-teal-60);
366
+ --ids-dataviz-color-sequential-12: var(--ids-color-orange-90);
367
+ --ids-dataviz-color-sequential-13: var(--ids-color-purple-30);
368
+ --ids-dataviz-color-sequential-14: var(--ids-color-blue-60);
369
+ --ids-dataviz-color-sequential-15: var(--ids-color-red-30);
370
+ --ids-dataviz-color-sequential-16: var(--ids-color-purple-80);
371
+ --ids-dataviz-color-sequential-17: var(--ids-color-green-30);
372
+ --ids-dataviz-color-sequential-18: var(--ids-color-teal-80);
373
+ --ids-dataviz-color-sequential-19: var(--ids-color-neutral-60);
374
+ --ids-dataviz-color-sequential-20: var(--ids-color-red-40);
375
+ --ids-dataviz-color-sequential-01: var(--ids-color-blue-80);
376
+ --ids-dataviz-color-sequential-02: var(--ids-color-teal-60);
377
+ --ids-dataviz-color-sequential-03: var(--ids-color-purple-60);
378
+ --ids-dataviz-color-sequential-04: var(--ids-color-neutral-40);
379
+ --ids-dataviz-color-sequential-05: var(--ids-color-orange-30);
380
+ --ids-dataviz-color-sequential-06: var(--ids-color-orange-70);
381
+ --ids-dataviz-color-sequential-07: var(--ids-color-green-80);
382
+ --ids-dataviz-color-sequential-08: var(--ids-color-blue-30);
383
+ --ids-dataviz-color-sequential-09: var(--ids-color-red-80);
311
384
  --ids-space-none: var(--ids-space-00);
385
+ --ids-space-4xs: var(--ids-space-01);
386
+ --ids-space-3xs: var(--ids-space-02);
387
+ --ids-space-2xs: var(--ids-space-04);
388
+ --ids-space-xs: var(--ids-space-08);
389
+ --ids-space-sm: var(--ids-space-16);
390
+ --ids-space-md: var(--ids-space-24);
391
+ --ids-space-lg: var(--ids-space-32);
392
+ --ids-space-xl: var(--ids-space-40);
393
+ --ids-space-2xl: var(--ids-space-48);
394
+ --ids-space-3xl: var(--ids-space-56);
395
+ --ids-space-4xl: var(--ids-space-72);
396
+ --ids-border-radius-none: var(--ids-border-radius-00);
397
+ --ids-border-radius-2xs: var(--ids-border-radius-02);
398
+ --ids-border-radius-xs: var(--ids-border-radius-04);
399
+ --ids-border-radius-sm: var(--ids-border-radius-08);
400
+ --ids-border-radius-md: var(--ids-border-radius-16);
401
+ --ids-border-radius-lg: var(--ids-border-radius-24);
402
+ --ids-border-radius-xl: var(--ids-border-radius-40);
403
+ --ids-border-radius-circle: var(--ids-border-radius-99);
404
+ --ids-border-width-none: var(--ids-border-width-00);
405
+ --ids-border-width-sm: var(--ids-border-width-01);
406
+ --ids-font-family-default: var(--ids-font-family-sans);
407
+ --ids-font-weight-default: var(--ids-font-weight-regular);
408
+ --ids-font-weight-strong: var(--ids-font-weight-semibold);
409
+ --ids-font-weight-stronger: var(--ids-font-weight-bold);
410
+ --ids-font-size-default: var(--ids-font-size-sm);
411
+ --ids-font-size-6xl: var(--ids-font-size-120);
412
+ --ids-font-size-5xl: var(--ids-font-size-110);
413
+ --ids-font-size-4xl: var(--ids-font-size-100);
414
+ --ids-font-size-3xl: var(--ids-font-size-90);
415
+ --ids-font-size-2xl: var(--ids-font-size-80);
416
+ --ids-font-size-xl: var(--ids-font-size-70);
417
+ --ids-font-size-lg: var(--ids-font-size-60);
418
+ --ids-font-size-md: var(--ids-font-size-50);
419
+ --ids-font-size-sm: var(--ids-font-size-40);
420
+ --ids-font-size-xs: var(--ids-font-size-30);
421
+ --ids-font-size-2xs: var(--ids-font-size-20);
422
+ --ids-font-size-3xs: var(--ids-font-size-10);
423
+ --ids-opacity-disabled: var(--ids-opacity-40);
312
424
  }
313
425
 
314
426
  :host,
@@ -328,10 +440,10 @@
328
440
  --ids-color-background-default: var(--ids-color-white-100);
329
441
  --ids-color-text-default: var(--ids-color-foreground-default-default);
330
442
  --ids-color-text-inverse: var(--ids-color-white-100);
331
- --ids-color-text-subtle: var(--ids-color-gray-80);
443
+ --ids-color-text-subtle: var(--ids-color-neutral-80);
332
444
  --ids-color-text-label: var(--ids-color-foreground-default-default);
333
- --ids-color-text-data: var(--ids-color-gray-100);
334
- --ids-color-text-disabled: var(--ids-color-gray-30);
445
+ --ids-color-text-data: var(--ids-color-neutral-100);
446
+ --ids-color-text-disabled: var(--ids-color-neutral-30);
335
447
  --ids-color-text-error: var(--ids-color-error-default);
336
448
  --ids-color-text-info: var(--ids-color-info-strong);
337
449
  --ids-color-text-success: var(--ids-color-green-50);
@@ -339,14 +451,6 @@
339
451
  --ids-motion-duration: 250ms;
340
452
  --ids-motion-ease: cubic-bezier(0.17, 0.04, 0.03, 0.94);
341
453
  --ids-motion-linear: cubic-bezier(0.4, 0, 0.6, 1);
342
- --ids-cursor-default: default;
343
- --ids-cursor-grabbing: grabbing;
344
- --ids-cursor-move: move;
345
- --ids-cursor-text: text;
346
- --ids-cursor-pointer: pointer;
347
- --ids-cursor-resize: col-resize;
348
- --ids-cursor-resize-x: ew-resize;
349
- --ids-cursor-resize-y: ns-resize;
350
454
  --ids-shadow-color: rgb(54 138 192 / 0.3);
351
455
  --ids-shadow-none: 0 0 3px 2px rgba(54 138 192 / 0);
352
456
  --ids-shadow-error: 0 0 3px 2px rgb(218 18 23 / 0.30);
@@ -357,33 +461,11 @@
357
461
  --ids-color-border-focus: var(--ids-color-primary);
358
462
  --ids-shadow-focus: 0px 0px 8px 0px rgba(0 114 237 / 0.50);
359
463
  --ids-outline-none: 0;
360
- --ids-font-family-default: source sans pro, -apple-system, helvetica, arial;
361
- --ids-font-family-ar: "Mada", source sans pro, -apple-system, helvetica, arial;
362
- --ids-font-family-he: "Assistant", source sans pro, -apple-system, helvetica, arial;
363
- --ids-font-family-hi: "Noto Sans", source sans pro, -apple-system, helvetica, arial;
364
- --ids-font-family-ja: "Noto Sans JP", source sans pro, -apple-system, helvetica, arial;
365
- --ids-font-family-ko: "Noto Sans KR", source sans pro, -apple-system, helvetica, arial;
366
- --ids-font-family-th: "Noto Sans Thai", source sans pro, -apple-system, helvetica, arial;
367
- --ids-font-family-zh-hans: "Noto Sans SC", source sans pro, -apple-system, helvetica, arial;
368
- --ids-font-family-zh-hant: "Noto Sans TC", source sans pro, -apple-system, helvetica, arial;
369
- --ids-font-family-mono: source code pro, monospace;
370
464
  --ids-font-weight-light: 300;
371
465
  --ids-font-weight-normal: 400;
372
466
  --ids-font-weight-semibold: 600;
373
467
  --ids-font-weight-bold: 700;
374
- --ids-font-size-default: var(--ids-font-size-40);
375
- --ids-font-size-10: 10px;
376
- --ids-font-size-20: 12px;
377
- --ids-font-size-30: 14px;
378
- --ids-font-size-40: 16px;
379
- --ids-font-size-50: 20px;
380
- --ids-font-size-60: 24px;
381
- --ids-font-size-70: 28px;
382
- --ids-font-size-80: 32px;
383
- --ids-font-size-90: 40px;
384
- --ids-font-size-100: 48px;
385
- --ids-font-size-110: 60px;
386
- --ids-font-size-120: 72px;
468
+ --ids-font-size-default: var(--ids-font-size-sm);
387
469
  --ids-font-uppercase: uppercase;
388
470
  --ids-scroll-shadow: 0 -1px 3px -1px rgba(0 0 0 / 0.25);
389
471
  --ids-scroll-color-border-top: 1px solid rgba(215 215 216 / 1);
@@ -391,34 +473,6 @@
391
473
  --ids-size-20: 28px;
392
474
  --ids-size-30: 30px;
393
475
  --ids-size-40: 38px;
394
- --ids-size-50: 48px;
395
- --ids-size-60: 56px;
396
- --ids-size-70: 66px;
397
- --ids-z-index-0: 0;
398
- --ids-z-index-10: 1;
399
- --ids-z-index-20: 2;
400
- --ids-z-index-30: 5;
401
- --ids-z-index-40: 10;
402
- --ids-z-index-50: 100;
403
- --ids-z-index-60: 200;
404
- --ids-z-index-70: 300;
405
- --ids-z-index-80: 400;
406
- --ids-z-index-90: 500;
407
- --ids-z-index-100: 600;
408
- --ids-z-index-110: 700;
409
- --ids-z-index-120: 1000;
410
- --ids-z-index-130: 1010;
411
- --ids-z-index-140: 1015;
412
- --ids-z-index-150: 1020;
413
- --ids-z-index-160: 3000;
414
- --ids-z-index-170: 4000;
415
- --ids-z-index-180: 4500;
416
- --ids-z-index-190: 6000;
417
- --ids-z-index-200: 7000;
418
- --ids-z-index-210: 8000;
419
- --ids-z-index-220: 9000;
420
- --ids-z-index-230: 10000;
421
- --ids-z-index-240: 10020;
422
476
  --ids-z-index-top-level-container: var(--ids-z-index-20);
423
477
  --ids-z-index-overlay: var(--ids-z-index-120);
424
478
  --ids-z-index-busy-indicator: var(--ids-z-index-130);
@@ -440,29 +494,29 @@
440
494
  --ids-about-color-border-hover: var(--ids-input-color-border-hover);
441
495
  --ids-about-color-border-focus: var(--ids-input-color-border-focus);
442
496
  --ids-about-shadow-focus: var(--ids-shadow-focus);
443
- --ids-accordion-header-color-border-bottom: var(--ids-color-gray-20);
444
- --ids-accordion-header-color-icon: var(--ids-color-gray-10);
445
- --ids-accordion-header-color-border-focus: var(--ids-color-primary);
497
+ --ids-accordion-header-color-border-bottom: var(--ids-color-border-weaker);
498
+ --ids-accordion-header-color-icon: var(--ids-color-accent-neutral-weakest);
499
+ --ids-accordion-header-color-border-focus: var(--ids-color-action-default);
446
500
  --ids-accordion-header-shadow-focus: var(--ids-shadow-20);
447
- --ids-accordion-header-color-border-disabled: var(--ids-color-text-disabled);
501
+ --ids-accordion-header-color-border-disabled: var(--ids-color-border-weaker);
448
502
  --ids-accordion-header-color-text-disabled: var(--ids-color-text-disabled);
449
- --ids-accordion-header-padding: 12px 16px;
450
- --ids-accordion-header-app-menu-padding: 12px 16px;
451
- --ids-accordion-header-sub-app-menu-padding: 8px 20px;
452
- --ids-accordion-pane-content-padding-block: 8px;
503
+ --ids-accordion-header-padding: 12px var(--ids-space-sm);
504
+ --ids-accordion-header-app-menu-padding: 12px var(--ids-space-sm);
505
+ --ids-accordion-header-sub-app-menu-padding: var(--ids-space-xs) 20px;
506
+ --ids-accordion-pane-content-padding-block: var(--ids-space-xs);
453
507
  --ids-accordion-pane-content-padding-inline: 18px;
454
508
  --ids-accordion-pane-content-padding-icon: 30px;
455
509
  --ids-action-panel-header-height: 50px;
456
- --ids-action-panel-header-padding: 8px;
457
- --ids-action-panel-header-color-background: var(--ids-color-gray-10);
458
- --ids-action-panel-header-color-border: var(--ids-color-gray-20);
510
+ --ids-action-panel-header-padding: var(--ids-space-sm);
511
+ --ids-action-panel-header-color-background: var(--ids-color-accent-neutral-weakest);
512
+ --ids-action-panel-header-color-border: var(--ids-color-accent-neutral-weaker);
459
513
  --ids-action-panel-content-background-color: var(--ids-color-white-100);
460
- --ids-action-panel-button-color-background-hover: var(--ids-color-gray-20);
514
+ --ids-action-panel-button-color-background-hover: var(--ids-color-accent-neutral-weaker);
461
515
  --ids-action-sheet-border-radius: var(--ids-border-radius-md);
462
516
  --ids-action-sheet-padding: var(--ids-space-xs);
463
517
  --ids-action-sheet-shadow: 0 0 8px rgb(0 0 0 / 0.2);
464
518
  --ids-action-sheet-color-background: var(--ids-color-white-100);
465
- --ids-action-sheet-color-border: transparent;
519
+ --ids-action-sheet-color-border: var(--ids-color-transparent);
466
520
  --ids-alert-color-success-default: var(--ids-color-success-default);
467
521
  --ids-alert-color-success-disabled: var(--ids-color-green-30);
468
522
  --ids-alert-color-warning-default: var(--ids-color-warning-default);
@@ -477,31 +531,33 @@
477
531
  --ids-alert-color-new-disabled: var(--ids-color-orange-30);
478
532
  --ids-alert-color-progress-default: var(--ids-color-purple-70);
479
533
  --ids-alert-color-progress-disabled: var(--ids-color-purple-30);
480
- --ids-app-menu-accordion-header-color-background-disabled: var(--ids-color-gray-100);
481
- --ids-app-menu-accordion-header-color-border-disabled: var(--ids-color-gray-100);
482
- --ids-app-menu-accordion-header-color-text-disabled: var(--ids-color-gray-40);
483
- --ids-app-menu-accordion-header-color-background-default: var(--ids-color-white-100);
484
- --ids-app-menu-accordion-header-filter-match-color-text: var(--ids-color-gray-60);
534
+ --ids-app-menu-accordion-header-color-background-disabled: var(--ids-color-accent-neutral-strongest);
535
+ --ids-app-menu-accordion-header-color-border-disabled: var(--ids-color-accent-neutral-strongest);
536
+ --ids-app-menu-accordion-header-color-text-disabled: var(--ids-color-accent-neutral-weak);
537
+ --ids-app-menu-accordion-header-color-background-default: var(--ids-color-background-default);
538
+ --ids-app-menu-accordion-header-filter-match-color-text: var(--ids-color-accent-neutral-strong);
485
539
  --ids-app-menu-accordion-header-filter-color-text: var(--ids-color-text-default);
486
- --ids-app-menu-accordion-header-color-text-focus: var(--ids-color-white-100);
540
+ --ids-app-menu-accordion-header-color-text-focus: var(--ids-color-foreground-light-default);
487
541
  --ids-app-menu-accordion-header-color-border-focus: var(--ids-color-primary-70);
488
542
  --ids-app-menu-accordion-header-selected-bg-color: var(--ids-color-primary-60);
489
- --ids-app-menu-header-color-background-hover: var(--ids-color-gray-90);
490
- --ids-app-menu-header-color-border-hover: var(--ids-color-gray-90);
491
- --ids-app-menu-accordion-header-color-text-selected: var(--ids-color-white-100);
492
- --ids-app-menu-accordion-header-color-text-default: var(--ids-color-gray-20);
493
- --ids-app-menu-accordion-panel-color-background: var(--ids-color-gray-100);
494
- --ids-axis-chart-grid-color: var(--ids-color-gray-20);
495
- --ids-axis-chart-first-line-color: var(--ids-color-gray-70);
496
- --ids-axis-chart-last-line-color-border: var(--ids-color-gray-70);
497
- --ids-axis-chart-font-family: var(--ids-font-family-default);
498
- --ids-axis-chart-font-size: var(--ids-font-size-30);
499
- --ids-axis-chart-color-text: var(--ids-color-gray-60);
543
+ --ids-app-menu-header-color-background-hover: var(--ids-color-neutral-90);
544
+ --ids-app-menu-header-color-border-hover: var(--ids-color-neutral-90);
545
+ --ids-app-menu-accordion-header-color-text-selected: var(--ids-color-foreground-light-default);
546
+ --ids-app-menu-accordion-header-color-text-default: var(--ids-color-accent-neutral-weaker);
547
+ --ids-app-menu-accordion-panel-color-background: var(--ids-color-background-dark);
548
+ --ids-app-menu-avatar-width: 50px;
549
+ --ids-app-menu-avatar-height: 50px;
550
+ --ids-axis-chart-grid-color: var(--ids-color-neutral-20);
551
+ --ids-axis-chart-first-line-color: var(--ids-color-neutral-70);
552
+ --ids-axis-chart-last-line-color-border: var(--ids-color-neutral-70);
553
+ --ids-axis-chart-font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
554
+ --ids-axis-chart-font-size: var(--ids-font-size-xs);
555
+ --ids-axis-chart-color-text: var(--ids-color-neutral-60);
500
556
  --ids-axis-chart-font-weight: var(--ids-font-weight-bold);
501
557
  --ids-axis-chart-outline-focus: 2px dashed var(--ids-color-blue-60);
502
558
  --ids-badge-border-radius: var(--ids-border-radius-circle);
503
- --ids-badge-color-background: var(--ids-color-accent-gray-weaker);
504
- --ids-badge-color-border: var(--ids-color-accent-gray-weak);
559
+ --ids-badge-color-background: var(--ids-color-accent-neutral-weaker);
560
+ --ids-badge-color-border: var(--ids-color-accent-neutral-weak);
505
561
  --ids-badge-color-text-default: var(--ids-color-foreground-default-default);
506
562
  --ids-badge-color-background-info: var(--ids-color-info-default);
507
563
  --ids-badge-color-border-info: var(--ids-color-info-default);
@@ -519,11 +575,11 @@
519
575
  --ids-badge-color-border-success: var(--ids-color-success-default);
520
576
  --ids-badge-color-success: var(--ids-color-foreground-dark-default);
521
577
  --ids-badge-font-line-height: var(--ids-size-10);
522
- --ids-badge-margin-bottom: var(--ids-space-xxs);
523
- --ids-badge-margin-inline-end: var(--ids-space-xxs);
578
+ --ids-badge-margin-bottom: var(--ids-space-2xs);
579
+ --ids-badge-margin-inline-end: var(--ids-space-2xs);
524
580
  --ids-badge-width-min: var(--ids-size-10);
525
- --ids-badge-padding-inline: var(--ids-space-08);
526
- --ids-badge-disabled-opacity: 0.4;
581
+ --ids-badge-padding-inline: var(--ids-space-xs);
582
+ --ids-badge-disabled-opacity: var(--ids-opacity-disabled);
527
583
  --ids-block-grid-margin: 10px;
528
584
  --ids-block-grid-item-padding: 10px 15px;
529
585
  --ids-block-grid-item-width: 200px;
@@ -532,7 +588,7 @@
532
588
  --ids-block-grid-item-border-radius: 3px;
533
589
  --ids-block-grid-item-selectable-border-radius-container: var(--ids-border-radius-circle);
534
590
  --ids-block-grid-item-color-background-selectable-hover: var(--ids-color-primary-10);
535
- --ids-block-grid-item-selectable-container-focus: var(--ids-space-xxxxs) solid var(--ids-color-primary-60);
591
+ --ids-block-grid-item-selectable-container-focus: var(--ids-space-4xs) solid var(--ids-color-primary-60);
536
592
  --ids-block-grid-item-shadow-selectable-container-focus: var(--ids-shadow-lg);
537
593
  --ids-block-grid-item-selectable-container-padding: var(--ids-space-md) 36px;
538
594
  --ids-block-grid-item-selectable-multiple-width: 100%;
@@ -541,18 +597,18 @@
541
597
  --ids-block-grid-item-selectable-size-multiple-block-checkbox-left: 30px;
542
598
  --ids-block-grid-item-selectable-multiple-block-checkbox-right: unset;
543
599
  --ids-block-grid-item-border-radius-selected: 3px;
544
- --ids-block-grid-item-color-background-selected: transparent;
600
+ --ids-block-grid-item-color-background-selected: var(--ids-color-transparent);
545
601
  --ids-block-grid-item-outline-selected: 2px solid var(--ids-color-primary-60);
546
602
  --ids-block-grid-item-pre-color-background-selected: rgba(230 241 253 / 0.7);
547
603
  --ids-block-grid-checkbox-top-size: 20px;
548
604
  --ids-block-grid-checkbox-right-size: 20px;
549
605
  --ids-box-color-background: var(--ids-card-color-background);
550
606
  --ids-box-color-border: var(--ids-color-border-weak);
551
- --ids-box-shadowed-color-border: transparent;
607
+ --ids-box-shadowed-color-border: var(--ids-color-transparent);
552
608
  --ids-box-border-radius: var(--ids-card-border-radius);
553
609
  --ids-box-shadow: var(--ids-card-shadow);
554
610
  --ids-box-shadow-focus: 0 0 4px rgba(0 102 212 / 0.15);
555
- --ids-box-font-family: var(--ids-font-family-default);
611
+ --ids-box-font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
556
612
  --ids-box-font-size: var(--ids-font-size-default);
557
613
  --ids-box-color-text-default: var(--ids-card-color-text-default);
558
614
  --ids-box-padding: var(--ids-space-sm);
@@ -561,10 +617,10 @@
561
617
  --ids-box-outline-hover: 1px solid var(--ids-color-border-weaker);
562
618
  --ids-box-height: auto;
563
619
  --ids-box-width: auto;
564
- --ids-button-height: 32px;
565
- --ids-button-width: 32px;
620
+ --ids-button-height: var(--ids-space-lg);
621
+ --ids-button-width: var(--ids-space-lg);
566
622
  --ids-button-padding-inline: 12px;
567
- --ids-button-alt-margin: var(--ids-space-xxxs);
623
+ --ids-button-alt-margin: 1px -1px 1px 1px;
568
624
  --ids-button-radius: var(--ids-border-radius-sm);
569
625
  --ids-button-color-text-default: currentColor;
570
626
  --ids-button-primary-color-border-default: var(--ids-color-action-default);
@@ -577,7 +633,7 @@
577
633
  --ids-button-primary-color-background-disabled: var(--ids-color-action-default);
578
634
  --ids-button-primary-color-border-disabled: var(--ids-color-action-default);
579
635
  --ids-button-primary-color-text-disabled: var(--ids-color-foreground-light-default);
580
- --ids-button-primary-opacity-disabled: 0.4;
636
+ --ids-button-primary-opacity-disabled: var(--ids-opacity-disabled);
581
637
  --ids-button-primary-color-background-pressed: var(--ids-color-action-stronger);
582
638
  --ids-button-primary-color-border-pressed: var(--ids-color-action-stronger);
583
639
  --ids-button-primary-color-text-pressed: var(--ids-color-foreground-light-default);
@@ -596,23 +652,23 @@
596
652
  --ids-button-secondary-color-background-pressed: var(--ids-color-action-weakest);
597
653
  --ids-button-secondary-color-border-pressed: var(--ids-color-action-stronger);
598
654
  --ids-button-secondary-color-text-pressed: var(--ids-color-action-stronger);
599
- --ids-button-secondary-border-width: 1px;
600
- --ids-button-secondary-opacity-disabled: 0.4;
601
- --ids-button-tertiary-color-border-default: transparent;
602
- --ids-button-tertiary-color-background-default: transparent;
655
+ --ids-button-secondary-border-width: var(--ids-border-width-sm);
656
+ --ids-button-secondary-opacity-disabled: var(--ids-opacity-disabled);
657
+ --ids-button-tertiary-color-border-default: var(--ids-color-transparent);
658
+ --ids-button-tertiary-color-background-default: var(--ids-color-transparent);
603
659
  --ids-button-tertiary-color-text-default: var(--ids-color-foreground-default-secondary);
604
660
  --ids-button-tertiary-color-border-focus: var(--ids-color-action-stronger);
605
661
  --ids-button-tertiary-color-text-hover: var(--ids-color-foreground-default-default);
606
- --ids-button-tertiary-color-background-hover: var(--ids-color-accent-gray-weakest);
607
- --ids-button-tertiary-color-border-hover: var(--ids-color-accent-gray-weakest);
662
+ --ids-button-tertiary-color-background-hover: var(--ids-color-accent-neutral-weakest);
663
+ --ids-button-tertiary-color-border-hover: var(--ids-color-accent-neutral-weakest);
608
664
  --ids-button-tertiary-color-text-disabled: var(--ids-color-foreground-default-secondary);
609
- --ids-button-tertiary-color-background-disabled: transparent;
610
- --ids-button-tertiary-color-border-disabled: transparent;
611
- --ids-button-tertiary-opacity-disabled: 0.4;
665
+ --ids-button-tertiary-color-background-disabled: var(--ids-color-transparent);
666
+ --ids-button-tertiary-color-border-disabled: var(--ids-color-transparent);
667
+ --ids-button-tertiary-opacity-disabled: var(--ids-opacity-disabled);
612
668
  --ids-button-tertiary-shadow-focus: 0px 0px 0px .5px var(--ids-color-action-default), 0px 0px 0px .5px var(--ids-color-action-default);
613
669
  --ids-button-tertiary-font-weight: var(--ids-font-weight-semibold);
614
- --ids-button-tertiary-color-background-pressed: var(--ids-color-accent-gray-weakest);
615
- --ids-button-tertiary-color-border-pressed: var(--ids-color-accent-gray-weakest);
670
+ --ids-button-tertiary-color-background-pressed: var(--ids-color-accent-neutral-weakest);
671
+ --ids-button-tertiary-color-border-pressed: var(--ids-color-accent-neutral-weakest);
616
672
  --ids-button-tertiary-color-text-pressed: var(--ids-color-foreground-default-default);
617
673
  --ids-button-icon-padding: calc(var(--ids-space-xs) - 2px);
618
674
  --ids-button-icon-height: 36px;
@@ -624,7 +680,7 @@
624
680
  --ids-button-destructive-color-background-hover: var(--ids-color-error-stronger);
625
681
  --ids-button-destructive-color-text-hover: var(--ids-color-foreground-light-default);
626
682
  --ids-button-destructive-color-border-hover: var(--ids-color-error-stronger);
627
- --ids-button-destructive-opacity-disabled: 0.4;
683
+ --ids-button-destructive-opacity-disabled: var(--ids-opacity-disabled);
628
684
  --ids-button-destructive-color-text-disabled: var(--ids-color-foreground-light-default);
629
685
  --ids-button-destructive-color-background-disabled: var(--ids-color-error-default);
630
686
  --ids-button-destructive-color-border-disabled: var(--ids-color-error-default);
@@ -636,7 +692,7 @@
636
692
  --ids-button-destructive-tertiary-color-text-hover: var(--ids-color-error-stronger);
637
693
  --ids-button-destructive-tertiary-color-border-hover: var(--ids-color-error-weak);
638
694
  --ids-button-destructive-tertiary-shadow-focus: 0px 0px 0px 1px var(--ids-color-error-stronger), 0px 0px 0px 1px var(--ids-color-error-stronger);
639
- --ids-button-destructive-tertiary-opacity-disabled: 0.4;
695
+ --ids-button-destructive-tertiary-opacity-disabled: var(--ids-opacity-disabled);
640
696
  --ids-button-destructive-tertiary-color-text-disabled: var(--ids-color-error-default);
641
697
  --ids-button-destructive-tertiary-color-background-disabled: var(--ids-color-background-default);
642
698
  --ids-button-destructive-tertiary-color-border-disabled: var(--ids-color-background-default);
@@ -649,31 +705,31 @@
649
705
  --ids-button-toggle-color-text-pressed-default: var(--ids-color-accent-blue-stronger);
650
706
  --ids-button-toggle-color-text-pressed-orange: var(--ids-color-accent-orange-strong);
651
707
  --ids-button-toggle-color-text-pressed-red: var(--ids-color-accent-red-weak);
652
- --ids-button-app-menu-color-text-default: var(--ids-color-gray-20);
708
+ --ids-button-app-menu-color-text-default: var(--ids-color-accent-neutral-weaker);
653
709
  --ids-button-app-menu-color-background-hover: var(--ids-app-menu-header-color-background-hover);
654
710
  --ids-button-app-menu-color-text-hover: var(--ids-color-white-100);
655
- --ids-button-app-menu-color-text-disabled: var(--ids-color-gray-50);
656
- --ids-button-alternate-color-text-default: var(--ids-color-gray-10);
711
+ --ids-button-app-menu-color-text-disabled: var(--ids-color-accent-neutral-default);
712
+ --ids-button-alternate-color-text-default: var(--ids-color-accent-neutral-weakest);
657
713
  --ids-button-alternate-color-text-default-hover: var(--ids-color-white-100);
658
714
  --ids-button-alternate-color-background-pressed: var(--ids-color-text-on-primary);
659
715
  --ids-button-formatter-color-border-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-action-stronger);
660
- --ids-button-formatter-opacity-disabled: 0.4;
661
- --ids-button-formatter-color-text-hover: var(--ids-color-gray-100);
662
- --ids-button-formatter-color-text-disabled: var(--ids-color-gray-50);
663
- --ids-button-formatter-color-background-hover: var(--ids-color-gray-20);
664
- --ids-button-formatter-color-active: var(--ids-color-gray-100);
716
+ --ids-button-formatter-opacity-disabled: var(--ids-opacity-disabled);
717
+ --ids-button-formatter-color-text-hover: var(--ids-color-accent-neutral-strongest);
718
+ --ids-button-formatter-color-text-disabled: var(--ids-color-accent-neutral-default);
719
+ --ids-button-formatter-color-background-hover: var(--ids-color-accent-neutral-weaker);
720
+ --ids-button-formatter-color-active: var(--ids-color-accent-neutral-strongest);
665
721
  --ids-button-formatter-color-background-default: transparent;
666
722
  --ids-button-formatter-color-border-default: transparent;
667
- --ids-button-formatter-color-text-default: var(--ids-color-gray-100);
723
+ --ids-button-formatter-color-text-default: var(--ids-color-accent-neutral-strongest);
668
724
  --ids-button-formatter-size: 34px;
669
725
  --ids-button-module-border-radius: 10px;
670
726
  --ids-button-module-color-background-hover: rgba(0 0 0 / 0.1);
671
- --ids-button-module-color-text-default: var(--ids-color-gray-90);
672
- --ids-button-module-color-text-hover: var(--ids-color-gray-100);
673
- --ids-button-menu-background-color-active: var(--ids-color-accent-gray-weakest);
727
+ --ids-button-module-color-text-default: var(--ids-color-neutral-90);
728
+ --ids-button-module-color-text-hover: var(--ids-color-accent-neutral-strongest);
729
+ --ids-button-menu-background-color-active: var(--ids-color-accent-neutral-weakest);
674
730
  --ids-button-menu-color-text-active: var(--ids-color-foreground-default-default);
675
- --ids-button-system-color-background-hover: transparent;
676
- --ids-button-system-color-border-hover: transparent;
731
+ --ids-button-system-color-background-hover: var(--ids-color-transparent);
732
+ --ids-button-system-color-border-hover: var(--ids-color-transparent);
677
733
  --ids-button-system-color-text-hover: var(--ids-color-foreground-default-default);
678
734
  --ids-button-ai-color-background-default: linear-gradient(107deg, #254A92 17.32%, #10B7A6 95.32%);
679
735
  --ids-button-ai-color-background-hover: linear-gradient(107deg, #1F405C 17.32%, #0EAA9B 95.32%);
@@ -683,66 +739,75 @@
683
739
  --ids-button-ai-color-background-active: linear-gradient(107deg, #058F81 102.35%, #051E4C 5.97%);
684
740
  --ids-button-ai-color-text-active: var(--ids-color-foreground-light-default);
685
741
  --ids-button-ai-color-background-disabled: linear-gradient(107deg, rgba(37 74 146 / 0.50) 17.32%, rgba(16 183 166 / 0.50) 95.32%);
686
- --ids-button-ai-color-background-color-disabled: transparent;
742
+ --ids-button-ai-color-background-color-disabled: var(--ids-color-transparent);
687
743
  --ids-button-ai-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px #254A92;
688
744
  --ids-button-ai-color-icon-primary: #254A92;
689
745
  --ids-button-ai-color-icon-secondary: #10B7A6;
690
746
  --ids-button-ai-color-icon-primary-hover: #1A3362;
691
747
  --ids-button-ai-color-icon-secondary-hover: #0B9789;
692
- --ids-button-ai-opacity-disabled: 0.4;
748
+ --ids-button-ai-opacity-disabled: var(--ids-opacity-disabled);
693
749
  --ids-button-tertiary-ai-color-background-disabled: var(--ids-button-ai-color-background-default);
694
750
  --ids-button-tertiary-ai-shadow-focus: 0px 0px 0px 1px #058F81, 0px 0px 0px 1px #051E4C;
695
751
  --ids-button-ai-color-loading-dot-default: var(--ids-color-white-100);
696
- --ids-breadcrumb-color-text-default: var(--ids-color-text-subtle);
697
- --ids-breadcrumb-color-text-disabled: var(--ids-color-text-disabled);
752
+ --ids-breadcrumb-color-text-default: var(--ids-color-foreground-default-default);
753
+ --ids-breadcrumb-color-text-disabled: var(--ids-color-foreground-default-disabled);
698
754
  --ids-breadcrumb-color-text-emphasis: var(--ids-color-text-inverse);
755
+ --ids-breadcrumb-color-text-selected: var(--ids-color-foreground-default-default);
756
+ --ids-breadcrumb-color-text-hover: var(--ids-color-action-stronger);
699
757
  --ids-breadcrumb-font-weight: var(--ids-font-weight-normal);
700
- --ids-breadcrumb-font-size: var(--ids-font-size-30);
758
+ --ids-breadcrumb-font-size: var(--ids-font-size-xs);
701
759
  --ids-breadcrumb-gradient: linear-gradient(to right, var(--ids-color-background-default), rgba(255 255 255 / 0));
702
760
  --ids-calendar-toolbar-color-background: var(--ids-color-white-100);
703
- --ids-calendar-toolbar-color-border: var(--ids-color-gray-20);
704
- --ids-calendar-event-color-background-accent-blue: var(--ids-color-blue-20);
705
- --ids-calendar-event-color-border-accent-bluet-blue: var(--ids-color-blue-70);
761
+ --ids-calendar-toolbar-color-border: var(--ids-color-neutral-20);
762
+ --ids-calendar-event-color-background-accent-blue: var(--ids-color-accent-blue-weakest);
763
+ --ids-calendar-event-color-border-accent-blue: var(--ids-color-accent-blue-stronger);
706
764
  --ids-calendar-event-color-background-accent-orange: var(--ids-color-orange-30);
707
765
  --ids-calendar-event-color-border-accent-orange: var(--ids-color-orange-70);
708
766
  --ids-calendar-event-color-background-accent-purple: var(--ids-color-purple-30);
709
767
  --ids-calendar-event-color-border-accent-purple: var(--ids-color-purple-70);
710
- --ids-calendar-event-color-background: var(--ids-color-blue-20);
768
+ --ids-calendar-event-color-background: var(--ids-color-accent-blue-weaker);
711
769
  --ids-calendar-event-color-border-default: var(--ids-color-orange-70);
712
- --ids-calendar-event-color-background-accent-green: var(--ids-color-green-30);
713
- --ids-calendar-event-color-border-accent-green: var(--ids-color-green-70);
714
- --ids-calendar-event-color-border-focus: var(--ids-color-blue-60);
715
- --ids-calendar-event-color-icon-alert: var(--ids-color-orange-60);
716
- --ids-calendar-event-color-icon-clock: var(--ids-color-orange-60);
717
- --ids-calendar-event-color-icon-pending: var(--ids-color-orange-60);
718
- --ids-calendar-event-color-icon-success: var(--ids-color-green-60);
770
+ --ids-calendar-event-color-background-accent-green: var(--ids-color-accent-green-weaker);
771
+ --ids-calendar-event-color-border-accent-green: var(--ids-color-accent-green-stronger);
772
+ --ids-calendar-event-color-border-focus: var(--ids-color-accent-blue-strong);
773
+ --ids-calendar-event-color-icon-alert: var(--ids-color-accent-orange-strong);
774
+ --ids-calendar-event-color-icon-clock: var(--ids-color-accent-orange-strong);
775
+ --ids-calendar-event-color-icon-pending: var(--ids-color-accent-orange-strong);
776
+ --ids-calendar-event-color-icon-success: var(--ids-color-accent-green-strong);
719
777
  --ids-calendar-event-color-background-accent-red: var(--ids-color-red-30);
720
778
  --ids-calendar-event-color-border-accent-red: var(--ids-color-red-70);
721
779
  --ids-calendar-event-color-background-accent-turqoise: var(--ids-color-teal-30);
722
- --ids-calendar-event-color-border-accent-turqoise: var(--ids-color-teal-70);
723
- --ids-calendar-event-color-background-accent-gray: var(--ids-color-gray-30);
724
- --ids-calendar-event-color-border-accent-gray: var(--ids-color-gray-70);
725
- --ids-calendar-event-color-text: var(--ids-color-gray-100);
780
+ --ids-calendar-event-color-border-accent-turqoise: var(--ids-color-accent-teal-strong);
781
+ --ids-calendar-event-color-background-accent-neutral: var(--ids-color-neutral-30);
782
+ --ids-calendar-event-color-border-accent-neutral: var(--ids-color-neutral-70);
783
+ --ids-calendar-event-color-text: var(--ids-color-foreground-default-default);
726
784
  --ids-card-header-title-color: var(--ids-color-foreground-default-default);
727
785
  --ids-card-toolbar-padding: var(--ids-space-sm);
728
786
  --ids-card-border-radius: var(--ids-border-radius-sm);
729
787
  --ids-card-margin-bottom: var(--ids-space-sm);
788
+ --ids-card-width: auto;
730
789
  --ids-card-height: 360px;
731
790
  --ids-card-content-height: 310px;
732
791
  --ids-card-header-padding-inline-start: var(--ids-space-12);
733
792
  --ids-card-header-padding-inline-end: var(--ids-space-12);
734
- --ids-card-header-height: 48px;
793
+ --ids-card-header-height: var(--ids-space-2xl);
735
794
  --ids-card-color-background: var(--ids-color-background-elevated);
795
+ --ids-card-color-background-hover: var(--ids-color-gray-10);
796
+ --ids-card-color-background-dragged: var(--ids-color-background-elevated);
797
+ --ids-card-color-background-dropped: var(--ids-color-background-elevated);
736
798
  --ids-card-color-border: var(--ids-color-border-weak);
799
+ --ids-card-color-border-draggable: var(--ids-color-border-weaker);
737
800
  --ids-card-color-border-hover: var(--ids-hyperlink-box-color-border-default);
738
- --ids-card-divider-color-border: var(--ids-color-gray-20);
801
+ --ids-card-divider-color-border: var(--ids-color-accent-neutral-weaker);
739
802
  --ids-card-shadow: 0px 0px 8px 0px rgba(0 0 0 / 0.10);
740
803
  --ids-card-color-background-selected: var(--ids-card-color-background);
741
804
  --ids-card-color-border-selected: var(--ids-color-primary);
805
+ --ids-card-color-border-dropped: var(--ids-color-gray-60);
806
+ --ids-card-color-border-dragged: var(--ids-color-gray-30);
742
807
  --ids-card-color-border-focus: var(--ids-input-color-border-focus);
743
808
  --ids-card-color-text-default: var(--ids-color-text-label);
744
809
  --ids-card-color-text-hover: var(--ids-color-text-data);
745
- --ids-chart-legend-font-size: var(--ids-font-size-30);
810
+ --ids-chart-legend-font-size: var(--ids-font-size-xs);
746
811
  --ids-chart-legend-color-text: var(--ids-color-text-label);
747
812
  --ids-chart-color-accent-01: var(--ids-dataviz-color-sequential-01);
748
813
  --ids-chart-color-accent-02: var(--ids-dataviz-color-sequential-02);
@@ -766,7 +831,7 @@
766
831
  --ids-chart-color-accent-20: var(--ids-dataviz-color-sequential-20);
767
832
  --ids-checkbox-color-border-default: var(--ids-color-border-default);
768
833
  --ids-checkbox-border: 1px solid var(--ids-color-border-default);
769
- --ids-checkbox-border-radius: var(--ids-border-radius-xxs);
834
+ --ids-checkbox-border-radius: var(--ids-border-radius-2xs);
770
835
  --ids-checkbox-color-border-error: var(--ids-color-error-default);
771
836
  --ids-checkbox-color-background-selected: var(--ids-color-action-default);
772
837
  --ids-checkbox-color-border-selected: var(--ids-color-action-default);
@@ -776,12 +841,12 @@
776
841
  --ids-checkbox-color-border-indeterminate: var(--ids-color-action-default);
777
842
  --ids-checkbox-color-border-indeterminate-after: var(--ids-color-foreground-light-default);
778
843
  --ids-checkbox-border-width-indeterminate: 0 0 2px;
779
- --ids-checkbox-color-background-disabled: transparent;
844
+ --ids-checkbox-color-background-disabled: var(--ids-color-transparent);
780
845
  --ids-checkbox-color-border-disabled: var(--ids-color-border-default);
781
846
  --ids-checkbox-color-background-selected-disabled: var(--ids-color-action-default);
782
847
  --ids-checkbox-color-border-selected-disabled: var(--ids-color-action-default);
783
848
  --ids-checkbox-color-text-disabled: var(--ids-color-foreground-default-default);
784
- --ids-checkbox-opacity-disabled: 0.4;
849
+ --ids-checkbox-opacity-disabled: var(--ids-opacity-disabled);
785
850
  --ids-checkbox-color-border-focus: var(--ids-color-action-default);
786
851
  --ids-checkbox-color-border-focus-error: var(--ids-color-error-default);
787
852
  --ids-checkbox-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-action-default);
@@ -789,65 +854,65 @@
789
854
  --ids-checkbox-color-background-multiselect: var(--ids-color-background-default);
790
855
  --ids-counts-color-text: var(--ids-color-text-subtle);
791
856
  --ids-counts-links-color-text: var(--ids-hyperlink-color-text-default);
792
- --ids-counts-label-font-size: var(--ids-font-size-40);
793
- --ids-counts-value-font-size: var(--ids-font-size-100);
857
+ --ids-counts-label-font-size: var(--ids-font-size-sm);
858
+ --ids-counts-value-font-size: var(--ids-font-size-4xl);
794
859
  --ids-data-grid-color-background: var(--ids-color-white-100);
795
860
  --ids-data-grid-height-min: 350px;
796
- --ids-data-grid-font-size: var(--ids-font-size-40);
797
- --ids-data-grid-font-size-sm: var(--ids-font-size-30);
861
+ --ids-data-grid-font-size: var(--ids-font-size-sm);
862
+ --ids-data-grid-font-size-sm: var(--ids-font-size-xs);
798
863
  --ids-data-grid-modal-row-height: 24px;
799
864
  --ids-data-grid-cell-color-background-default: var(--ids-color-white-100);
800
865
  --ids-data-grid-cell-color-background-readonly: rgba(0 0 0 / 0.04);
801
- --ids-data-grid-cell-color-border: var(--ids-color-gray-30);
866
+ --ids-data-grid-cell-color-border: var(--ids-color-neutral-30);
802
867
  --ids-data-grid-cell-checkbox-color-border: var(--ids-input-color-border-default);
803
- --ids-data-grid-cell-color-text-default: var(--ids-color-gray-100);
804
- --ids-data-grid-cell-color-text-disabled: var(--ids-color-gray-40);
868
+ --ids-data-grid-cell-color-text-default: var(--ids-color-foreground-default-default);
869
+ --ids-data-grid-cell-color-text-disabled: var(--ids-color-foreground-default-disabled);
805
870
  --ids-data-grid-cell-color-background-error: rgba(232 79 79 / 0.1);
806
- --ids-data-grid-list-cell-color-border: var(--ids-color-gray-20);
807
- --ids-data-grid-list-header-color-border: var(--ids-color-gray-10);
808
- --ids-data-grid-list-header-color-background: var(--ids-color-gray-10);
809
- --ids-data-grid-list-header-color-text: var(--ids-color-gray-100);
810
- --ids-data-grid-list-header-color-icon-unsorted: var(--ids-color-gray-30);
871
+ --ids-data-grid-list-cell-color-border: var(--ids-color-neutral-20);
872
+ --ids-data-grid-list-header-color-border: var(--ids-color-neutral-10);
873
+ --ids-data-grid-list-header-color-background: var(--ids-color-neutral-10);
874
+ --ids-data-grid-list-header-color-text: var(--ids-color-neutral-100);
875
+ --ids-data-grid-list-header-color-icon-unsorted: var(--ids-color-neutral-30);
811
876
  --ids-data-grid-list-header-color-icon-sorted: var(--ids-color-white-100);
812
- --ids-data-grid-list-header-checkbox-color-background: var(--ids-color-gray-70);
813
- --ids-data-grid-header-color-border: var(--ids-color-gray-30);
814
- --ids-data-grid-header-color-background-default: var(--ids-color-gray-10);
815
- --ids-data-grid-header-color-background-hover: var(--ids-color-gray-20);
877
+ --ids-data-grid-list-header-checkbox-color-background: var(--ids-color-neutral-70);
878
+ --ids-data-grid-header-color-border: var(--ids-color-neutral-30);
879
+ --ids-data-grid-header-color-background-default: var(--ids-color-neutral-10);
880
+ --ids-data-grid-header-color-background-hover: var(--ids-color-neutral-20);
816
881
  --ids-data-grid-header-checkbox-color-background: var(--ids-color-white-100);
817
- --ids-data-grid-header-checkbox-color-border: var(--ids-color-gray-40);
818
- --ids-data-grid-header-color-icon: var(--ids-color-gray-100);
819
- --ids-data-grid-header-drag-background-color: var(--ids-color-gray-30);
820
- --ids-data-grid-header-drag-arrow-color-background: var(--ids-color-gray-90);
882
+ --ids-data-grid-header-checkbox-color-border: var(--ids-color-neutral-40);
883
+ --ids-data-grid-header-color-icon: var(--ids-color-neutral-100);
884
+ --ids-data-grid-header-drag-background-color: var(--ids-color-neutral-30);
885
+ --ids-data-grid-header-drag-arrow-color-background: var(--ids-color-neutral-90);
821
886
  --ids-data-grid-header-color-background-default-placeholder-dragging: var(--ids-color-white-100);
822
- --ids-data-grid-header-color-text: var(--ids-color-gray-100);
823
- --ids-data-grid-header-color-icon-unsorted: var(--ids-color-gray-50);
824
- --ids-data-grid-header-color-icon-sorted: var(--ids-color-gray-100);
887
+ --ids-data-grid-header-color-text: var(--ids-color-neutral-100);
888
+ --ids-data-grid-header-color-icon-unsorted: var(--ids-color-neutral-50);
889
+ --ids-data-grid-header-color-icon-sorted: var(--ids-color-neutral-100);
825
890
  --ids-data-grid-header-lg-padding: 8px var(--ids-data-grid-padding-lg);
826
891
  --ids-data-grid-header-md-padding: 8px var(--ids-data-grid-padding-md);
827
892
  --ids-data-grid-header-sm-padding: 8px var(--ids-data-grid-padding-sm);
828
893
  --ids-data-grid-header-xs-padding: 6px var(--ids-data-grid-padding-xs);
829
894
  --ids-data-grid-header-xxs-padding: 5px 2px 0 2px;
830
- --ids-data-grid-header-expander-color: var(--ids-color-gray-90);
831
- --ids-data-grid-header-expander-color-active: var(--ids-color-gray-100);
832
- --ids-data-grid-filter-icon-color: var(--ids-color-gray-90);
833
- --ids-data-grid-filter-icon-color-background-hover: transparent;
834
- --ids-data-grid-filter-icon-color-hover: var(--ids-color-gray-100);
835
- --ids-data-grid-filter-input-color-background: transparent;
836
- --ids-data-grid-filter-input-color-border-default: var(--ids-color-gray-50);
837
- --ids-data-grid-filter-input-color-text-default: var(--ids-color-gray-100);
838
- --ids-data-grid-filter-input-color-border-hover: var(--ids-color-gray-90);
895
+ --ids-data-grid-header-expander-color: var(--ids-color-neutral-90);
896
+ --ids-data-grid-header-expander-color-active: var(--ids-color-neutral-100);
897
+ --ids-data-grid-filter-icon-color: var(--ids-color-neutral-90);
898
+ --ids-data-grid-filter-icon-color-background-hover: var(--ids-color-transparent);
899
+ --ids-data-grid-filter-icon-color-hover: var(--ids-color-neutral-100);
900
+ --ids-data-grid-filter-input-color-background: var(--ids-color-transparent);
901
+ --ids-data-grid-filter-input-color-border-default: var(--ids-color-neutral-50);
902
+ --ids-data-grid-filter-input-color-text-default: var(--ids-color-neutral-100);
903
+ --ids-data-grid-filter-input-color-border-hover: var(--ids-color-neutral-90);
839
904
  --ids-data-grid-filter-input-color-border-focus: var(--ids-color-blue-60);
840
- --ids-data-grid-filter-input-color-border-disabled: var(--ids-color-gray-50);
841
- --ids-data-grid-filter-input-color-text-disabled: var(--ids-color-gray-40);
842
- --ids-data-grid-filter-input-color-background-readonly: var(--ids-color-gray-60);
843
- --ids-data-grid-filter-input-color-border-readonly: var(--ids-color-gray-30);
905
+ --ids-data-grid-filter-input-color-border-disabled: var(--ids-color-neutral-50);
906
+ --ids-data-grid-filter-input-color-text-disabled: var(--ids-color-neutral-40);
907
+ --ids-data-grid-filter-input-color-background-readonly: var(--ids-color-neutral-60);
908
+ --ids-data-grid-filter-input-color-border-readonly: var(--ids-color-neutral-30);
844
909
  --ids-data-grid-filter-input-color-text-readonly: var(--ids-color-white-100);
845
- --ids-data-grid-filter-input-color-text-placeholder: var(--ids-color-gray-40);
910
+ --ids-data-grid-filter-input-color-text-placeholder: var(--ids-color-neutral-40);
846
911
  --ids-data-grid-filter-input-drop-background-color: var(--ids-color-background-default);
847
912
  --ids-data-grid-row-height-xxs: 25px;
848
- --ids-data-grid-padding-xxs: var(--ids-space-xxxs);
913
+ --ids-data-grid-padding-xxs: var(--ids-space-3xs);
849
914
  --ids-data-grid-row-height-xs: 30px;
850
- --ids-data-grid-padding-xs: var(--ids-space-xxs);
915
+ --ids-data-grid-padding-xs: var(--ids-space-2xs);
851
916
  --ids-data-grid-row-height-sm: 35px;
852
917
  --ids-data-grid-padding-sm: var(--ids-space-xs);
853
918
  --ids-data-grid-row-height-md: 40px;
@@ -856,14 +921,14 @@
856
921
  --ids-data-grid-padding-lg: var(--ids-space-sm);
857
922
  --ids-data-grid-row-color-background-selected: rgba(85 163 243 / 0.10);
858
923
  --ids-data-grid-row-color-background-hover: var(--ids-data-grid-row-color-background-selected);
859
- --ids-data-grid-row-alternating-color-background: var(--ids-color-gray-10);
924
+ --ids-data-grid-row-alternating-color-background: var(--ids-color-neutral-10);
860
925
  --ids-data-grid-row-shadow-focus: inset 0 0 0 1px var(--ids-color-primary-40), 0 1px 0 0 var(--ids-color-primary-40), 0 0 3px 2px rgb(54 138 192 / 0.3);
861
926
  --ids-data-grid-row-grouped-color-background: var(--ids-data-grid-header-color-background-default);
862
927
  --ids-data-grid-row-grouped-color-text: var(--ids-data-grid-cell-color-text-default);
863
928
  --ids-data-grid-row-grouped-font-weight: var(--ids-font-weight-semibold);
864
- --ids-date-picker-open-trigger-button-color-text: var(--ids-color-primary)
929
+ --ids-date-picker-open-trigger-button-color-text: var(--ids-color-primary);
865
930
  --ids-date-picker-color-border: var(--ids-color-primary);
866
- --ids-date-picker-dropdown-button-color-text: var(--ids-color-gray-100);
931
+ --ids-date-picker-dropdown-button-color-text: var(--ids-color-neutral-100);
867
932
  --ids-date-picker-dropdown-color-focus: var(--ids-shadow-md);
868
933
  --ids-date-picker-color-background: var(--ids-color-white-100);
869
934
  --ids-date-picker-picklist-item-color-text-default: var(--ids-color-text-subtle);
@@ -871,77 +936,77 @@
871
936
  --ids-date-picker-item-shadow-focus: var(--ids-focus-ring-shadow);
872
937
  --ids-date-picker-picklist-item-color-text-selected: var(--ids-color-white-100);
873
938
  --ids-date-picker-picklist-item-color-background-selected: var(--ids-color-primary);
874
- --ids-date-picker-picklist-separator-color-background: var(--ids-color-gray-30);
939
+ --ids-date-picker-picklist-separator-color-background: var(--ids-color-neutral-30);
875
940
  --ids-date-picker-popup-button-primary-color-text: var(--ids-color-blue-70);
876
941
  --ids-date-picker-popup-button-primary-color-text-disabled: var(--ids-color-blue-30);
877
- --ids-date-picker-popup-button-color-border: var(--ids-color-gray-30);
942
+ --ids-date-picker-popup-button-color-border: var(--ids-color-neutral-30);
878
943
  --ids-date-picker-popup-footer-color-border: var(--ids-date-picker-popup-button-color-border);
879
- --ids-date-picker-popup-button-color-text-default: var(--ids-color-gray-60);
880
- --ids-date-picker-popup-button-color-text-hover: var(--ids-color-gray-100);
944
+ --ids-date-picker-popup-button-color-text-default: var(--ids-color-neutral-60);
945
+ --ids-date-picker-popup-button-color-text-hover: var(--ids-color-neutral-100);
881
946
  --ids-date-picker-popup-button-today-color-text: var(--ids-color-primary);
882
947
  --ids-input-dirty-indicator-color-background-dirty: var(--ids-color-orange-30);
883
- --ids-drawer-action-sheet-color-background: var(--ids-color-white-100);
884
- --ids-drawer-action-sheet-color-text: var(--ids-color-gray-100);
948
+ --ids-drawer-action-sheet-color-background: var(--ids-color-background-default);
949
+ --ids-drawer-action-sheet-color-text: var(--ids-color-accent-neutral-strongest);
885
950
  --ids-drawer-action-sheet-shadow: 0 0 8px rgba(0 0 0 / 0.2);
886
- --ids-drawer-app-menu-color-background: var(--ids-color-gray-100);
887
- --ids-drawer-app-menu-color-text: var(--ids-color-white-100);
951
+ --ids-drawer-app-menu-color-background: var(--ids-color-accent-neutral-strongest);
952
+ --ids-drawer-app-menu-color-text: var(--ids-color-background-default);
888
953
  --ids-drawer-app-menu-shadow: 0 0 20px 1px rgba(0 0 0 / 0.75);
889
954
  --ids-drawer-width: 300px;
890
955
  --ids-dropdown-color-background-default: var(--ids-popup-color-background);
891
956
  --ids-dropdown-color-border: var(--ids-color-border-focus);
892
- --ids-dropdown-attached-color-border: var(--ids-color-gray-30);
957
+ --ids-dropdown-attached-color-border: var(--ids-color-neutral-30);
893
958
  --ids-dropdown-shadow-default: -3px 3px 3px 0 rgb(54 138 192 / 0.3), 0 2px 3px 0 rgb(54 138 192 / 0.3), 3px 3px 3px 0 rgb(54 138 192 / 0.3);
894
- --ids-dropdown-border-radius: 0 0 var(--ids-border-radius-xxs) var(--ids-border-radius-xxs);
895
- --ids-dropdown-border-radius-opened-up: var(--ids-border-radius-xxs) var(--ids-border-radius-xxs) 0 0;
959
+ --ids-dropdown-border-radius: 0 0 var(--ids-border-radius-2xs) var(--ids-border-radius-2xs);
960
+ --ids-dropdown-border-radius-opened-up: var(--ids-border-radius-2xs) var(--ids-border-radius-2xs) 0 0;
896
961
  --ids-dropdown-shadow-opened-up: 0 -1px 2px 0 rgb(54 138 192 / 0.3), 2px 0 3px 0 rgb(54 138 192 / 0.3), -2px -2px 3px 0 rgb(54 138 192 / 0.3);
897
- --ids-dropdown-color-icon: var(--ids-color-gray-100);
898
- --ids-dropdown-typeahead-color-background: var(--ids-color-gray-10);
899
- --ids-dropdown-space-text: 8px;
900
- --ids-dropdown-separator-color-border: var(--ids-color-gray-10);
901
- --ids-dropdown-separator-padding: 4px;
902
- --ids-dropdown-color-text-default: var(--ids-color-gray-100);
903
- --ids-dropdown-color-text-selected: var(--ids-color-white-100);
962
+ --ids-dropdown-color-icon: var(--ids-color-accent-neutral-strongest);
963
+ --ids-dropdown-typeahead-color-background: var(--ids-color-accent-neutral-weakest);
964
+ --ids-dropdown-space-text: var(--ids-space-xs);
965
+ --ids-dropdown-separator-color-border: var(--ids-color-accent-neutral-weakest);
966
+ --ids-dropdown-separator-padding: var(--ids-space-2xs);
967
+ --ids-dropdown-color-text-default: var(--ids-color-accent-neutral-strongest);
968
+ --ids-dropdown-color-text-selected: var(--ids-color-foreground-light-default);
904
969
  --ids-dropdown-color-background-selected: var(--ids-color-primary-60);
905
- --ids-dropdown-color-background-hover: var(--ids-color-gray-20);
906
- --ids-dropdown-group-color-text: var(--ids-color-gray-80);
907
- --ids-dropdown-group-color-border: var(--ids-color-gray-30);
908
- --ids-dropdown-group-padding: 4px;
909
- --ids-dropdown-font-size: var(--ids-font-size-30);
910
- --ids-editor-font-family: var(--ids-font-family-default);
911
- --ids-editor-font-size: var(--ids-font-size-40);
970
+ --ids-dropdown-color-background-hover: var(--ids-color-accent-neutral-weaker);
971
+ --ids-dropdown-group-color-text: var(--ids-color-accent-neutral-stronger);
972
+ --ids-dropdown-group-color-border: var(--ids-color-border-default);
973
+ --ids-dropdown-group-padding: var(--ids-space-2xs);
974
+ --ids-dropdown-font-size: var(--ids-font-size-xs);
975
+ --ids-editor-font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
976
+ --ids-editor-font-size: var(--ids-font-size-sm);
912
977
  --ids-editor-background-color: var(--ids-color-white-100);
913
- --ids-editor-color-border-default: var(--ids-color-gray-40);
914
- --ids-editor-border-radius-default: var(--ids-border-radius-xxs);
978
+ --ids-editor-color-border-default: var(--ids-color-border-weak);
979
+ --ids-editor-border-radius-default: var(--ids-border-radius-2xs);
915
980
  --ids-editor-border-style-default: solid;
916
- --ids-editor-border-width-default: 1px;
981
+ --ids-editor-border-width-default: var(--ids-border-width-sm);
917
982
  --ids-editor-outline: 0;
918
983
  --ids-editor-font-line-height: var(--ids-line-height-30);
919
984
  --ids-editor-padding: var(--ids-space-sm);
920
- --ids-editor-color-border-hover: var(--ids-color-gray-90);
985
+ --ids-editor-color-border-hover: var(--ids-color-border-strong);
921
986
  --ids-editor-color-border-focus: var(--ids-color-border-focus);
922
987
  --ids-editor-outline-focus: var(--ids-outline-none);
923
988
  --ids-editor-shadow-border-focus: var(--ids-shadow-focus);
924
989
  --ids-editor-color-border-error: var(--ids-color-error-default);
925
990
  --ids-editor-color-text-error: var(--ids-color-error-default);
926
991
  --ids-editor-shadow-error: var(--ids-shadow-error);
927
- --ids-editor-color-background-readonly: var(--ids-color-gray-20);
992
+ --ids-editor-color-background-readonly: var(--ids-color-border-weaker);
928
993
  --ids-editor-color-border-readonly: var(--ids-editor-color-border-default);
929
994
  --ids-editor-color-text-readonly: var(--ids-color-text-data);
930
- --ids-editor-source-color-background-readonly: var(--ids-color-gray-10);
995
+ --ids-editor-source-color-background-readonly: var(--ids-color-neutral-10);
931
996
  --ids-editor-color-border-disabled: var(--ids-color-text-disabled);
932
997
  --ids-editor-cursor-disabled: var(--ids-cursor-default);
933
998
  --ids-editor-color-text-disabled: var(--ids-color-text-disabled);
934
- --ids-editor-link-padding: var(--ids-space-xxs);
999
+ --ids-editor-link-padding: var(--ids-space-2xs);
935
1000
  --ids-editor-link-color-text-link: var(--ids-color-primary);
936
1001
  --ids-editor-link-color-text-hover: var(--ids-color-primary-70);
937
1002
  --ids-editor-link-color-border-focus: var(--ids-color-primary);
938
- --ids-editor-link-border-radius-focus: var(--ids-border-radius-xxs);
1003
+ --ids-editor-link-border-radius-focus: var(--ids-border-radius-2xs);
939
1004
  --ids-editor-link-border-style-focus: solid;
940
- --ids-editor-link-border-width-focus: 1px;
1005
+ --ids-editor-link-border-width-focus:var(--ids-border-width-sm)1px;
941
1006
  --ids-editor-link-outline-focus: var(--ids-outline-none);
942
1007
  --ids-editor-shadow-focus: var(--ids-shadow-focus);
943
- --ids-editor-blockquote-border-inline-start: 2px solid var(--ids-color-gray-40);
944
- --ids-editor-blockquote-margin-inline-start: var(--ids-space-xxs);
1008
+ --ids-editor-blockquote-border-inline-start: 2px solid var(--ids-color-border-weak);
1009
+ --ids-editor-blockquote-margin-inline-start: var(--ids-space-2xs);
945
1010
  --ids-editor-blockquote-margin-inline-end: var(--ids-space-none);
946
1011
  --ids-editor-blockquote-padding-inline-start: var(--ids-space-12);
947
1012
  --ids-editor-source-padding: var(--ids-space-none);
@@ -951,39 +1016,40 @@
951
1016
  --ids-editor-source-line-padding-inline: var(--ids-space-12);
952
1017
  --ids-editor-source-font-line-height: var(--ids-line-height-30);
953
1018
  --ids-editor-source-line-font-weight: var(--ids-font-weight-semi-bold);
954
- --ids-editor-source-color-background-default: var(--ids-color-gray-10);
955
- --ids-editor-source-line-color-text: var(--ids-color-gray-50);
956
- --ids-editor-textarea-color-background: transparent;
1019
+ --ids-editor-source-color-background-default: var(--ids-color-neutral-10);
1020
+ --ids-editor-source-line-color-text: var(--ids-color-neutral-50);
1021
+ --ids-editor-textarea-color-background: var(--ids-color-transparent);
957
1022
  --ids-editor-source-color-text: var(--ids-color-text-data);
958
1023
  --ids-editor-source-border: none;
959
1024
  --ids-editor-source-padding-block-start: var(--ids-space-sm);
960
1025
  --ids-editor-source-padding-inline: var(--ids-space-sm);
961
1026
  --ids-editor-source-textarea-font-line-height: var(--ids-line-height-30);
962
1027
  --ids-editor-source-textarea-outline: var(--ids-space-none);
963
- --ids-empty-message-icon-color: var(--ids-color-gray-60);
964
- --ids-empty-message-color-icon-fill: transparent;
1028
+ --ids-editor-color-text-placeholder: var(--ids-color-foreground-default-disabled);
1029
+ --ids-empty-message-icon-color: var(--ids-color-neutral-60);
1030
+ --ids-empty-message-color-icon-fill: var(--ids-color-transparent);
965
1031
  --ids-empty-message-icon-margin: var(--ids-space-12);
966
1032
  --ids-empty-message-icon-height: 80px;
967
1033
  --ids-empty-message-icon-width: 80px;
968
1034
  --ids-empty-message-label-padding: var(--ids-space-12) var(--ids-space-xs);
969
- --ids-empty-message-label-font-size: var(--ids-font-size-50);
1035
+ --ids-empty-message-label-font-size: var(--ids-font-size-md);
970
1036
  --ids-empty-message-description-padding: var(--ids-space-none) var(--ids-space-sm) var(--ids-space-sm);
971
1037
  --ids-empty-message-description-font-align: center;
972
1038
  --ids-empty-message-button-margin-block-end: var( --ids-space-24);
973
- --ids-expandable-area-border-bottom: 1px solid var(--ids-color-gray-30);
974
- --ids-homepage-color-background-default: var(--ids-color-gray-10);
975
- --ids-hierarchy-legend-color-background-default: var(--ids-color-gray-20);
976
- --ids-hierarchy-item-leaf-color-border: var(--ids-color-gray-30);
1039
+ --ids-expandable-area-border-bottom: 1px solid var(--ids-color-border-weaker);
1040
+ --ids-homepage-color-background-default: var(--ids-color-neutral-10);
1041
+ --ids-hierarchy-legend-color-background-default: var(--ids-color-neutral-20);
1042
+ --ids-hierarchy-item-leaf-color-border: var(--ids-color-neutral-30);
977
1043
  --ids-hierarchy-item-leaf-shadow: 0 0 8px rgba(0 0 0 / 0.1);
978
- --ids-hierarchy-item-border-radius: var(--ids-border-radius-xxs);
979
- --ids-hierarchy-item-leaf-before-color-border: var(--ids-color-gray-30);
1044
+ --ids-hierarchy-item-border-radius: var(--ids-border-radius-2xs);
1045
+ --ids-hierarchy-item-leaf-before-color-border: var(--ids-color-neutral-30);
980
1046
  --ids-hierarchy-item-color-background: var(--ids-color-white-100);
981
- --ids-hierarchy-item-leaf-inside-border-left: 5px solid var(--ids-color-gray-80);
1047
+ --ids-hierarchy-item-leaf-inside-border-left: 5px solid var(--ids-color-neutral-80);
982
1048
  --ids-hierarchy-item-leaf-inside-shadow: none;
983
- --ids-hierarchy-item-border-default: 2px solid var(--ids-color-gray-80);
1049
+ --ids-hierarchy-item-border-default: 2px solid var(--ids-color-neutral-80);
984
1050
  --ids-hierarchy-item-shadow-focus: none;
985
1051
  --ids-hierarchy-item-selected-leaf-shadow: 0 0 0 5px rgba(54 138 192 / 0.3);
986
- --ids-header-color-border-bottom: var(--ids-color-gray-30);
1052
+ --ids-header-color-border-bottom: var(--ids-color-neutral-30);
987
1053
  --ids-header-color-background: var(--ids-color-white-100);
988
1054
  --ids-header-breadcrumb-gradient: linear-gradient(to right, var(--ids-color-background-default), rgba(255 255 255 / 0));
989
1055
  --ids-header-color-text: var(--ids-color-text-default);
@@ -1000,22 +1066,22 @@
1000
1066
  --ids-header-button-color-border-focus: var(--ids-button-tertiary-color-border-focus);
1001
1067
  --ids-header-button-menu-color-background-active: var(--ids-button-tertiary-color-background-hover);
1002
1068
  --ids-header-button-menu-color-active: var(--ids-button-tertiary-color-text-hover);
1003
- --ids-header-padding: 8px;
1069
+ --ids-header-padding: var(--ids-space-xs);
1004
1070
  --ids-header-gradient-opacity-none: rgb(0 114 237 / 1);
1005
1071
  --ids-header-gradient-opacity-full: rgb(0 114 237 / 0);
1006
1072
  --ids-header-alternate-color-background: var(--ids-color-primary);
1007
1073
  --ids-header-alternate-color-text: var(--ids-color-white-100);
1008
1074
  --ids-hyperlink-color-text-default: var(--ids-color-action-default);
1009
- --ids-hyperlink-color-text-hover: var(--ids-color-action-stronger);
1075
+ --ids-hyperlink-color-text-hover: var(--ids-color-action-strongest);
1010
1076
  --ids-hyperlink-color-text-visited: var(--ids-color-accent-purple-strong);
1011
1077
  --ids-hyperlink-color-text-disabled: var(--ids-color-foreground-default-disabled);
1012
1078
  --ids-hyperlink-border-radius: var(--ids-border-radius-xs);
1013
1079
  --ids-hyperlink-cursor: var(--ids-cursor-pointer);
1014
- --ids-hyperlink-font-size: var(--ids-font-size-40);
1080
+ --ids-hyperlink-font-size: var(--ids-font-size-sm);
1015
1081
  --ids-hyperlink-font-weight: var(--ids-font-weight-normal);
1016
1082
  --ids-hyperlink-box-icon-color-text-default: var(--ids-color-accent-purple-strong);
1017
- --ids-hyperlink-box-color-text-default: var(--ids-color-gray-70);
1018
- --ids-hyperlink-box-color-border-default: var(--ids-color-gray-70);
1083
+ --ids-hyperlink-box-color-text-default: var(--ids-color-neutral-70);
1084
+ --ids-hyperlink-box-color-border-default: var(--ids-color-neutral-70);
1019
1085
  --ids-hyperlink-box-height: 136px;
1020
1086
  --ids-hyperlink-box-width: 155px;
1021
1087
  --ids-hyperlink-box-width-double: 323px;
@@ -1041,8 +1107,8 @@
1041
1107
  --ids-icon-status-color-teal-color-background: var(--ids-color-teal-10);
1042
1108
  --ids-icon-status-color-purple-color-text: var(--ids-color-purple-60);
1043
1109
  --ids-icon-status-color-purple-color-background: var(--ids-color-purple-10);
1044
- --ids-icon-status-color-gray-color-text: var(--ids-color-gray-60);
1045
- --ids-icon-status-color-gray-color-background: var(--ids-color-gray-10);
1110
+ --ids-icon-status-color-neutral-color-text: var(--ids-color-neutral-60);
1111
+ --ids-icon-status-color-neutral-color-background: var(--ids-color-neutral-10);
1046
1112
  --ids-icon-status-color-error-color-text: var(--ids-color-error-default);
1047
1113
  --ids-icon-status-color-error-color-background: var(--ids-color-error-weak);
1048
1114
  --ids-icon-status-color-warning-color-text: var(--ids-color-warning-default);
@@ -1061,11 +1127,11 @@
1061
1127
  --ids-image-initials-border-radius: var(--ids-border-radius-circle);
1062
1128
  --ids-image-initials-color-background: var(--ids-color-accent-purple-strong);
1063
1129
  --ids-image-placeholder-color-background: var(--ids-color-background-default);
1064
- --ids-image-placeholder-border-radius: var(--ids-border-radius-xxs);
1130
+ --ids-image-placeholder-border-radius: var(--ids-border-radius-2xs);
1065
1131
  --ids-image-status-available-color-background: var(--ids-color-success-default);
1066
1132
  --ids-image-status-busy-color-background: var(--ids-color-error-default);
1067
1133
  --ids-image-status-away-color-background: var(--ids-color-caution-default);
1068
- --ids-image-status-unknown-color-background: var(--ids-color-accent-gray-default);
1134
+ --ids-image-status-unknown-color-background: var(--ids-color-accent-neutral-default);
1069
1135
  --ids-input-width-10: 75px;
1070
1136
  --ids-input-width-20: 150px;
1071
1137
  --ids-input-width-30: 225px;
@@ -1076,10 +1142,10 @@
1076
1142
  --ids-input-height-20: 30px;
1077
1143
  --ids-input-height-30: 38px;
1078
1144
  --ids-input-height-40: 48px;
1079
- --ids-input-margin-bottom: 8px;
1080
- --ids-input-label-font-size: var(--ids-font-size-30);
1081
- --ids-input-font-size: var(--ids-font-size-40);
1082
- --ids-input-font-size-sm: var(--ids-font-size-40);
1145
+ --ids-input-margin-bottom: var(--ids-space-xs);
1146
+ --ids-input-label-font-size: var(--ids-font-size-xs);
1147
+ --ids-input-font-size: var(--ids-font-size-sm);
1148
+ --ids-input-font-size-sm: var(--ids-font-size-sm);
1083
1149
  --ids-input-color-background-default: var(--ids-color-background-default);
1084
1150
  --ids-input-color-border-default: var(--ids-color-border-default);
1085
1151
  --ids-input-color-text-default: var(--ids-color-foreground-default-default);
@@ -1088,20 +1154,20 @@
1088
1154
  --ids-input-label-color-text-default: var(--ids-color-foreground-default-default);
1089
1155
  --ids-input-color-border-readonly: var(--ids-color-border-weak);
1090
1156
  --ids-input-color-text-readonly: var(--ids-color-border-weak);
1091
- --ids-input-color-background-readonly: var(--ids-color-accent-gray-weaker);
1157
+ --ids-input-color-background-readonly: var(--ids-color-accent-neutral-weaker);
1092
1158
  --ids-input-color-text-disabled: var(--ids-color-foreground-default-default);
1093
1159
  --ids-input-color-border-disabled: var(--ids-color-border-default);
1094
1160
  --ids-input-label-color-text-disabled: var(--ids-color-foreground-default-default);
1095
- --ids-input-disabled-opacity: 0.4;
1161
+ --ids-input-disabled-opacity: var(--ids-opacity-disabled);
1096
1162
  --ids-input-color-border-hover: var(--ids-color-border-strong);
1097
1163
  --ids-input-color-border-focus: var(--ids-color-action-default);
1098
1164
  --ids-input-color-border-shadow: var(--ids-shadow-focus);
1099
- --ids-input-header-color-text-default: var(--ids-color-gray-100);
1165
+ --ids-input-header-color-text-default: var(--ids-color-accent-neutral-strongest);
1100
1166
  --ids-input-header-color-text-placeholder: rgba(62 62 66 / 0.7);
1101
1167
  --ids-input-header-color-background: var(--ids-color-text-on-primary);
1102
1168
  --ids-input-header-color-border: rgba(62 62 66 / 0.7);
1103
- --ids-input-color-border-alert-default: var(--ids-color-orange-80);
1104
- --ids-input-color-text-alert-default: var(--ids-color-orange-80);
1169
+ --ids-input-color-border-alert-default: var(--ids-color-accent-orange-stronger);
1170
+ --ids-input-color-text-alert-default: var(--ids-color-accent-orange-stronger);
1105
1171
  --ids-input-shadow-alert-focus: var(--ids-color-shadow-warning);
1106
1172
  --ids-input-color-border-alert-disabled: var(--ids-color-orange-30);
1107
1173
  --ids-input-color-text-alert-disabled: var(--ids-color-orange-30);
@@ -1116,13 +1182,13 @@
1116
1182
  --ids-input-color-border-info-disabled: var(--ids-color-blue-30);
1117
1183
  --ids-input-color-text-info-disabled: var(--ids-color-blue-30);
1118
1184
  --ids-input-color-border-success-default: var(--ids-color-success-default);
1119
- --ids-input-color-text-success-default: var(--ids-color-green-80);
1185
+ --ids-input-color-text-success-default: var(--ids-color-success-default);
1120
1186
  --ids-input-shadow-success-focus: rgba(42 195 113 / 0.3);
1121
1187
  --ids-input-color-border-success-disabled: var(--ids-color-green-30);
1122
1188
  --ids-input-color-text-success-disabled: var(--ids-color-green-30);
1123
- --ids-lookup-result-count-font-size: var(--ids-font-size-40);
1189
+ --ids-lookup-result-count-font-size: var(--ids-font-size-sm);
1124
1190
  --ids-lookup-result-count-margin: 0 8px;
1125
- --ids-link-list-title-color-text-default: var(--ids-color-gray-100);
1191
+ --ids-link-list-title-color-text-default: var(--ids-color-accent-neutral-strongest);
1126
1192
  --ids-link-list-top-margin: -3px;
1127
1193
  --ids-link-list-item-margin: 12px;
1128
1194
  --ids-link-list-title-bottom-margin: 20px;
@@ -1132,47 +1198,48 @@
1132
1198
  --ids-line-height-20: 1.25;
1133
1199
  --ids-line-height-30: 1.5;
1134
1200
  --ids-line-height-40: 2;
1135
- --ids-layout-grid-color-background: var(--ids-color-gray-20);
1201
+ --ids-layout-grid-color-background: var(--ids-color-neutral-20);
1136
1202
  --ids-layout-grid-color-text: var(--ids-color-text-default);
1137
- --ids-list-builder-border: 1px solid var(--ids-color-gray-40);
1138
- --ids-list-builder-border-radius: var(--ids-border-radius-xxs);
1203
+ --ids-list-builder-border: 1px solid var(--ids-color-accent-neutral-weak);
1204
+ --ids-list-builder-border-radius: var(--ids-border-radius-2xs);
1139
1205
  --ids-list-builder-color-background: rgba(71 71 76 / 0.3);
1140
- --ids-list-builder-border-width: 0;
1206
+ --ids-list-builder-border-width: var(--ids-border-width-none);
1141
1207
  --ids-list-builder-input-height: var(--ids-size-10);
1208
+ --ids-list-builder-edit-color-background: var(--ids-color-accent-blue-strong);
1142
1209
  --ids-list-builder-input-text-color: var(--ids-color-white-100);
1143
1210
  --ids-list-builder-input-padding: var(--ids-space-none);
1144
1211
  --ids-list-builder-item-border: 1px solid transparent;
1145
1212
  --ids-list-builder-item-padding: var(--ids-space-12) var(--ids-space-20);
1146
- --ids-list-builder-item-height: var(--ids-size-50);
1213
+ --ids-list-builder-item-height: var(--ids-space-2xl);
1147
1214
  --ids-list-builder-item-line-height: 23px;
1148
- --ids-list-builder-item-height-min: var(--ids-size-40);
1215
+ --ids-list-builder-item-height-min: 38px;
1149
1216
  --ids-list-builder-drag-content: "⁞";
1150
1217
  --ids-list-builder-item-cursor-drag: move;
1151
- --ids-list-builder-item-font-size-drag: var(--ids-font-size-60);
1152
- --ids-list-builder-item-color-background-placeholder: var(--ids-color-blue-10);
1218
+ --ids-list-builder-item-font-size-drag: var(--ids-font-size-lg);
1219
+ --ids-list-builder-item-color-background-placeholder: var(--ids-color-accent-blue-weakest);
1153
1220
  --ids-list-builder-item-placeholder-opacity: 0.6;
1154
1221
  --ids-list-view-height: 100%;
1155
- --ids-list-view-color-border-focus: var(--ids-color-blue-40);
1222
+ --ids-list-view-color-border-focus: var(--ids-color-accent-blue-weak);
1156
1223
  --ids-list-view-item-color-background-default: var(--ids-color-white-100);
1157
1224
  --ids-list-view-item-border: 1px solid transparent;
1158
- --ids-list-view-item-color-border-top: var(--ids-color-gray-20);
1225
+ --ids-list-view-item-color-border-top: var(--ids-color-accent-neutral-weaker);
1159
1226
  --ids-list-view-item-padding: var(--ids-space-12) var(--ids-space-20);
1160
- --ids-list-view-item-color-border-focus: var(--ids-color-blue-40);
1227
+ --ids-list-view-item-color-border-focus: var(--ids-color-accent-blue-weak);
1161
1228
  --ids-list-view-item-shadow-focus: 0 0 4px 1px rgb(54 138 192 / 0.3);
1162
1229
  --ids-list-view-item-outline-focus: none;
1163
- --ids-list-view-item-color-text-disabled: var(--ids-color-gray-30);
1164
- --ids-list-view-item-color-border-disabled-focus: transparent;
1165
- --ids-list-view-item-top-color-border-disabled-focus: var(--ids-color-gray-20);
1230
+ --ids-list-view-item-color-text-disabled: var(--ids-color-neutral-30);
1231
+ --ids-list-view-item-color-border-disabled-focus: var(--ids-color-transparent);
1232
+ --ids-list-view-item-top-color-border-disabled-focus: var(--ids-color-accent-neutral-weaker);
1166
1233
  --ids-list-view-item-shadow-disabled-focus: none;
1167
- --ids-list-view-item-color-background-disabled: var(--ids-color-gray-30);
1168
- --ids-list-view-item-color-border-disabled: var(--ids-color-gray-30);
1234
+ --ids-list-view-item-color-background-disabled: var(--ids-color-neutral-30);
1235
+ --ids-list-view-item-color-border-disabled: var(--ids-color-neutral-30);
1169
1236
  --ids-list-view-item-badge-color-text-disabled: var(--ids-color-white-100);
1170
- --ids-list-view-item-color-text-link-disabled: var(--ids-color-gray-30);
1237
+ --ids-list-view-item-color-text-link-disabled: var(--ids-color-neutral-30);
1171
1238
  --ids-list-view-item-opacity-disabled: 0.5;
1172
- --ids-list-view-color-background-selected: var(--ids-color-blue-10);
1173
- --ids-list-view-group-header-color-background: var(--ids-color-gray-10);
1174
- --ids-list-view-group-header-color-text: var(--ids-color-gray-100);
1175
- --ids-list-view-group-header-color-border: var(--ids-color-gray-20);
1239
+ --ids-list-view-color-background-selected: var(--ids-color-action-weakest);
1240
+ --ids-list-view-group-header-color-background: var(--ids-color-neutral-10);
1241
+ --ids-list-view-group-header-color-text: var(--ids-color-neutral-100);
1242
+ --ids-list-view-group-header-color-border: var(--ids-color-neutral-20);
1176
1243
  --ids-list-view-group-header-height: 36px;
1177
1244
  --ids-list-view-group-header-font-size: 14px;
1178
1245
  --ids-list-view-group-header-padding: var(--ids-space-12);
@@ -1186,25 +1253,25 @@
1186
1253
  --ids-loading-indicator-primary-destructive-overall-color-border: var(--ids-color-red-20);
1187
1254
  --ids-loading-indicator-destructive-progress-color-border: var(--ids-color-red-60);
1188
1255
  --ids-loading-indicator-tertiary-destructive-color-border: var(--ids-color-red-30);
1189
- --ids-masthead-color-background: var(--ids-color-gray-100);
1190
- --ids-masthead-color-text: var(--ids-color-gray-10);
1256
+ --ids-masthead-color-background: var(--ids-color-accent-neutral-strongest);
1257
+ --ids-masthead-color-text: var(--ids-color-accent-neutral-weakest);
1191
1258
  --ids-masthead-padding-inline: var(--ids-space-xs);
1192
1259
  --ids-masthead-height: 40px;
1193
- --ids-masthead-logo-padding-icon-inline: var(--ids-space-xxxs);
1260
+ --ids-masthead-logo-padding-icon-inline: var(--ids-space-3xs);
1194
1261
  --ids-masthead-logo-top-space-icon: 2px;
1195
1262
  --ids-masthead-title-margin-inline: var(--ids-space-xs);
1196
1263
  --ids-masthead-color-hover: var(--ids-color-white-100);
1197
1264
  --ids-menu-header-font-weight: var(--ids-font-weight-semibold);
1198
1265
  --ids-menu-header-margin: var(--ids-space-xs);
1199
1266
  --ids-menu-header-padding: var(--ids-space-xs);
1200
- --ids-menu-header-font-size: var(--ids-font-size-40);
1201
- --ids-menu-header-color-text: var(--ids-color-gray-70);
1267
+ --ids-menu-header-font-size: var(--ids-font-size-sm);
1268
+ --ids-menu-header-color-text: var(--ids-color-neutral-70);
1202
1269
  --ids-menu-header-icon-padding: 38px;
1203
1270
  --ids-menu-item-width-min: 110px;
1204
- --ids-menu-item-font-size: var(--ids-font-size-40);
1205
- --ids-menu-item-padding: 8px 8px;
1206
- --ids-menu-item-color-text-disabled: var(--ids-color-gray-30);
1207
- --ids-menu-item-highlight-color: var(--ids-color-gray-20);
1271
+ --ids-menu-item-font-size: var(--ids-font-size-sm);
1272
+ --ids-menu-item-padding: var( --ids-space-xs) var( --ids-space-xs);
1273
+ --ids-menu-item-color-text-disabled: var(--ids-color-foreground-default-disabled);
1274
+ --ids-menu-item-highlight-color: var(--ids-color-accent-neutral-weaker);
1208
1275
  --ids-menu-item-color-text-default: var(--ids-color-foreground-default-default);
1209
1276
  --ids-menu-check-color-default: var(--ids-color-primary);
1210
1277
  --ids-menu-check-color-disabled: var(--ids-color-text-disabled);
@@ -1217,59 +1284,62 @@
1217
1284
  --ids-modal-color-border: var(--ids-popup-color-border);
1218
1285
  --ids-modal-shadow-default: var(--ids-popup-menu-shadow-default);
1219
1286
  --ids-modal-color-text: var(--ids-color-text-default);
1220
- --ids-modal-border-radius: var(--ids-border-radius-xxs);
1221
- --ids-modal-padding: 0;
1287
+ --ids-modal-border-radius: var(--ids-border-radius-2xs);
1288
+ --ids-modal-padding: var(--ids-space-none);
1222
1289
  --ids-modal-header-padding: var(--ids-space-sm);
1223
1290
  --ids-modal-content-padding: var(--ids-space-sm) var(--ids-space-sm) 0px var(--ids-space-sm);
1224
1291
  --ids-modal-footer-margin: var(--ids-space-sm) 0 0 0;
1225
- --ids-modal-footer-color-border: var(--ids-color-gray-30);
1226
- --ids-modal-button-color-default: var(--ids-color-primary);
1227
- --ids-modal-button-color-hover: var(--ids-color-primary-80);
1228
- --ids-modal-button-secondary-color-default: var(--ids-color-grey-70);
1229
- --ids-modal-button-secondary-color-hover: var(--ids-color-grey-100);
1292
+ --ids-modal-footer-color-border: var(--ids-color-border-weak);
1293
+ --ids-modal-button-color-default: var(--ids-color-action-default);
1294
+ --ids-modal-button-color-hover: var(--ids-color-action-stronger);
1295
+ --ids-modal-button-secondary-color-default: var(--ids-color-foreground-default-secondary);
1296
+ --ids-modal-button-secondary-color-hover: var(--ids-color-foreground-default-default);
1230
1297
  --ids-modal-shadow-focus: 0 0 3px 1px var(--ids-color-primary);
1231
- --ids-module-nav-background-color: var(--ids-color-gray-10);
1232
- --ids-module-nav-border-color: var(--ids-color-gray-30);
1233
- --ids-module-nav-common-border-radius: 8px;
1298
+ --ids-module-nav-background-color: var(--ids-color-accent-neutral-weakest);
1299
+ --ids-module-nav-border-color: var(--ids-color-border-weaker);
1300
+ --ids-module-nav-common-border-radius: var(--ids-border-radius-sm);
1234
1301
  --ids-module-nav-collapsed-size: 56px;
1235
- --ids-module-nav-gutter-size: 4px;
1302
+ --ids-module-nav-gutter-size: var(--ids-space-2xs);
1236
1303
  --ids-module-nav-expanded-size: 320px;
1237
- --ids-module-nav-text-color: var(--ids-color-gray-60);
1304
+ --ids-module-nav-text-color: var(--ids-color-foreground-default-default);
1238
1305
  --ids-module-nav-bar-z-index: var(--ids-z-index-20);
1239
1306
  --ids-module-nav-content-z-index: var(--ids-z-index-0);
1240
1307
  --ids-module-nav-content-overlay-z-index: var(--ids-z-index-10);
1241
1308
  --ids-module-nav-bar-padding-top: 5px;
1242
- --ids-module-nav-detail-background-color: var(--ids-color-gray-20);
1309
+ --ids-module-nav-detail-background-color: var(--ids-color-accent-neutral-weaker);
1243
1310
  --ids-module-nav-detail-size: 300px;
1244
1311
  --ids-module-nav-accordion-gutter-size: 8px;
1245
- --ids-module-nav-separator-color: var(--ids-color-gray-20);
1312
+ --ids-module-nav-separator-color: var(--ids-color-border-weaker);
1246
1313
  --ids-module-nav-separator-expanded-edge-distance: 22px;
1247
- --ids-module-nav-input-border-width: 1px;
1314
+ --ids-module-nav-input-border-width: var(--ids-border-width-sm);
1248
1315
  --ids-module-nav-input-padding-inline-start-size: 10px;
1249
1316
  --ids-module-nav-input-bg-color: var(--ids-color-white-100);
1250
- --ids-module-nav-input-border-color: var(--ids-color-gray-20);
1251
- --ids-module-nav-input-text-color: var(--ids-color-gray-60);
1317
+ --ids-module-nav-input-border-color: var(--ids-color-border-weaker);
1318
+ --ids-module-nav-input-text-color: var(--ids-color-accent-neutral-strong);
1252
1319
  --ids-module-nav-search-input-width: calc(var(--ids-module-nav-detail-size) + 2px);
1253
- --ids-module-nav-input-focus-bg-color: var(--ids-color-gray-10);
1254
- --ids-module-nav-input-hover-bg-color: var(--ids-color-gray-20);
1320
+ --ids-module-nav-input-focus-bg-color: var(--ids-color-accent-neutral-weakest);
1321
+ --ids-module-nav-input-hover-bg-color: var(--ids-color-accent-neutral-weaker);
1255
1322
  --ids-module-nav-item-height: 40px;
1256
1323
  --ids-module-nav-item-padding-size: 13px;
1257
- --ids-module-nav-item-margin-block: 4px;
1258
- --ids-module-nav-item-margin-inline: 8px;
1259
- --ids-module-nav-item-padding-block: 8px;
1324
+ --ids-module-nav-item-margin-block: var(--ids-space-2xs);
1325
+ --ids-module-nav-item-margin-inline: var(--ids-space-xs);
1326
+ --ids-module-nav-item-padding-block: var(--ids-space-xs);
1260
1327
  --ids-module-nav-item-icon-start-spacing: 11px;
1261
1328
  --ids-module-nav-item-icon-end-spacing: 19px;
1262
1329
  --ids-module-nav-item-dropdown-icon-size: 13px;
1263
1330
  --ids-module-nav-item-collapsed-size: 40px;
1264
1331
  --ids-module-nav-item-display-icon-collapsed-margin: 10px;
1265
- --ids-module-nav-item-collapsed-general-spacing-size: 4px;
1266
- --ids-module-nav-item-collapsed-first-last-spacing-size: 8px;
1267
- --ids-module-nav-item-expanded-icon-text-spacing-size: var(--ids-space-sm);
1268
- --ids-module-nav-item-text-color: var(--ids-color-gray-100);
1269
- --ids-module-nav-item-hover-bg-color: var(--ids-color-gray-20);
1270
- --ids-module-nav-item-hover-text-color: var(--ids-color-gray-100);
1271
- --ids-module-nav-item-selected-bg-color: var(--ids-color-blue-10);
1272
- --ids-module-nav-item-selected-text-color: var(--ids-color-blue-70);
1332
+ --ids-module-nav-item-collapsed-general-space-size: 4px;
1333
+ --ids-module-nav-item-collapsed-first-last-space-size: var(--ids-space-xs);
1334
+ --ids-module-nav-item-expanded-icon-text-space-size: var(--ids-space-sm);
1335
+ --ids-module-nav-item-text-color: var(--ids-color-foreground-default-default);
1336
+ --ids-module-nav-item-hover-bg-color: var(--ids-color-accent-neutral-weaker);
1337
+ --ids-module-nav-item-hover-text-color: var(--ids-color-foreground-default-default);
1338
+ --ids-module-nav-item-active-bg-color: var(--ids-color-action-weakest);
1339
+ --ids-module-nav-item-active-text-color: var(--ids-color-action-default);
1340
+ --ids-module-nav-item-active-border-color: var(--ids-color-action-default);
1341
+ --ids-module-nav-item-selected-bg-color: var(--ids-color-action-weakest);
1342
+ --ids-module-nav-item-selected-text-color: var(--ids-color-action-default);
1273
1343
  --ids-module-nav-item-top-expander-size: 31px;
1274
1344
  --ids-module-nav-item-sub-expander-size: 23px;
1275
1345
  --ids-module-nav-switcher-button-size: 40px;
@@ -1277,42 +1347,43 @@
1277
1347
  --ids-module-nav-switcher-button-icon-margin: 2px;
1278
1348
  --ids-module-nav-switcher-dropdown-height: 40px;
1279
1349
  --ids-module-nav-switcher-dropdown-width: 260px;
1280
- --ids-module-nav-switcher-dropdown-item-margin-block: 4px;
1350
+ --ids-module-nav-switcher-dropdown-item-margin-block: var(--ids-space-2xs);
1281
1351
  --ids-module-nav-switcher-dropdown-item-height: 48px;
1282
- --ids-module-nav-switcher-dropdown-bg-color: var(--ids-color-gray-10);
1283
- --ids-module-nav-switcher-dropdown-item-focus-bg-color: var(--ids-color-gray-20);
1284
- --ids-module-nav-switcher-dropdown-item-text-color: var(--ids-color-gray-60);
1352
+ --ids-module-nav-switcher-dropdown-bg-color: var(--ids-color-neutral-10);
1353
+ --ids-module-nav-switcher-dropdown-item-focus-bg-color: var(--ids-color-neutral-20);
1354
+ --ids-module-nav-switcher-dropdown-item-text-color: var(--ids-color-neutral-60);
1285
1355
  --ids-module-nav-switcher-dropdown-icon-top-offset: 11px;
1286
1356
  --ids-module-nav-search-wrapper-height: 40px;
1287
1357
  --ids-module-nav-search-input-height: 40px;
1288
1358
  --ids-module-nav-search-input-icon-y-offset: 20px;
1289
- --ids-module-nav-search-input-bg-color: var(--ids-color-gray-20);
1290
- --ids-module-nav-search-input-text-color: var(--ids-color-gray-80);
1359
+ --ids-module-nav-search-input-bg-color: var(--ids-color-accent-neutral-weaker);
1360
+ --ids-module-nav-search-input-hover-bg-color: var(--ids-color-accent-neutral-weaker);
1361
+ --ids-module-nav-search-input-text-color: var(--ids-color-accent-neutral-stronger);
1291
1362
  --ids-module-nav-search-input-focused-bg-color: var(--ids-color-white-100);
1292
- --ids-module-nav-search-input-focused-text-color: var(--ids-color-gray-100);
1293
- --ids-module-nav-search-input-placeholder-text-color: var(--ids-color-gray-100);
1294
- --ids-module-nav-search-input-focused-placeholder-text-color: var(--ids-color-gray-40);
1363
+ --ids-module-nav-search-input-focused-text-color: var(--ids-color-accent-neutral-strongest);
1364
+ --ids-module-nav-search-input-placeholder-text-color: var(--ids-color-accent-neutral-strongest);
1365
+ --ids-module-nav-search-input-focused-placeholder-text-color: var(--ids-color-accent-neutral-weak);
1295
1366
  --ids-module-nav-search-close-icon-x-offset: 12px;
1296
1367
  --ids-module-nav-settings-menu-box-shadow: 0 0 8px 1px rgba(0 0 0 / 0.08);
1297
1368
  --ids-module-nav-settings-menu-item-height: 40px;
1298
- --ids-module-nav-settings-menu-item-text-color: var(--ids-color-gray-80);
1299
- --ids-module-nav-settings-menu-item-icon-color: var(--ids-color-gray-70);
1369
+ --ids-module-nav-settings-menu-item-text-color: var(--ids-color-accent-neutral-stronger);
1370
+ --ids-module-nav-settings-menu-item-icon-color: var(--ids-color-neutral-70);
1300
1371
  --ids-module-nav-settings-menu-min-width: 300px;
1301
- --ids-module-nav-settings-menu-separator-color: var(--ids-color-gray-10);
1302
- --ids-module-nav-settings-menu-gutter-size: 8px;
1303
- --ids-module-nav-footer-gutter-size: 8px;
1372
+ --ids-module-nav-settings-menu-separator-color: var(--ids-color-accent-neutral-weakest);
1373
+ --ids-module-nav-settings-menu-gutter-size: var(--ids-space-xs);
1374
+ --ids-module-nav-footer-gutter-size: var(--ids-space-xs);
1304
1375
  --ids-calendar-month-view-color-background-default: var(--ids-color-white-100);
1305
- --ids-calendar-month-view-color-border: var(--ids-color-gray-20);
1306
- --ids-calendar-month-view-color-text-alternate: var(--ids-color-gray-40);
1376
+ --ids-calendar-month-view-color-border: var(--ids-color-neutral-20);
1377
+ --ids-calendar-month-view-color-text-alternate: var(--ids-color-neutral-40);
1307
1378
  --ids-calendar-month-view-color-background-hover: rgb(240 240 240 / 0.5);
1308
- --ids-calendar-month-view-color-background-selected: var(--ids-color-gray-10);
1379
+ --ids-calendar-month-view-color-background-selected: var(--ids-color-neutral-10);
1309
1380
  --ids-calendar-month-view-color-selected: var(--ids-color-primary);
1310
- --ids-calendar-month-view-color-background-disabled: var(--ids-color-gray-20);
1381
+ --ids-calendar-month-view-color-background-disabled: var(--ids-color-neutral-20);
1311
1382
  --ids-calendar-month-view-legend-color-text: var(--ids-calendar-month-view-color-text-default);
1312
- --ids-calendar-month-view-color-text-default: var(--ids-color-gray-80);
1383
+ --ids-calendar-month-view-color-text-default: var(--ids-color-neutral-80);
1313
1384
  --ids-calendar-month-view-weekday-color-text: var(--ids-calendar-month-view-color-text-default);
1314
1385
  --ids-month-view-week-number-text-color: var(--ids-calendar-month-view-color-text-compact);
1315
- --ids-calendar-month-view-color-text-compact: var(--ids-color-gray-40);
1386
+ --ids-calendar-month-view-color-text-compact: var(--ids-color-neutral-40);
1316
1387
  --ids-calendar-month-view-day-color-background-compact-hover: var(--ids-calendar-month-view-color-border);
1317
1388
  --ids-calendar-month-view-weekday-color-text-compact-hover: var(--ids-calendar-month-view-color-text-default);
1318
1389
  --ids-calendar-month-view-day-color-background-compact-selected: var(--ids-color-primary);
@@ -1320,19 +1391,20 @@
1320
1391
  --ids-calendar-month-view-range-color-background-compact: var(--ids-calendar-month-view-color-border);
1321
1392
  --ids-calendar-month-view-range-color-background-compact-selected: var(--ids-color-primary);
1322
1393
  --ids-calendar-month-view-range-color-text-compact-selected: var(--ids-color-white-100);
1323
- --ids-calendar-month-view-today-color-border-compact: var(--ids-color-gray-30);
1394
+ --ids-calendar-month-view-today-color-border-compact: var(--ids-color-neutral-30);
1324
1395
  --ids-calendar-month-view-weekday-color-text-compact: var(--ids-calendar-month-view-color-text-default);
1325
- --ids-multiselect-font-size: var(--ids-font-size-30);
1396
+ --ids-multiselect-font-size: var(--ids-font-size-xs);
1326
1397
  --ids-notification-badge-size: 6px;
1327
1398
  --ids-notification-badge-border-radius: var(--ids-border-radius-xs);
1328
1399
  --ids-notification-badge-error-color-background: var(--ids-color-error-default);
1329
1400
  --ids-notification-badge-info-color-background: var(--ids-color-info-default);
1330
1401
  --ids-notification-badge-success-color-background: var(--ids-color-success-default);
1331
1402
  --ids-notification-badge-warning-color-background: var(--ids-color-warning-default);
1332
- --ids-notification-banner-height: var(--ids-size-50);
1403
+ --ids-notification-text-color: var(--ids-color-action-stronger);
1404
+ --ids-notification-banner-height: var(--ids-space-2xl);
1333
1405
  --ids-notification-banner-padding: var(--ids-space-xs);
1334
1406
  --ids-notification-banner-color-text: var(--ids-color-text-subtle);
1335
- --ids-notification-banner-button-padding: var(--ids-space-xxxs);
1407
+ --ids-notification-banner-button-padding: var(--ids-space-3xs);
1336
1408
  --ids-notification-banner-button-color-background-hover: rgb(0 0 0 / .1);
1337
1409
  --ids-notification-banner-success-color-background: var(--ids-color-success-weak);
1338
1410
  --ids-notification-banner-warning-color-background: var(--ids-color-warning-weak);
@@ -1340,24 +1412,24 @@
1340
1412
  --ids-notification-banner-error-color-background: var(--ids-color-error-weak);
1341
1413
  --ids-overlay-background-color: 0 0 0;
1342
1414
  --ids-overlay-page-background-color: 255 255 255;
1343
- --ids-chart-pie-font-family: var(--ids-font-family-default);
1344
- --ids-chart-pie-font-size: var(--ids-font-size-10);
1415
+ --ids-chart-pie-font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
1416
+ --ids-chart-pie-font-size: var(--ids-font-size-3xs);
1345
1417
  --ids-chart-pie-color-text: var(--ids-color-text-label);
1346
- --ids-popup-arrow-size: 8px;
1418
+ --ids-popup-arrow-size: var(--ids-space-xs);
1347
1419
  --ids-popup-color-background: var(--ids-color-background-elevated);
1348
1420
  --ids-popup-color-border: var(--ids-color-border-weak);
1349
- --ids-popup-padding: var(--ids-space-08);
1421
+ --ids-popup-padding: var(--ids-space-xs);
1350
1422
  --ids-popup-shadow: 0px 0px 8px 0px rgba(0 0 0 / 0.10);
1351
1423
  --ids-popup-fit-height: 100%;
1352
1424
  --ids-popup-menu-color-background-default: var(--ids-popup-color-background);
1353
1425
  --ids-popup-menu-color-border-default: var(--ids-popup-color-border);
1354
- --ids-popup-menu-padding: var(--ids-space-xxs);
1355
- --ids-popup-menu-color-text-default: var(--ids-color-gray-80);
1356
- --ids-popup-menu-font-size: var(--ids-font-size-30);
1357
- --ids-popup-menu-border-radius: var(--ids-border-radius-xxs);
1426
+ --ids-popup-menu-padding: var(--ids-space-2xs);
1427
+ --ids-popup-menu-color-text-default: var(--ids-color-foreground-default-default);
1428
+ --ids-popup-menu-font-size: var(--ids-font-size-xs);
1429
+ --ids-popup-menu-border-radius: var(--ids-border-radius-2xs);
1358
1430
  --ids-popup-menu-shadow-default: var(--ids-popup-shadow);
1359
- --ids-popup-menu-color-background-inverse: var(--ids-color-gray-100);
1360
- --ids-popup-menu-color-border-inverse: var(--ids-color-gray-10);
1431
+ --ids-popup-menu-color-background-inverse: var(--ids-color-accent-neutral-strongest);
1432
+ --ids-popup-menu-color-border-inverse: var(--ids-color-accent-neutral-weakest);
1361
1433
  --ids-popup-menu-shadow-inverse: 0 2px 5px rgba(0 0 0 / 0.2);
1362
1434
  --ids-popup-menu-color-text-inverse: var(--ids-color-white-100);
1363
1435
  --ids-progress-bar-color-text-disabled: var(--ids-color-text-disabled);
@@ -1370,36 +1442,36 @@
1370
1442
  --ids-progress-bar-margin: var(--ids-space-sm) var(--ids-space-none);
1371
1443
  --ids-progress-bar-fill-color-background: var(--ids-color-theme-strong);
1372
1444
  --ids-progress-bar-label-color-text: var(--ids-color-text-label);
1373
- --ids-progress-bar-label-audible-margin: var(--ids-space-xxxs) var(--ids-space-none);
1445
+ --ids-progress-bar-label-audible-margin: var(--ids-space-3xs) var(--ids-space-none);
1374
1446
  --ids-progress-bar-grid-cell-margin: var(--ids-space-sm);
1375
- --ids-progress-chart-font-family: var(--ids-font-family-default);
1447
+ --ids-progress-chart-font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
1376
1448
  --ids-progress-chart-margin: var(--ids-space-none) var(--ids-space-none) var(--ids-space-xs);
1377
- --ids-progress-chart-label-font-size: var(--ids-font-size-40);
1449
+ --ids-progress-chart-label-font-size: var(--ids-font-size-sm);
1378
1450
  --ids-progress-chart-label-margin-bottom: var(--ids-space-xs);
1379
- --ids-progress-chart-label-color-text: var(--ids-color-gray-60);
1380
- --ids-progress-chart-label-main-margin: var(--ids-space-none) var(--ids-space-xxs) var(--ids-space-none) var(--ids-space-none);
1381
- --ids-progress-chart-label-progress-margin: var(--ids-space-none) var(--ids-space-xxs);
1382
- --ids-progress-chart-bar-border-radius: var(--ids-border-radius-xxs);
1451
+ --ids-progress-chart-label-color-text: var(--ids-color-neutral-60);
1452
+ --ids-progress-chart-label-main-margin: var(--ids-space-none) var(--ids-space-2xs) var(--ids-space-none) var(--ids-space-none);
1453
+ --ids-progress-chart-label-progress-margin: var(--ids-space-none) var(--ids-space-2xs);
1454
+ --ids-progress-chart-bar-border-radius: var(--ids-border-radius-2xs);
1383
1455
  --ids-progress-chart-height-min: 28px;
1384
1456
  --ids-progress-chart-bar-width-min: 66px;
1385
- --ids-progress-chart-total-color-background: var(--ids-color-gray-30);
1386
- --ids-progress-chart-bar-progress-color-background: var(--ids-color-gray-60);
1457
+ --ids-progress-chart-total-color-background: var(--ids-color-neutral-30);
1458
+ --ids-progress-chart-bar-progress-color-background: var(--ids-color-neutral-60);
1387
1459
  --ids-process-indicator-color-text: var(--ids-color-text-label);
1388
- --ids-process-indicator-step-margin-top: 40px;
1389
- --ids-process-indicator-margin: var(--ids-space-none) var(--ids-space-xxs) var(--ids-space-none) var(--ids-space-none);
1390
- --ids-process-indicator-text-margin: var(--ids-space-none) var(--ids-space-xxs) var(--ids-space-xxs) var(--ids-space-none);
1460
+ --ids-process-indicator-step-margin-top: var(--ids-space-xl);
1461
+ --ids-process-indicator-margin: var(--ids-space-none) var(--ids-space-2xs) var(--ids-space-none) var(--ids-space-none);
1462
+ --ids-process-indicator-text-margin: var(--ids-space-none) var(--ids-space-2xs) var(--ids-space-2xs) var(--ids-space-none);
1391
1463
  --ids-process-indicator-color-background: var(--ids-color-background-default);
1392
1464
  --ids-process-indicator-color-primary: var(--ids-color-primary);
1393
1465
  --ids-process-indicator-color-active: var(--ids-color-primary);
1394
- --ids-process-indicator-color: var(--ids-color-gray-30);
1466
+ --ids-process-indicator-color: var(--ids-color-neutral-30);
1395
1467
  --ids-process-indicator-line-transform: translate(0, 36px);
1396
- --ids-process-indicator-font-line-height: 2px;
1468
+ --ids-process-indicator-font-line-height: var(--ids-space-3xs);
1397
1469
  --ids-process-indicator-line-color-background: var(--ids-process-indicator-color);
1398
1470
  --ids-process-indicator-step-transform: translate(0, -75%);
1399
1471
  --ids-process-indicator-step-height: 11px;
1400
1472
  --ids-process-indicator-step-width: 11px;
1401
1473
  --ids-process-indicator-border-radius-step: var(--ids-border-radius-circle);
1402
- --ids-process-indicator-canceled-step-color-background: var(--ids-color-red-60);
1474
+ --ids-process-indicator-canceled-step-color-background: var(--ids-color-accent-red-strong);
1403
1475
  --ids-process-indicator-canceled-step-color-icon: var(--ids-process-indicator-color-background);
1404
1476
  --ids-process-indicator-border-done: 2px solid var(--ids-process-indicator-color-primary);
1405
1477
  --ids-process-indicator-border-started: 2px solid var(--ids-process-indicator-color-active);
@@ -1415,18 +1487,18 @@
1415
1487
  --ids-radio-color-border-disabled: var(--ids-input-color-border-default);
1416
1488
  --ids-radio-color-background-selected-disabled: var(--ids-color-action-default);
1417
1489
  --ids-radio-color-border-selected-disabled: var(--ids-color-action-default);
1418
- --ids-radio-disabled-opacity: 0.4;
1490
+ --ids-radio-disabled-opacity: var(--ids-opacity-disabled);
1419
1491
  --ids-radio-color-text-default: var(--ids-input-label-color-text-default);
1420
1492
  --ids-radio-color-text-disabled: var(--ids-input-label-color-text-default);
1421
1493
  --ids-rating-star-color-selected: var(--ids-color-accent-orange-strong);
1422
- --ids-rating-star-color-default: var(--ids-color-accent-gray-default);
1494
+ --ids-rating-star-color-default: var(--ids-color-accent-neutral-default);
1423
1495
  --ids-rating-star-color-hover: var(--ids-button-primary-color-background-default);
1424
- --ids-rating-star-color-focus: var(--ids-button-primary-color-background-default);
1496
+ --ids-rating-star-color-focus: var(--ids-color-action-default);
1425
1497
  --ids-rating-star-disabled-color: var(--ids-color-text-disabled);
1426
- --ids-rating-star-margin-inline: var(--ids-space-xxs);
1498
+ --ids-rating-star-margin-inline: var(--ids-space-2xs);
1427
1499
  --ids-input-required-indicator-color-text-default: var(--ids-color-error-default);
1428
1500
  --ids-input-required-indicator-color-text-disabled: var(--ids-color-red-30);
1429
- --ids-scroll-view-color-icon-default: var(--ids-color-gray-70);
1501
+ --ids-scroll-view-color-icon-default: var(--ids-color-neutral-70);
1430
1502
  --ids-scroll-view-color-icon-selected: var(--ids-color-primary);
1431
1503
  --ids-scroll-view-controls-min-height: 36px;
1432
1504
  --ids-search-field-color-background-default: var(--ids-input-color-background-default);
@@ -1434,37 +1506,41 @@
1434
1506
  --ids-search-field-color-border-focus: var(--ids-input-color-border-focus);
1435
1507
  --ids-search-field-color-border-hover: var(--ids-input-color-border-hover);
1436
1508
  --ids-search-field-button-color-text-hover: var(--ids-button-tertiary-color-text-hover);
1437
- --ids-search-field-icon-margin: 8px;
1509
+ --ids-search-field-icon-margin: var(--ids-space-xs);
1438
1510
  --ids-search-field-margin: 0;
1439
1511
  --ids-search-field-border-radius: 4px;
1440
- --ids-search-field-border-width: 1px;
1512
+ --ids-search-field-border-width: var(--ids-border-width-sm);
1441
1513
  --ids-search-field-app-menu-shadow-focus: none;
1442
- --ids-search-field-app-menu-color-text: var(--ids-color-gray-20);
1514
+ --ids-search-field-app-menu-color-text: var(--ids-color-neutral-20);
1443
1515
  --ids-search-field-app-menu-color-background: #000;
1444
- --ids-search-field-app-menu-color-icon-default: var(--ids-color-gray-40);
1445
- --ids-search-field-app-menu-color-icon-hover: var(--ids-color-gray-90);
1516
+ --ids-search-field-app-menu-color-icon-default: var(--ids-color-neutral-40);
1517
+ --ids-search-field-app-menu-color-icon-hover: var(--ids-color-neutral-90);
1446
1518
  --ids-search-field-header-color-background: var(--ids-color-text-on-primary);
1447
1519
  --ids-search-field-header-color-text: var(--ids-color-text-default);
1448
- --ids-search-field-header-color-icon-default: var(--ids-color-gray-80);
1520
+ --ids-search-field-header-color-icon-default: var(--ids-color-neutral-80);
1449
1521
  --ids-search-field-header-color-icon-hover: var(--ids-button-tertiary-color-background-hover);
1450
1522
  --ids-search-field-card-color-text: var(--ids-color-text-default);
1451
- --ids-search-field-card-color-background: var(--ids-color-gray-10);
1452
- --ids-separator-color-background: var(--ids-color-accent-gray-default);
1453
- --ids-separator-height: 24px;
1523
+ --ids-search-field-card-color-background: var(--ids-color-neutral-10);
1524
+ --ids-segmented-control-box-shadow: 0px 1px 10px 0px rgab(0 0 0 / 10%);
1525
+ --ids-segmented-control-text-color: var(--ids-color-foreground-dark-default);
1526
+ --ids-segmented-control-background-hover: var(--ids-color-background-elevated);
1527
+ --ids-segmented-control-background-selected: var(--ids-color-background-elevated);
1528
+ --ids-separator-color-background: var(--ids-color-accent-neutral-default);
1529
+ --ids-separator-height: var(--ids-space-md);
1454
1530
  --ids-separator-width: 1px;
1455
- --ids-separator-margin: 4px;
1456
- --ids-separator-alternate-color-background: var(--ids-color-accent-gray-weaker);
1531
+ --ids-separator-margin: var(--ids-space-2xs);
1532
+ --ids-separator-alternate-color-background: var(--ids-color-accent-neutral-weaker);
1457
1533
  --ids-separator-alternate-margin: var(--ids-space-xs);
1458
1534
  --ids-skip-link-color-background: var(--ids-popup-color-background);
1459
1535
  --ids-skip-link-border-color: var(--ids-popup-color-border);
1460
1536
  --ids-skip-link-margin: var(--ids-space-sm);
1461
- --ids-skip-link-font-size: var(--ids-font-size-40);
1462
- --ids-skip-link-border-radius: 0 0 var(--ids-border-radius-xxs) var(--ids-border-radius-xxs);
1537
+ --ids-skip-link-font-size: var(--ids-font-size-sm);
1538
+ --ids-skip-link-border-radius: 0 0 var(--ids-border-radius-2xs) var(--ids-border-radius-2xs);
1463
1539
  --ids-skip-link-shadow: 0 0 4px 1px rgba(0 0 0 / 0.3);
1464
1540
  --ids-spinbox-color-background-default: var(--ids-trigger-field-color-background-default);
1465
1541
  --ids-spinbox-color-background-readonly: var(--ids-trigger-field-color-background-readonly);
1466
1542
  --ids-spinbox-color-text-readonly: var(--ids-trigger-field-color-text-readonly);
1467
- --ids-spinbox-color-border-focus: var(--ids-trigger-field-color-border-focus)
1543
+ --ids-spinbox-color-border-focus: var(--ids-trigger-field-color-border-focus);
1468
1544
  --ids-spinbox-shadow-focus: var(--ids-trigger-field-shadow-focus);
1469
1545
  --ids-spinbox-color-text-disabled: var(--ids-trigger-field-color-text-disabled);
1470
1546
  --ids-spinbox-color-border-disabled: var(--ids-trigger-field-color-border-disabled);
@@ -1475,76 +1551,77 @@
1475
1551
  --ids-slider-thumb-shadow-hover: 0 2px 5px rgba(0 0 0 / 0.4);
1476
1552
  --ids-slider-thumb-color-shadow-default: rgba(0 114 237 / 0.1);
1477
1553
  --ids-slider-thumb-color-border-default: var(--ids-color-primary);
1478
- --ids-slider-track-color-background-default: var(--ids-color-gray-40);
1554
+ --ids-slider-track-color-background-default: var(--ids-color-accent-neutral-weak);
1479
1555
  --ids-slider-track-color-background-progress: var(--ids-color-primary);
1480
- --ids-slider-tooltip-color-background: var(--ids-color-gray-80);
1481
- --ids-slider-tooltip-color-text: var(--ids-color-white-100);
1482
- --ids-slider-color-disabled: var(--ids-color-gray-30);
1483
- --ids-slider-tick-color-background-disabled: var(--ids-color-gray-30);
1484
- --ids-slider-thumb-color-background-disabled: var(--ids-color-gray-30);
1485
- --ids-slider-track-color-background-disabled: var(--ids-color-gray-20);
1486
- --ids-slider-track-color-background-progress-disabled: var(--ids-color-gray-30);
1487
- --ids-slider-color-readonly: var(--ids-color-gray-30);
1488
- --ids-slider-tick-color-background-readonly: var(--ids-color-gray-50);
1489
- --ids-slider-thumb-color-background-readonly: var(--ids-color-gray-50);
1556
+ --ids-slider-tooltip-color-background: var(--ids-color-accent-neutral-stronger);
1557
+ --ids-slider-tooltip-color-text: var(--ids-color-foreground-light-default);
1558
+ --ids-slider-tooltip-padding: 1px 4px;
1559
+ --ids-slider-color-disabled: var(--ids-color-neutral-30);
1560
+ --ids-slider-tick-color-background-disabled: var(--ids-color-neutral-30);
1561
+ --ids-slider-thumb-color-background-disabled: var(--ids-color-neutral-30);
1562
+ --ids-slider-track-color-background-disabled: var(--ids-color-accent-neutral-weaker);
1563
+ --ids-slider-track-color-background-progress-disabled: var(--ids-color-neutral-30);
1564
+ --ids-slider-color-readonly: var(--ids-color-neutral-30);
1565
+ --ids-slider-tick-color-background-readonly: var(--ids-color-accent-neutral-default);
1566
+ --ids-slider-thumb-color-background-readonly: var(--ids-color-accent-neutral-default);
1490
1567
  --ids-slider-thumb-color-shadow-readonly: rgba(119 119 124 / 0.1);
1491
- --ids-slider-thumb-color-border-readonly: var(--ids-color-gray-50);
1492
- --ids-slider-track-color-background-readonly: var(--ids-color-gray-40);
1493
- --ids-slider-track-progress-color-background-readonly: var(--ids-color-gray-50);
1494
- --ids-splitter-bar-color-border: var(--ids-color-accent-gray-weak);
1495
- --ids-splitter-bar-color-border-hover: var(--ids-color-accent-gray-weak);
1568
+ --ids-slider-thumb-color-border-readonly: var(--ids-color-accent-neutral-default);
1569
+ --ids-slider-track-color-background-readonly: var(--ids-color-accent-neutral-weak);
1570
+ --ids-slider-track-progress-color-background-readonly: var(--ids-color-accent-neutral-default);
1571
+ --ids-splitter-bar-color-border: var(--ids-color-accent-neutral-weak);
1572
+ --ids-splitter-bar-color-border-hover: var(--ids-color-accent-neutral-weak);
1496
1573
  --ids-splitter-bar-color-border-dragging: var(--ids-color-action-weaker);
1497
- --ids-splitter-bar-buffer-width: 8px;
1574
+ --ids-splitter-bar-buffer-width: var(--ids-space-xs);
1498
1575
  --ids-splitter-bar-width: 1px;
1499
1576
  --ids-splitter-handle-border-radius: var(--ids-border-radius-xs);
1500
- --ids-splitter-handle-height: 32px;
1577
+ --ids-splitter-handle-height: var(--ids-space-lg);
1501
1578
  --ids-splitter-handle-width: 6px;
1502
1579
  --ids-splitter-handle-color-background-hover: var(--ids-color-action-default);
1503
1580
  --ids-stats-height: 136px;
1504
1581
  --ids-stats-width: 155px;
1505
1582
  --ids-stats-width-double: 323px;
1506
- --ids-stats-padding-inline: var(--ids-space-sm) 12px;
1507
- --ids-stats-padding-block: 8px;
1583
+ --ids-stats-padding-inline: var(--ids-space-xs) 12px;
1584
+ --ids-stats-padding-block: var(--ids-space-xs);
1508
1585
  --ids-stats-positive-color-text: var(--ids-color-success-default);
1509
1586
  --ids-stats-negative-color-text: var(--ids-color-error-default);
1510
1587
  --ids-stats-color-text-default: var(--ids-color-foreground-default-default);
1511
1588
  --ids-stats-color-text-secondary: var(--ids-color-foreground-default-secondary);
1512
1589
  --ids-stats-color-text-tertiary: var(--ids-color-foreground-default-tertiary);
1513
- --ids-stats-trend-label-font-size: var(--ids-font-size-30);
1590
+ --ids-stats-trend-label-font-size: var(--ids-font-size-xs);
1514
1591
  --ids-step-chart-margin: var(--ids-space-sm);
1515
- --ids-step-chart-inner-margin: var(--ids-space-xxs);
1592
+ --ids-step-chart-inner-margin: var(--ids-space-2xs);
1516
1593
  --ids-step-chart-height: 14px;
1517
- --ids-step-chart-color-background-default: var(--ids-color-gray-20);
1594
+ --ids-step-chart-color-background-default: var(--ids-color-neutral-20);
1518
1595
  --ids-step-chart-color-background-complete: var(--ids-color-primary);
1519
1596
  --ids-step-chart-color-background-progress: var(--ids-color-red-20);
1520
1597
  --ids-step-chart-step-disabled-color: var(--ids-color-text-disabled);
1521
1598
  --ids-swappable-border: 1px dashed transparent;
1522
- --ids-swappable-color-border-active: var(--ids-color-gray-80);
1599
+ --ids-swappable-color-border-active: var(--ids-color-accent-neutral-stronger);
1523
1600
  --ids-swappable-item-border-default: 1px dashed transparent;
1524
- --ids-swappable-item-font-family: var(--ids-font-family-default);
1601
+ --ids-swappable-item-font-family: var(--ids-font-family-default), var(--ids-font-family-system-sans);
1525
1602
  --ids-swappable-item-cursor-default: var(--ids-cursor-pointer);
1526
1603
  --ids-swappable-item-padding-inline: 2px;
1527
1604
  --ids-swappable-item-padding-block: 8px;
1528
- --ids-swappable-item-color-background-hover: var(--ids-color-blue-10);
1529
- --ids-swappable-item-font-size-hover: var(--ids-font-size-60);
1530
- --ids-swappable-item-border-focus: 1px solid var(--ids-color-blue-40);
1605
+ --ids-swappable-item-color-background-hover: var(--ids-color-accent-blue-weakest);
1606
+ --ids-swappable-item-font-size-hover: var(--ids-font-size-lg);
1607
+ --ids-swappable-item-border-focus: 1px solid var(--ids-color-accent-blue-weak);
1531
1608
  --ids-swappable-item-shadow-focus: 0 0 4px 1px rgb(54 138 192 / 0.3);
1532
1609
  --ids-swappable-item-outline-focus: none;
1533
- --ids-swappable-item-opacity-dragging: 0.4;
1610
+ --ids-swappable-item-opacity-dragging: var(--ids-opacity-disabled);
1534
1611
  --ids-swappable-item-cursor-selected: var(--ids-cursor-move);
1535
1612
  --ids-swappable-item-color-background-selected: var(--ids-color-accent-blue-weakest);
1536
- --ids-swappable-item-color-border-selected: var(--ids-color-primary);
1613
+ --ids-swappable-item-color-border-selected: var(--ids-color-action-default);
1537
1614
  --ids-swappable-item-color-text-selected: var(--ids-color-foreground-default-default);
1538
- --ids-swappable-item-over-border: 1px dashed var(--ids-color-gray-80);
1615
+ --ids-swappable-item-over-border: 1px dashed var(--ids-color-accent-neutral-stronger);
1539
1616
  --ids-swaplist-border-radius: var(--ids-card-border-radius);
1540
1617
  --ids-swaplist-shadow: var(--ids-card-shadow);
1541
1618
  --ids-swaplist-card-margin-block-end: var(--ids-space-none);
1542
1619
  --ids-swaplist-border: 1px solid var(--ids-card-color-border);
1543
1620
  --ids-swaplist-card-content-height-min: var(--ids-card-content-height);
1544
1621
  --ids-swaplist-card-border-radius: var(--ids-border-radius-none);
1545
- --ids-swaplist-inline-start-border-width: 0;
1622
+ --ids-swaplist-inline-start-border-width: var(--ids-border-width-none);
1546
1623
  --ids-swaplist-card-shadow: none;
1547
- --ids-swaplist-first-child-inline-start-border-width: 1px;
1624
+ --ids-swaplist-first-child-inline-start-border-width: var(--ids-border-width-sm);
1548
1625
  --ids-swaplist-button-color-background-hover: var(--ids-button-tertiary-color-background-hover);
1549
1626
  --ids-swaplist-toolbar-button-padding: var(--ids-space-none);
1550
1627
  --ids-swaplist-button-height: 36px;
@@ -1554,88 +1631,88 @@
1554
1631
  --ids-swaplist-item-margin-block-end: 1px;
1555
1632
  --ids-swaplist-item-line-height: 23px;
1556
1633
  --ids-swaplist-item-over-border: 1px dashed var(--ids-color-text-label);
1557
- --ids-swaplist-search-color-background-default: var(--ids-color-gray-10);
1558
- --ids-swaplist-search-color-border-default: var(--ids-color-gray-10);
1559
- --ids-swaplist-search-color-text-default: var(--ids-color-gray-90);
1560
- --ids-swaplist-search-color-text-placeholder: var(--ids-color-gray-60);
1561
- --ids-swaplist-search-color-border-hover: var(--ids-color-gray-80);
1562
- --ids-swaplist-search-color-border-focus: var(--ids-color-gray-80);
1634
+ --ids-swaplist-search-color-background-default: var(--ids-color-accent-neutral-weakest);
1635
+ --ids-swaplist-search-color-border-default: var(--ids-color-accent-neutral-weakest);
1636
+ --ids-swaplist-search-color-text-default: var(--ids-color-neutral-90);
1637
+ --ids-swaplist-search-color-text-placeholder: var(--ids-color-accent-neutral-strong);
1638
+ --ids-swaplist-search-color-border-hover: var(--ids-color-accent-neutral-stronger);
1639
+ --ids-swaplist-search-color-border-focus: var(--ids-color-accent-neutral-stronger);
1563
1640
  --ids-swaplist-search-color-border-shadow: 0 0 3px 2px rgba(54 138 192 / 0.1);
1564
- --ids-swipe-action-color-background-left-active: var(--ids-color-gray-40);
1565
- --ids-swipe-action-color-text-left-active: var(--ids-color-gray-70);
1566
- --ids-swipe-action-color-background-left: var(--ids-color-gray-30);
1567
- --ids-swipe-action-color-background-left-hover: var(--ids-color-gray-40);
1568
- --ids-swipe-action-color-text-left-hover: var(--ids-color-gray-70);
1569
- --ids-swipe-action-color-text-left: var(--ids-color-gray-60);
1641
+ --ids-swipe-action-color-background-left-active: var(--ids-color-neutral-40);
1642
+ --ids-swipe-action-color-text-left-active: var(--ids-color-neutral-70);
1643
+ --ids-swipe-action-color-background-left: var(--ids-color-neutral-30);
1644
+ --ids-swipe-action-color-background-left-hover: var(--ids-color-neutral-40);
1645
+ --ids-swipe-action-color-text-left-hover: var(--ids-color-neutral-70);
1646
+ --ids-swipe-action-color-text-left: var(--ids-color-neutral-60);
1570
1647
  --ids-swipe-action-color-background-right-active: var(--ids-color-blue-70);
1571
1648
  --ids-swipe-action-color-text-right-active: var(--ids-color-white-100);
1572
1649
  --ids-swipe-action-color-background-right: var(--ids-color-blue-60);
1573
1650
  --ids-swipe-action-color-background-right-hover: var(--ids-color-blue-70);
1574
1651
  --ids-swipe-action-color-text-right-hover: var(--ids-color-white-100);
1575
1652
  --ids-swipe-action-color-text-right: var(--ids-color-white-100);
1576
- --ids-switch-disabled-opacity: 0.4;
1653
+ --ids-switch-disabled-opacity: var(--ids-opacity-disabled);
1577
1654
  --ids-switch-label-color-text-default: var(--ids-color-text-label);
1578
1655
  --ids-switch-shadow-focus: 0 0 3px 1px var(--ids-color-action-default);
1579
- --ids-switch-pole-color-background-default: var(--ids-color-accent-gray-weaker);
1656
+ --ids-switch-pole-color-background-default: var(--ids-color-accent-neutral-weaker);
1580
1657
  --ids-switch-pole-color-background-selected: var(--ids-color-action-weaker);
1581
- --ids-switch-pole-color-border-default: var(--ids-color-accent-gray-weak);
1658
+ --ids-switch-pole-color-border-default: var(--ids-color-accent-neutral-weak);
1582
1659
  --ids-switch-toggle-color-background-default: var(--ids-color-foreground-light-default);
1583
- --ids-switch-toggle-color-background-hover: var(--ids-color-accent-gray-weak);
1660
+ --ids-switch-toggle-color-background-hover: var(--ids-color-accent-neutral-weak);
1584
1661
  --ids-switch-toggle-color-border-default: var(--ids-color-border-default);
1585
1662
  --ids-tab-content-color-text: var(--ids-color-text-default);
1586
1663
  --ids-tab-color-text-default: var(--ids-color-foreground-default-default);
1587
- --ids-tab-divider-color-background: var(--ids-color-accent-gray-default);
1588
- --ids-tab-color-background-hover: var(--ids-color-accent-gray-weaker);
1589
- --ids-tab-color-text-hover: var(--ids-color-accent-gray-strongest);
1664
+ --ids-tab-divider-color-background: var(--ids-color-accent-neutral-default);
1665
+ --ids-tab-color-background-hover: var(--ids-color-accent-neutral-weaker);
1666
+ --ids-tab-color-text-hover: var(--ids-color-accent-neutral-strongest);
1590
1667
  --ids-tab-color-border-focus: var(--ids-color-action-default);
1591
1668
  --ids-tab-shadow-focus: var(--ids-shadow-30);
1592
1669
  --ids-tab-color-text-disabled: var(--ids-color-foreground-default-disabled);
1593
1670
  --ids-tab-color-text-selected: var(--ids-color-action-default);
1594
- --ids-tab-dismiss-button-size: 24px;
1595
- --ids-tab-dismiss-button-offset: 4px;
1671
+ --ids-tab-dismiss-button-size: var(--ids-space-md);
1672
+ --ids-tab-dismiss-button-offset: var(--ids-space-2xs);
1596
1673
  --ids-tab-header-color-text-default: var(--ids-color-foreground-default-default);
1597
1674
  --ids-tab-header-color-text-disabled: var(--ids-color-foreground-default-disabled);
1598
- --ids-tab-header-color-text-hover: var(--ids-color-accent-gray-strongest);
1675
+ --ids-tab-header-color-text-hover: var(--ids-color-accent-neutral-strongest);
1599
1676
  --ids-tab-header-color-text-selected: var(--ids-color-action-default);
1600
- --ids-tab-header-color-background-hover: var(--ids-color-accent-gray-weaker);
1677
+ --ids-tab-header-color-background-hover: var(--ids-color-accent-neutral-weaker);
1601
1678
  --ids-tab-header-color-border-focus: var(--ids-color-action-default);
1602
- --ids-tab-vertical-color-background-default: var(--ids-color-accent-gray-weakest);
1679
+ --ids-tab-vertical-color-background-default: var(--ids-color-accent-neutral-weakest);
1603
1680
  --ids-tab-vertical-color-border-default: var(--ids-color-border-weaker);
1604
1681
  --ids-tab-vertical-color-text-default: var(--ids-color-foreground-default-default);
1605
- --ids-tab-vertical-color-background-hover: var(--ids-color-accent-gray-weaker);
1682
+ --ids-tab-vertical-color-background-hover: var(--ids-color-accent-neutral-weaker);
1606
1683
  --ids-tab-vertical-color-text-hover: var(--ids-color-foreground-default-default);
1607
1684
  --ids-tab-vertical-color-background-selected: var(--ids-color-background-default);
1608
1685
  --ids-tab-vertical-color-border-selected: var(--ids-color-border-weaker);
1609
1686
  --ids-tab-vertical-color-text-selected: var(--ids-color-theme-strong);
1610
- --ids-tab-vertical-color-background-disabled: var(--ids-color-accent-gray-weakest);
1687
+ --ids-tab-vertical-color-background-disabled: var(--ids-color-accent-neutral-weakest);
1611
1688
  --ids-tab-vertical-color-text-disabled: var(--ids-color-foreground-default-disabled);
1612
1689
  --ids-tab-alternate-color-text-default: rgba(255 255 255 / 0.7);
1613
- --ids-tab-alternate-color-background-hover: transparent;
1690
+ --ids-tab-alternate-color-background-hover: var(--ids-color-transparent);
1614
1691
  --ids-tab-alternate-color-text-hover: var(--ids-color-white-100);
1615
1692
  --ids-tab-alternate-color-border-focus: var(--ids-color-white-100);
1616
1693
  --ids-tab-alternate-color-text-selected: var(--ids-color-white-100);
1617
1694
  --ids-tab-alternate-color-text-disabled: rgba(255 255 255 / 0.3);
1618
1695
  --ids-tab-alternate-horizontal-color-background: var(--ids-color-white-100);
1619
- --ids-tab-module-color-background-default: var(--ids-color-accent-gray-weakest);
1696
+ --ids-tab-module-color-background-default: var(--ids-color-accent-neutral-weakest);
1620
1697
  --ids-tab-module-color-border-right: var(--ids-color-border-weaker);
1621
1698
  --ids-tab-module-color-text-default: var(--ids-color-foreground-default-default);
1622
- --ids-tab-module-color-background-hover: var(--ids-color-accent-gray-weaker);
1699
+ --ids-tab-module-color-background-hover: var(--ids-color-accent-neutral-weaker);
1623
1700
  --ids-tab-module-color-text-hover: var(--ids-color-foreground-default-default);
1624
1701
  --ids-tab-module-color-background-selected: var(--ids-color-background-default);
1625
1702
  --ids-tab-module-color-text-selected: var(--ids-color-action-default);
1626
- --ids-tab-module-color-background-disabled: var(--ids-color-accent-gray-weakest);
1703
+ --ids-tab-module-color-background-disabled: var(--ids-color-accent-neutral-weakest);
1627
1704
  --ids-tab-module-color-text-disabled: var(--ids-color-foreground-default-disabled);
1628
1705
  --ids-tag-height: 26px;
1629
- --ids-tag-color-background-default: var(--ids-color-accent-gray-weaker);
1630
- --ids-tag-color-border: var(--ids-color-accent-gray-weaker);
1706
+ --ids-tag-color-background-default: var(--ids-color-accent-neutral-weaker);
1707
+ --ids-tag-color-border: var(--ids-color-accent-neutral-weaker);
1631
1708
  --ids-tag-border-radius: var(--ids-border-radius-circle);
1632
1709
  --ids-tag-color-text-default: var(--ids-color-foreground-default-default);
1633
- --ids-tag-font-size-default: var(--ids-font-size-30);
1634
- --ids-tag-color-icon-hover: var(--ids-color-accent-gray-strongest);
1710
+ --ids-tag-font-size-default: var(--ids-font-size-xs);
1711
+ --ids-tag-color-icon-hover: var(--ids-color-accent-neutral-strongest);
1635
1712
  --ids-tag-secondary-color-background: var(--ids-input-color-background-default);
1636
1713
  --ids-tag-secondary-color-border: var(--ids-color-border-weak);
1637
1714
  --ids-tag-color-text-disabled: var(--ids-color-foreground-default-default);
1638
- --ids-tag-disabled-opacity: 0.4;
1715
+ --ids-tag-disabled-opacity: var(--ids-opacity-disabled);
1639
1716
  --ids-tag-secondary-color-text-disabled: var(--ids-color-foreground-default-default);
1640
1717
  --ids-tag-color-background-error: var(--ids-color-error-default);
1641
1718
  --ids-tag-color-border-error: var(--ids-color-error-default);
@@ -1658,16 +1735,17 @@
1658
1735
  --ids-tag-color-background-teal: var(--ids-color-accent-teal-strong);
1659
1736
  --ids-tag-color-border-teal: var(--ids-color-accent-teal-strong);
1660
1737
  --ids-tag-color-text-teal: var(--ids-color-foreground-light-default);
1738
+ --ids-tag-clickable-color-background-hover: var(--ids-color-accent-neutral-weak);
1661
1739
  --ids-tag-list-margin: 20px;
1662
- --ids-tag-list-inner-margin: 0 4px 4px 0;
1663
- --ids-text-icon-margin: 0 2px;
1664
- --ids-text-alert-margin: 0 4px;
1740
+ --ids-tag-list-inner-margin: 0 var(--ids-space-2xs) var(--ids-space-2xs) 0;
1741
+ --ids-text-icon-margin: 0 var(--ids-space-3xs);
1742
+ --ids-text-alert-margin: 0 var(--ids-space-2xs);
1665
1743
  --ids-textarea-color-background-default: var(--ids-color-background-default);
1666
1744
  --ids-textarea-color-border-default: var(--ids-color-border-default);
1667
1745
  --ids-textarea-color-background-disabled: var(--ids-color-background-default);
1668
1746
  --ids-textarea-color-border-disabled: var(--ids-color-border-default);
1669
1747
  --ids-textarea-color-text-disabled: var(--ids-color-foreground-default-default);
1670
- --ids-textarea-disabled-opacity: 0.4;
1748
+ --ids-textarea-disabled-opacity: var(--ids-opacity-disabled);
1671
1749
  --ids-textarea-color-border-error-default: var(--ids-color-error-default);
1672
1750
  --ids-textarea-color-border-error-disabled: var(--ids-color-error-default);
1673
1751
  --ids-textarea-color-text-error-disabled: var(--ids-color-foreground-default-default);
@@ -1684,7 +1762,7 @@
1684
1762
  --ids-textarea-color-text-info-default: var(--ids-color-info-strong);
1685
1763
  --ids-textarea-label-color-text-disabled: var(--ids-color-foreground-default-default);
1686
1764
  --ids-textarea-label-color-text-default: var(--ids-color-foreground-default-default);
1687
- --ids-textarea-color-background-readonly: var(--ids-color-accent-gray-weaker);
1765
+ --ids-textarea-color-background-readonly: var(--ids-color-accent-neutral-weaker);
1688
1766
  --ids-textarea-color-border-readonly: var(--ids-color-border-weak);
1689
1767
  --ids-textarea-color-text-readonly: var(--ids-color-foreground-default-default);
1690
1768
  --ids-textarea-warning-color-border-default: var(--ids-color-warning-strong);
@@ -1704,22 +1782,22 @@
1704
1782
  --ids-time-picker-button-color-background-expanded: var(--ids-color-primary);
1705
1783
  --ids-time-picker-input-color-border-expanded: var(--ids-color-primary);
1706
1784
  --ids-time-picker-popup-color-background: var(--ids-color-white-100);
1707
- --ids-time-picker-popup-button-color-border: var(--ids-color-gray-30);
1785
+ --ids-time-picker-popup-button-color-border: var(--ids-color-neutral-30);
1708
1786
  --ids-time-picker-popup-button-color-text-hover: var(--ids-color-blue-70);
1709
1787
  --ids-time-picker-popup-button-color-text-default: var(--ids-color-blue-60);
1710
- --ids-time-picker-popup-colons-color-text: var(--ids-color-gray-50);
1788
+ --ids-time-picker-popup-colons-color-text: var(--ids-color-neutral-50);
1711
1789
  --ids-toast-color-background: var(--ids-color-background-elevated);
1712
1790
  --ids-toast-color-border: var(--ids-color-border-weak);
1713
1791
  --ids-toast-color-text: var(--ids-color-foreground-default-default);
1714
1792
  --ids-toast-color-text-secondary: var(--ids-color-foreground-default-secondary);
1715
1793
  --ids-toast-progress-color-background: var(--ids-color-theme-strong);
1716
- --ids-toolbar-formatter-color-background: var(--ids-color-gray-10);
1717
- --ids-toolbar-formatter-color-border-bottom: var(--ids-color-gray-30);
1794
+ --ids-toolbar-formatter-color-background: var(--ids-color-accent-neutral-weakest);
1795
+ --ids-toolbar-formatter-color-border-bottom: var(--ids-color-border-weaker);
1718
1796
  --ids-tooltip-color-background: var(--ids-color-background-dark);
1719
1797
  --ids-tooltip-padding: var(--ids-space-xs) var(--ids-space-sm);
1720
- --ids-tooltip-border-radius: var(--ids-border-radius-xxs);
1798
+ --ids-tooltip-border-radius: var(--ids-border-radius-2xs);
1721
1799
  --ids-tooltip-color-text: var(--ids-color-foreground-light-default);
1722
- --ids-tooltip-font-size: var(--ids-font-size-40);
1800
+ --ids-tooltip-font-size: var(--ids-font-size-sm);
1723
1801
  --ids-tooltip-shadow: var(--ids-popup-shadow);
1724
1802
  --ids-tooltip-error-color-background-error: var(--ids-color-error-default);
1725
1803
  --ids-tooltip-info-color-background-info: var(--ids-color-info-default);
@@ -1727,61 +1805,62 @@
1727
1805
  --ids-tooltip-color-background-success: var(--ids-color-success-default);
1728
1806
  --ids-tooltip-color-background-inverse: var(--ids-color-background-elevated);
1729
1807
  --ids-tooltip-color-text-inverse: var(--ids-color-foreground-default-default);
1730
- --ids-tree-node-color-text-disabled: var(--ids-color-gray-40);
1808
+ --ids-tree-node-color-text-disabled: var(--ids-color-neutral-40);
1731
1809
  --ids-tree-node-color-border-focus: var(--ids-color-primary);
1732
1810
  --ids-tree-node-shadow-focus: var(--ids-shadow-30);
1733
- --ids-tree-node-color-border-hover: transparent;
1734
- --ids-tree-node-color-text-hover: var(--ids-color-gray-100);
1735
- --ids-tree-node-color-background-selected: var(--ids-color-gray-20);
1736
- --ids-tree-node-color-text-selected: var(--ids-color-gray-100);
1737
- --ids-tree-node-color-text-default: var(--ids-color-gray-60);
1811
+ --ids-tree-node-color-border-hover: var(--ids-color-transparent);
1812
+ --ids-tree-node-color-text-hover: var(--ids-color-neutral-100);
1813
+ --ids-tree-node-color-background-selected: var(--ids-color-neutral-20);
1814
+ --ids-tree-node-color-text-selected: var(--ids-color-neutral-100);
1815
+ --ids-tree-node-color-text-default: var(--ids-color-neutral-60);
1738
1816
  --ids-tree-treemap-color-border: var(--ids-color-white-100);
1739
- --ids-tree-treemap-title-color-background: var(--ids-color-gray-60);
1817
+ --ids-tree-treemap-title-color-background: var(--ids-color-neutral-60);
1740
1818
  --ids-tree-treemap-title-color-text: var(--ids-color-white-100);
1741
1819
  --ids-trigger-field-button-border-radius: var(--ids-border-radius-sm);
1742
1820
  --ids-trigger-field-button-border-radius-inline: 0;
1743
1821
  --ids-trigger-field-button-margin: -2px;
1744
1822
  --ids-trigger-field-button-margin-start: 2px;
1823
+ --ids-trigger-field-button-inset-inline-start: -3px;
1745
1824
  --ids-trigger-field-color-background-default: var(--ids-input-color-background-default);
1746
1825
  --ids-trigger-field-color-background-readonly: var(--ids-input-color-background-readonly);
1747
1826
  --ids-trigger-field-color-border-readonly: var(--ids-input-color-border-readonly);
1748
1827
  --ids-trigger-field-color-text-readonly: var(--ids-input-color-text-readonly);
1749
- --ids-trigger-field-color-border-focus: var(--ids-input-color-border-focus)
1828
+ --ids-trigger-field-color-border-focus: var(--ids-input-color-border-focus);
1750
1829
  --ids-trigger-field-shadow-focus: var(--ids-input-shadow-info-focus);
1751
1830
  --ids-trigger-field-color-text-disabled: var(--ids-color-foreground-default-default);
1752
1831
  --ids-trigger-field-color-border-disabled: var(--ids-input-color-border-disabled);
1753
- --ids-trigger-field-icon-color: var(--ids-color-gray-60);
1754
- --ids-upload-font-size: var(--ids-font-size-60);
1755
- --ids-upload-advanced-color-background-default: var(--ids-color-gray-10);
1756
- --ids-upload-advanced-color-border-default: var(--ids-color-gray-50);
1757
- --ids-upload-advanced-color-background-disabled: var(--ids-color-gray-10);
1758
- --ids-upload-advanced-color-border-disabled: var(--ids-color-gray-30);
1759
- --ids-upload-advanced-color-background-drag-enter: var(--ids-color-blue-10);
1832
+ --ids-trigger-field-icon-color: var(--ids-color-neutral-60);
1833
+ --ids-upload-font-size: var(--ids-font-size-lg);
1834
+ --ids-upload-advanced-color-background-default: var(--ids-color-accent-neutral-weakest);
1835
+ --ids-upload-advanced-color-border-default: var(--ids-color-border-default);
1836
+ --ids-upload-advanced-color-background-disabled: var(--ids-color-accent-neutral-weakest);
1837
+ --ids-upload-advanced-color-border-disabled: var(--ids-color-border-weak);
1838
+ --ids-upload-advanced-color-background-drag-enter: var(--ids-color-action-weakest);
1760
1839
  --ids-upload-advanced-color-border-drag-enter: var(--ids-color-primary);
1761
1840
  --ids-upload-advanced-error-area-color-border-error: var(--ids-color-error-default);
1762
- --ids-upload-advanced-area-color-border-error-disabled: var(--ids-color-red-30);
1763
- --ids-upload-advanced-color-text-error-disabled: var(--ids-color-red-30);
1764
- --ids-upload-advanced-color-background-hover: var(--ids-color-gray-20);
1765
- --ids-upload-advanced-color-border-hover: var(--ids-color-gray-60);
1841
+ --ids-upload-advanced-area-color-border-error-disabled: var(--ids-color-accent-red-weak);
1842
+ --ids-upload-advanced-color-text-error-disabled: var(--ids-color-accent-red-weak);
1843
+ --ids-upload-advanced-color-background-hover: var(--ids-color-accent-neutral-weaker);
1844
+ --ids-upload-advanced-color-border-hover: var(--ids-color-border-strong);
1766
1845
  --ids-upload-advanced-color-text-hover: var(--ids-color-text-default);
1767
1846
  --ids-upload-advanced-color-border-focus: var(--ids-color-primary);
1768
1847
  --ids-upload-advanced-link-shadow-focus: var(--ids-shadow-30);
1769
1848
  --ids-upload-advanced-label-color-text: var(--ids-color-text-default);
1770
- --ids-upload-advanced-color-text-default: var(--ids-color-gray-50);
1771
- --ids-upload-advanced-file-color-border-default: var(--ids-color-gray-50);
1772
- --ids-upload-advanced-color-border-complete-default: var(--ids-color-green-80);
1773
- --ids-upload-advanced-file-color-text-complete: var(--ids-color-green-80);
1774
- --ids-upload-advanced-file-color-border-disabled: var(--ids-color-gray-30);
1849
+ --ids-upload-advanced-color-text-default: var(--ids-color-accent-neutral-default);
1850
+ --ids-upload-advanced-file-color-border-default: var(--ids-color-accent-neutral-default);
1851
+ --ids-upload-advanced-color-border-complete-default: var(--ids-color-accent-green-stronger);
1852
+ --ids-upload-advanced-file-color-text-complete: var(--ids-color-accent-green-stronger);
1853
+ --ids-upload-advanced-file-color-border-disabled: var(--ids-color-neutral-30);
1775
1854
  --ids-upload-advanced-color-border-complete-disabled: var(--ids-color-green-30);
1776
1855
  --ids-upload-advanced-color-text-complete-disabled: var(--ids-color-green-30);
1777
- --ids-upload-advanced-file-color-border-error-disabled: var(--ids-color-red-30);
1778
- --ids-upload-advanced-color-text-disabled: var(--ids-color-gray-30);
1856
+ --ids-upload-advanced-file-color-border-error-disabled: var(--ids-color-accent-red-weak);
1857
+ --ids-upload-advanced-color-text-disabled: var(--ids-color-foreground-default-disabled);
1779
1858
  --ids-upload-advanced-color-border-error-default: var(--ids-color-error-default);
1780
1859
  --ids-week-view-color-background: var(--ids-color-background-default);
1781
- --ids-week-view-color-border: var(--ids-color-gray-20);
1860
+ --ids-week-view-color-border: var(--ids-color-neutral-20);
1782
1861
  --ids-week-view-header-color-background: var(--ids-color-background-default);
1783
1862
  --ids-week-view-row-height: 25px;
1784
- --ids-week-view-row-odd-color-border: var(--ids-color-gray-10);
1863
+ --ids-week-view-row-odd-color-border: var(--ids-color-neutral-10);
1785
1864
  --ids-week-view-color-text: var(--ids-color-text-default);
1786
1865
  --ids-week-view-time-marker-color: var(--ids-color-primary);
1787
1866
  --ids-week-view-today-color: var(--ids-color-primary);
@@ -1794,20 +1873,20 @@
1794
1873
  --ids-widget-content-height: 312px;
1795
1874
  --ids-widget-search-height: 46px;
1796
1875
  --ids-widget-search-content-height: 266px;
1797
- --ids-widget-header-padding-inline: 8px;
1798
- --ids-widget-header-height: 48px;
1876
+ --ids-widget-header-padding-inline: var(--ids-space-sm);
1877
+ --ids-widget-header-height: var(--ids-space-2xl);
1799
1878
  --ids-widget-header-subtitle-height: 60px;
1800
1879
  --ids-widget-search-subtitle-content-height: 301px;
1801
1880
  --ids-widget-divider-color-border: var(--ids-card-divider-color-border);
1802
- --ids-widget-header-title-color: var(--ids-color-gray-100);
1803
- --ids-widget-color-border-hover: var(--ids-color-gray-30);
1881
+ --ids-widget-header-title-color: var(--ids-color-accent-neutral-strongest);
1882
+ --ids-widget-color-border-hover: var(--ids-color-neutral-30);
1804
1883
  --ids-widget-color-shadow-hover: 0 2px 4px 1px rgba(0 0 0 / 0.15);
1805
- --ids-widget-search-field-color-background: var(--ids-color-gray-10);
1806
- --ids-widget-search-field-border-radius: 4px;
1884
+ --ids-widget-search-field-color-background: var(--ids-color-accent-neutral-weakest);
1885
+ --ids-widget-search-field-border-radius: var(--ids-border-radius-xs);
1807
1886
  --ids-wizard-step-width: 14px;
1808
1887
  --ids-wizard-step-color-default: var(--ids-color-primary);
1809
- --ids-wizard-step-color-unvisited: var(--ids-color-gray-60);
1810
- --ids-wizard-step-inner-border-color-border: var(--ids-color-background-default);
1888
+ --ids-wizard-step-color-unvisited: var(--ids-color-accent-neutral-strong);
1889
+ --ids-wizard-step-inner-border-color-border: var(--ids-color-border-light);
1811
1890
  --ids-wizard-step-color-disabled: var(--ids-color-action-weaker);
1812
- --ids-wizard-step-color-disabled-unvisited: var(--ids-color-gray-30);
1891
+ --ids-wizard-step-color-disabled-unvisited: var(--ids-color-neutral-30);
1813
1892
  }