ids-enterprise-wc 1.0.0-beta.21 → 1.0.0-beta.23

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 (737) hide show
  1. package/README.md +1 -1
  2. package/chunks/ids-chunk-2HSRRRSM.js +1 -0
  3. package/chunks/{ids-chunk-XPNAUHAZ.js → ids-chunk-2MULYK6I.js} +13 -7
  4. package/chunks/{ids-chunk-7MW2WCAB.js → ids-chunk-2NCNY5M5.js} +4 -4
  5. package/chunks/{ids-chunk-XWHIZ2YK.js → ids-chunk-2QRNS4C7.js} +3 -3
  6. package/chunks/{ids-chunk-DYAJX7MB.js → ids-chunk-2RLZXT3J.js} +1 -1
  7. package/chunks/{ids-chunk-SB6HUCOX.js → ids-chunk-2S3ZI6FA.js} +94 -72
  8. package/chunks/{ids-chunk-AMFW7Z4S.js → ids-chunk-2URPHWTT.js} +1 -1
  9. package/chunks/{ids-chunk-FWT27MPW.js → ids-chunk-32UKAYK7.js} +1 -1
  10. package/chunks/{ids-chunk-GOUY6YB7.js → ids-chunk-3AZ6JINJ.js} +1 -1
  11. package/chunks/{ids-chunk-DK5QOJMP.js → ids-chunk-3DA43NO3.js} +1 -1
  12. package/chunks/{ids-chunk-IS5S5YJW.js → ids-chunk-3GCWXZZC.js} +105 -67
  13. package/chunks/{ids-chunk-MMQANAOV.js → ids-chunk-3KXDMBCJ.js} +1 -1
  14. package/chunks/{ids-chunk-5IYKG5C2.js → ids-chunk-3NBQWZHT.js} +2 -2
  15. package/chunks/{ids-chunk-WDQRIHCU.js → ids-chunk-3PTDQEHG.js} +4 -4
  16. package/chunks/{ids-chunk-KO2XOS2F.js → ids-chunk-476GNMVH.js} +1 -1
  17. package/chunks/{ids-chunk-2JIXNNEH.js → ids-chunk-4BEDWS63.js} +3 -3
  18. package/chunks/ids-chunk-4LWADRQU.js +98 -0
  19. package/chunks/{ids-chunk-4XIENNXU.js → ids-chunk-4QUB6YLU.js} +3 -31
  20. package/chunks/ids-chunk-4Y2NUXIE.js +158 -0
  21. package/chunks/{ids-chunk-HWZVKGYL.js → ids-chunk-5DV7ZZST.js} +1 -1
  22. package/chunks/{ids-chunk-OARUXFF5.js → ids-chunk-5N4VK32P.js} +7 -7
  23. package/chunks/{ids-chunk-CFQBUCLI.js → ids-chunk-5NCNE5U6.js} +3 -3
  24. package/chunks/{ids-chunk-AL65YRQY.js → ids-chunk-5QINOQU4.js} +1 -1
  25. package/chunks/ids-chunk-5VLVRLE4.js +1 -0
  26. package/chunks/{ids-chunk-VQWDASJX.js → ids-chunk-5XRZQ77Z.js} +10 -10
  27. package/chunks/{ids-chunk-MADONXB6.js → ids-chunk-5ZNNKIYY.js} +1 -1
  28. package/chunks/ids-chunk-657TMDPZ.js +120 -0
  29. package/chunks/{ids-chunk-MQXS5KXY.js → ids-chunk-6BQ4I4UU.js} +1 -1
  30. package/chunks/{ids-chunk-CTNRNVH5.js → ids-chunk-6CWZ6PHN.js} +1 -1
  31. package/chunks/{ids-chunk-5O5MWGIG.js → ids-chunk-6O6BBWLX.js} +1 -1
  32. package/chunks/{ids-chunk-AJCLE7YL.js → ids-chunk-77TTIIMZ.js} +1 -1
  33. package/chunks/{ids-chunk-WCVDZEPA.js → ids-chunk-7GOUFWOD.js} +1 -1
  34. package/chunks/{ids-chunk-SEA2TVLI.js → ids-chunk-7LUGLLH2.js} +10 -7
  35. package/chunks/ids-chunk-7M5VJQZ6.js +116 -0
  36. package/chunks/{ids-chunk-RSRS7PH4.js → ids-chunk-7QNKGA37.js} +8 -10
  37. package/chunks/ids-chunk-7SKEDFJK.js +86 -0
  38. package/chunks/{ids-chunk-GB6NC6SS.js → ids-chunk-A2JMCLEY.js} +1 -1
  39. package/chunks/{ids-chunk-ZI3JBHNZ.js → ids-chunk-A5VS3GHN.js} +1 -1
  40. package/chunks/{ids-chunk-LBAQXUMB.js → ids-chunk-AKU4SGIF.js} +1 -1
  41. package/chunks/{ids-chunk-7HEJXADM.js → ids-chunk-APUT2U6U.js} +1 -1
  42. package/chunks/{ids-chunk-TAE5PONX.js → ids-chunk-AV57ZGLI.js} +1 -1
  43. package/chunks/{ids-chunk-UVGYFE5P.js → ids-chunk-AXSD2DTJ.js} +1 -1
  44. package/chunks/{ids-chunk-7T33YKD5.js → ids-chunk-AYG3INLJ.js} +1 -1
  45. package/chunks/{ids-chunk-VK73B2PI.js → ids-chunk-AZ36ZIT7.js} +2 -3
  46. package/chunks/{ids-chunk-Q4CCJ5VN.js → ids-chunk-B5DWF7UN.js} +6 -6
  47. package/chunks/{ids-chunk-U4OKZFEY.js → ids-chunk-BGABZWZ4.js} +11 -5
  48. package/chunks/{ids-chunk-VAXHI6CX.js → ids-chunk-BHYNMM6Y.js} +3 -3
  49. package/chunks/ids-chunk-BICNXO5D.js +278 -0
  50. package/chunks/ids-chunk-BOX3APZR.js +164 -0
  51. package/chunks/{ids-chunk-M2SHGC2C.js → ids-chunk-BY6VPROG.js} +7 -3
  52. package/chunks/{ids-chunk-7ARKJASR.js → ids-chunk-BYVCSMHJ.js} +56 -46
  53. package/chunks/{ids-chunk-L25SV5P3.js → ids-chunk-C2Y4LVH7.js} +1 -1
  54. package/chunks/{ids-chunk-F7Y67MQA.js → ids-chunk-C32UHI3N.js} +1 -1
  55. package/chunks/{ids-chunk-C2SM6JA4.js → ids-chunk-C5HHJZ3E.js} +1 -1
  56. package/chunks/{ids-chunk-IKWXI3Z2.js → ids-chunk-CIV4C2EF.js} +500 -212
  57. package/chunks/{ids-chunk-F3SC3MK4.js → ids-chunk-CKZGFQ33.js} +2 -2
  58. package/chunks/{ids-chunk-PN4H67JD.js → ids-chunk-CN6XPUSC.js} +2 -2
  59. package/chunks/{ids-chunk-A47MRLC5.js → ids-chunk-CQEPXY4L.js} +3 -3
  60. package/chunks/{ids-chunk-JINLTQC6.js → ids-chunk-D32CTUF7.js} +6 -6
  61. package/chunks/{ids-chunk-RDZ6E53H.js → ids-chunk-D5LVWGTQ.js} +1 -1
  62. package/chunks/{ids-chunk-LMGRU4EI.js → ids-chunk-DHIJOJT6.js} +5 -5
  63. package/chunks/ids-chunk-DPK3JGNV.js +85 -0
  64. package/chunks/{ids-chunk-SCW56DYY.js → ids-chunk-DPN6SSCK.js} +4 -4
  65. package/chunks/ids-chunk-DTWN753M.js +164 -0
  66. package/chunks/{ids-chunk-S4HXHFKI.js → ids-chunk-DV4AZA72.js} +1 -1
  67. package/chunks/{ids-chunk-SXOVD45H.js → ids-chunk-DVG2XWA5.js} +1 -1
  68. package/chunks/{ids-chunk-2LX5XAVL.js → ids-chunk-DW26NZRE.js} +5 -5
  69. package/chunks/ids-chunk-DWQDPDVF.js +1 -0
  70. package/chunks/ids-chunk-EN22Q4VS.js +1 -0
  71. package/chunks/{ids-chunk-CXVBKI75.js → ids-chunk-EU4FBMTK.js} +42 -22
  72. package/chunks/{ids-chunk-UYLFU6GF.js → ids-chunk-EVHXH7AZ.js} +45 -2
  73. package/chunks/{ids-chunk-S57TB5AR.js → ids-chunk-EWM7CPQN.js} +2 -2
  74. package/chunks/ids-chunk-F5ISNQVX.js +1 -0
  75. package/chunks/{ids-chunk-K4L2TOHL.js → ids-chunk-F5WIOKSR.js} +1 -1
  76. package/chunks/{ids-chunk-44U2DUAE.js → ids-chunk-FA72QH64.js} +4 -1
  77. package/chunks/ids-chunk-FAEI3K2L.js +1 -0
  78. package/chunks/ids-chunk-FEKUOSFS.js +37 -0
  79. package/chunks/{ids-chunk-56DZ2AAZ.js → ids-chunk-FGGT5JRT.js} +1 -1
  80. package/chunks/{ids-chunk-X6Q3YWTK.js → ids-chunk-FL6GH4WA.js} +1 -1
  81. package/chunks/{ids-chunk-YE3KRKLC.js → ids-chunk-FOVEAT4H.js} +1 -1
  82. package/chunks/ids-chunk-FYBRW2O7.js +27 -0
  83. package/chunks/{ids-chunk-IAGEXLU7.js → ids-chunk-G4TCZWUC.js} +1 -1
  84. package/chunks/ids-chunk-G67IKKYW.js +13 -0
  85. package/chunks/{ids-chunk-GS4DZHJD.js → ids-chunk-G6RMKO6P.js} +5 -2
  86. package/chunks/ids-chunk-GK5M55SA.js +298 -0
  87. package/chunks/{ids-chunk-MXI2F3LL.js → ids-chunk-GNNFJBQQ.js} +3 -3
  88. package/chunks/{ids-chunk-L4IDJKTT.js → ids-chunk-GSMQUOQB.js} +1 -1
  89. package/chunks/{ids-chunk-WMDPKL52.js → ids-chunk-HAQSNAWY.js} +1 -1
  90. package/chunks/{ids-chunk-RBB67NM7.js → ids-chunk-HUARKWSN.js} +1 -1
  91. package/chunks/ids-chunk-HXX3RFVH.js +14 -0
  92. package/chunks/{ids-chunk-NHAGBPVH.js → ids-chunk-IFWAENTF.js} +3 -4
  93. package/chunks/ids-chunk-IJFYUMKN.js +113 -0
  94. package/chunks/{ids-chunk-VLLJ27GL.js → ids-chunk-IKJTY762.js} +1 -1
  95. package/chunks/ids-chunk-ILHYYXOF.js +1 -0
  96. package/chunks/ids-chunk-ILX4K6BC.js +184 -0
  97. package/chunks/{ids-chunk-CNEVEU5T.js → ids-chunk-IPJCKHNA.js} +6 -6
  98. package/chunks/{ids-chunk-QVO4GGV5.js → ids-chunk-IRAEROQK.js} +1 -1
  99. package/chunks/ids-chunk-IRGZCFLG.js +23 -0
  100. package/chunks/{ids-chunk-KJY4PGYM.js → ids-chunk-IUJZCP3B.js} +4 -4
  101. package/chunks/{ids-chunk-7E7DFT3L.js → ids-chunk-IVRS6EBE.js} +8 -8
  102. package/chunks/{ids-chunk-HUNZ5RHY.js → ids-chunk-J2LN6FCX.js} +2 -2
  103. package/chunks/{ids-chunk-G3IHRFV3.js → ids-chunk-J3AAQ3QT.js} +1 -1
  104. package/chunks/ids-chunk-JABB2HNA.js +45 -0
  105. package/chunks/{ids-chunk-FT563ET6.js → ids-chunk-JBVB7KN4.js} +1 -1
  106. package/chunks/{ids-chunk-I3FYDAGY.js → ids-chunk-JEX4BKCS.js} +15 -15
  107. package/chunks/ids-chunk-JLFFKOCV.js +1 -0
  108. package/chunks/{ids-chunk-63D72FLW.js → ids-chunk-JN2EOADZ.js} +1 -1
  109. package/chunks/{ids-chunk-A5C6ZGWV.js → ids-chunk-JXKJBNJF.js} +1 -1
  110. package/chunks/{ids-chunk-XV7LUX6H.js → ids-chunk-JXYR7PEP.js} +32 -6
  111. package/chunks/{ids-chunk-57OQ6QPI.js → ids-chunk-K44HS5DC.js} +1 -1
  112. package/chunks/{ids-chunk-SYZMWWMF.js → ids-chunk-KA7C5GXL.js} +12 -12
  113. package/chunks/{ids-chunk-I3LX56DV.js → ids-chunk-KBWWTQEY.js} +11 -5
  114. package/chunks/ids-chunk-KJB4WZQY.js +123 -0
  115. package/chunks/{ids-chunk-ERM5CIZ4.js → ids-chunk-KLL3543O.js} +12 -12
  116. package/chunks/{ids-chunk-CRNA5LRZ.js → ids-chunk-KOXWAPHG.js} +1 -1
  117. package/chunks/{ids-chunk-76RWQOWY.js → ids-chunk-KQ66TAJX.js} +2 -2
  118. package/chunks/{ids-chunk-7KY5CZHJ.js → ids-chunk-KSGB25GF.js} +1 -1
  119. package/chunks/{ids-chunk-FD5HQWQD.js → ids-chunk-LDFGLBUP.js} +1 -1
  120. package/chunks/{ids-chunk-5SEAI375.js → ids-chunk-LF5XLQ67.js} +3 -3
  121. package/chunks/ids-chunk-LJQTODTY.js +1 -0
  122. package/chunks/ids-chunk-LZU7QFN4.js +1 -0
  123. package/chunks/{ids-chunk-UN3HCAOO.js → ids-chunk-M4GHRVAK.js} +496 -223
  124. package/chunks/{ids-chunk-MVXVYK3A.js → ids-chunk-M7XUGLAB.js} +1 -1
  125. package/chunks/ids-chunk-MB3KRZD4.js +1 -0
  126. package/chunks/{ids-chunk-DNQCKGMY.js → ids-chunk-MGXZ2SHS.js} +9 -5
  127. package/chunks/{ids-chunk-X2GX5SHM.js → ids-chunk-MJ4OEPQ3.js} +1 -1
  128. package/chunks/{ids-chunk-KNZJ26HD.js → ids-chunk-MN7BUL2S.js} +13 -13
  129. package/chunks/{ids-chunk-6B3NKPGY.js → ids-chunk-MNK5DWES.js} +1 -1
  130. package/chunks/{ids-chunk-CTZLJDF7.js → ids-chunk-MQ6BZDJX.js} +1 -1
  131. package/chunks/{ids-chunk-TR5EM4CY.js → ids-chunk-MU6TEUQV.js} +95 -68
  132. package/chunks/{ids-chunk-ZPCTTXSR.js → ids-chunk-N6L6E3ZV.js} +1 -1
  133. package/chunks/{ids-chunk-7IM4KGKF.js → ids-chunk-N6OHNYLG.js} +1 -1
  134. package/chunks/{ids-chunk-NZZC6G6O.js → ids-chunk-NGML3ERR.js} +2 -2
  135. package/chunks/ids-chunk-NH7S6OH7.js +19 -0
  136. package/chunks/{ids-chunk-VVULL5CK.js → ids-chunk-NILZ3DWS.js} +18 -18
  137. package/chunks/ids-chunk-O3AGZPRH.js +13 -0
  138. package/chunks/ids-chunk-O4ZHP64Q.js +55 -0
  139. package/chunks/{ids-chunk-4TA57S67.js → ids-chunk-OG7QKM76.js} +23 -23
  140. package/chunks/{ids-chunk-WQ23AF5E.js → ids-chunk-OR7UAFMM.js} +5 -2
  141. package/chunks/ids-chunk-OVK7VHH2.js +1 -0
  142. package/chunks/{ids-chunk-DJTQWIIW.js → ids-chunk-P7QEKJET.js} +11 -10
  143. package/chunks/ids-chunk-PIDKPVNJ.js +1 -0
  144. package/chunks/{ids-chunk-OPY4CA7T.js → ids-chunk-PU2QMFS3.js} +1 -1
  145. package/chunks/{ids-chunk-HZWLRP2P.js → ids-chunk-Q3VFKGJ4.js} +1 -1
  146. package/chunks/{ids-chunk-AFWL7FIC.js → ids-chunk-Q75ZG3W4.js} +1 -1
  147. package/chunks/{ids-chunk-PLYQNORX.js → ids-chunk-QB2R7NFX.js} +1 -1
  148. package/chunks/{ids-chunk-AQ6MVYPG.js → ids-chunk-QDOGPR6N.js} +2 -2
  149. package/chunks/{ids-chunk-JM2YZICB.js → ids-chunk-QM6STIUP.js} +1 -1
  150. package/chunks/ids-chunk-QNEN3NVF.js +1 -0
  151. package/chunks/{ids-chunk-FBIDOXP6.js → ids-chunk-QOFVSVNY.js} +2 -2
  152. package/chunks/{ids-chunk-B6HET3O3.js → ids-chunk-QOX2MQYK.js} +11 -10
  153. package/chunks/{ids-chunk-5HBMDNXY.js → ids-chunk-QTQHAQVN.js} +1 -1
  154. package/chunks/{ids-chunk-6CAFBYAV.js → ids-chunk-R4CXTMKF.js} +2 -2
  155. package/chunks/{ids-chunk-6IBWFX3C.js → ids-chunk-RD7546WB.js} +6 -6
  156. package/chunks/ids-chunk-RK2P2XSH.js +1 -0
  157. package/chunks/{ids-chunk-65XEYHF2.js → ids-chunk-ROEUKCTF.js} +1 -1
  158. package/chunks/ids-chunk-RRAZYPTL.js +191 -0
  159. package/chunks/{ids-chunk-JWT7ETQ2.js → ids-chunk-RRIE3K2A.js} +40 -24
  160. package/chunks/{ids-chunk-44T65L7N.js → ids-chunk-RVGJSPDM.js} +1 -1
  161. package/chunks/{ids-chunk-IHWECPTU.js → ids-chunk-RZEMSCKJ.js} +1 -1
  162. package/chunks/{ids-chunk-RE5TBIQU.js → ids-chunk-RZHMLFXU.js} +490 -214
  163. package/chunks/{ids-chunk-BOALSDAK.js → ids-chunk-SBMEYOB7.js} +1 -1
  164. package/chunks/{ids-chunk-4B7RCBPM.js → ids-chunk-SFFMOANB.js} +1 -1
  165. package/chunks/{ids-chunk-SF3HUTQZ.js → ids-chunk-SSIZ5DTH.js} +9 -6
  166. package/chunks/{ids-chunk-EA6II2G7.js → ids-chunk-SYPEFGCV.js} +1 -1
  167. package/chunks/{ids-chunk-7QPQI6AR.js → ids-chunk-T57QGWNC.js} +1 -1
  168. package/chunks/{ids-chunk-KGJVULZQ.js → ids-chunk-TEJTD4U4.js} +1 -1
  169. package/chunks/{ids-chunk-GCA4HXXA.js → ids-chunk-THWPNPVI.js} +7 -6
  170. package/chunks/{ids-chunk-PWHO4EJZ.js → ids-chunk-TKPZIBKS.js} +1 -1
  171. package/chunks/{ids-chunk-QIACK2TO.js → ids-chunk-TS5BNU4J.js} +1 -1
  172. package/chunks/ids-chunk-TUDAVPDX.js +1 -0
  173. package/chunks/{ids-chunk-MM5AMYZZ.js → ids-chunk-U2LYLJ36.js} +1 -1
  174. package/chunks/{ids-chunk-5O3JVPOB.js → ids-chunk-U5LINAFW.js} +12 -12
  175. package/chunks/{ids-chunk-RC7OLPFH.js → ids-chunk-UEA35D7I.js} +1 -1
  176. package/chunks/{ids-chunk-MHUGKLAP.js → ids-chunk-UICRSXMH.js} +1 -1
  177. package/chunks/ids-chunk-USIIUUW4.js +1 -0
  178. package/chunks/ids-chunk-UZVXOS7T.js +10 -0
  179. package/chunks/{ids-chunk-B2TNF25Q.js → ids-chunk-V6YRID6L.js} +1 -1
  180. package/chunks/ids-chunk-V7FTFUHS.js +30 -0
  181. package/chunks/ids-chunk-VCR6R4YR.js +10 -0
  182. package/chunks/{ids-chunk-3X7DPFEQ.js → ids-chunk-VEYEV4RH.js} +4 -4
  183. package/chunks/{ids-chunk-CY324CVN.js → ids-chunk-VVZZ2ZHD.js} +3 -3
  184. package/chunks/{ids-chunk-TZWYNRGK.js → ids-chunk-W2BNSCBJ.js} +1 -1
  185. package/chunks/{ids-chunk-UKHHEEXQ.js → ids-chunk-W3NEH3RX.js} +7 -7
  186. package/chunks/{ids-chunk-X53NBG2T.js → ids-chunk-W6VZMHBO.js} +96 -69
  187. package/chunks/{ids-chunk-OMYADK2O.js → ids-chunk-WGMS7NGQ.js} +1 -1
  188. package/chunks/{ids-chunk-3S7OGOJS.js → ids-chunk-WJZBPS3B.js} +1 -1
  189. package/chunks/{ids-chunk-WIKE6ZX6.js → ids-chunk-WMUHD4GN.js} +1 -1
  190. package/chunks/{ids-chunk-FPPAHMMR.js → ids-chunk-WRNBMGR5.js} +1 -1
  191. package/chunks/{ids-chunk-57TD4SIV.js → ids-chunk-WSXMAYPK.js} +1 -1
  192. package/chunks/{ids-chunk-SSE53ZS2.js → ids-chunk-WWKAJGQE.js} +1 -1
  193. package/chunks/ids-chunk-WXMPPSDE.js +159 -0
  194. package/chunks/{ids-chunk-PWDKM3KL.js → ids-chunk-XBT4K2RC.js} +4 -4
  195. package/chunks/{ids-chunk-HLVQW6FD.js → ids-chunk-XD3F6SIM.js} +4 -4
  196. package/chunks/ids-chunk-XHISSLQH.js +1 -0
  197. package/chunks/ids-chunk-XQNKLJAO.js +267 -0
  198. package/chunks/{ids-chunk-43FF35L5.js → ids-chunk-XTCS3D75.js} +497 -215
  199. package/chunks/{ids-chunk-P2CQR5KW.js → ids-chunk-XWYI6W5C.js} +6 -4
  200. package/chunks/{ids-chunk-L6TTQ5GV.js → ids-chunk-Y4EYKQDB.js} +96 -76
  201. package/chunks/ids-chunk-Y7YXNNFO.js +1 -0
  202. package/chunks/ids-chunk-YGVOLH4U.js +191 -0
  203. package/chunks/{ids-chunk-I3RUMF33.js → ids-chunk-YQV6HMYH.js} +1 -1
  204. package/chunks/{ids-chunk-OSMP6K24.js → ids-chunk-YZDBVWF5.js} +9 -9
  205. package/chunks/{ids-chunk-7VD5RCCL.js → ids-chunk-YZNEPEUS.js} +1 -1
  206. package/chunks/{ids-chunk-RZXOGFQV.js → ids-chunk-ZDCRRF4T.js} +1 -1
  207. package/chunks/{ids-chunk-GLNMUL2I.js → ids-chunk-ZHEOHFYB.js} +1 -1
  208. package/chunks/{ids-chunk-B7EDBPFF.js → ids-chunk-ZJ3OB6A4.js} +70 -50
  209. package/chunks/{ids-chunk-PKCA5ZDT.js → ids-chunk-ZNPL6NQS.js} +1 -1
  210. package/chunks/{ids-chunk-SR6CYQ66.js → ids-chunk-ZZ3AINM5.js} +11 -5
  211. package/components/ids-about/ids-about.css +7 -1
  212. package/components/ids-about/ids-about.d.ts +3 -1
  213. package/components/ids-about/ids-about.js +1 -1
  214. package/components/ids-accordion/ids-accordion-header.d.ts +22 -28
  215. package/components/ids-accordion/ids-accordion-header.js +1 -1
  216. package/components/ids-accordion/ids-accordion-panel.d.ts +26 -18
  217. package/components/ids-accordion/ids-accordion-panel.js +1 -1
  218. package/components/ids-accordion/ids-accordion-section.d.ts +4 -2
  219. package/components/ids-accordion/ids-accordion-section.js +1 -1
  220. package/components/ids-accordion/ids-accordion.css +10 -9
  221. package/components/ids-accordion/ids-accordion.d.ts +28 -19
  222. package/components/ids-accordion/ids-accordion.js +1 -1
  223. package/components/ids-action-panel/ids-action-panel.css +3 -0
  224. package/components/ids-action-panel/ids-action-panel.js +1 -1
  225. package/components/ids-action-sheet/ids-action-sheet.css +2 -2
  226. package/components/ids-action-sheet/ids-action-sheet.d.ts +16 -14
  227. package/components/ids-action-sheet/ids-action-sheet.js +1 -1
  228. package/components/ids-alert/ids-alert.d.ts +20 -20
  229. package/components/ids-alert/ids-alert.js +1 -1
  230. package/components/ids-app-menu/ids-app-menu.css +6 -6
  231. package/components/ids-app-menu/ids-app-menu.d.ts +3 -4
  232. package/components/ids-app-menu/ids-app-menu.js +1 -1
  233. package/components/ids-area-chart/ids-area-chart.css +12 -12
  234. package/components/ids-area-chart/ids-area-chart.js +1 -1
  235. package/components/ids-axis-chart/ids-axis-chart.css +5 -5
  236. package/components/ids-axis-chart/ids-axis-chart.d.ts +27 -19
  237. package/components/ids-axis-chart/ids-axis-chart.js +1 -1
  238. package/components/ids-badge/ids-badge.css +6 -8
  239. package/components/ids-badge/ids-badge.d.ts +16 -14
  240. package/components/ids-badge/ids-badge.js +1 -1
  241. package/components/ids-bar-chart/ids-bar-chart.css +5 -5
  242. package/components/ids-bar-chart/ids-bar-chart.js +1 -1
  243. package/components/ids-block-grid/ids-block-grid-item.d.ts +22 -16
  244. package/components/ids-block-grid/ids-block-grid-item.js +1 -1
  245. package/components/ids-block-grid/ids-block-grid.d.ts +22 -18
  246. package/components/ids-block-grid/ids-block-grid.js +1 -1
  247. package/components/ids-box/ids-box.js +1 -1
  248. package/components/ids-breadcrumb/ids-breadcrumb.css +3 -3
  249. package/components/ids-breadcrumb/ids-breadcrumb.d.ts +32 -382
  250. package/components/ids-breadcrumb/ids-breadcrumb.js +1 -1
  251. package/components/ids-button/ids-button-common.d.ts +1 -1
  252. package/components/ids-button/ids-button-common.js +1 -1
  253. package/components/ids-button/ids-button.css +488 -209
  254. package/components/ids-button/ids-button.d.ts +93 -429
  255. package/components/ids-button/ids-button.js +1 -1
  256. package/components/ids-calendar/ids-calendar-event.d.ts +19 -15
  257. package/components/ids-calendar/ids-calendar-event.js +1 -1
  258. package/components/ids-calendar/ids-calendar.css +270 -179
  259. package/components/ids-calendar/ids-calendar.d.ts +55 -27
  260. package/components/ids-calendar/ids-calendar.js +1 -1
  261. package/components/ids-card/ids-card-action.js +1 -1
  262. package/components/ids-card/ids-card.css +0 -28
  263. package/components/ids-card/ids-card.d.ts +52 -414
  264. package/components/ids-card/ids-card.js +1 -1
  265. package/components/{ids-checkbox-group → ids-checkbox}/ids-checkbox-group.d.ts +20 -18
  266. package/components/ids-checkbox/ids-checkbox-group.js +1 -0
  267. package/components/ids-checkbox/ids-checkbox.css +18 -18
  268. package/components/ids-checkbox/ids-checkbox.d.ts +54 -34
  269. package/components/ids-checkbox/ids-checkbox.js +1 -1
  270. package/components/ids-color/ids-color.css +2 -2
  271. package/components/ids-color/ids-color.d.ts +21 -17
  272. package/components/ids-color/ids-color.js +1 -1
  273. package/components/ids-color-picker/ids-color-picker.css +89 -67
  274. package/components/ids-color-picker/ids-color-picker.d.ts +53 -31
  275. package/components/ids-color-picker/ids-color-picker.js +1 -1
  276. package/components/ids-container/ids-container.css +1 -1
  277. package/components/ids-container/ids-container.d.ts +23 -17
  278. package/components/ids-container/ids-container.js +1 -1
  279. package/components/ids-counts/ids-counts.d.ts +16 -14
  280. package/components/ids-counts/ids-counts.js +1 -1
  281. package/components/ids-data-grid/ids-data-grid-cell.js +1 -1
  282. package/components/ids-data-grid/ids-data-grid-column.d.ts +10 -0
  283. package/components/ids-data-grid/ids-data-grid-contextmenu.js +1 -1
  284. package/components/ids-data-grid/ids-data-grid-editors.js +1 -1
  285. package/components/ids-data-grid/ids-data-grid-empty-message.js +1 -1
  286. package/components/ids-data-grid/ids-data-grid-filters.js +1 -1
  287. package/components/ids-data-grid/ids-data-grid-formatters.js +1 -1
  288. package/components/ids-data-grid/ids-data-grid-header.d.ts +16 -14
  289. package/components/ids-data-grid/ids-data-grid-header.js +1 -1
  290. package/components/ids-data-grid/ids-data-grid-row.js +1 -1
  291. package/components/ids-data-grid/ids-data-grid-save-settings-mixin.d.ts +18 -16
  292. package/components/ids-data-grid/ids-data-grid-save-settings-mixin.js +1 -1
  293. package/components/ids-data-grid/ids-data-grid-tooltip-mixin.d.ts +17 -15
  294. package/components/ids-data-grid/ids-data-grid-tooltip-mixin.js +1 -1
  295. package/components/ids-data-grid/ids-data-grid.css +64 -47
  296. package/components/ids-data-grid/ids-data-grid.d.ts +86 -57
  297. package/components/ids-data-grid/ids-data-grid.js +1 -1
  298. package/components/ids-data-label/ids-data-label.d.ts +19 -15
  299. package/components/ids-data-label/ids-data-label.js +1 -1
  300. package/components/ids-date-picker/ids-date-picker-common.js +1 -1
  301. package/components/ids-date-picker/ids-date-picker-popup.d.ts +14 -14
  302. package/components/ids-date-picker/ids-date-picker-popup.js +1 -1
  303. package/components/ids-date-picker/ids-date-picker.css +1 -1
  304. package/components/ids-date-picker/ids-date-picker.d.ts +52 -60
  305. package/components/ids-date-picker/ids-date-picker.js +1 -1
  306. package/components/ids-date-picker/ids-month-year-picklist.d.ts +25 -17
  307. package/components/ids-date-picker/ids-month-year-picklist.js +1 -1
  308. package/components/ids-draggable/ids-draggable.d.ts +16 -14
  309. package/components/ids-draggable/ids-draggable.js +1 -1
  310. package/components/ids-drawer/ids-drawer.css +1 -1
  311. package/components/ids-drawer/ids-drawer.d.ts +23 -17
  312. package/components/ids-drawer/ids-drawer.js +1 -1
  313. package/components/ids-dropdown/ids-dropdown-attributes-mixin.d.ts +3 -1
  314. package/components/ids-dropdown/ids-dropdown-attributes-mixin.js +1 -1
  315. package/components/ids-dropdown/ids-dropdown-common.d.ts +1 -0
  316. package/components/ids-dropdown/ids-dropdown-common.js +1 -1
  317. package/components/ids-dropdown/ids-dropdown-list.d.ts +18 -7
  318. package/components/ids-dropdown/ids-dropdown-list.js +1 -1
  319. package/components/ids-dropdown/ids-dropdown.css +17 -170
  320. package/components/ids-dropdown/ids-dropdown.d.ts +64 -33
  321. package/components/ids-dropdown/ids-dropdown.js +1 -1
  322. package/components/ids-editor/ids-editor-clean-utils.js +1 -1
  323. package/components/ids-editor/ids-editor-handle-paste.js +1 -1
  324. package/components/ids-editor/ids-editor-selection-utils.d.ts +3 -3
  325. package/components/ids-editor/ids-editor-selection-utils.js +1 -1
  326. package/components/ids-editor/ids-editor-shared.d.ts +8 -0
  327. package/components/ids-editor/ids-editor-shared.js +1 -1
  328. package/components/ids-editor/ids-editor-templates.d.ts +4 -4
  329. package/components/ids-editor/ids-editor-templates.js +1 -1
  330. package/components/ids-editor/ids-editor.css +38 -37
  331. package/components/ids-editor/ids-editor.d.ts +42 -31
  332. package/components/ids-editor/ids-editor.js +1 -1
  333. package/components/ids-empty-message/ids-empty-message.d.ts +16 -14
  334. package/components/ids-empty-message/ids-empty-message.js +1 -1
  335. package/components/ids-error-page/ids-error-page.js +1 -1
  336. package/components/ids-expandable-area/ids-expandable-area.css +7 -7
  337. package/components/ids-expandable-area/ids-expandable-area.d.ts +16 -14
  338. package/components/ids-expandable-area/ids-expandable-area.js +1 -1
  339. package/components/ids-fieldset/ids-fieldset.css +5 -2
  340. package/components/ids-fieldset/ids-fieldset.d.ts +16 -14
  341. package/components/ids-fieldset/ids-fieldset.js +1 -1
  342. package/components/ids-form/ids-form.d.ts +20 -16
  343. package/components/ids-form/ids-form.js +1 -1
  344. package/components/ids-global/ids-global.d.ts +1 -1
  345. package/components/ids-global/ids-global.js +1 -1
  346. package/components/ids-header/ids-header.css +4 -0
  347. package/components/ids-header/ids-header.d.ts +19 -15
  348. package/components/ids-header/ids-header.js +1 -1
  349. package/components/ids-hidden/ids-hidden.js +1 -1
  350. package/components/ids-hierarchy/ids-hierarchy-item.d.ts +20 -16
  351. package/components/ids-hierarchy/ids-hierarchy-item.js +11 -11
  352. package/components/ids-hierarchy/ids-hierarchy-legend-item.d.ts +4 -2
  353. package/components/ids-hierarchy/ids-hierarchy-legend-item.js +6 -6
  354. package/components/ids-hierarchy/ids-hierarchy-legend.js +2 -2
  355. package/components/ids-hierarchy/ids-hierarchy.css +4 -120
  356. package/components/ids-hierarchy/ids-hierarchy.d.ts +16 -14
  357. package/components/ids-hierarchy/ids-hierarchy.js +1 -1
  358. package/components/ids-home-page/ids-home-page.d.ts +24 -16
  359. package/components/ids-home-page/ids-home-page.js +1 -1
  360. package/components/ids-hyperlink/ids-hyperlink.css +3 -0
  361. package/components/ids-hyperlink/ids-hyperlink.d.ts +188 -18
  362. package/components/ids-hyperlink/ids-hyperlink.js +1 -1
  363. package/components/ids-hyperlink/ids-link-list.js +1 -1
  364. package/components/ids-icon/ids-icon.css +29 -3
  365. package/components/ids-icon/ids-icon.d.ts +38 -19
  366. package/components/ids-icon/ids-icon.js +1 -1
  367. package/components/ids-image/ids-image.css +6 -4
  368. package/components/ids-image/ids-image.d.ts +24 -15
  369. package/components/ids-image/ids-image.js +1 -1
  370. package/components/ids-input/ids-autocomplete.d.ts +10 -8
  371. package/components/ids-input/ids-autocomplete.js +1 -1
  372. package/components/ids-input/ids-input.css +86 -64
  373. package/components/ids-input/ids-input.d.ts +100 -56
  374. package/components/ids-input/ids-input.js +1 -1
  375. package/components/ids-input-group/ids-input-group.css +11 -11
  376. package/components/ids-input-group/ids-input-group.d.ts +16 -14
  377. package/components/ids-input-group/ids-input-group.js +15 -15
  378. package/components/ids-layout-flex/ids-layout-flex-item.js +1 -1
  379. package/components/ids-layout-flex/ids-layout-flex.css +12 -6
  380. package/components/ids-layout-flex/ids-layout-flex.js +1 -1
  381. package/components/ids-layout-grid/ids-layout-grid-cell.d.ts +16 -14
  382. package/components/ids-layout-grid/ids-layout-grid-cell.js +1 -13
  383. package/components/ids-layout-grid/ids-layout-grid-common.js +1 -1
  384. package/components/ids-layout-grid/ids-layout-grid.css +9 -9392
  385. package/components/ids-layout-grid/ids-layout-grid.js +1 -1
  386. package/components/ids-line-chart/ids-line-chart.css +7 -7
  387. package/components/ids-line-chart/ids-line-chart.js +1 -1
  388. package/components/ids-list-box/ids-list-box-option.d.ts +19 -15
  389. package/components/ids-list-box/ids-list-box-option.js +1 -1
  390. package/components/ids-list-box/ids-list-box.js +1 -1
  391. package/components/ids-list-builder/ids-list-builder.js +1 -1
  392. package/components/ids-list-view/ids-list-view-item.d.ts +412 -33
  393. package/components/ids-list-view/ids-list-view-item.js +1 -1
  394. package/components/ids-list-view/ids-list-view-search-mixin.d.ts +9 -7
  395. package/components/ids-list-view/ids-list-view-search-mixin.js +1 -1
  396. package/components/ids-list-view/ids-list-view.css +10 -5
  397. package/components/ids-list-view/ids-list-view.d.ts +58 -33
  398. package/components/ids-list-view/ids-list-view.js +1 -1
  399. package/components/ids-loading-indicator/ids-loading-indicator-attributes.js +1 -1
  400. package/components/ids-loading-indicator/ids-loading-indicator.css +43 -0
  401. package/components/ids-loading-indicator/ids-loading-indicator.d.ts +16 -14
  402. package/components/ids-loading-indicator/ids-loading-indicator.js +1 -1
  403. package/components/ids-locale/ids-locale.js +1 -1
  404. package/components/ids-lookup/ids-lookup.css +1 -1
  405. package/components/ids-lookup/ids-lookup.d.ts +53 -24
  406. package/components/ids-lookup/ids-lookup.js +1 -1
  407. package/components/ids-masthead/ids-masthead.d.ts +19 -15
  408. package/components/ids-masthead/ids-masthead.js +1 -1
  409. package/components/ids-menu/ids-menu-group.d.ts +19 -15
  410. package/components/ids-menu/ids-menu-group.js +1 -1
  411. package/components/ids-menu/ids-menu-header.d.ts +16 -14
  412. package/components/ids-menu/ids-menu-header.js +1 -1
  413. package/components/ids-menu/ids-menu-item.d.ts +23 -17
  414. package/components/ids-menu/ids-menu-item.js +1 -1
  415. package/components/ids-menu/ids-menu.d.ts +19 -15
  416. package/components/ids-menu/ids-menu.js +1 -1
  417. package/components/ids-menu-button/ids-menu-button-attributes.js +1 -1
  418. package/components/ids-menu-button/ids-menu-button.js +1 -1
  419. package/components/ids-message/ids-message.css +3 -0
  420. package/components/ids-message/ids-message.js +1 -1
  421. package/components/ids-modal/ids-modal-button.js +1 -0
  422. package/components/ids-modal/ids-modal.css +3 -0
  423. package/components/ids-modal/ids-modal.d.ts +103 -58
  424. package/components/ids-modal/ids-modal.js +1 -1
  425. package/components/ids-modal/ids-overlay.d.ts +34 -27
  426. package/components/ids-modal/ids-overlay.js +1 -1
  427. package/components/ids-module-nav/ids-module-nav-bar.d.ts +14 -6
  428. package/components/ids-module-nav/ids-module-nav-bar.js +1 -1
  429. package/components/ids-module-nav/ids-module-nav-button.d.ts +8 -4
  430. package/components/ids-module-nav/ids-module-nav-button.js +1 -1
  431. package/components/ids-module-nav/ids-module-nav-content.d.ts +7 -5
  432. package/components/ids-module-nav/ids-module-nav-content.js +1 -1
  433. package/components/ids-module-nav/ids-module-nav-display-mode-mixin.d.ts +4 -2
  434. package/components/ids-module-nav/ids-module-nav-display-mode-mixin.js +1 -1
  435. package/components/ids-module-nav/ids-module-nav-item.d.ts +19 -13
  436. package/components/ids-module-nav/ids-module-nav-item.js +1 -1
  437. package/components/ids-module-nav/ids-module-nav-settings.d.ts +8 -4
  438. package/components/ids-module-nav/ids-module-nav-settings.js +1 -1
  439. package/components/ids-module-nav/ids-module-nav-switcher.d.ts +24 -18
  440. package/components/ids-module-nav/ids-module-nav-switcher.js +1 -1
  441. package/components/ids-module-nav/ids-module-nav-text-display-mixin.d.ts +4 -2
  442. package/components/ids-module-nav/ids-module-nav-text-display-mixin.js +1 -1
  443. package/components/ids-module-nav/ids-module-nav-user.d.ts +31 -21
  444. package/components/ids-module-nav/ids-module-nav-user.js +3 -4
  445. package/components/ids-module-nav/ids-module-nav.css +1926 -27
  446. package/components/ids-module-nav/ids-module-nav.d.ts +32 -26
  447. package/components/ids-module-nav/ids-module-nav.js +1 -1
  448. package/components/ids-month-view/ids-month-view-attribute-mixin.d.ts +6 -4
  449. package/components/ids-month-view/ids-month-view-attribute-mixin.js +1 -1
  450. package/components/ids-month-view/ids-month-view.css +2 -2
  451. package/components/ids-month-view/ids-month-view.d.ts +57 -27
  452. package/components/ids-month-view/ids-month-view.js +1 -1
  453. package/components/ids-multiselect/ids-multiselect.css +8 -8
  454. package/components/ids-multiselect/ids-multiselect.js +1 -1
  455. package/components/ids-notification-banner/ids-notification-banner.css +1 -1
  456. package/components/ids-notification-banner/ids-notification-banner.d.ts +19 -15
  457. package/components/ids-notification-banner/ids-notification-banner.js +1 -1
  458. package/components/ids-pager/ids-pager-button.d.ts +22 -16
  459. package/components/ids-pager/ids-pager-button.js +1 -1
  460. package/components/ids-pager/ids-pager-dropdown.d.ts +16 -14
  461. package/components/ids-pager/ids-pager-dropdown.js +1 -1
  462. package/components/ids-pager/ids-pager-input.d.ts +19 -15
  463. package/components/ids-pager/ids-pager-input.js +1 -1
  464. package/components/ids-pager/ids-pager-number-list.d.ts +19 -15
  465. package/components/ids-pager/ids-pager-number-list.js +1 -1
  466. package/components/ids-pager/ids-pager.css +2 -32
  467. package/components/ids-pager/ids-pager.d.ts +16 -14
  468. package/components/ids-pager/ids-pager.js +1 -1
  469. package/components/ids-personalize/ids-personalize.js +1 -1
  470. package/components/ids-pie-chart/ids-pie-chart.css +1 -1
  471. package/components/ids-pie-chart/ids-pie-chart.d.ts +27 -19
  472. package/components/ids-pie-chart/ids-pie-chart.js +1 -1
  473. package/components/ids-popup/ids-picker-popup.d.ts +37 -26
  474. package/components/ids-popup/ids-picker-popup.js +1 -1
  475. package/components/ids-popup/ids-popup-attributes.js +1 -1
  476. package/components/ids-popup/ids-popup.css +1 -1
  477. package/components/ids-popup/ids-popup.d.ts +26 -17
  478. package/components/ids-popup/ids-popup.js +1 -1
  479. package/components/ids-popup-menu/ids-popup-menu.d.ts +18 -6
  480. package/components/ids-popup-menu/ids-popup-menu.js +1 -1
  481. package/components/ids-process-indicator/ids-process-indicator-step.d.ts +16 -14
  482. package/components/ids-process-indicator/ids-process-indicator-step.js +1 -1
  483. package/components/ids-process-indicator/ids-process-indicator.css +8 -2
  484. package/components/ids-process-indicator/ids-process-indicator.d.ts +16 -14
  485. package/components/ids-process-indicator/ids-process-indicator.js +1 -1
  486. package/components/ids-progress-bar/ids-progress-bar.d.ts +16 -14
  487. package/components/ids-progress-bar/ids-progress-bar.js +1 -1
  488. package/components/ids-progress-chart/ids-progress-chart.d.ts +16 -14
  489. package/components/ids-progress-chart/ids-progress-chart.js +1 -1
  490. package/components/ids-radio/ids-radio-group.d.ts +24 -18
  491. package/components/ids-radio/ids-radio-group.js +1 -1
  492. package/components/ids-radio/ids-radio.css +89 -73
  493. package/components/ids-radio/ids-radio.d.ts +34 -24
  494. package/components/ids-radio/ids-radio.js +1 -1
  495. package/components/ids-rating/ids-rating.d.ts +19 -15
  496. package/components/ids-rating/ids-rating.js +1 -1
  497. package/components/ids-scroll-view/ids-scroll-view.d.ts +22 -16
  498. package/components/ids-scroll-view/ids-scroll-view.js +1 -1
  499. package/components/ids-search-field/ids-search-field.css +103 -65
  500. package/components/ids-search-field/ids-search-field.js +1 -1
  501. package/components/ids-separator/ids-separator.d.ts +21 -19
  502. package/components/ids-separator/ids-separator.js +1 -1
  503. package/components/ids-skip-link/ids-skip-link.css +3 -0
  504. package/components/ids-skip-link/ids-skip-link.d.ts +16 -14
  505. package/components/ids-skip-link/ids-skip-link.js +1 -1
  506. package/components/ids-slider/ids-slider.css +8 -8
  507. package/components/ids-slider/ids-slider.d.ts +19 -15
  508. package/components/ids-slider/ids-slider.js +1 -1
  509. package/components/ids-spinbox/ids-spinbox.css +91 -64
  510. package/components/ids-spinbox/ids-spinbox.js +1 -1
  511. package/components/ids-splitter/ids-splitter-local-storage.js +1 -1
  512. package/components/ids-splitter/ids-splitter-pane.d.ts +19 -15
  513. package/components/ids-splitter/ids-splitter-pane.js +1 -1
  514. package/components/ids-splitter/ids-splitter.d.ts +36 -18
  515. package/components/ids-splitter/ids-splitter.js +1 -1
  516. package/components/ids-stats/ids-stats.css +8 -2
  517. package/components/ids-stats/ids-stats.d.ts +20 -16
  518. package/components/ids-stats/ids-stats.js +1 -1
  519. package/components/ids-step-chart/ids-step-chart.d.ts +16 -14
  520. package/components/ids-step-chart/ids-step-chart.js +1 -1
  521. package/components/ids-swaplist/ids-swaplist.d.ts +34 -24
  522. package/components/ids-swaplist/ids-swaplist.js +1 -1
  523. package/components/ids-swappable/ids-swappable-item.d.ts +22 -16
  524. package/components/ids-swappable/ids-swappable-item.js +1 -1
  525. package/components/ids-swappable/ids-swappable.css +5 -69
  526. package/components/ids-swappable/ids-swappable.d.ts +28 -21
  527. package/components/ids-swappable/ids-swappable.js +1 -1
  528. package/components/ids-swipe-action/ids-swipe-action.css +1 -1
  529. package/components/ids-swipe-action/ids-swipe-action.d.ts +20 -15
  530. package/components/ids-swipe-action/ids-swipe-action.js +1 -1
  531. package/components/ids-switch/ids-switch.css +4 -1
  532. package/components/ids-switch/ids-switch.d.ts +28 -26
  533. package/components/ids-switch/ids-switch.js +1 -1
  534. package/components/ids-tabs/ids-tab-content.d.ts +19 -15
  535. package/components/ids-tabs/ids-tab-content.js +1 -1
  536. package/components/ids-tabs/ids-tab-divider.js +1 -1
  537. package/components/ids-tabs/ids-tab-more.d.ts +3 -1
  538. package/components/ids-tabs/ids-tab-more.js +1 -1
  539. package/components/ids-tabs/ids-tab.d.ts +36 -29
  540. package/components/ids-tabs/ids-tab.js +1 -1
  541. package/components/ids-tabs/ids-tabs-context.d.ts +20 -16
  542. package/components/ids-tabs/ids-tabs-context.js +1 -1
  543. package/components/ids-tabs/ids-tabs.css +45 -6
  544. package/components/ids-tabs/ids-tabs.d.ts +27 -19
  545. package/components/ids-tabs/ids-tabs.js +1 -1
  546. package/{mixins/ids-ripple-mixin/ids-ripple-mixin.d.ts → components/ids-tag/ids-tag-list.d.ts} +60 -71
  547. package/components/ids-tag/ids-tag-list.js +1 -0
  548. package/components/ids-tag/ids-tag.css +38 -22
  549. package/components/ids-tag/ids-tag.d.ts +29 -27
  550. package/components/ids-tag/ids-tag.js +1 -1
  551. package/components/ids-text/ids-text.css +4 -3
  552. package/components/ids-text/ids-text.d.ts +26 -18
  553. package/components/ids-text/ids-text.js +1 -1
  554. package/components/ids-textarea/ids-textarea.css +52 -42
  555. package/components/ids-textarea/ids-textarea.d.ts +49 -37
  556. package/components/ids-textarea/ids-textarea.js +1 -1
  557. package/components/ids-theme-switcher/ids-theme-switcher.css +1 -1
  558. package/components/ids-theme-switcher/ids-theme-switcher.d.ts +23 -25
  559. package/components/ids-theme-switcher/ids-theme-switcher.js +1 -1
  560. package/components/ids-time-picker/ids-time-picker-common.js +1 -1
  561. package/components/ids-time-picker/ids-time-picker-popup.d.ts +11 -10
  562. package/components/ids-time-picker/ids-time-picker-popup.js +1 -1
  563. package/components/ids-time-picker/ids-time-picker.css +49 -40
  564. package/components/ids-time-picker/ids-time-picker.d.ts +43 -30
  565. package/components/ids-time-picker/ids-time-picker.js +1 -1
  566. package/components/ids-toast/ids-toast-message.d.ts +19 -15
  567. package/components/ids-toast/ids-toast-message.js +1 -1
  568. package/components/ids-toast/ids-toast.css +33 -96
  569. package/components/ids-toast/ids-toast.d.ts +22 -16
  570. package/components/ids-toast/ids-toast.js +1 -1
  571. package/components/ids-toggle-button/ids-toggle-button.js +1 -1
  572. package/components/ids-toolbar/ids-toolbar-more-actions.d.ts +23 -17
  573. package/components/ids-toolbar/ids-toolbar-more-actions.js +1 -1
  574. package/components/ids-toolbar/ids-toolbar-section.d.ts +16 -14
  575. package/components/ids-toolbar/ids-toolbar-section.js +1 -1
  576. package/components/ids-toolbar/ids-toolbar.d.ts +19 -15
  577. package/components/ids-toolbar/ids-toolbar.js +1 -1
  578. package/components/ids-tooltip/ids-tooltip.d.ts +28 -19
  579. package/components/ids-tooltip/ids-tooltip.js +1 -1
  580. package/components/ids-tree/ids-tree-node.d.ts +23 -15
  581. package/components/ids-tree/ids-tree-node.js +1 -1
  582. package/components/ids-tree/ids-tree.css +4 -4
  583. package/components/ids-tree/ids-tree.d.ts +25 -15
  584. package/components/ids-tree/ids-tree.js +1 -1
  585. package/components/ids-treemap/ids-treemap.css +1 -1
  586. package/components/ids-treemap/ids-treemap.d.ts +19 -15
  587. package/components/ids-treemap/ids-treemap.js +1 -1
  588. package/components/ids-trigger-field/ids-trigger-button.d.ts +4 -2
  589. package/components/ids-trigger-field/ids-trigger-button.js +1 -1
  590. package/components/ids-trigger-field/ids-trigger-field.css +1310 -885
  591. package/components/ids-trigger-field/ids-trigger-field.d.ts +6 -0
  592. package/components/ids-trigger-field/ids-trigger-field.js +1 -1
  593. package/components/ids-upload/ids-upload.d.ts +45 -24
  594. package/components/ids-upload/ids-upload.js +1 -1
  595. package/components/ids-upload-advanced/ids-upload-advanced-file.d.ts +19 -15
  596. package/components/ids-upload-advanced/ids-upload-advanced-file.js +1 -1
  597. package/components/ids-upload-advanced/ids-upload-advanced.css +112 -137
  598. package/components/ids-upload-advanced/ids-upload-advanced.d.ts +19 -15
  599. package/components/ids-upload-advanced/ids-upload-advanced.js +1 -1
  600. package/components/ids-virtual-scroll/ids-virtual-scroll.d.ts +16 -14
  601. package/components/ids-virtual-scroll/ids-virtual-scroll.js +1 -1
  602. package/components/ids-week-view/ids-week-view.d.ts +26 -18
  603. package/components/ids-week-view/ids-week-view.js +1 -1
  604. package/components/ids-widget/ids-widget.d.ts +19 -15
  605. package/components/ids-widget/ids-widget.js +1 -1
  606. package/components/ids-wizard/ids-wizard-step.js +1 -1
  607. package/components/ids-wizard/ids-wizard.css +4 -1
  608. package/components/ids-wizard/ids-wizard.d.ts +22 -29
  609. package/components/ids-wizard/ids-wizard.js +1 -1
  610. package/core/ids-attributes.d.ts +5 -2
  611. package/core/ids-attributes.js +1 -1
  612. package/core/ids-element.js +1 -1
  613. package/custom-elements.json +9561 -7967
  614. package/enterprise-wc.d.ts +4 -2
  615. package/enterprise-wc.js +1 -1
  616. package/locale-data/en-messages.json +1 -1
  617. package/mixins/ids-attachment-mixin/ids-attachment-mixin.d.ts +4 -2
  618. package/mixins/ids-attachment-mixin/ids-attachment-mixin.js +1 -1
  619. package/mixins/ids-breakpoint-mixin/ids-breakpoint-mixin.d.ts +11 -9
  620. package/mixins/ids-breakpoint-mixin/ids-breakpoint-mixin.js +1 -1
  621. package/mixins/ids-calendar-events-mixin/ids-calendar-events-mixin.d.ts +4 -2
  622. package/mixins/ids-calendar-events-mixin/ids-calendar-events-mixin.js +1 -1
  623. package/mixins/ids-chart-legend-mixin/ids-chart-legend-mixin.d.ts +3 -1
  624. package/mixins/ids-chart-legend-mixin/ids-chart-legend-mixin.js +1 -1
  625. package/mixins/ids-chart-selection-mixin/ids-chart-selection-mixin.d.ts +5 -3
  626. package/mixins/ids-chart-selection-mixin/ids-chart-selection-mixin.js +1 -1
  627. package/mixins/ids-clearable-mixin/ids-clearable-mixin.d.ts +5 -6
  628. package/mixins/ids-clearable-mixin/ids-clearable-mixin.js +1 -1
  629. package/mixins/ids-color-variant-mixin/ids-color-variant-mixin.d.ts +4 -2
  630. package/mixins/ids-color-variant-mixin/ids-color-variant-mixin.js +1 -1
  631. package/mixins/ids-date-attribute-mixin/ids-date-attribute-mixin.d.ts +3 -1
  632. package/mixins/ids-date-attribute-mixin/ids-date-attribute-mixin.js +1 -1
  633. package/mixins/ids-dirty-tracker-mixin/ids-dirty-tracker-mixin.d.ts +6 -2
  634. package/mixins/ids-dirty-tracker-mixin/ids-dirty-tracker-mixin.js +1 -1
  635. package/mixins/ids-events-mixin/ids-events-mixin.d.ts +16 -14
  636. package/mixins/ids-events-mixin/ids-events-mixin.js +1 -1
  637. package/mixins/ids-field-height-mixin/ids-field-height-mixin.d.ts +4 -2
  638. package/mixins/ids-field-height-mixin/ids-field-height-mixin.js +1 -1
  639. package/mixins/ids-focus-capture-mixin/ids-focus-capture-mixin.d.ts +10 -8
  640. package/mixins/ids-focus-capture-mixin/ids-focus-capture-mixin.js +1 -1
  641. package/mixins/ids-form-input-mixin/ids-form-input-mixin.d.ts +13 -7
  642. package/mixins/ids-form-input-mixin/ids-form-input-mixin.js +1 -1
  643. package/mixins/ids-hide-focus-mixin/ids-hide-focus-mixin.d.ts +11 -9
  644. package/mixins/ids-hide-focus-mixin/ids-hide-focus-mixin.js +1 -1
  645. package/mixins/ids-hitbox-mixin/ids-hitbox-mixin.d.ts +4 -2
  646. package/mixins/ids-hitbox-mixin/ids-hitbox-mixin.js +1 -1
  647. package/mixins/ids-keyboard-mixin/ids-keyboard-mixin.d.ts +6 -4
  648. package/mixins/ids-label-state-mixin/ids-label-state-common.js +1 -1
  649. package/mixins/ids-label-state-mixin/ids-label-state-mixin.d.ts +7 -5
  650. package/mixins/ids-label-state-mixin/ids-label-state-mixin.js +1 -1
  651. package/mixins/ids-label-state-mixin/ids-label-state-parent-mixin.d.ts +3 -1
  652. package/mixins/ids-label-state-mixin/ids-label-state-parent-mixin.js +1 -1
  653. package/mixins/ids-loading-indicator-mixin/ids-loading-indicator-mixin.d.ts +6 -4
  654. package/mixins/ids-loading-indicator-mixin/ids-loading-indicator-mixin.js +1 -1
  655. package/mixins/ids-locale-mixin/ids-locale-mixin.d.ts +3 -1
  656. package/mixins/ids-locale-mixin/ids-locale-mixin.js +1 -1
  657. package/mixins/ids-mask-mixin/ids-mask-mixin.d.ts +3 -1
  658. package/mixins/ids-mask-mixin/ids-mask-mixin.js +1 -1
  659. package/mixins/ids-orientation-mixin/ids-orientation-mixin.d.ts +4 -2
  660. package/mixins/ids-orientation-mixin/ids-orientation-mixin.js +1 -1
  661. package/mixins/ids-pager-mixin/ids-pager-mixin.d.ts +6 -4
  662. package/mixins/ids-pager-mixin/ids-pager-mixin.js +1 -1
  663. package/mixins/ids-popup-interactions-mixin/ids-popup-interactions-mixin.d.ts +4 -2
  664. package/mixins/ids-popup-interactions-mixin/ids-popup-interactions-mixin.js +1 -1
  665. package/mixins/ids-popup-open-events-mixin/ids-popup-open-events-mixin.d.ts +4 -2
  666. package/mixins/ids-popup-open-events-mixin/ids-popup-open-events-mixin.js +1 -1
  667. package/mixins/ids-scroll-effect-mixin/ids-scroll-effect-mixin.d.ts +3 -1
  668. package/mixins/ids-selection-mixin/ids-selection-mixin.d.ts +3 -1
  669. package/mixins/ids-selection-mixin/ids-selection-mixin.js +1 -1
  670. package/mixins/ids-tooltip-mixin/ids-tooltip-mixin.d.ts +3 -1
  671. package/mixins/ids-tooltip-mixin/ids-tooltip-mixin.js +1 -1
  672. package/mixins/ids-validation-mixin/ids-validation-input-mixin.d.ts +3 -1
  673. package/mixins/ids-validation-mixin/ids-validation-mixin.d.ts +5 -3
  674. package/mixins/ids-validation-mixin/ids-validation-mixin.js +1 -1
  675. package/mixins/ids-xss-mixin/ids-xss-mixin.d.ts +3 -1
  676. package/mixins/ids-xss-mixin/ids-xss-mixin.js +1 -1
  677. package/package.json +1 -1
  678. package/themes/ids-theme-default-contrast.css +1387 -1054
  679. package/themes/ids-theme-default-core.css +1047 -763
  680. package/themes/ids-theme-default-dark.css +1457 -1174
  681. package/themes/ids-theme-default-light.css +1047 -763
  682. package/utils/ids-color-utils/ids-color-utils.d.ts +1 -1
  683. package/utils/ids-device-env-specs-utils/ids-device-env-specs-utils.js +1 -1
  684. package/vscode.html-custom-data.json +1 -1
  685. package/chunks/ids-chunk-43UNBPUN.js +0 -116
  686. package/chunks/ids-chunk-45HVM2K3.js +0 -1
  687. package/chunks/ids-chunk-6356DAOY.js +0 -1
  688. package/chunks/ids-chunk-63OVZHJQ.js +0 -191
  689. package/chunks/ids-chunk-7MVZOSC6.js +0 -23
  690. package/chunks/ids-chunk-7OBD3OM6.js +0 -1
  691. package/chunks/ids-chunk-A5SJP75N.js +0 -113
  692. package/chunks/ids-chunk-A6YLPXQN.js +0 -45
  693. package/chunks/ids-chunk-AF5UJ5CW.js +0 -86
  694. package/chunks/ids-chunk-AMM6GWCI.js +0 -85
  695. package/chunks/ids-chunk-BL6M3TEJ.js +0 -117
  696. package/chunks/ids-chunk-DUTHYBDJ.js +0 -277
  697. package/chunks/ids-chunk-E23S4HND.js +0 -1
  698. package/chunks/ids-chunk-ECJ5Y7L4.js +0 -1
  699. package/chunks/ids-chunk-EKDTGFEG.js +0 -20
  700. package/chunks/ids-chunk-EVARCMLM.js +0 -30
  701. package/chunks/ids-chunk-G62AZH62.js +0 -191
  702. package/chunks/ids-chunk-GAAVS4FU.js +0 -1
  703. package/chunks/ids-chunk-H2WV4F72.js +0 -1
  704. package/chunks/ids-chunk-HOR7BZ33.js +0 -1
  705. package/chunks/ids-chunk-IQC3GOGT.js +0 -14
  706. package/chunks/ids-chunk-JMKLW7RS.js +0 -1
  707. package/chunks/ids-chunk-JQA4UHEE.js +0 -1
  708. package/chunks/ids-chunk-JTLM24AT.js +0 -1
  709. package/chunks/ids-chunk-JZS7P6J2.js +0 -292
  710. package/chunks/ids-chunk-KL5AA46O.js +0 -27
  711. package/chunks/ids-chunk-KM7RG4RU.js +0 -33
  712. package/chunks/ids-chunk-KR3VEP5B.js +0 -10
  713. package/chunks/ids-chunk-LEVKYUBM.js +0 -1
  714. package/chunks/ids-chunk-MIZKNJYY.js +0 -164
  715. package/chunks/ids-chunk-NCOWZT25.js +0 -1
  716. package/chunks/ids-chunk-NNREHC6N.js +0 -1
  717. package/chunks/ids-chunk-NWHAV2OT.js +0 -94
  718. package/chunks/ids-chunk-OUWO5I2A.js +0 -1
  719. package/chunks/ids-chunk-PLBV2ILY.js +0 -157
  720. package/chunks/ids-chunk-PP2FZOOY.js +0 -23
  721. package/chunks/ids-chunk-QOTW4DDW.js +0 -1
  722. package/chunks/ids-chunk-SKMSP7PE.js +0 -1
  723. package/chunks/ids-chunk-SVGW2MFO.js +0 -179
  724. package/chunks/ids-chunk-V2VZ5GQG.js +0 -1
  725. package/chunks/ids-chunk-VI4PI4PR.js +0 -162
  726. package/chunks/ids-chunk-WAZT2M7T.js +0 -10
  727. package/chunks/ids-chunk-WJX65YRW.js +0 -120
  728. package/chunks/ids-chunk-X35TB57D.js +0 -1
  729. package/chunks/ids-chunk-XJHZ5VMY.js +0 -289
  730. package/chunks/ids-chunk-XN34CTCV.js +0 -1
  731. package/chunks/ids-chunk-Y6OYEJ7B.js +0 -152
  732. package/components/ids-checkbox-group/ids-checkbox-group.css +0 -5
  733. package/components/ids-checkbox-group/ids-checkbox-group.js +0 -1
  734. package/components/ids-modal-button/ids-modal-button.js +0 -1
  735. package/mixins/ids-ripple-mixin/ids-ripple-mixin.js +0 -1
  736. package/themes/ids-theme-default-colors.css +0 -133
  737. /package/components/{ids-modal-button → ids-modal}/ids-modal-button.d.ts +0 -0
package/themes/ids-theme-default-dark.css CHANGED
@@ -1,164 +1,348 @@
1
1
  @charset "UTF-8";
2
2
  :root {
3
- --ids-color-yellow-10: #FDF3DF;
4
- --ids-color-yellow-20: #F3DAA1;
5
- --ids-color-yellow-30: #E5C366;
6
- --ids-color-yellow-40: #F4D151;
7
- --ids-color-yellow-50: #F6CF2b;
8
- --ids-color-yellow-60: #FFD100;
9
- --ids-color-yellow-70: #BB9C21;
10
- --ids-color-yellow-80: #8D6F00;
3
+ --ids-border-radius-12: 12px;
4
+ --ids-border-radius-16: 16px;
5
+ --ids-border-radius-20: 20px;
6
+ --ids-border-radius-24: 24px;
7
+ --ids-border-radius-32: 32px;
8
+ --ids-border-radius-40: 40px;
9
+ --ids-border-radius-48: 48px;
10
+ --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
+ --ids-border-radius-00: 0px;
16
+ --ids-space-12: 12px;
17
+ --ids-space-16: 16px;
18
+ --ids-space-20: 20px;
19
+ --ids-space-24: 24px;
20
+ --ids-space-32: 32px;
21
+ --ids-space-40: 40px;
22
+ --ids-space-48: 48px;
23
+ --ids-space-56: 56px;
24
+ --ids-space-72: 72px;
25
+ --ids-space-104: 104px;
26
+ --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
+ --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;
11
40
  --ids-color-yellow-90: #614900;
12
- --ids-color-yellow-100: #4B3700;
13
- --ids-color-orange-10: #FEF2E5;
14
- --ids-color-orange-20: #FDDFBD;
15
- --ids-color-orange-30: #FCC888;
16
- --ids-color-orange-40: #FBAF50;
17
- --ids-color-orange-50: #FA9601;
18
- --ids-color-orange-60: #F98300;
19
- --ids-color-orange-70: #DF6F00;
20
- --ids-color-orange-80: #CD6200;
21
- --ids-color-orange-90: #B50;
22
- --ids-color-orange-100: #A14100;
23
- --ids-color-purple-10: #F1EBFC;
24
- --ids-color-purple-20: #DDCBF7;
25
- --ids-color-purple-30: #C2A1F1;
26
- --ids-color-purple-40: #A876EB;
27
- --ids-color-purple-50: #8D4BE5;
28
- --ids-color-purple-60: #7928E1;
29
- --ids-color-purple-70: #6C23C9;
30
- --ids-color-purple-80: #591DA8;
31
- --ids-color-purple-90: #4E1A91;
32
- --ids-color-purple-100: #3B1470;
33
- --ids-color-blue-10: #E6F1FD;
34
- --ids-color-blue-20: #BEDCFA;
35
- --ids-color-blue-30: #8ABFF7;
36
- --ids-color-blue-40: #55A3F3;
37
- --ids-color-blue-50: #1C86EF;
38
- --ids-color-blue-60: #0072ED;
39
- --ids-color-blue-70: #0066D4;
40
- --ids-color-blue-80: #0054B1;
41
- --ids-color-blue-90: #004A99;
42
- --ids-color-blue-100: #003876;
43
- --ids-color-green-10: #EBF9F1;
44
- --ids-color-green-20: #CBEFDC;
45
- --ids-color-green-30: #A1E4BF;
46
- --ids-color-green-40: #78D8A3;
47
- --ids-color-green-50: #4DCC86;
48
- --ids-color-green-60: #2AC371;
49
- --ids-color-green-70: #25AF65;
50
- --ids-color-green-80: #1F9254;
51
- --ids-color-green-90: #1C7F49;
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;
52
81
  --ids-color-green-100: #156138;
53
- --ids-color-red-10: #FBE7E8;
54
- --ids-color-red-20: #F5C3C4;
55
- --ids-color-red-30: #EE9496;
56
- --ids-color-red-40: #E66467;
57
- --ids-color-red-50: #DF3539;
58
- --ids-color-red-60: #DA1217;
59
- --ids-color-red-70: #C31014;
60
- --ids-color-red-80: #A30D11;
61
- --ids-color-red-90: #8D0B0E;
62
- --ids-color-red-100: #6C080B;
63
- --ids-color-teal-10: #ECF8F8;
64
- --ids-color-teal-20: #CFEEEE;
65
- --ids-color-teal-30: #A8E1E1;
66
- --ids-color-teal-40: #82D4D4;
67
- --ids-color-teal-50: #5CC6C7;
68
- --ids-color-teal-60: #40BDBE;
69
- --ids-color-teal-70: #39A9AA;
70
- --ids-color-teal-80: #2F8D8E;
71
- --ids-color-teal-90: #297B7B;
72
- --ids-color-teal-100: #1F5E5E;
73
- --ids-color-neutral-10: #F5F5F5;
74
- --ids-color-neutral-20: #E0E0E1;
75
- --ids-color-neutral-30: #C5C5C9;
76
- --ids-color-neutral-40: #BBBBBF;
77
- --ids-color-neutral-50: #8E8E95;
78
- --ids-color-neutral-60: #6F6F76;
79
- --ids-color-neutral-70: #525257;
80
- --ids-color-neutral-80: #3B3B3F;
81
- --ids-color-neutral-90: #28282A;
82
- --ids-color-neutral-100: #161618;
83
- --ids-color-neutral-110: #000;
84
- --ids-color-white-100: #FFF;
85
- --ids-color-primary-10: var(--ids-color-blue-10);
86
- --ids-color-primary-20: var(--ids-color-blue-20);
87
- --ids-color-primary-30: var(--ids-color-blue-30);
88
- --ids-color-primary-40: var(--ids-color-blue-40);
89
- --ids-color-primary-50: var(--ids-color-blue-50);
90
- --ids-color-primary-60: var(--ids-color-blue-60);
91
- --ids-color-primary-70: var(--ids-color-blue-70);
92
- --ids-color-primary-80: var(--ids-color-blue-80);
93
- --ids-color-primary-90: var(--ids-color-blue-90);
94
- --ids-color-primary-100: var(--ids-color-blue-100);
95
- --ids-color-text-on-error: var(--ids-color-white-100);
96
- --ids-color-error-10: var(--ids-color-red-10);
97
- --ids-color-error-20: var(--ids-color-red-20);
98
- --ids-color-error-30: var(--ids-color-red-30);
99
- --ids-color-error-50: var(--ids-color-red-50);
100
- --ids-color-error-60: var(--ids-color-red-60);
101
- --ids-color-error-70: var(--ids-color-red-70);
102
- --ids-color-error-80: var(--ids-color-red-80);
103
- --ids-color-error-default: var(--ids-color-red-60);
104
- --ids-color-shadow-error: rgba(218 18 23 / 0.3);
105
- --ids-color-text-on-warning: var(--ids-color-neutral-100);
106
- --ids-color-warning-10: var(--ids-color-orange-10);
107
- --ids-color-warning-30: var(--ids-color-orange-30);
108
- --ids-color-warning-40: var(--ids-color-orange-60);
109
- --ids-color-warning-50: var(--ids-color-orange-50);
110
- --ids-color-warning-80: var(--ids-color-orange-80);
111
- --ids-color-warning-100: var(--ids-color-orange-100);
112
- --ids-color-warning-default: var(--ids-color-orange-60);
113
- --ids-color-shadow-warning: rgba(249 131 0 / 0.3);
114
- --ids-color-text-on-caution: var(--ids-color-neutral-100);
115
- --ids-color-caution-10: var(--ids-color-orange-10);
116
- --ids-color-caution-30: var(--ids-color-orange-30);
117
- --ids-color-caution-default: #FFD100;
118
- --ids-color-text-on-success: var(--ids-color-neutral-100);
119
- --ids-color-success-10: var(--ids-color-green-10);
120
- --ids-color-success-30: var(--ids-color-green-30);
121
- --ids-color-success-50: var(--ids-color-green-50);
122
- --ids-color-success-80: var(--ids-color-green-80);
123
- --ids-color-success-100: var(--ids-color-green-100);
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;
132
+ }
133
+
134
+ :root {
135
+ --ids-color-theme-10: var(--ids-color-blue-10);
136
+ --ids-color-theme-20: var(--ids-color-blue-20);
137
+ --ids-color-theme-30: var(--ids-color-blue-30);
138
+ --ids-color-theme-40: var(--ids-color-blue-40);
139
+ --ids-color-theme-50: var(--ids-color-blue-50);
140
+ --ids-color-theme-60: var(--ids-color-blue-60);
141
+ --ids-color-theme-70: var(--ids-color-blue-70);
142
+ --ids-color-theme-80: var(--ids-color-blue-80);
143
+ --ids-color-theme-90: var(--ids-color-blue-90);
144
+ --ids-color-theme-100: var(--ids-color-blue-100);
145
+ }
146
+
147
+ :root {
148
+ --ids-color-background-dark: var(--ids-color-gray-100);
149
+ --ids-color-background-elevated: var(--ids-color-white-100);
150
+ --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);
164
+ --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);
124
171
  --ids-color-success-default: var(--ids-color-green-60);
125
- --ids-color-shadow-success: rgba(42 195 113 / 0.3);
126
- --ids-color-text-on-info: var(--ids-color-white-100);
127
- --ids-color-info-10: var(--ids-color-blue-10);
128
- --ids-color-info-30: var(--ids-color-blue-30);
129
- --ids-color-info-60: var(--ids-color-blue-60);
130
- --ids-color-info-70: var(--ids-color-blue-70);
131
- --ids-color-info-80: var(--ids-color-blue-80);
132
- --ids-color-info-default: #0064D4;
133
- --ids-color-shadow-info: rgba(0 102 212 / 0.3);
172
+ --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);
176
+ --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);
180
+ --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);
184
+ --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);
188
+ --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);
192
+ --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);
197
+ --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-data-viz-color-binary-02: var(--ids-color-teal-40);
248
+ --ids-data-viz-color-binary-01: var(--ids-color-blue-80);
249
+ --ids-data-viz-color-sequential-10: var(--ids-color-gray-20);
250
+ --ids-data-viz-color-sequential-11: var(--ids-color-teal-60);
251
+ --ids-data-viz-color-sequential-12: var(--ids-color-orange-90);
252
+ --ids-data-viz-color-sequential-13: var(--ids-color-purple-30);
253
+ --ids-data-viz-color-sequential-14: var(--ids-color-blue-60);
254
+ --ids-data-viz-color-sequential-15: var(--ids-color-red-30);
255
+ --ids-data-viz-color-sequential-16: var(--ids-color-purple-80);
256
+ --ids-data-viz-color-sequential-17: var(--ids-color-green-30);
257
+ --ids-data-viz-color-sequential-18: var(--ids-color-teal-80);
258
+ --ids-data-viz-color-sequential-19: var(--ids-color-gray-60);
259
+ --ids-data-viz-color-sequential-20: var(--ids-color-red-40);
260
+ --ids-data-viz-color-sequential-09: var(--ids-color-red-80);
261
+ --ids-data-viz-color-sequential-08: var(--ids-color-blue-30);
262
+ --ids-data-viz-color-sequential-07: var(--ids-color-green-80);
263
+ --ids-data-viz-color-sequential-06: var(--ids-color-orange-70);
264
+ --ids-data-viz-color-sequential-05: var(--ids-color-orange-30);
265
+ --ids-data-viz-color-sequential-04: var(--ids-color-gray-40);
266
+ --ids-data-viz-color-sequential-03: var(--ids-color-purple-60);
267
+ --ids-data-viz-color-sequential-02: var(--ids-color-teal-60);
268
+ --ids-data-viz-color-sequential-01: var(--ids-color-blue-80);
269
+ --ids-data-viz-color-density-10: var(--ids-color-blue-10);
270
+ --ids-data-viz-color-density-20: var(--ids-color-blue-20);
271
+ --ids-data-viz-color-density-30: var(--ids-color-blue-30);
272
+ --ids-data-viz-color-density-40: var(--ids-color-blue-40);
273
+ --ids-data-viz-color-density-50: var(--ids-color-blue-50);
274
+ --ids-data-viz-color-density-60: var(--ids-color-blue-60);
275
+ --ids-data-viz-color-density-70: var(--ids-color-blue-70);
276
+ --ids-data-viz-color-density-80: var(--ids-color-blue-80);
277
+ --ids-data-viz-color-density-90: var(--ids-color-blue-90);
278
+ --ids-data-viz-color-density-100: var(--ids-color-blue-100);
279
+ --ids-data-viz-color-qualitative-10: var(--ids-color-gray-60);
280
+ --ids-data-viz-color-qualitative-11: var(--ids-color-gray-40);
281
+ --ids-data-viz-color-qualitative-12: var(--ids-color-gray-20);
282
+ --ids-data-viz-color-qualitative-13: var(--ids-color-teal-80);
283
+ --ids-data-viz-color-qualitative-14: var(--ids-color-teal-50);
284
+ --ids-data-viz-color-qualitative-15: var(--ids-color-teal-30);
285
+ --ids-data-viz-color-qualitative-09: var(--ids-color-purple-30);
286
+ --ids-data-viz-color-qualitative-08: var(--ids-color-purple-50);
287
+ --ids-data-viz-color-qualitative-07: var(--ids-color-purple-70);
288
+ --ids-data-viz-color-qualitative-06: var(--ids-color-green-30);
289
+ --ids-data-viz-color-qualitative-05: var(--ids-color-green-50);
290
+ --ids-data-viz-color-qualitative-04: var(--ids-color-green-80);
291
+ --ids-data-viz-color-qualitative-03: var(--ids-color-blue-30);
292
+ --ids-data-viz-color-qualitative-02: var(--ids-color-blue-50);
293
+ --ids-data-viz-color-qualitative-01: var(--ids-color-blue-80);
294
+ --ids-data-viz-color-status-neutral: var(--ids-color-gray-20);
295
+ --ids-data-viz-color-status-negative: var(--ids-color-red-60);
296
+ --ids-data-viz-color-status-positive: var(--ids-color-green-70);
297
+ --ids-border-radius-circle: var(--ids-border-radius-99);
298
+ --ids-border-radius-xl: var(--ids-border-radius-40);
299
+ --ids-border-radius-lg: var(--ids-border-radius-24);
300
+ --ids-border-radius-md: var(--ids-border-radius-16);
301
+ --ids-border-radius-sm: var(--ids-border-radius-08);
302
+ --ids-border-radius-xs: var(--ids-border-radius-04);
303
+ --ids-border-radius-xxs: var(--ids-border-radius-02);
304
+ --ids-border-radius-none: var(--ids-border-radius-00);
305
+ --ids-space-xxxxl: var(--ids-space-72);
306
+ --ids-space-xxxl: var(--ids-space-56);
307
+ --ids-space-xxl: var(--ids-space-48);
308
+ --ids-space-xl: var(--ids-space-40);
309
+ --ids-space-lg: var(--ids-space-32);
310
+ --ids-space-md: var(--ids-space-24);
311
+ --ids-space-sm: var(--ids-space-16);
312
+ --ids-space-xs: var(--ids-space-08);
313
+ --ids-space-xxs: var(--ids-space-04);
314
+ --ids-space-xxxs: var(--ids-space-02);
315
+ --ids-space-xxxxs: var(--ids-space-01);
316
+ --ids-space-none: var(--ids-space-00);
134
317
  }
135
318
 
136
319
  :host,
137
320
  :root {
138
- --ids-color-primary: var(--ids-color-primary-60);
321
+ --ids-color-primary: var(--ids-color-blue-60);
139
322
  --ids-color-text-on-primary: var(--ids-color-white-100);
323
+ --ids-color-primary-10: var(--ids-color-theme-10);
324
+ --ids-color-primary-20: var(--ids-color-theme-20);
325
+ --ids-color-primary-30: var(--ids-color-theme-30);
326
+ --ids-color-primary-40: var(--ids-color-theme-40);
327
+ --ids-color-primary-50: var(--ids-color-theme-50);
328
+ --ids-color-primary-60: var(--ids-color-theme-60);
329
+ --ids-color-primary-70: var(--ids-color-theme-70);
330
+ --ids-color-primary-80: var(--ids-color-theme-80);
331
+ --ids-color-primary-90: var(--ids-color-theme-90);
332
+ --ids-color-primary-100: var(--ids-color-theme-100);
140
333
  --ids-color-background-default: var(--ids-color-white-100);
141
- --ids-color-text-default: var(--ids-color-neutral-100);
142
- --ids-color-text: var(--ids-color-neutral-100);
143
334
  --ids-color-text-inverse: var(--ids-color-white-100);
144
- --ids-color-text-subtle: var(--ids-color-neutral-80);
145
- --ids-color-text-label: var(--ids-color-neutral-60);
146
- --ids-color-text-data: var(--ids-color-neutral-100);
147
- --ids-color-text-disabled: var(--ids-color-neutral-30);
148
- --ids-color-text-error: var(--ids-color-error-60);
149
- --ids-color-text-info: var(--ids-color-info-70);
150
- --ids-color-text-success: var(--ids-color-success-50);
151
- --ids-color-text-warning: var(--ids-color-warning-50);
335
+ --ids-color-text-subtle: var(--ids-color-gray-80);
336
+ --ids-color-text-label: var(--ids-color-foreground-default-default);
337
+ --ids-color-text-data: var(--ids-color-gray-100);
338
+ --ids-color-text-disabled: var(--ids-color-gray-30);
339
+ --ids-color-text-error: var(--ids-color-error-default);
340
+ --ids-color-text-info: var(--ids-color-info-strong);
341
+ --ids-color-text-success: var(--ids-color-green-50);
342
+ --ids-color-text-warning: var(--ids-color-orange-50);
152
343
  --ids-motion-duration: 250ms;
153
344
  --ids-motion-ease: cubic-bezier(0.17, 0.04, 0.03, 0.94);
154
345
  --ids-motion-linear: cubic-bezier(0.4, 0, 0.6, 1);
155
- --ids-border-radius-none: 0;
156
- --ids-border-radius-01: 2px;
157
- --ids-border-radius-02: 4px;
158
- --ids-border-radius-03: 8px;
159
- --ids-border-radius-04: 12px;
160
- --ids-border-radius-05: 16px;
161
- --ids-border-radius-circle: 50%;
162
346
  --ids-cursor-default: default;
163
347
  --ids-cursor-grabbing: grabbing;
164
348
  --ids-cursor-move: move;
@@ -175,7 +359,7 @@
175
359
  --ids-shadow-20: 0 0 3px 2px rgb(54 138 192 / 0.3);
176
360
  --ids-shadow-30: 0 0 4px 3px rgb(54 138 192 / 0.3);
177
361
  --ids-color-border-focus: var(--ids-color-primary);
178
- --ids-shadow-focus: var(--ids-shadow-20);
362
+ --ids-shadow-focus: 0px 0px 8px 0px rgba(0 114 237 / 0.50);
179
363
  --ids-outline-none: 0;
180
364
  --ids-font-family-default: source sans pro, -apple-system, helvetica, arial;
181
365
  --ids-font-family-ar: "Mada", source sans pro, -apple-system, helvetica, arial;
@@ -207,16 +391,6 @@
207
391
  --ids-font-uppercase: uppercase;
208
392
  --ids-scroll-shadow: 0 -1px 3px -1px rgba(0 0 0 / 0.25);
209
393
  --ids-scroll-color-border-top: 1px solid rgba(215 215 216 / 1);
210
- --ids-space-none: 0;
211
- --ids-space-10: 1px;
212
- --ids-space-20: 2px;
213
- --ids-space-30: 4px;
214
- --ids-space-40: 8px;
215
- --ids-space-50: 12px;
216
- --ids-space-60: 16px;
217
- --ids-space-70: 20px;
218
- --ids-space-80: 24px;
219
- --ids-space-90: 28px;
220
394
  --ids-size-10: 22px;
221
395
  --ids-size-20: 28px;
222
396
  --ids-size-30: 30px;
@@ -224,18 +398,6 @@
224
398
  --ids-size-50: 48px;
225
399
  --ids-size-60: 56px;
226
400
  --ids-size-70: 66px;
227
- --ids-lookup-result-count-font-size: var(--ids-font-size-40);
228
- --ids-lookup-result-count-margin: 0 8px;
229
- --ids-link-list-title-color-text-default: var(--ids-color-neutral-100);
230
- --ids-link-list-top-margin: -3px;
231
- --ids-link-list-item-margin: 12px;
232
- --ids-link-list-title-bottom-margin: 20px;
233
- --ids-line-height-none: 0;
234
- --ids-line-height-default: normal;
235
- --ids-line-height-10: 1;
236
- --ids-line-height-20: 1.25;
237
- --ids-line-height-30: 1.5;
238
- --ids-line-height-40: 2;
239
401
  --ids-z-index-0: 0;
240
402
  --ids-z-index-10: 1;
241
403
  --ids-z-index-20: 2;
@@ -252,87 +414,86 @@
252
414
  --ids-about-width-max: 560px;
253
415
  --ids-about-width-min: 300px;
254
416
  --ids-about-color-border-default: var(--ids-popup-color-border);
255
- --ids-about-content-padding: 16px;
417
+ --ids-about-content-padding: var(--ids-space-sm);
256
418
  --ids-about-color-border-hover: var(--ids-input-color-border-hover);
257
419
  --ids-about-color-border-focus: var(--ids-input-color-border-focus);
258
420
  --ids-about-shadow-focus: var(--ids-shadow-focus);
259
- --ids-accordion-header-color-border-bottom: var(--ids-color-neutral-20);
260
- --ids-accordion-header-color-icon: var(--ids-color-neutral-10);
421
+ --ids-accordion-header-color-border-bottom: var(--ids-color-gray-20);
422
+ --ids-accordion-header-color-icon: var(--ids-color-gray-10);
261
423
  --ids-accordion-header-color-border-focus: var(--ids-color-primary);
262
424
  --ids-accordion-header-shadow-focus: var(--ids-shadow-20);
263
425
  --ids-accordion-header-color-border-disabled: var(--ids-color-text-disabled);
264
426
  --ids-accordion-header-color-text-disabled: var(--ids-color-text-disabled);
265
427
  --ids-action-panel-header-height: 50px;
266
428
  --ids-action-panel-header-padding: 8px;
267
- --ids-action-panel-header-color-background: var(--ids-color-neutral-10);
268
- --ids-action-panel-header-color-border: var(--ids-color-neutral-20);
429
+ --ids-action-panel-header-color-background: var(--ids-color-gray-10);
430
+ --ids-action-panel-header-color-border: var(--ids-color-gray-20);
269
431
  --ids-action-panel-content-background-color: var(--ids-color-white-100);
270
- --ids-action-sheet-border-radius: var(--ids-border-radius-05);
271
- --ids-action-sheet-padding: var(--ids-space-40);
432
+ --ids-action-sheet-border-radius: var(--ids-border-radius-md);
433
+ --ids-action-sheet-padding: var(--ids-space-xs);
272
434
  --ids-action-sheet-shadow: 0 0 8px rgb(0 0 0 / 0.2);
273
435
  --ids-action-sheet-color-background: var(--ids-color-white-100);
274
436
  --ids-action-sheet-color-border: transparent;
275
437
  --ids-alert-color-success-default: var(--ids-color-success-default);
276
- --ids-alert-color-success-disabled: var(--ids-color-success-30);
438
+ --ids-alert-color-success-disabled: var(--ids-color-green-30);
277
439
  --ids-alert-color-warning-default: var(--ids-color-warning-default);
278
- --ids-alert-color-warning-disabled: var(--ids-color-warning-30);
440
+ --ids-alert-color-warning-disabled: var(--ids-color-orange-30);
279
441
  --ids-alert-color-caution-default: var(--ids-color-caution-default);
280
- --ids-alert-color-caution-disabled: var(--ids-color-caution-30);
442
+ --ids-alert-color-caution-disabled: var(--ids-color-yellow-30);
281
443
  --ids-alert-color-info-default: var(--ids-color-info-default);
282
- --ids-alert-color-info-disabled: var(--ids-color-info-30);
444
+ --ids-alert-color-info-disabled: var(--ids-color-blue-30);
283
445
  --ids-alert-color-error-default: var(--ids-color-error-default);
284
- --ids-alert-color-error-disabled: var(--ids-color-error-30);
446
+ --ids-alert-color-error-disabled: var(--ids-color-red-30);
285
447
  --ids-alert-color-new-default: var(--ids-color-orange-70);
286
448
  --ids-alert-color-new-disabled: var(--ids-color-orange-30);
287
449
  --ids-alert-color-progress-default: var(--ids-color-purple-70);
288
450
  --ids-alert-color-progress-disabled: var(--ids-color-purple-30);
289
- --ids-app-menu-accordion-header-color-background-disabled: var(--ids-color-neutral-100);
290
- --ids-app-menu-accordion-header-color-border-disabled: var(--ids-color-neutral-100);
291
- --ids-app-menu-accordion-header-color-text-disabled: var(--ids-color-neutral-40);
451
+ --ids-app-menu-accordion-header-color-background-disabled: var(--ids-color-gray-100);
452
+ --ids-app-menu-accordion-header-color-border-disabled: var(--ids-color-gray-100);
453
+ --ids-app-menu-accordion-header-color-text-disabled: var(--ids-color-gray-40);
292
454
  --ids-app-menu-accordion-header-color-background-default: var(--ids-color-white-100);
293
- --ids-app-menu-accordion-header-filter-match-color-text: var(--ids-color-neutral-60);
294
- --ids-app-menu-accordion-header-filter-color-text: var(--ids-color-text);
455
+ --ids-app-menu-accordion-header-filter-match-color-text: var(--ids-color-gray-60);
456
+ --ids-app-menu-accordion-header-filter-color-text: var(--ids-color-text-default);
295
457
  --ids-app-menu-accordion-header-color-text-focus: var(--ids-color-white-100);
296
458
  --ids-app-menu-accordion-header-color-border-focus: var(--ids-color-primary-70);
297
- --ids-app-menu-header-color-background-hover: var(--ids-color-neutral-90);
298
- --ids-app-menu-header-color-border-hover: var(--ids-color-neutral-90);
459
+ --ids-app-menu-header-color-background-hover: var(--ids-color-gray-90);
460
+ --ids-app-menu-header-color-border-hover: var(--ids-color-gray-90);
299
461
  --ids-app-menu-accordion-header-color-text-selected: var(--ids-color-white-100);
300
- --ids-app-menu-accordion-header-color-text-default: var(--ids-color-neutral-20);
301
- --ids-app-menu-accordion-panel-color-background: var(--ids-color-neutral-100);
302
- --ids-axis-chart-grid-color: var(--ids-color-neutral-20);
303
- --ids-axis-chart-first-line-color: var(--ids-color-neutral-70);
304
- --ids-axis-chart-last-line-color-border: var(--ids-color-neutral-70);
462
+ --ids-app-menu-accordion-header-color-text-default: var(--ids-color-gray-20);
463
+ --ids-app-menu-accordion-panel-color-background: var(--ids-color-gray-100);
464
+ --ids-axis-chart-grid-color: var(--ids-color-gray-20);
465
+ --ids-axis-chart-first-line-color: var(--ids-color-gray-70);
466
+ --ids-axis-chart-last-line-color-border: var(--ids-color-gray-70);
305
467
  --ids-axis-chart-font-family: var(--ids-font-family-default);
306
468
  --ids-axis-chart-font-size: var(--ids-font-size-30);
307
- --ids-axis-chart-color-text: var(--ids-color-neutral-60);
469
+ --ids-axis-chart-color-text: var(--ids-color-gray-60);
308
470
  --ids-axis-chart-font-weight: var(--ids-font-weight-bold);
309
471
  --ids-axis-chart-outline-focus: 2px dashed var(--ids-color-blue-60);
310
- --ids-badge-color-background: var(--ids-input-color-background-readonly);
311
- --ids-badge-color-border: var(--ids-input-color-background-readonly);
312
- --ids-badge-border-radius: var(--ids-border-radius-04);
313
- --ids-badge-color-background-caution: var(--ids-color-caution-default);
314
- --ids-badge-color-border-caution: var(--ids-color-caution-default);
315
- --ids-badge-color-caution: var(--ids-color-text-on-caution);
316
- --ids-badge-color-background-error: var(--ids-color-error-default);
317
- --ids-badge-color-border-error: var(--ids-color-error-default);
318
- --ids-badge-color-error: var(--ids-color-text-on-error);
472
+ --ids-badge-border-radius: var(--ids-border-radius-circle);
473
+ --ids-badge-color-background: var(--ids-color-accent-gray-weaker);
474
+ --ids-badge-color-border: var(--ids-color-accent-gray-weak);
475
+ --ids-badge-color-text-default: var(--ids-color-foreground-default-default);
319
476
  --ids-badge-color-background-info: var(--ids-color-info-default);
320
477
  --ids-badge-color-border-info: var(--ids-color-info-default);
321
- --ids-badge-color-info: var(--ids-color-text-on-info);
322
- --ids-badge-font-line-height: var(--ids-size-10);
323
- --ids-badge-margin-bottom: var(--ids-space-30);
324
- --ids-badge-margin-inline-end: var(--ids-space-30);
325
- --ids-badge-width-min: var(--ids-size-10);
326
- --ids-badge-padding-inline: 10px;
327
- --ids-badge-color-background-success: var(--ids-color-success-default);
328
- --ids-badge-color-border-success: var(--ids-color-success-default);
329
- --ids-badge-color-success: var(--ids-color-text-on-success);
478
+ --ids-badge-color-text-info: var(--ids-color-foreground-light-default);
479
+ --ids-badge-color-background-error: var(--ids-color-error-default);
480
+ --ids-badge-color-border-error: var(--ids-color-error-default);
481
+ --ids-badge-color-text-error: var(--ids-color-foreground-light-default);
330
482
  --ids-badge-color-background-warning: var(--ids-color-warning-default);
331
483
  --ids-badge-color-border-warning: var(--ids-color-warning-default);
332
- --ids-badge-color-warning: var(--ids-color-text-on-warning);
333
- --ids-badge-disabled-background-color: var(--ids-input-color-background-readonly);
334
- --ids-badge-disabled-border-color: var(--ids-input-color-background-readonly);
335
- --ids-badge-disabled-text-color: var(--ids-tag-color-text-disabled);
484
+ --ids-badge-color-text-warning: var(--ids-color-foreground-dark-default);
485
+ --ids-badge-color-background-caution: var(--ids-color-caution-default);
486
+ --ids-badge-color-border-caution: var(--ids-color-caution-default);
487
+ --ids-badge-color-text-caution: var(--ids-color-foreground-dark-default);
488
+ --ids-badge-color-background-success: var(--ids-color-success-default);
489
+ --ids-badge-color-border-success: var(--ids-color-success-default);
490
+ --ids-badge-color-success: var(--ids-color-foreground-dark-default);
491
+ --ids-badge-font-line-height: var(--ids-size-10);
492
+ --ids-badge-margin-bottom: var(--ids-space-xxs);
493
+ --ids-badge-margin-inline-end: var(--ids-space-xxs);
494
+ --ids-badge-width-min: var(--ids-size-10);
495
+ --ids-badge-padding-inline: var(--ids-space-08);
496
+ --ids-badge-disabled-opacity: 0.4;
336
497
  --ids-block-grid-margin: 10px;
337
498
  --ids-block-grid-item-padding: 10px 15px;
338
499
  --ids-block-grid-item-width: 200px;
@@ -341,11 +502,11 @@
341
502
  --ids-block-grid-item-border-radius: 3px;
342
503
  --ids-block-grid-item-selectable-border-radius-container: var(--ids-border-radius-circle);
343
504
  --ids-block-grid-item-color-background-selectable-hover: var(--ids-color-primary-10);
344
- --ids-block-grid-item-selectable-container-focus: var(--ids-space-10) solid var(--ids-color-primary-60);
505
+ --ids-block-grid-item-selectable-container-focus: var(--ids-space-xxxxs) solid var(--ids-color-primary-60);
345
506
  --ids-block-grid-item-shadow-selectable-container-focus: var(--ids-shadow-lg);
346
- --ids-block-grid-item-selectable-container-padding: var(--ids-space-80) 36px;
507
+ --ids-block-grid-item-selectable-container-padding: var(--ids-space-md) 36px;
347
508
  --ids-block-grid-item-selectable-multiple-width: 100%;
348
- --ids-block-grid-item-selectable-container-multiple-padding: var(--ids-space-80) var(--ids-space-80) var(--ids-space-80) 45px;
509
+ --ids-block-grid-item-selectable-container-multiple-padding: var(--ids-space-md) var(--ids-space-md) var(--ids-space-md) 45px;
349
510
  --ids-block-grid-item-selectable-size-multiple-block-checkbox-top: calc(50% - 10px);
350
511
  --ids-block-grid-item-selectable-size-multiple-block-checkbox-left: 30px;
351
512
  --ids-block-grid-item-selectable-multiple-block-checkbox-right: unset;
@@ -356,81 +517,151 @@
356
517
  --ids-block-grid-checkbox-top-size: 20px;
357
518
  --ids-block-grid-checkbox-right-size: 20px;
358
519
  --ids-box-color-background: var(--ids-card-color-background);
359
- --ids-box-color-border: var(--ids-color-neutral-30);
520
+ --ids-box-color-border: var(--ids-color-border-weak);
360
521
  --ids-box-shadowed-color-border: transparent;
361
522
  --ids-box-border-radius: var(--ids-card-border-radius);
362
523
  --ids-box-shadow: var(--ids-card-shadow);
363
524
  --ids-box-shadow-focus: 0 0 4px rgba(0 102 212 / 0.15);
364
525
  --ids-box-font-family: var(--ids-font-family-default);
365
- --ids-box-font-size: var( --ids-font-size-default);
526
+ --ids-box-font-size: var(--ids-font-size-default);
366
527
  --ids-box-color-text-default: var(--ids-card-color-text-default);
367
- --ids-box-padding: 16px;
528
+ --ids-box-padding: var(--ids-space-sm);
368
529
  --ids-box-outline: 1px solid transparent;
369
- --ids-box-outline-selected: 2px solid var(--ids-color-primary-60);
370
- --ids-box-outline-hover: 1px solid var(--ids-color-neutral-30);
530
+ --ids-box-outline-selected: 2px solid var(--ids-color-theme-strong);
531
+ --ids-box-outline-hover: 1px solid var(--ids-color-border-weaker);
371
532
  --ids-box-height: auto;
372
533
  --ids-box-width: auto;
534
+ --ids-button-padding-inline: 12px;
535
+ --ids-button-radius: var(--ids-border-radius-sm);
373
536
  --ids-button-color-text-default: currentColor;
374
- --ids-button-primary-color-border-default: var(--ids-color-primary);
375
- --ids-button-primary-color-background-default: var(--ids-color-primary);
376
- --ids-button-primary-color-text-default: var(--ids-color-text-on-primary);
377
- --ids-button-primary-color-border-focus: var(--ids-color-border-focus);
378
- --ids-button-primary-shadow-focus: 0 0 0 2px var(--ids-color-text-on-primary), 0 0 0 3px var(--ids-color-primary-70), 0 0 4px 3px var(--ids-color-primary-70);
379
- --ids-button-primary-color-background-hover: var(--ids-color-primary-80);
380
- --ids-button-primary-color-border-hover: var(--ids-color-primary-70);
381
- --ids-button-primary-color-background-disabled: var(--ids-color-neutral-20);
382
- --ids-button-primary-color-border-disabled: var(--ids-color-neutral-20);
383
- --ids-button-primary-color-text-disabled: var(--ids-color-neutral-40);
384
- --ids-button-primary-color-background-pressed: var(--ids-color-text-on-primary);
385
- --ids-button-secondary-color-background-default: transparent;
386
- --ids-button-secondary-border-width: 2px;
387
- --ids-button-secondary-color-border-default: var(--ids-color-primary);
388
- --ids-button-secondary-color-text-default: var(--ids-color-primary);
389
- --ids-button-secondary-color-border-focus: var(--ids-color-primary);
390
- --ids-button-secondary-shadow-focus: 0 0 0 2px var(--ids-color-white-100), 0 0 0 3px var(--ids-color-primary), 0 0 4px 3px var(--ids-color-primary);
391
- --ids-button-secondary-color-background-hover: var(--ids-button-tertiary-color-background-hover);
392
- --ids-button-secondary-color-background-disabled: transparent;
393
- --ids-button-secondary-color-border-disabled: var(--ids-color-neutral-20);
394
- --ids-button-secondary-color-text-disabled: var(--ids-color-neutral-30);
395
- --ids-button-secondary-color-background-pressed: var(--ids-color-primary-30);
537
+ --ids-button-primary-color-border-default: var(--ids-color-action-default);
538
+ --ids-button-primary-color-background-default: var(--ids-color-action-default);
539
+ --ids-button-primary-color-text-default: var(--ids-color-foreground-light-default);
540
+ --ids-button-primary-color-border-focus: var(--ids-color-action-default);
541
+ --ids-button-primary-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-action-stronger);
542
+ --ids-button-primary-color-background-hover: var(--ids-color-action-stronger);
543
+ --ids-button-primary-color-border-hover: var(--ids-color-action-stronger);
544
+ --ids-button-primary-color-background-disabled: var(--ids-color-action-default);
545
+ --ids-button-primary-color-border-disabled: var(--ids-color-action-default);
546
+ --ids-button-primary-color-text-disabled: var(--ids-color-foreground-light-default);
547
+ --ids-button-primary-opacity-disabled: 0.4;
548
+ --ids-button-primary-color-background-pressed: var(--ids-color-action-stronger);
549
+ --ids-button-primary-color-border-pressed: var(--ids-color-action-stronger);
550
+ --ids-button-secondary-color-background-default: var(--ids-color-background-default);
551
+ --ids-button-secondary-color-border-default: var(--ids-color-action-default);
552
+ --ids-button-secondary-color-text-default: var(--ids-color-action-default);
553
+ --ids-button-secondary-color-border-focus: var(--ids-color-action-default);
554
+ --ids-button-secondary-color-background-focus: var(--ids-color-background-default);
555
+ --ids-button-secondary-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-action-stronger);
556
+ --ids-button-secondary-color-background-hover: var(--ids-color-action-weakest);
557
+ --ids-button-secondary-color-border-hover: var(--ids-color-action-stronger);
558
+ --ids-button-secondary-color-text-hover: var(--ids-color-action-stronger);
559
+ --ids-button-secondary-color-background-disabled: var(--ids-color-background-default);
560
+ --ids-button-secondary-color-border-disabled: var(--ids-color-action-default);
561
+ --ids-button-secondary-color-text-disabled: var(--ids-color-action-default);
562
+ --ids-button-secondary-color-background-pressed: var(--ids-color-action-weakest);
563
+ --ids-button-secondary-color-border-pressed: var(--ids-color-action-stronger);
564
+ --ids-button-secondary-color-text-pressed: var(--ids-color-action-stronger);
565
+ --ids-button-secondary-border-width: 1px;
566
+ --ids-button-secondary-opacity-disabled: 0.4;
396
567
  --ids-button-tertiary-color-border-default: transparent;
397
- --ids-button-tertiary-color-text-default: var(--ids-color-neutral-60);
398
- --ids-button-tertiary-color-border-focus: var(--ids-color-border-focus);
399
- --ids-button-tertiary-color-text-hover: var(--ids-color-primary-70);
400
- --ids-button-tertiary-color-background-hover: var(--ids-color-primary-10);
401
- --ids-button-tertiary-color-text-disabled: var(--ids-color-neutral-30);
402
- --ids-button-tertiary-shadow-focus: var(--ids-shadow-20);
568
+ --ids-button-tertiary-color-background-default: transparent;
569
+ --ids-button-tertiary-color-text-default: var(--ids-color-foreground-default-secondary);
570
+ --ids-button-tertiary-color-border-focus: var(--ids-color-action-stronger);
571
+ --ids-button-tertiary-color-text-hover: var(--ids-color-foreground-default-default);
572
+ --ids-button-tertiary-color-background-hover: var(--ids-color-accent-gray-weakest);
573
+ --ids-button-tertiary-color-border-hover: var(--ids-color-accent-gray-weakest);
574
+ --ids-button-tertiary-color-text-disabled: var(--ids-color-foreground-default-secondary);
575
+ --ids-button-tertiary-color-background-disabled: transparent;
576
+ --ids-button-tertiary-color-border-disabled: transparent;
577
+ --ids-button-tertiary-opacity-disabled: 0.4;
578
+ --ids-button-tertiary-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-action-stronger);
403
579
  --ids-button-tertiary-font-weight: var(--ids-font-weight-semibold);
404
- --ids-button-tertiary-color-background-pressed: var(--ids-color-primary-30);
405
- --ids-button-icon-padding: calc(var(--ids-space-40) - 1px);
406
- --ids-button-destructive-color-background-hover: var(--ids-color-error-10);
407
- --ids-button-app-menu-color-text-default: var(--ids-color-neutral-20);
408
- --ids-button-app-menu-color-background-hover: var(--ids-color-neutral-90);
580
+ --ids-button-tertiary-color-background-pressed: var(--ids-color-accent-gray-weakest);
581
+ --ids-button-tertiary-color-border-pressed: var(--ids-color-accent-gray-weakest);
582
+ --ids-button-tertiary-color-text-pressed: var(--ids-color-foreground-default-default);
583
+ --ids-button-icon-padding: calc(var(--ids-space-xs) - 2px);
584
+ --ids-button-icon-height: 36px;
585
+ --ids-button-icon-width: 36px;
586
+ --ids-button-destructive-color-background-default: var(--ids-color-error-default);
587
+ --ids-button-destructive-color-border-default: var(--ids-color-error-default);
588
+ --ids-button-destructive-color-text-default: var(--ids-color-foreground-light-default);
589
+ --ids-button-destructive-color-border-focus: var(--ids-color-error-default);
590
+ --ids-button-destructive-color-background-hover: var(--ids-color-error-stronger);
591
+ --ids-button-destructive-color-text-hover: var(--ids-color-foreground-light-default);
592
+ --ids-button-destructive-color-border-hover: var(--ids-color-error-stronger);
593
+ --ids-button-destructive-opacity-disabled: 0.4;
594
+ --ids-button-destructive-color-text-disabled: var(--ids-color-foreground-light-default);
595
+ --ids-button-destructive-color-background-disabled: var(--ids-color-error-default);
596
+ --ids-button-destructive-color-border-disabled: var(--ids-color-error-default);
597
+ --ids-button-destructive-tertiary-color-background-default: var(--ids-color-background-default);
598
+ --ids-button-destructive-tertiary-color-border-default: var(--ids-color-background-default);
599
+ --ids-button-destructive-tertiary-color-text-default: var(--ids-color-error-default);
600
+ --ids-button-destructive-tertiary-color-border-focus: var(--ids-color-error-default);
601
+ --ids-button-destructive-tertiary-color-background-hover: var(--ids-color-error-weak);
602
+ --ids-button-destructive-tertiary-color-text-hover: var(--ids-color-error-stronger);
603
+ --ids-button-destructive-tertiary-color-border-hover: var(--ids-color-error-weak);
604
+ --ids-button-destructive-tertiary-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-error-stronger);
605
+ --ids-button-destructive-tertiary-opacity-disabled: 0.4;
606
+ --ids-button-destructive-tertiary-color-text-disabled: var(--ids-color-error-default);
607
+ --ids-button-destructive-tertiary-color-background-disabled: var(--ids-color-background-default);
608
+ --ids-button-destructive-tertiary-color-border-disabled: var(--ids-color-background-default);
609
+ --ids-button-toggle-color-background-hover-default: var(--ids-color-accent-blue-weakest);
610
+ --ids-button-toggle-color-background-hover-orange: var(--ids-color-accent-orange-weakest);
611
+ --ids-button-toggle-color-background-hover-red: var(--ids-color-accent-red-weakest);
612
+ --ids-button-toggle-color-text-hover-default: var(--ids-color-accent-blue-stronger);
613
+ --ids-button-toggle-color-text-hover-orange: var(--ids-color-accent-orange-strong);
614
+ --ids-button-toggle-color-text-hover-red: var(--ids-color-accent-red-weak);
615
+ --ids-button-toggle-color-text-pressed-default: var(--ids-color-accent-blue-stronger);
616
+ --ids-button-toggle-color-text-pressed-orange: var(--ids-color-accent-orange-strong);
617
+ --ids-button-toggle-color-text-pressed-red: var(--ids-color-accent-red-weak);
618
+ --ids-button-app-menu-color-text-default: var(--ids-color-gray-20);
619
+ --ids-button-app-menu-color-background-hover: var(--ids-color-gray-90);
409
620
  --ids-button-app-menu-color-text-hover: var(--ids-color-white-100);
410
- --ids-button-app-menu-color-text-disabled: var(--ids-color-neutral-50);
411
- --ids-button-alternate-color-text-default: var(--ids-color-neutral-10);
621
+ --ids-button-app-menu-color-text-disabled: var(--ids-color-gray-50);
622
+ --ids-button-alternate-color-text-default: var(--ids-color-gray-10);
412
623
  --ids-button-alternate-color-text-default-hover: var(--ids-color-white-100);
413
624
  --ids-button-alternate-color-background-pressed: var(--ids-color-text-on-primary);
414
- --ids-button-formatter-color-border-focus: var(--ids-color-border-focus);
625
+ --ids-button-formatter-color-border-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-action-stronger);
415
626
  --ids-button-formatter-opacity-disabled: 0.4;
416
- --ids-button-formatter-color-text-hover: var(--ids-color-neutral-100);
417
- --ids-button-formatter-color-text-disabled: var(--ids-color-neutral-50);
418
- --ids-button-formatter-color-background-hover: var(--ids-color-neutral-20);
627
+ --ids-button-formatter-color-text-hover: var(--ids-color-gray-100);
628
+ --ids-button-formatter-color-text-disabled: var(--ids-color-gray-50);
629
+ --ids-button-formatter-color-background-hover: var(--ids-color-gray-20);
419
630
  --ids-button-formatter-color-active: var(--ids-color-primary-70);
420
- --ids-button-formatter-color-text-default: var(--ids-color-neutral-100);
631
+ --ids-button-formatter-color-background-default: transparent;
632
+ --ids-button-formatter-color-border-default: transparent;
633
+ --ids-button-formatter-color-text-default: var(--ids-color-gray-100);
421
634
  --ids-button-formatter-size: 32px;
422
635
  --ids-button-module-border-radius: 10px;
423
636
  --ids-button-module-color-background-hover: rgba(0 0 0 / 0.1);
424
- --ids-button-module-color-text-default: var(--ids-color-neutral-90);
425
- --ids-button-module-color-text-hover: var(--ids-color-neutral-100);
426
- --ids-button-system-color-text-hover: var(--ids-color-neutral-110);
637
+ --ids-button-module-color-text-default: var(--ids-color-gray-90);
638
+ --ids-button-module-color-text-hover: var(--ids-color-gray-100);
639
+ --ids-button-menu-background-color-active: var(--ids-color-accent-gray-weakest);
640
+ --ids-button-menu-color-active: var(--ids-color-foreground-default-default);
641
+ --ids-button-system-color-background-hover: transparent;
642
+ --ids-button-system-color-border-hover: transparent;
643
+ --ids-button-system-color-text-hover: var(--ids-color-foreground-default-default);
644
+ --ids-button-ai-color-background-default: linear-gradient(107deg, #254A92 17.32%, #10B7A6 95.32%);
645
+ --ids-button-ai-color-background-hover: linear-gradient(107deg, #1A4162 17.32%, #0B9789 95.32%);
646
+ --ids-button-ai-color-border-hover: #0B9789;
647
+ --ids-button-ai-color-background-active: linear-gradient(107deg, #1A4162 17.32%, #0B9789 95.32%);
648
+ --ids-button-ai-color-background-disabled: linear-gradient(107deg, rgba(37 74 146 / 0.5) 17.32%, rgba(16 183 166 / 0.5) 95.32%);
649
+ --ids-button-ai-color-background-color-disabled: transparent;
650
+ --ids-button-ai-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px #254A92;
651
+ --ids-button-ai-color-icon-primary: #254A92;
652
+ --ids-button-ai-color-icon-secondary: #10B7A6;
653
+ --ids-button-ai-color-icon-primary-hover: #1A3362;
654
+ --ids-button-ai-color-icon-secondary-hover: #0B9789;
655
+ --ids-button-ai-opacity-disabled: 0.4;
656
+ --ids-button-tertiary-ai-color-background-disabled: var(--ids-button-ai-color-background-default);
657
+ --ids-button-tertiary-ai-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px #0B9789;
427
658
  --ids-breadcrumb-color-text-default: var(--ids-color-text-subtle);
428
659
  --ids-breadcrumb-color-text-disabled: var(--ids-color-text-disabled);
429
660
  --ids-breadcrumb-color-text-emphasis: var(--ids-color-text-inverse);
430
661
  --ids-breadcrumb-font-weight: var(--ids-font-weight-normal);
431
662
  --ids-breadcrumb-font-size: var(--ids-font-size-30);
432
663
  --ids-calendar-toolbar-color-background: var(--ids-color-white-100);
433
- --ids-calendar-toolbar-color-border: var(--ids-color-neutral-20);
664
+ --ids-calendar-toolbar-color-border: var(--ids-color-gray-20);
434
665
  --ids-calendar-event-color-background-accent-blue: var(--ids-color-blue-20);
435
666
  --ids-calendar-event-color-border-accent-bluet-blue: var(--ids-color-blue-70);
436
667
  --ids-calendar-event-color-background-accent-orange: var(--ids-color-orange-30);
@@ -450,70 +681,72 @@
450
681
  --ids-calendar-event-color-border-accent-red: var(--ids-color-red-70);
451
682
  --ids-calendar-event-color-background-accent-turqoise: var(--ids-color-teal-30);
452
683
  --ids-calendar-event-color-border-accent-turqoise: var(--ids-color-teal-70);
453
- --ids-calendar-event-color-background-accent-neutral: var(--ids-color-neutral-30);
454
- --ids-calendar-event-color-border-accent-neutral: var(--ids-color-neutral-70);
455
- --ids-calendar-event-color-text: var(--ids-color-neutral-100);
456
- --ids-card-header-title-color: var(--ids-color-neutral-100);
457
- --ids-card-toolbar-padding: var(--ids-space-60);
458
- --ids-card-border-radius: var(--ids-border-radius-03);
459
- --ids-card-margin-bottom: var(--ids-space-60);
684
+ --ids-calendar-event-color-background-accent-gray: var(--ids-color-gray-30);
685
+ --ids-calendar-event-color-border-accent-gray: var(--ids-color-gray-70);
686
+ --ids-calendar-event-color-text: var(--ids-color-gray-100);
687
+ --ids-card-header-title-color: var(--ids-color-foreground-default-default);
688
+ --ids-card-toolbar-padding: var(--ids-space-sm);
689
+ --ids-card-border-radius: var(--ids-border-radius-sm);
690
+ --ids-card-margin-bottom: var(--ids-space-sm);
460
691
  --ids-card-height: 360px;
461
692
  --ids-card-content-height: 310px;
462
- --ids-card-header-padding-inline-start: 16px;
463
- --ids-card-header-padding-inline-end: 12px;
693
+ --ids-card-header-padding-inline-start: var(--ids-space-12);
694
+ --ids-card-header-padding-inline-end: var(--ids-space-12);
464
695
  --ids-card-header-height: 48px;
465
- --ids-card-color-background: var(--ids-color-white-100);
466
- --ids-card-color-border: var(--ids-color-neutral-30);
696
+ --ids-card-color-background: var(--ids-color-background-elevated);
697
+ --ids-card-color-border: var(--ids-color-border-weak);
467
698
  --ids-card-color-border-hover: var(--ids-hyperlink-box-color-border-default);
468
- --ids-card-divider-color-border: var(--ids-color-neutral-20);
469
- --ids-card-shadow: 0 0 4px rgba(0 0 0 / 0.15);
470
- --ids-card-color-background-selected: transparent;
699
+ --ids-card-divider-color-border: var(--ids-color-gray-20);
700
+ --ids-card-shadow: 0px 0px 8px 0px rgba(0 0 0 / 0.10);
701
+ --ids-card-color-background-selected: var(--ids-card-color-background);
471
702
  --ids-card-color-border-selected: var(--ids-color-primary);
472
703
  --ids-card-color-border-focus: var(--ids-input-color-border-focus);
473
704
  --ids-card-color-text-default: var(--ids-color-text-label);
474
705
  --ids-card-color-text-hover: var(--ids-color-text-data);
475
706
  --ids-chart-legend-font-size: var(--ids-font-size-30);
476
707
  --ids-chart-legend-color-text: var(--ids-color-text-label);
477
- --ids-chart-color-accent-01: var(--ids-color-blue-80);
478
- --ids-chart-color-accent-02: var(--ids-color-teal-40);
479
- --ids-chart-color-accent-03: var(--ids-color-purple-60);
480
- --ids-chart-color-accent-04: var(--ids-color-neutral-40);
481
- --ids-chart-color-accent-05: var(--ids-color-orange-30);
482
- --ids-chart-color-accent-06: var(--ids-color-orange-70);
483
- --ids-chart-color-accent-07: var(--ids-color-green-80);
484
- --ids-chart-color-accent-08: var(--ids-color-blue-30);
485
- --ids-chart-color-accent-09: var(--ids-color-red-80);
486
- --ids-chart-color-accent-10: var(--ids-color-neutral-20);
487
- --ids-chart-color-accent-11: var(--ids-color-teal-60);
488
- --ids-chart-color-accent-12: var(--ids-color-orange-90);
489
- --ids-chart-color-accent-13: var(--ids-color-purple-30);
490
- --ids-chart-color-accent-14: var(--ids-color-blue-60);
491
- --ids-chart-color-accent-15: var(--ids-color-red-30);
492
- --ids-chart-color-accent-16: var(--ids-color-purple-80);
493
- --ids-chart-color-accent-17: var(--ids-color-green-30);
494
- --ids-chart-color-accent-18: var(--ids-color-teal-80);
495
- --ids-chart-color-accent-19: var(--ids-color-neutral-60);
496
- --ids-chart-color-accent-20: var(--ids-color-red-40);
497
- --ids-checkbox-color-border-default: var(--ids-input-color-border-default);
498
- --ids-checkbox-border: 1px solid var(--ids-checkbox-color-border-default);
499
- --ids-checkbox-border-radius: var(--ids-border-radius-01);
708
+ --ids-chart-color-accent-01: var(--ids-data-viz-color-sequential-01);
709
+ --ids-chart-color-accent-02: var(--ids-data-viz-color-sequential-02);
710
+ --ids-chart-color-accent-03: var(--ids-data-viz-color-sequential-03);
711
+ --ids-chart-color-accent-04: var(--ids-data-viz-color-sequential-04);
712
+ --ids-chart-color-accent-05: var(--ids-data-viz-color-sequential-05);
713
+ --ids-chart-color-accent-06: var(--ids-data-viz-color-sequential-06);
714
+ --ids-chart-color-accent-07: var(--ids-data-viz-color-sequential-07);
715
+ --ids-chart-color-accent-08: var(--ids-data-viz-color-sequential-08);
716
+ --ids-chart-color-accent-09: var(--ids-data-viz-color-sequential-09);
717
+ --ids-chart-color-accent-10: var(--ids-data-viz-color-sequential-10);
718
+ --ids-chart-color-accent-11: var(--ids-data-viz-color-sequential-11);
719
+ --ids-chart-color-accent-12: var(--ids-data-viz-color-sequential-12);
720
+ --ids-chart-color-accent-13: var(--ids-data-viz-color-sequential-13);
721
+ --ids-chart-color-accent-14: var(--ids-data-viz-color-sequential-14);
722
+ --ids-chart-color-accent-15: var(--ids-data-viz-color-sequential-15);
723
+ --ids-chart-color-accent-16: var(--ids-data-viz-color-sequential-16);
724
+ --ids-chart-color-accent-17: var(--ids-data-viz-color-sequential-17);
725
+ --ids-chart-color-accent-18: var(--ids-data-viz-color-sequential-18);
726
+ --ids-chart-color-accent-19: var(--ids-data-viz-color-sequential-19);
727
+ --ids-chart-color-accent-20: var(--ids-data-viz-color-sequential-20);
728
+ --ids-checkbox-color-border-default: var(--ids-color-border-default);
729
+ --ids-checkbox-border: 1px solid var(--ids-color-border-default);
730
+ --ids-checkbox-border-radius: var(--ids-border-radius-xxs);
500
731
  --ids-checkbox-color-border-error: var(--ids-color-error-default);
501
- --ids-checkbox-color-background-selected: var(--ids-color-primary);
502
- --ids-checkbox-color-border-selected: var(--ids-color-primary);
503
- --ids-checkbox-color-border-selected-after: var(--ids-color-white-100);
732
+ --ids-checkbox-color-background-selected: var(--ids-color-action-default);
733
+ --ids-checkbox-color-border-selected: var(--ids-color-action-default);
734
+ --ids-checkbox-color-border-selected-after: var(--ids-color-foreground-light-default);
504
735
  --ids-checkbox-border-width-selected-after: 0 2px 2px 0;
505
- --ids-checkbox-color-background-indeterminate: var(--ids-color-primary);
506
- --ids-checkbox-color-border-indeterminate: var(--ids-color-primary);
507
- --ids-checkbox-color-border-indeterminate-after: var(--ids-color-white-100);
736
+ --ids-checkbox-color-background-indeterminate: var(--ids-color-action-default);
737
+ --ids-checkbox-color-border-indeterminate: var(--ids-color-action-default);
738
+ --ids-checkbox-color-border-indeterminate-after: var(--ids-color-foreground-light-default);
508
739
  --ids-checkbox-border-width-indeterminate: 0 0 2px;
509
- --ids-checkbox-color-background-disabled: var(--ids-color-text-disabled);
510
- --ids-checkbox-color-border-disabled: var(--ids-input-color-text-disabled);
511
- --ids-checkbox-color-background-selected-disabled: var(--ids-color-text-disabled);
512
- --ids-checkbox-color-border-selected-disabled: var(--ids-input-color-text-disabled);
513
- --ids-checkbox-color-text-disabled: var(--ids-color-text-disabled);
514
- --ids-checkbox-color-border-focus: var(--ids-input-color-border-focus);
515
- --ids-checkbox-color-border-focus-error: var(--ids-color-error-30);
516
- --ids-checkbox-shadow-focus: var(--ids-shadow-focus);
740
+ --ids-checkbox-color-background-disabled: transparent;
741
+ --ids-checkbox-color-border-disabled: var(--ids-color-border-default);
742
+ --ids-checkbox-color-background-selected-disabled: var(--ids-color-action-default);
743
+ --ids-checkbox-color-border-selected-disabled: var(--ids-color-action-default);
744
+ --ids-checkbox-color-text-disabled: var(--ids-color-foreground-default-default);
745
+ --ids-checkbox-opacity-disabled: 0.4;
746
+ --ids-checkbox-color-border-focus: var(--ids-color-action-default);
747
+ --ids-checkbox-color-border-focus-error: var(--ids-color-error-default);
748
+ --ids-checkbox-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-action-default);
749
+ --ids-checkbox-shadow-focus-error: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-error-stronger);
517
750
  --ids-checkbox-color-background-multiselect: var(--ids-color-background-default);
518
751
  --ids-counts-color-text: var(--ids-color-text-subtle);
519
752
  --ids-counts-links-color-text: var(--ids-hyperlink-color-text-default);
@@ -525,68 +758,68 @@
525
758
  --ids-data-grid-font-size-sm: var(--ids-font-size-30);
526
759
  --ids-data-grid-cell-color-background-default: var(--ids-color-white-100);
527
760
  --ids-data-grid-cell-color-background-readonly: rgba(0 0 0 / 0.04);
528
- --ids-data-grid-cell-color-border: var(--ids-color-neutral-30);
761
+ --ids-data-grid-cell-color-border: var(--ids-color-gray-30);
529
762
  --ids-data-grid-cell-checkbox-color-border: var(--ids-input-color-border-default);
530
- --ids-data-grid-cell-color-text-default: var(--ids-color-neutral-100);
531
- --ids-data-grid-cell-color-text-disabled: var(--ids-color-neutral-40);
763
+ --ids-data-grid-cell-color-text-default: var(--ids-color-gray-100);
764
+ --ids-data-grid-cell-color-text-disabled: var(--ids-color-gray-40);
532
765
  --ids-data-grid-cell-color-background-error: rgba(232 79 79 / 0.1);
533
- --ids-data-grid-list-cell-color-border: var(--ids-color-neutral-20);
534
- --ids-data-grid-list-header-color-border: var(--ids-color-neutral-10);
535
- --ids-data-grid-list-header-color-background: var(--ids-color-neutral-10);
536
- --ids-data-grid-list-header-color-text: var(--ids-color-neutral-100);
537
- --ids-data-grid-list-header-color-icon-unsorted: var(--ids-color-neutral-30);
766
+ --ids-data-grid-list-cell-color-border: var(--ids-color-gray-20);
767
+ --ids-data-grid-list-header-color-border: var(--ids-color-gray-10);
768
+ --ids-data-grid-list-header-color-background: var(--ids-color-gray-10);
769
+ --ids-data-grid-list-header-color-text: var(--ids-color-gray-100);
770
+ --ids-data-grid-list-header-color-icon-unsorted: var(--ids-color-gray-30);
538
771
  --ids-data-grid-list-header-color-icon-sorted: var(--ids-color-white-100);
539
- --ids-data-grid-list-header-checkbox-color-background: var(--ids-color-neutral-70);
540
- --ids-data-grid-header-color-border: var(--ids-color-neutral-30);
541
- --ids-data-grid-header-color-background-default: var(--ids-color-neutral-10);
542
- --ids-data-grid-header-color-background-hover: var(--ids-color-neutral-20);
772
+ --ids-data-grid-list-header-checkbox-color-background: var(--ids-color-gray-70);
773
+ --ids-data-grid-header-color-border: var(--ids-color-gray-30);
774
+ --ids-data-grid-header-color-background-default: var(--ids-color-gray-10);
775
+ --ids-data-grid-header-color-background-hover: var(--ids-color-gray-20);
543
776
  --ids-data-grid-header-checkbox-color-background: var(--ids-color-white-100);
544
- --ids-data-grid-header-checkbox-color-border: var(--ids-color-neutral-30);
545
- --ids-data-grid-header-color-icon: var(--ids-color-neutral-100);
546
- --ids-data-grid-header-drag-background-color: var(--ids-color-neutral-30);
547
- --ids-data-grid-header-drag-arrow-color-background: var(--ids-color-neutral-90);
777
+ --ids-data-grid-header-checkbox-color-border: var(--ids-color-gray-30);
778
+ --ids-data-grid-header-color-icon: var(--ids-color-gray-100);
779
+ --ids-data-grid-header-drag-background-color: var(--ids-color-gray-30);
780
+ --ids-data-grid-header-drag-arrow-color-background: var(--ids-color-gray-90);
548
781
  --ids-data-grid-header-color-background-default-placeholder-dragging: var(--ids-color-white-100);
549
- --ids-data-grid-header-color-text: var(--ids-color-neutral-100);
550
- --ids-data-grid-header-color-icon-unsorted: var(--ids-color-neutral-50);
551
- --ids-data-grid-header-color-icon-sorted: var(--ids-color-neutral-100);
782
+ --ids-data-grid-header-color-text: var(--ids-color-gray-100);
783
+ --ids-data-grid-header-color-icon-unsorted: var(--ids-color-gray-50);
784
+ --ids-data-grid-header-color-icon-sorted: var(--ids-color-gray-100);
552
785
  --ids-data-grid-header-lg-padding: 8px var(--ids-data-grid-padding-lg);
553
786
  --ids-data-grid-header-md-padding: 8px var(--ids-data-grid-padding-md);
554
787
  --ids-data-grid-header-sm-padding: 8px var(--ids-data-grid-padding-sm);
555
788
  --ids-data-grid-header-xs-padding: 6px var(--ids-data-grid-padding-xs);
556
789
  --ids-data-grid-header-xxs-padding: 5px 2px 0 2px;
557
- --ids-data-grid-header-expander-color: var(--ids-color-neutral-90);
558
- --ids-data-grid-header-expander-color-active: var(--ids-color-neutral-100);
559
- --ids-data-grid-filter-icon-color: var(--ids-color-neutral-90);
790
+ --ids-data-grid-header-expander-color: var(--ids-color-gray-90);
791
+ --ids-data-grid-header-expander-color-active: var(--ids-color-gray-100);
792
+ --ids-data-grid-filter-icon-color: var(--ids-color-gray-90);
560
793
  --ids-data-grid-filter-icon-color-background-hover: transparent;
561
- --ids-data-grid-filter-icon-color-hover: var(--ids-color-neutral-100);
794
+ --ids-data-grid-filter-icon-color-hover: var(--ids-color-gray-100);
562
795
  --ids-data-grid-filter-input-color-background: transparent;
563
- --ids-data-grid-filter-input-color-border-default: var(--ids-color-neutral-50);
564
- --ids-data-grid-filter-input-color-text-default: var(--ids-color-neutral-100);
565
- --ids-data-grid-filter-input-color-border-hover: var(--ids-color-neutral-90);
796
+ --ids-data-grid-filter-input-color-border-default: var(--ids-color-gray-50);
797
+ --ids-data-grid-filter-input-color-text-default: var(--ids-color-gray-100);
798
+ --ids-data-grid-filter-input-color-border-hover: var(--ids-color-gray-90);
566
799
  --ids-data-grid-filter-input-color-border-focus: var(--ids-color-blue-60);
567
- --ids-data-grid-filter-input-color-border-disabled: var(--ids-color-neutral-50);
568
- --ids-data-grid-filter-input-color-text-disabled: var(--ids-color-neutral-40);
569
- --ids-data-grid-filter-input-color-background-readonly: var(--ids-color-neutral-60);
570
- --ids-data-grid-filter-input-color-border-readonly: var(--ids-color-neutral-30);
800
+ --ids-data-grid-filter-input-color-border-disabled: var(--ids-color-gray-50);
801
+ --ids-data-grid-filter-input-color-text-disabled: var(--ids-color-gray-40);
802
+ --ids-data-grid-filter-input-color-background-readonly: var(--ids-color-gray-60);
803
+ --ids-data-grid-filter-input-color-border-readonly: var(--ids-color-gray-30);
571
804
  --ids-data-grid-filter-input-color-text-readonly: var(--ids-color-white-100);
572
- --ids-data-grid-filter-input-color-text-placeholder: var(--ids-color-neutral-40);
805
+ --ids-data-grid-filter-input-color-text-placeholder: var(--ids-color-gray-40);
573
806
  --ids-data-grid-filter-input-drop-background-color: var(--ids-color-background-default);
574
807
  --ids-data-grid-row-height-xxs: 25px;
575
- --ids-data-grid-padding-xxs: var(--ids-space-20);
808
+ --ids-data-grid-padding-xxs: var(--ids-space-xxxs);
576
809
  --ids-data-grid-row-height-xs: 30px;
577
- --ids-data-grid-padding-xs: var(--ids-space-30);
810
+ --ids-data-grid-padding-xs: var(--ids-space-xxs);
578
811
  --ids-data-grid-row-height-sm: 35px;
579
- --ids-data-grid-padding-sm: var(--ids-space-40);
812
+ --ids-data-grid-padding-sm: var(--ids-space-xs);
580
813
  --ids-data-grid-row-height-md: 40px;
581
- --ids-data-grid-padding-md: var(--ids-space-50);
814
+ --ids-data-grid-padding-md: var(--ids-space-12);
582
815
  --ids-data-grid-row-height-lg: 50px;
583
- --ids-data-grid-padding-lg: var(--ids-space-60);
816
+ --ids-data-grid-padding-lg: var(--ids-space-sm);
584
817
  --ids-data-grid-row-color-background-selected: rgba(85 163 243 / 0.10);
585
- --ids-data-grid-row-alternating-color-background: var(--ids-color-neutral-10);
818
+ --ids-data-grid-row-alternating-color-background: var(--ids-color-gray-10);
586
819
  --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);
587
820
  --ids-date-picker-open-trigger-button-color-text: var(--ids-color-primary)
588
821
  --ids-date-picker-color-border: var(--ids-color-primary);
589
- --ids-date-picker-dropdown-button-color-text: var(--ids-color-neutral-100);
822
+ --ids-date-picker-dropdown-button-color-text: var(--ids-color-gray-100);
590
823
  --ids-date-picker-dropdown-color-focus: var(--ids-shadow-md);
591
824
  --ids-date-picker-color-background: var(--ids-color-white-100);
592
825
  --ids-date-picker-picklist-item-color-text-default: var(--ids-color-text-subtle);
@@ -594,119 +827,119 @@
594
827
  --ids-date-picker-item-shadow-focus: var(--ids-focus-ring-shadow);
595
828
  --ids-date-picker-picklist-item-color-text-selected: var(--ids-color-white-100);
596
829
  --ids-date-picker-picklist-item-color-background-selected: var(--ids-color-primary);
597
- --ids-date-picker-picklist-separator-color-background: var(--ids-color-neutral-30);
830
+ --ids-date-picker-picklist-separator-color-background: var(--ids-color-gray-30);
598
831
  --ids-date-picker-popup-button-primary-color-text: var(--ids-color-blue-70);
599
832
  --ids-date-picker-popup-button-primary-color-text-disabled: var(--ids-color-blue-30);
600
- --ids-date-picker-popup-button-color-border: var(--ids-color-neutral-30);
833
+ --ids-date-picker-popup-button-color-border: var(--ids-color-gray-30);
601
834
  --ids-date-picker-popup-footer-color-border: var(--ids-date-picker-popup-button-color-border);
602
- --ids-date-picker-popup-button-color-text-default: var(--ids-color-neutral-60);
603
- --ids-date-picker-popup-button-color-text-hover: var(--ids-color-neutral-100);
835
+ --ids-date-picker-popup-button-color-text-default: var(--ids-color-gray-60);
836
+ --ids-date-picker-popup-button-color-text-hover: var(--ids-color-gray-100);
604
837
  --ids-date-picker-popup-button-today-color-text: var(--ids-color-primary);
605
838
  --ids-input-dirty-indicator-color-background-dirty: var(--ids-color-orange-30);
606
839
  --ids-drawer-action-sheet-color-background: var(--ids-color-white-100);
607
- --ids-drawer-action-sheet-color-text: var(--ids-color-neutral-100);
840
+ --ids-drawer-action-sheet-color-text: var(--ids-color-gray-100);
608
841
  --ids-drawer-action-sheet-shadow: 0 0 8px rgba(0 0 0 / 0.2);
609
- --ids-drawer-app-menu-color-background: var(--ids-color-neutral-100);
842
+ --ids-drawer-app-menu-color-background: var(--ids-color-gray-100);
610
843
  --ids-drawer-app-menu-color-text: var(--ids-color-white-100);
611
844
  --ids-drawer-app-menu-shadow: 0 0 20px 1px rgba(0 0 0 / 0.75);
612
845
  --ids-drawer-width: 300px;
613
846
  --ids-dropdown-color-background-default: var(--ids-popup-color-background);
614
847
  --ids-dropdown-color-border: var(--ids-color-border-focus);
615
- --ids-dropdown-attached-color-border: var(--ids-color-neutral-30);
848
+ --ids-dropdown-attached-color-border: var(--ids-color-gray-30);
616
849
  --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);
617
- --ids-dropdown-border-radius: 0 0 var(--ids-border-radius-01) var(--ids-border-radius-01);
618
- --ids-dropdown-border-radius-opened-up: var(--ids-border-radius-01) var(--ids-border-radius-01) 0 0;
850
+ --ids-dropdown-border-radius: 0 0 var(--ids-border-radius-xxs) var(--ids-border-radius-xxs);
851
+ --ids-dropdown-border-radius-opened-up: var(--ids-border-radius-xxs) var(--ids-border-radius-xxs) 0 0;
619
852
  --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);
620
- --ids-dropdown-color-icon: var(--ids-color-neutral-100);
621
- --ids-dropdown-typeahead-color-background: var(--ids-color-neutral-10);
853
+ --ids-dropdown-color-icon: var(--ids-color-gray-100);
854
+ --ids-dropdown-typeahead-color-background: var(--ids-color-gray-10);
622
855
  --ids-dropdown-space-text: 8px;
623
- --ids-dropdown-separator-color-border: var(--ids-color-neutral-10);
856
+ --ids-dropdown-separator-color-border: var(--ids-color-gray-10);
624
857
  --ids-dropdown-separator-padding: 4px;
625
- --ids-dropdown-color-text-default: var(--ids-color-neutral-100);
858
+ --ids-dropdown-color-text-default: var(--ids-color-gray-100);
626
859
  --ids-dropdown-color-text-selected: var(--ids-color-white-100);
627
860
  --ids-dropdown-color-background-selected: var(--ids-color-primary-60);
628
- --ids-dropdown-color-background-hover: var(--ids-color-neutral-20);
629
- --ids-dropdown-group-color-text: var(--ids-color-neutral-80);
630
- --ids-dropdown-group-color-border: var(--ids-color-neutral-30);
861
+ --ids-dropdown-color-background-hover: var(--ids-color-gray-20);
862
+ --ids-dropdown-group-color-text: var(--ids-color-gray-80);
863
+ --ids-dropdown-group-color-border: var(--ids-color-gray-30);
631
864
  --ids-dropdown-group-padding: 4px;
632
865
  --ids-dropdown-font-size: var(--ids-font-size-30);
633
866
  --ids-editor-font-family: var(--ids-font-family-default);
634
867
  --ids-editor-font-size: var(--ids-font-size-40);
635
868
  --ids-editor-background-color: var(--ids-color-white-100);
636
- --ids-editor-color-border-default: var(--ids-color-neutral-40);
637
- --ids-editor-border-radius-default: var(--ids-border-radius-01);
869
+ --ids-editor-color-border-default: var(--ids-color-gray-40);
870
+ --ids-editor-border-radius-default: var(--ids-border-radius-xxs);
638
871
  --ids-editor-border-style-default: solid;
639
872
  --ids-editor-border-width-default: 1px;
640
873
  --ids-editor-outline: 0;
641
874
  --ids-editor-font-line-height: var(--ids-line-height-30);
642
- --ids-editor-padding: var(--ids-space-60);
643
- --ids-editor-color-border-hover: var(--ids-color-neutral-90);
875
+ --ids-editor-padding: var(--ids-space-sm);
876
+ --ids-editor-color-border-hover: var(--ids-color-gray-90);
644
877
  --ids-editor-color-border-focus: var(--ids-color-border-focus);
645
878
  --ids-editor-outline-focus: var(--ids-outline-none);
646
879
  --ids-editor-shadow-border-focus: var(--ids-shadow-focus);
647
880
  --ids-editor-color-border-error: var(--ids-color-error-default);
648
881
  --ids-editor-color-text-error: var(--ids-color-error-default);
649
882
  --ids-editor-shadow-error: var(--ids-shadow-error);
650
- --ids-editor-color-background-readonly: var(--ids-color-neutral-20);
883
+ --ids-editor-color-background-readonly: var(--ids-color-gray-20);
651
884
  --ids-editor-color-border-readonly: var(--ids-editor-color-border-default);
652
885
  --ids-editor-color-text-readonly: var(--ids-color-text-data);
653
- --ids-editor-source-color-background-readonly: var(--ids-color-neutral-10);
886
+ --ids-editor-source-color-background-readonly: var(--ids-color-gray-10);
654
887
  --ids-editor-color-border-disabled: var(--ids-color-text-disabled);
655
888
  --ids-editor-cursor-disabled: var(--ids-cursor-default);
656
889
  --ids-editor-color-text-disabled: var(--ids-color-text-disabled);
657
- --ids-editor-link-padding: var(--ids-space-30);
890
+ --ids-editor-link-padding: var(--ids-space-xxs);
658
891
  --ids-editor-link-color-text-link: var(--ids-color-primary);
659
892
  --ids-editor-link-color-text-hover: var(--ids-color-primary-70);
660
893
  --ids-editor-link-color-border-focus: var(--ids-color-primary);
661
- --ids-editor-link-border-radius-focus: var(--ids-border-radius-01);
894
+ --ids-editor-link-border-radius-focus: var(--ids-border-radius-xxs);
662
895
  --ids-editor-link-border-style-focus: solid;
663
896
  --ids-editor-link-border-width-focus: 1px;
664
897
  --ids-editor-link-outline-focus: var(--ids-outline-none);
665
898
  --ids-editor-shadow-focus: var(--ids-shadow-focus);
666
- --ids-editor-blockquote-border-inline-start: 2px solid var(--ids-color-neutral-40);
667
- --ids-editor-blockquote-margin-inline-start: var(--ids-space-30);
899
+ --ids-editor-blockquote-border-inline-start: 2px solid var(--ids-color-gray-40);
900
+ --ids-editor-blockquote-margin-inline-start: var(--ids-space-xxs);
668
901
  --ids-editor-blockquote-margin-inline-end: var(--ids-space-none);
669
- --ids-editor-blockquote-padding-inline-start: var(--ids-space-50);
902
+ --ids-editor-blockquote-padding-inline-start: var(--ids-space-12);
670
903
  --ids-editor-source-padding: var(--ids-space-none);
671
904
  --ids-editor-source-margin: var(--ids-space-none);
672
905
  --ids-editor-source-line-margin: var(--ids-space-none);
673
- --ids-editor-source-line-padding-block-start: var(--ids-space-60);
674
- --ids-editor-source-line-padding-inline: var(--ids-space-50);
906
+ --ids-editor-source-line-padding-block-start: var(--ids-space-sm);
907
+ --ids-editor-source-line-padding-inline: var(--ids-space-12);
675
908
  --ids-editor-source-font-line-height: var(--ids-line-height-30);
676
909
  --ids-editor-source-line-font-weight: var(--ids-font-weight-semi-bold);
677
- --ids-editor-source-color-background-default: var(--ids-color-neutral-10);
678
- --ids-editor-source-line-color-text: var(--ids-color-neutral-50);
910
+ --ids-editor-source-color-background-default: var(--ids-color-gray-10);
911
+ --ids-editor-source-line-color-text: var(--ids-color-gray-50);
679
912
  --ids-editor-textarea-color-background: transparent;
680
913
  --ids-editor-source-color-text: var(--ids-color-text-data);
681
914
  --ids-editor-source-border: none;
682
- --ids-editor-source-padding-block-start: var(--ids-space-60);
683
- --ids-editor-source-padding-inline: var(--ids-space-60);
915
+ --ids-editor-source-padding-block-start: var(--ids-space-sm);
916
+ --ids-editor-source-padding-inline: var(--ids-space-sm);
684
917
  --ids-editor-source-textarea-font-line-height: var(--ids-line-height-30);
685
918
  --ids-editor-source-textarea-outline: var(--ids-space-none);
686
- --ids-empty-message-icon-color: var(--ids-color-neutral-60);
919
+ --ids-empty-message-icon-color: var(--ids-color-gray-60);
687
920
  --ids-empty-message-color-icon-fill: transparent;
688
- --ids-empty-message-icon-margin: var(--ids-space-50);
921
+ --ids-empty-message-icon-margin: var(--ids-space-12);
689
922
  --ids-empty-message-icon-height: 80px;
690
923
  --ids-empty-message-icon-width: 80px;
691
- --ids-empty-message-label-padding: var(--ids-space-50) var(--ids-space-40);
924
+ --ids-empty-message-label-padding: var(--ids-space-12) var(--ids-space-xs);
692
925
  --ids-empty-message-label-font-size: var(--ids-font-size-50);
693
- --ids-empty-message-description-padding: var(--ids-space-none) var(--ids-space-60) var(--ids-space-60);
926
+ --ids-empty-message-description-padding: var(--ids-space-none) var(--ids-space-sm) var(--ids-space-sm);
694
927
  --ids-empty-message-description-font-align: center;
695
- --ids-empty-message-button-margin-block-end: var(--ids-space-90);
696
- --ids-expandable-area-border-bottom: 1px solid var(--ids-color-neutral-30);
697
- --ids-homepage-color-background-default: var(--ids-color-neutral-10);
698
- --ids-hierarchy-legend-color-background-default: var(--ids-color-neutral-20);
699
- --ids-hierarchy-item-leaf-color-border: var(--ids-color-neutral-30);
928
+ --ids-empty-message-button-margin-block-end: var( --ids-space-24);
929
+ --ids-expandable-area-border-bottom: 1px solid var(--ids-color-gray-30);
930
+ --ids-homepage-color-background-default: var(--ids-color-gray-10);
931
+ --ids-hierarchy-legend-color-background-default: var(--ids-color-gray-20);
932
+ --ids-hierarchy-item-leaf-color-border: var(--ids-color-gray-30);
700
933
  --ids-hierarchy-item-leaf-shadow: 0 0 8px rgba(0 0 0 / 0.1);
701
- --ids-hierarchy-item-border-radius: var(--ids-border-radius-01);
702
- --ids-hierarchy-item-leaf-before-color-border: var(--ids-color-neutral-30);
934
+ --ids-hierarchy-item-border-radius: var(--ids-border-radius-xxs);
935
+ --ids-hierarchy-item-leaf-before-color-border: var(--ids-color-gray-30);
703
936
  --ids-hierarchy-item-color-background: var(--ids-color-white-100);
704
- --ids-hierarchy-item-leaf-inside-border-left: 5px solid var(--ids-color-neutral-80);
937
+ --ids-hierarchy-item-leaf-inside-border-left: 5px solid var(--ids-color-gray-80);
705
938
  --ids-hierarchy-item-leaf-inside-shadow: none;
706
- --ids-hierarchy-item-border-default: 2px solid var(--ids-color-neutral-80);
939
+ --ids-hierarchy-item-border-default: 2px solid var(--ids-color-gray-80);
707
940
  --ids-hierarchy-item-shadow-focus: none;
708
941
  --ids-hierarchy-item-selected-leaf-shadow: 0 0 0 5px rgba(54 138 192 / 0.3);
709
- --ids-header-color-border-bottom: var(--ids-color-neutral-30);
942
+ --ids-header-color-border-bottom: var(--ids-color-gray-30);
710
943
  --ids-header-color-background: var(--ids-color-white-100);
711
944
  --ids-header-color-text: var(--ids-color-text-default);
712
945
  --ids-header-button-color-text-default: var(--ids-button-tertiary-color-text-default);
@@ -721,16 +954,17 @@
721
954
  --ids-header-gradient-opacity-full: rgb(0 114 237 / 0);
722
955
  --ids-header-alternate-color-background: var(--ids-color-primary);
723
956
  --ids-header-alternate-color-text: var(--ids-color-white-100);
724
- --ids-hyperlink-border-radius: var(--ids-border-radius-02);
957
+ --ids-hyperlink-color-text-default: var(--ids-color-action-default);
958
+ --ids-hyperlink-color-text-hover: var(--ids-color-action-stronger);
959
+ --ids-hyperlink-color-text-visited: var(--ids-color-accent-purple-strong);
960
+ --ids-hyperlink-color-text-disabled: var(--ids-color-foreground-default-disabled);
961
+ --ids-hyperlink-border-radius: var(--ids-border-radius-xs);
725
962
  --ids-hyperlink-cursor: var(--ids-cursor-pointer);
726
963
  --ids-hyperlink-font-size: var(--ids-font-size-40);
727
964
  --ids-hyperlink-font-weight: var(--ids-font-weight-normal);
728
- --ids-hyperlink-color-text-default: var(--ids-color-primary);
729
- --ids-hyperlink-color-text-hover: var(--ids-color-primary-70);
730
- --ids-hyperlink-color-text-disabled: var(--ids-color-neutral-40);
731
- --ids-hyperlink-box-icon-color-text-default: var(--ids-color-purple-70);
732
- --ids-hyperlink-box-color-text-default: var(--ids-color-neutral-70);
733
- --ids-hyperlink-box-color-border-default: var(--ids-color-neutral-70);
965
+ --ids-hyperlink-box-icon-color-text-default: var(--ids-color-accent-purple-strong);
966
+ --ids-hyperlink-box-color-text-default: var(--ids-color-gray-70);
967
+ --ids-hyperlink-box-color-border-default: var(--ids-color-gray-70);
734
968
  --ids-hyperlink-box-height: 136px;
735
969
  --ids-hyperlink-box-width: 155px;
736
970
  --ids-hyperlink-box-width-double: 323px;
@@ -750,33 +984,37 @@
750
984
  --ids-icon-status-color-green-color-background: var(--ids-color-green-10);
751
985
  --ids-icon-status-color-blue-color-text: var(--ids-color-blue-60);
752
986
  --ids-icon-status-color-blue-color-background: var(--ids-color-blue-10);
987
+ --ids-icon-status-color-yellow-color-text: var(--ids-color-yellow-60);
988
+ --ids-icon-status-color-yellow-color-background: var(--ids-color-yellow-10);
753
989
  --ids-icon-status-color-teal-color-text: var(--ids-color-teal-60);
754
990
  --ids-icon-status-color-teal-color-background: var(--ids-color-teal-10);
755
991
  --ids-icon-status-color-purple-color-text: var(--ids-color-purple-60);
756
992
  --ids-icon-status-color-purple-color-background: var(--ids-color-purple-10);
757
- --ids-icon-status-color-neutral-color-text: var(--ids-color-neutral-60);
758
- --ids-icon-status-color-neutral-color-background: var(--ids-color-neutral-10);
993
+ --ids-icon-status-color-gray-color-text: var(--ids-color-gray-60);
994
+ --ids-icon-status-color-gray-color-background: var(--ids-color-gray-10);
759
995
  --ids-icon-status-color-error-color-text: var(--ids-color-error-default);
760
- --ids-icon-status-color-error-color-background: var(--ids-color-error-10);
996
+ --ids-icon-status-color-error-color-background: var(--ids-color-error-weak);
761
997
  --ids-icon-status-color-warning-color-text: var(--ids-color-warning-default);
762
- --ids-icon-status-color-warning-color-background: var(--ids-color-warning-10);
998
+ --ids-icon-status-color-warning-color-background: var(--ids-color-warning-weak);
763
999
  --ids-icon-status-color-success-color-text: var(--ids-color-success-default);
764
- --ids-icon-status-color-success-color-background: var(--ids-color-success-10);
765
- --ids-icon-status-color-alert-color-text: var(--ids-color-alert-default);
766
- --ids-icon-status-color-alert-color-background: var(--ids-color-alert-10);
1000
+ --ids-icon-status-color-success-color-background: var(--ids-color-success-weak);
767
1001
  --ids-icon-status-color-info-color-text: var(--ids-color-info-default);
768
- --ids-icon-status-color-info-color-background: var(--ids-color-info-10);
769
- --ids-image-color-border-focus: var(--ids-color-border-focus);
770
- --ids-image-shadow-focus: var(--ids-shadow-30);
771
- --ids-image-color-border-default: var(--ids-color-text-disabled);
1002
+ --ids-icon-status-color-info-color-background: var(--ids-color-info-weak);
1003
+ --ids-icon-status-color-caution-color-text: var(--ids-color-caution-default);
1004
+ --ids-icon-status-color-caution-color-background: var(--ids-color-caution-weak);
1005
+ --ids-image-border-radius: var(--ids-border-radius-circle);
1006
+ --ids-image-color-border-focus: var(--ids-color-action-default);
1007
+ --ids-image-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-action-stronger);
1008
+ --ids-image-color-border-default: var(--ids-color-border-weaker);
772
1009
  --ids-image-color-text: var(--ids-color-text-subtle);
773
1010
  --ids-image-initials-border-radius: var(--ids-border-radius-circle);
774
- --ids-image-initials-color-background: var(--ids-color-purple-50);
1011
+ --ids-image-initials-color-background: var(--ids-color-accent-purple-strong);
775
1012
  --ids-image-placeholder-color-background: var(--ids-color-background-default);
1013
+ --ids-image-placeholder-border-radius: var(--ids-border-radius-xxs);
776
1014
  --ids-image-status-available-color-background: var(--ids-color-success-default);
777
1015
  --ids-image-status-busy-color-background: var(--ids-color-error-default);
778
- --ids-image-status-away-color-background: var(--ids-color-warning-default);
779
- --ids-image-status-unknown-color-background: var(--ids-color-text-disabled);
1016
+ --ids-image-status-away-color-background: var(--ids-color-caution-default);
1017
+ --ids-image-status-unknown-color-background: var(--ids-color-accent-gray-default);
780
1018
  --ids-input-width-10: 75px;
781
1019
  --ids-input-width-20: 150px;
782
1020
  --ids-input-width-30: 225px;
@@ -791,54 +1029,69 @@
791
1029
  --ids-input-label-font-size: var(--ids-font-size-30);
792
1030
  --ids-input-font-size: var(--ids-font-size-40);
793
1031
  --ids-input-font-size-sm: var(--ids-font-size-40);
794
- --ids-input-color-background-default: var(--ids-color-white-100);
795
- --ids-input-color-border-default: var(--ids-color-neutral-50);
796
- --ids-input-color-text: var(--ids-color-text-data);
797
- --ids-input-color-text-placeholder: var(--ids-color-neutral-50);
798
- --ids-input-label-color-text-default: var(--ids-color-text-label);
799
- --ids-input-color-border-readonly: var(--ids-color-neutral-40);
800
- --ids-input-color-text-readonly: var(--ids-color-text-data);
801
- --ids-input-color-background-readonly: var(--ids-color-neutral-20);
802
- --ids-input-color-text-disabled: var(--ids-color-text-disabled);
803
- --ids-input-color-border-disabled: var(--ids-color-text-disabled);
804
- --ids-input-color-border-hover: var(--ids-color-neutral-90);
805
- --ids-input-color-border-focus: var(--ids-color-border-focus);
806
- --ids-input-header-color-text-default: var(--ids-color-neutral-100);
1032
+ --ids-input-color-background-default: var(--ids-color-background-default);
1033
+ --ids-input-color-border-default: var(--ids-color-border-default);
1034
+ --ids-input-color-text-default: var(--ids-color-foreground-default-default);
1035
+ --ids-input-color-text-app-menu: var(--ids-color-white-100);
1036
+ --ids-input-color-text-placeholder: var(--ids-color-foreground-default-tertiary);
1037
+ --ids-input-label-color-text-default: var(--ids-color-foreground-default-default);
1038
+ --ids-input-color-border-readonly: var(--ids-color-border-weak);
1039
+ --ids-input-color-text-readonly: var(--ids-color-border-weak);
1040
+ --ids-input-color-background-readonly: var(--ids-color-accent-gray-weaker);
1041
+ --ids-input-color-text-disabled: var(--ids-color-foreground-default-default);
1042
+ --ids-input-color-border-disabled: var(--ids-color-border-default);
1043
+ --ids-input-label-color-text-disabled: var(--ids-color-foreground-default-default);
1044
+ --ids-input-disabled-opacity: 0.4;
1045
+ --ids-input-color-border-hover: var(--ids-color-border-strong);
1046
+ --ids-input-color-border-focus: var(--ids-color-action-default);
1047
+ --ids-input-color-border-shadow: var(--ids-shadow-focus);
1048
+ --ids-input-header-color-text-default: var(--ids-color-gray-100);
807
1049
  --ids-input-header-color-text-placeholder: rgba(62 62 66 / 0.7);
808
1050
  --ids-input-header-color-background: var(--ids-color-text-on-primary);
809
1051
  --ids-input-header-color-border: rgba(62 62 66 / 0.7);
810
- --ids-input-color-text-default: var(--ids-color-white-100);
811
- --ids-input-color-border-alert-default: var(--ids-color-warning-80);
812
- --ids-input-color-text-alert-default: var(--ids-color-warning-80);
1052
+ --ids-input-color-border-alert-default: var(--ids-color-orange-80);
1053
+ --ids-input-color-text-alert-default: var(--ids-color-orange-80);
813
1054
  --ids-input-shadow-alert-focus: var(--ids-color-shadow-warning);
814
- --ids-input-color-border-alert-disabled: var(--ids-color-warning-30);
815
- --ids-input-color-text-alert-disabled: var(--ids-color-warning-30);
816
- --ids-input-color-border-error-default: var(--ids-color-error-60);
817
- --ids-input-error-color-text-error-default: var(--ids-color-error-60);
818
- --ids-input-color-shadow-error-focus: var(--ids-color-shadow-error);
819
- --ids-input-color-border-error-disabled: var(--ids-color-error-30);
820
- --ids-input-error-color-text-error-disabled: var(--ids-color-error-30);
821
- --ids-input-color-border-info-default: var(--ids-color-info-70);
822
- --ids-input-color-text-info-default: var(--ids-color-info-70);
823
- --ids-input-shadow-info-focus: var( --ids-color-shadow-info);
824
- --ids-input-color-border-info-disabled: var(--ids-color-info-30);
825
- --ids-input-color-text-info-disabled: var(--ids-color-info-30);
826
- --ids-input-color-border-success-default: var(--ids-color-success-80);
827
- --ids-input-color-text-success-default: var(--ids-color-success-80);
828
- --ids-input-shadow-success-focus: var( --ids-color-shadow-success);
829
- --ids-input-color-border-success-disabled: var(--ids-color-success-30);
830
- --ids-input-color-text-success-disabled: var(--ids-color-success-30);
831
- --ids-layout-grid-color-background: var(--ids-color-neutral-20);
832
- --ids-layout-grid-color-text: var(--ids-color-text);
833
- --ids-list-builder-border: 1px solid var(--ids-color-neutral-40);
834
- --ids-list-builder-border-radius: var(--ids-border-radius-01);
1055
+ --ids-input-color-border-alert-disabled: var(--ids-color-orange-30);
1056
+ --ids-input-color-text-alert-disabled: var(--ids-color-orange-30);
1057
+ --ids-input-color-border-error-default: var(--ids-color-error-default);
1058
+ --ids-input-error-color-text-error-default: var(--ids-color-error-default);
1059
+ --ids-input-color-shadow-error-focus: rgba(218 18 23 / 0.3);
1060
+ --ids-input-color-border-error-disabled: var(--ids-color-red-30);
1061
+ --ids-input-error-color-text-error-disabled: var(--ids-color-red-30);
1062
+ --ids-input-color-border-info-default: var(--ids-color-info-default);
1063
+ --ids-input-color-text-info-default: var(--ids-color-info-strong);
1064
+ --ids-input-shadow-info-focus: rgba(0 102 212 / 0.3);
1065
+ --ids-input-color-border-info-disabled: var(--ids-color-blue-30);
1066
+ --ids-input-color-text-info-disabled: var(--ids-color-blue-30);
1067
+ --ids-input-color-border-success-default: var(--ids-color-success-default);
1068
+ --ids-input-color-text-success-default: var(--ids-color-green-80);
1069
+ --ids-input-shadow-success-focus: rgba(42 195 113 / 0.3);
1070
+ --ids-input-color-border-success-disabled: var(--ids-color-green-30);
1071
+ --ids-input-color-text-success-disabled: var(--ids-color-green-30);
1072
+ --ids-lookup-result-count-font-size: var(--ids-font-size-40);
1073
+ --ids-lookup-result-count-margin: 0 8px;
1074
+ --ids-link-list-title-color-text-default: var(--ids-color-gray-100);
1075
+ --ids-link-list-top-margin: -3px;
1076
+ --ids-link-list-item-margin: 12px;
1077
+ --ids-link-list-title-bottom-margin: 20px;
1078
+ --ids-line-height-none: 0;
1079
+ --ids-line-height-default: normal;
1080
+ --ids-line-height-10: 1;
1081
+ --ids-line-height-20: 1.25;
1082
+ --ids-line-height-30: 1.5;
1083
+ --ids-line-height-40: 2;
1084
+ --ids-layout-grid-color-background: var(--ids-color-gray-20);
1085
+ --ids-layout-grid-color-text: var(--ids-color-text-default);
1086
+ --ids-list-builder-border: 1px solid var(--ids-color-gray-40);
1087
+ --ids-list-builder-border-radius: var(--ids-border-radius-xxs);
835
1088
  --ids-list-builder-color-background: rgba(71 71 76 / 0.3);
836
1089
  --ids-list-builder-border-width: 0;
837
1090
  --ids-list-builder-input-height: var(--ids-size-10);
838
1091
  --ids-list-builder-input-text-color: var(--ids-color-white-100);
839
1092
  --ids-list-builder-input-padding: var(--ids-space-none);
840
1093
  --ids-list-builder-item-border: 1px solid transparent;
841
- --ids-list-builder-item-padding: var(--ids-space-50) var(--ids-space-70);
1094
+ --ids-list-builder-item-padding: var(--ids-space-12) var(--ids-space-20);
842
1095
  --ids-list-builder-item-height: var(--ids-size-50);
843
1096
  --ids-list-builder-item-line-height: 23px;
844
1097
  --ids-list-builder-item-height-min: var(--ids-size-40);
@@ -851,19 +1104,19 @@
851
1104
  --ids-list-view-color-border-focus: var(--ids-color-blue-40);
852
1105
  --ids-list-view-item-color-background-default: var(--ids-color-white-100);
853
1106
  --ids-list-view-item-border: 1px solid transparent;
854
- --ids-list-view-item-color-border-top: var(--ids-color-neutral-20);
855
- --ids-list-view-item-padding: var(--ids-space-50) var(--ids-space-70);
1107
+ --ids-list-view-item-color-border-top: var(--ids-color-gray-20);
1108
+ --ids-list-view-item-padding: var(--ids-space-12) var(--ids-space-20);
856
1109
  --ids-list-view-item-color-border-focus: var(--ids-color-blue-40);
857
1110
  --ids-list-view-item-shadow-focus: 0 0 4px 1px rgb(54 138 192 / 0.3);
858
1111
  --ids-list-view-item-outline-focus: none;
859
- --ids-list-view-item-color-text-disabled: var(--ids-color-neutral-30);
1112
+ --ids-list-view-item-color-text-disabled: var(--ids-color-gray-30);
860
1113
  --ids-list-view-item-color-border-disabled-focus: transparent;
861
- --ids-list-view-item-top-color-border-disabled-focus: var(--ids-color-neutral-20);
1114
+ --ids-list-view-item-top-color-border-disabled-focus: var(--ids-color-gray-20);
862
1115
  --ids-list-view-item-shadow-disabled-focus: none;
863
- --ids-list-view-item-color-background-disabled: var(--ids-color-neutral-30);
864
- --ids-list-view-item-color-border-disabled: var(--ids-color-neutral-30);
1116
+ --ids-list-view-item-color-background-disabled: var(--ids-color-gray-30);
1117
+ --ids-list-view-item-color-border-disabled: var(--ids-color-gray-30);
865
1118
  --ids-list-view-item-badge-color-text-disabled: var(--ids-color-white-100);
866
- --ids-list-view-item-color-text-link-disabled: var(--ids-color-neutral-30);
1119
+ --ids-list-view-item-color-text-link-disabled: var(--ids-color-gray-30);
867
1120
  --ids-list-view-item-opacity-disabled: 0.5;
868
1121
  --ids-list-view-color-background-selected: var(--ids-color-blue-10);
869
1122
  --ids-loading-indicator-height: 6px;
@@ -876,30 +1129,29 @@
876
1129
  --ids-loading-indicator-primary-destructive-overall-color-border: var(--ids-color-red-20);
877
1130
  --ids-loading-indicator-destructive-progress-color-border: var(--ids-color-red-60);
878
1131
  --ids-loading-indicator-tertiary-destructive-color-border: var(--ids-color-red-30);
879
- --ids-masthead-color-background: var(--ids-color-neutral-100);
880
- --ids-masthead-color-text: var(--ids-color-neutral-10);
881
- --ids-masthead-padding-inline: var(--ids-space-40);
1132
+ --ids-masthead-color-background: var(--ids-color-gray-100);
1133
+ --ids-masthead-color-text: var(--ids-color-gray-10);
1134
+ --ids-masthead-padding-inline: var(--ids-space-xs);
882
1135
  --ids-masthead-height: 40px;
883
- --ids-masthead-logo-padding-icon-inline: var(--ids-space-20);
1136
+ --ids-masthead-logo-padding-icon-inline: var(--ids-space-xxxs);
884
1137
  --ids-masthead-logo-top-space-icon: 2px;
885
- --ids-masthead-title-margin-inline: var(--ids-space-40);
1138
+ --ids-masthead-title-margin-inline: var(--ids-space-xs);
886
1139
  --ids-masthead-color-hover: var(--ids-color-white-100);
887
1140
  --ids-menu-header-font-weight: var(--ids-font-weight-semibold);
888
- --ids-menu-header-margin: var(--ids-space-30);
889
- --ids-menu-header-padding: var(--ids-space-30);
1141
+ --ids-menu-header-margin: var(--ids-space-xxs);
1142
+ --ids-menu-header-padding: var(--ids-space-xxs);
890
1143
  --ids-menu-header-font-size: var(--ids-font-size-20);
891
- --ids-menu-header-color-text: var(--ids-color-neutral-70);
1144
+ --ids-menu-header-color-text: var(--ids-color-gray-70);
892
1145
  --ids-menu-header-icon-padding: 38px;
893
1146
  --ids-menu-item-width-min: 110px;
894
1147
  --ids-menu-item-font-size: var(--ids-font-size-40);
895
- --ids-menu-item-padding-inline-start: 12px;
896
- --ids-menu-item-padding: 8px 8px 8px var(--ids-menu-item-padding-inline-start);
897
- --ids-menu-item-color-text-disabled: var(--ids-color-neutral-30);
898
- --ids-menu-item-highlight-color: var(--ids-color-neutral-20);
899
- --ids-menu-item-color-text-default: var(--ids-color-neutral-100);
1148
+ --ids-menu-item-padding: 8px 8px;
1149
+ --ids-menu-item-color-text-disabled: var(--ids-color-gray-30);
1150
+ --ids-menu-item-highlight-color: var(--ids-color-gray-20);
1151
+ --ids-menu-item-color-text-default: var(--ids-color-foreground-default-default);
900
1152
  --ids-menu-check-color-default: var(--ids-color-primary);
901
1153
  --ids-menu-check-color-disabled: var(--ids-color-text-disabled);
902
- --ids-message-color-text: var(--ids-color-text);
1154
+ --ids-message-color-text: var(--ids-color-text-default);
903
1155
  --ids-message-color-icon-error: var(--ids-color-error-default);
904
1156
  --ids-message-color-icon-warning: var(--ids-color-warning-default);
905
1157
  --ids-message-color-icon-success: var(--ids-color-success-default);
@@ -907,40 +1159,40 @@
907
1159
  --ids-modal-color-background: var(--ids-popup-color-background);
908
1160
  --ids-modal-color-border: var(--ids-popup-color-border);
909
1161
  --ids-modal-shadow-default: var(--ids-popup-menu-shadow-default);
910
- --ids-modal-color-text: var(--ids-color-text);
911
- --ids-modal-border-radius: var(--ids-border-radius-01);
1162
+ --ids-modal-color-text: var(--ids-color-text-default);
1163
+ --ids-modal-border-radius: var(--ids-border-radius-xxs);
912
1164
  --ids-modal-padding: 0;
913
- --ids-modal-header-padding: 16px;
914
- --ids-modal-content-padding: 16px 16px 0px 16px;
915
- --ids-modal-footer-margin: 16px 0 0 0;
916
- --ids-modal-footer-color-border: var(--ids-color-neutral-30);
1165
+ --ids-modal-header-padding: var(--ids-space-sm);
1166
+ --ids-modal-content-padding: var(--ids-space-sm) var(--ids-space-sm) 0px var(--ids-space-sm);
1167
+ --ids-modal-footer-margin: var(--ids-space-sm) 0 0 0;
1168
+ --ids-modal-footer-color-border: var(--ids-color-gray-30);
917
1169
  --ids-modal-button-color-default: var(--ids-color-primary);
918
1170
  --ids-modal-button-color-hover: var(--ids-color-primary-80);
919
1171
  --ids-modal-shadow-focus: 0 0 3px 1px var(--ids-color-primary);
920
- --ids-module-nav-background-color: var(--ids-color-neutral-10);
921
- --ids-module-nav-border-color: var(--ids-color-neutral-30);
1172
+ --ids-module-nav-background-color: var(--ids-color-gray-10);
1173
+ --ids-module-nav-border-color: var(--ids-color-gray-30);
922
1174
  --ids-module-nav-common-border-radius: 8px;
923
1175
  --ids-module-nav-collapsed-size: 56px;
924
1176
  --ids-module-nav-gutter-size: 4px;
925
1177
  --ids-module-nav-expanded-size: 320px;
926
- --ids-module-nav-text-color: var(--ids-color-neutral-60);
1178
+ --ids-module-nav-text-color: var(--ids-color-gray-60);
927
1179
  --ids-module-nav-bar-z-index: var(--ids-z-index-20);
928
1180
  --ids-module-nav-content-z-index: var(--ids-z-index-0);
929
1181
  --ids-module-nav-content-overlay-z-index: var(--ids-z-index-10);
930
1182
  --ids-module-nav-bar-padding-top: 5px;
931
- --ids-module-nav-detail-background-color: var(--ids-color-neutral-20);
1183
+ --ids-module-nav-detail-background-color: var(--ids-color-gray-20);
932
1184
  --ids-module-nav-detail-size: 300px;
933
1185
  --ids-module-nav-accordion-gutter-size: 8px;
934
- --ids-module-nav-separator-color: var(--ids-color-neutral-20);
1186
+ --ids-module-nav-separator-color: var(--ids-color-gray-20);
935
1187
  --ids-module-nav-separator-expanded-edge-distance: 22px;
936
1188
  --ids-module-nav-input-border-width: 1px;
937
1189
  --ids-module-nav-input-padding-inline-start-size: 10px;
938
1190
  --ids-module-nav-input-bg-color: var(--ids-color-white-100);
939
- --ids-module-nav-input-border-color: var(--ids-color-neutral-20);
940
- --ids-module-nav-input-text-color: var(--ids-color-neutral-60);
1191
+ --ids-module-nav-input-border-color: var(--ids-color-gray-20);
1192
+ --ids-module-nav-input-text-color: var(--ids-color-gray-60);
941
1193
  --ids-module-nav-search-input-width: calc(var(--ids-module-nav-detail-size) + 2px);
942
- --ids-module-nav-input-focus-bg-color: var(--ids-color-neutral-10);
943
- --ids-module-nav-input-hover-bg-color: var(--ids-color-neutral-20);
1194
+ --ids-module-nav-input-focus-bg-color: var(--ids-color-gray-10);
1195
+ --ids-module-nav-input-hover-bg-color: var(--ids-color-gray-20);
944
1196
  --ids-module-nav-item-height: 40px;
945
1197
  --ids-module-nav-item-padding-size: 13px;
946
1198
  --ids-module-nav-item-margin-block: 4px;
@@ -953,10 +1205,10 @@
953
1205
  --ids-module-nav-item-display-icon-collapsed-margin: 10px;
954
1206
  --ids-module-nav-item-collapsed-general-spacing-size: 4px;
955
1207
  --ids-module-nav-item-collapsed-first-last-spacing-size: 8px;
956
- --ids-module-nav-item-expanded-icon-text-spacing-size: 16px;
957
- --ids-module-nav-item-text-color: var(--ids-color-neutral-100);
958
- --ids-module-nav-item-hover-bg-color: var(--ids-color-neutral-20);
959
- --ids-module-nav-item-hover-text-color: var(--ids-color-neutral-100);
1208
+ --ids-module-nav-item-expanded-icon-text-spacing-size: var(--ids-space-sm);
1209
+ --ids-module-nav-item-text-color: var(--ids-color-gray-100);
1210
+ --ids-module-nav-item-hover-bg-color: var(--ids-color-gray-20);
1211
+ --ids-module-nav-item-hover-text-color: var(--ids-color-gray-100);
960
1212
  --ids-module-nav-item-selected-bg-color: var(--ids-color-blue-10);
961
1213
  --ids-module-nav-item-selected-text-color: var(--ids-color-blue-70);
962
1214
  --ids-module-nav-item-top-expander-size: 31px;
@@ -968,40 +1220,40 @@
968
1220
  --ids-module-nav-switcher-dropdown-width: 260px;
969
1221
  --ids-module-nav-switcher-dropdown-item-margin-block: 4px;
970
1222
  --ids-module-nav-switcher-dropdown-item-height: 48px;
971
- --ids-module-nav-switcher-dropdown-bg-color: var(--ids-color-neutral-10);
972
- --ids-module-nav-switcher-dropdown-item-focus-bg-color: var(--ids-color-neutral-20);
973
- --ids-module-nav-switcher-dropdown-item-text-color: var(--ids-color-neutral-60);
1223
+ --ids-module-nav-switcher-dropdown-bg-color: var(--ids-color-gray-10);
1224
+ --ids-module-nav-switcher-dropdown-item-focus-bg-color: var(--ids-color-gray-20);
1225
+ --ids-module-nav-switcher-dropdown-item-text-color: var(--ids-color-gray-60);
974
1226
  --ids-module-nav-switcher-dropdown-icon-top-offset: 11px;
975
1227
  --ids-module-nav-search-wrapper-height: 40px;
976
1228
  --ids-module-nav-search-input-height: 40px;
977
1229
  --ids-module-nav-search-input-icon-y-offset: 20px;
978
- --ids-module-nav-search-input-bg-color: var(--ids-color-neutral-20);
979
- --ids-module-nav-search-input-text-color: var(--ids-color-neutral-80);
1230
+ --ids-module-nav-search-input-bg-color: var(--ids-color-gray-20);
1231
+ --ids-module-nav-search-input-text-color: var(--ids-color-gray-80);
980
1232
  --ids-module-nav-search-input-focused-bg-color: var(--ids-color-white-100);
981
- --ids-module-nav-search-input-focused-text-color: var(--ids-color-neutral-100);
982
- --ids-module-nav-search-input-placeholder-text-color: var(--ids-color-neutral-100);
983
- --ids-module-nav-search-input-focused-placeholder-text-color: var(--ids-color-neutral-40);
1233
+ --ids-module-nav-search-input-focused-text-color: var(--ids-color-gray-100);
1234
+ --ids-module-nav-search-input-placeholder-text-color: var(--ids-color-gray-100);
1235
+ --ids-module-nav-search-input-focused-placeholder-text-color: var(--ids-color-gray-40);
984
1236
  --ids-module-nav-search-close-icon-x-offset: 12px;
985
1237
  --ids-module-nav-settings-menu-box-shadow: 0 0 8px 1px rgba(0 0 0 / 0.08);
986
1238
  --ids-module-nav-settings-menu-item-height: 40px;
987
- --ids-module-nav-settings-menu-item-text-color: var(--ids-color-neutral-80);
988
- --ids-module-nav-settings-menu-item-icon-color: var(--ids-color-neutral-70);
1239
+ --ids-module-nav-settings-menu-item-text-color: var(--ids-color-gray-80);
1240
+ --ids-module-nav-settings-menu-item-icon-color: var(--ids-color-gray-70);
989
1241
  --ids-module-nav-settings-menu-min-width: 300px;
990
- --ids-module-nav-settings-menu-separator-color: var(--ids-color-neutral-10);
1242
+ --ids-module-nav-settings-menu-separator-color: var(--ids-color-gray-10);
991
1243
  --ids-module-nav-settings-menu-gutter-size: 8px;
992
1244
  --ids-module-nav-footer-gutter-size: 8px;
993
1245
  --ids-calendar-month-view-color-background-default: var(--ids-color-white-100);
994
- --ids-calendar-month-view-color-border: var(--ids-color-neutral-20);
995
- --ids-calendar-month-view-color-text-alternate: var(--ids-color-neutral-40);
1246
+ --ids-calendar-month-view-color-border: var(--ids-color-gray-20);
1247
+ --ids-calendar-month-view-color-text-alternate: var(--ids-color-gray-40);
996
1248
  --ids-calendar-month-view-color-background-hover: rgb(240 240 240 / 0.5);
997
- --ids-calendar-month-view-color-background-selected: var(--ids-color-neutral-10);
1249
+ --ids-calendar-month-view-color-background-selected: var(--ids-color-gray-10);
998
1250
  --ids-calendar-month-view-color-selected: var(--ids-color-primary);
999
- --ids-calendar-month-view-color-background-disabled: var(--ids-color-neutral-20);
1251
+ --ids-calendar-month-view-color-background-disabled: var(--ids-color-gray-20);
1000
1252
  --ids-calendar-month-view-legend-color-text: var(--ids-calendar-month-view-color-text-default);
1001
- --ids-calendar-month-view-color-text-default: var(--ids-color-neutral-80);
1253
+ --ids-calendar-month-view-color-text-default: var(--ids-color-gray-80);
1002
1254
  --ids-calendar-month-view-weekday-color-text: var(--ids-calendar-month-view-color-text-default);
1003
1255
  --ids-month-view-week-number-text-color: var(--ids-calendar-month-view-color-text-compact);
1004
- --ids-calendar-month-view-color-text-compact: var(--ids-color-neutral-40);
1256
+ --ids-calendar-month-view-color-text-compact: var(--ids-color-gray-40);
1005
1257
  --ids-calendar-month-view-day-color-background-compact-hover: var(--ids-calendar-month-view-color-border);
1006
1258
  --ids-calendar-month-view-weekday-color-text-compact-hover: var(--ids-calendar-month-view-color-text-default);
1007
1259
  --ids-calendar-month-view-day-color-background-compact-selected: var(--ids-color-primary);
@@ -1009,77 +1261,77 @@
1009
1261
  --ids-calendar-month-view-range-color-background-compact: var(--ids-calendar-month-view-color-border);
1010
1262
  --ids-calendar-month-view-range-color-background-compact-selected: var(--ids-color-primary);
1011
1263
  --ids-calendar-month-view-range-color-text-compact-selected: var(--ids-color-white-100);
1012
- --ids-calendar-month-view-today-color-border-compact: var(--ids-color-neutral-30);
1264
+ --ids-calendar-month-view-today-color-border-compact: var(--ids-color-gray-30);
1013
1265
  --ids-calendar-month-view-weekday-color-text-compact: var(--ids-calendar-month-view-color-text-default);
1014
1266
  --ids-multiselect-font-size: var(--ids-font-size-30);
1015
1267
  --ids-notification-badge-size: 6px;
1016
- --ids-notification-badge-border-radius: var(--ids-border-radius-02);
1268
+ --ids-notification-badge-border-radius: var(--ids-border-radius-xs);
1017
1269
  --ids-notification-badge-error-color-background: var(--ids-color-error-default);
1018
1270
  --ids-notification-badge-info-color-background: var(--ids-color-info-default);
1019
1271
  --ids-notification-badge-success-color-background: var(--ids-color-success-default);
1020
1272
  --ids-notification-badge-warning-color-background: var(--ids-color-warning-default);
1021
1273
  --ids-notification-banner-height: var(--ids-size-50);
1022
- --ids-notification-banner-padding: var(--ids-space-40);
1274
+ --ids-notification-banner-padding: var(--ids-space-xs);
1023
1275
  --ids-notification-banner-color-text: var(--ids-color-text-subtle);
1024
- --ids-notification-banner-button-padding: var(--ids-space-20);
1276
+ --ids-notification-banner-button-padding: var(--ids-space-xxxs);
1025
1277
  --ids-notification-banner-button-color-background-hover: rgb(0 0 0 / .1);
1026
- --ids-notification-banner-success-color-background: var(--ids-color-success-10);
1027
- --ids-notification-banner-warning-color-background: var(--ids-color-warning-10);
1028
- --ids-notification-banner-info-color-background: var(--ids-color-info-10);
1029
- --ids-notification-banner-error-color-background: var(--ids-color-error-10);
1278
+ --ids-notification-banner-success-color-background: var(--ids-color-success-weak);
1279
+ --ids-notification-banner-warning-color-background: var(--ids-color-warning-weak);
1280
+ --ids-notification-banner-info-color-background: var(--ids-color-info-weak);
1281
+ --ids-notification-banner-error-color-background: var(--ids-color-error-weak);
1030
1282
  --ids-overlay-background-color: 0 0 0;
1031
1283
  --ids-overlay-page-background-color: 255 255 255;
1032
1284
  --ids-chart-pie-font-family: var(--ids-font-family-default);
1033
1285
  --ids-chart-pie-font-size: var(--ids-font-size-10);
1034
1286
  --ids-chart-pie-color-text: var(--ids-color-text-label);
1035
1287
  --ids-popup-arrow-size: 8px;
1036
- --ids-popup-color-background: var(--ids-color-white-100);
1037
- --ids-popup-color-border: var(--ids-color-neutral-30);
1038
- --ids-popup-padding: var(--ids-space-50);
1039
- --ids-popup-shadow: 0 2px 5px rgba(0 0 0 / 0.2);
1288
+ --ids-popup-color-background: var(--ids-color-background-elevated);
1289
+ --ids-popup-color-border: var(--ids-color-border-weak);
1290
+ --ids-popup-padding: var(--ids-space-08);
1291
+ --ids-popup-shadow: 0px 0px 8px 0px rgba(0 0 0 / 0.10);
1040
1292
  --ids-popup-menu-color-background-default: var(--ids-popup-color-background);
1041
1293
  --ids-popup-menu-color-border-default: var(--ids-popup-color-border);
1042
- --ids-popup-menu-padding: var(--ids-space-30);
1043
- --ids-popup-menu-color-text-default: var(--ids-color-neutral-80);
1294
+ --ids-popup-menu-padding: var(--ids-space-xxs);
1295
+ --ids-popup-menu-color-text-default: var(--ids-color-gray-80);
1044
1296
  --ids-popup-menu-font-size: var(--ids-font-size-30);
1045
- --ids-popup-menu-border-radius: var(--ids-border-radius-01);
1297
+ --ids-popup-menu-border-radius: var(--ids-border-radius-xxs);
1046
1298
  --ids-popup-menu-shadow-default: var(--ids-popup-shadow);
1047
- --ids-popup-menu-color-background-inverse: var(--ids-color-neutral-100);
1048
- --ids-popup-menu-color-border-inverse: var(--ids-color-neutral-10);
1299
+ --ids-popup-menu-color-background-inverse: var(--ids-color-gray-100);
1300
+ --ids-popup-menu-color-border-inverse: var(--ids-color-gray-10);
1049
1301
  --ids-popup-menu-shadow-inverse: 0 2px 5px rgba(0 0 0 / 0.2);
1050
1302
  --ids-popup-menu-color-text-inverse: var(--ids-color-white-100);
1051
1303
  --ids-progress-bar-color-text-disabled: var(--ids-color-text-disabled);
1052
1304
  --ids-progress-bar-color-background-disabled: var(--ids-color-text-disabled);
1053
- --ids-progress-bar-color-border: var(--ids-color-neutral-70);
1305
+ --ids-progress-bar-color-border: var(--ids-color-border-default);
1054
1306
  --ids-progress-bar-border: 1px solid var(--ids-progress-bar-color-border);
1055
- --ids-progress-bar-border-radius: var(--ids-border-radius-02);
1056
- --ids-progress-bar-color-background-default: transparent;
1057
- --ids-progress-bar-height: var(--ids-space-40);
1058
- --ids-progress-bar-margin: var(--ids-space-60) var(--ids-space-none);
1059
- --ids-progress-bar-fill-color-background: var(--ids-color-primary);
1307
+ --ids-progress-bar-border-radius: var(--ids-border-radius-xs);
1308
+ --ids-progress-bar-color-background-default: var(--ids-color-foreground-light-secondary);
1309
+ --ids-progress-bar-height: var(--ids-space-xs);
1310
+ --ids-progress-bar-margin: var(--ids-space-sm) var(--ids-space-none);
1311
+ --ids-progress-bar-fill-color-background: var(--ids-color-theme-strong);
1060
1312
  --ids-progress-bar-label-color-text: var(--ids-color-text-label);
1061
- --ids-progress-bar-label-audible-margin: var(--ids-space-20) var(--ids-space-none);
1062
- --ids-progress-bar-grid-cell-margin: var(--ids-space-60);
1313
+ --ids-progress-bar-label-audible-margin: var(--ids-space-xxxs) var(--ids-space-none);
1314
+ --ids-progress-bar-grid-cell-margin: var(--ids-space-sm);
1063
1315
  --ids-progress-chart-font-family: var(--ids-font-family-default);
1064
- --ids-progress-chart-margin: var(--ids-space-none) var(--ids-space-none) var(--ids-space-40);
1316
+ --ids-progress-chart-margin: var(--ids-space-none) var(--ids-space-none) var(--ids-space-xs);
1065
1317
  --ids-progress-chart-label-font-size: var(--ids-font-size-40);
1066
- --ids-progress-chart-label-margin-bottom: var(--ids-space-40);
1067
- --ids-progress-chart-label-color-text: var(--ids-color-neutral-60);
1068
- --ids-progress-chart-label-main-margin: var(--ids-space-none) var(--ids-space-30) var(--ids-space-none) var(--ids-space-none);
1069
- --ids-progress-chart-label-progress-margin: var(--ids-space-none) var(--ids-space-30);
1070
- --ids-progress-chart-bar-border-radius: var(--ids-border-radius-01);
1318
+ --ids-progress-chart-label-margin-bottom: var(--ids-space-xs);
1319
+ --ids-progress-chart-label-color-text: var(--ids-color-gray-60);
1320
+ --ids-progress-chart-label-main-margin: var(--ids-space-none) var(--ids-space-xxs) var(--ids-space-none) var(--ids-space-none);
1321
+ --ids-progress-chart-label-progress-margin: var(--ids-space-none) var(--ids-space-xxs);
1322
+ --ids-progress-chart-bar-border-radius: var(--ids-border-radius-xxs);
1071
1323
  --ids-progress-chart-height-min: 28px;
1072
1324
  --ids-progress-chart-bar-width-min: 66px;
1073
- --ids-progress-chart-total-color-background: var(--ids-color-neutral-30);
1074
- --ids-progress-chart-bar-progress-color-background: var(--ids-color-neutral-60);
1325
+ --ids-progress-chart-total-color-background: var(--ids-color-gray-30);
1326
+ --ids-progress-chart-bar-progress-color-background: var(--ids-color-gray-60);
1075
1327
  --ids-process-indicator-color-text: var(--ids-color-text-label);
1076
1328
  --ids-process-indicator-step-margin-top: 40px;
1077
- --ids-process-indicator-margin: var(--ids-space-none) var(--ids-space-30) var(--ids-space-none) var(--ids-space-none);
1078
- --ids-process-indicator-text-margin: var(--ids-space-none) var(--ids-space-30) var(--ids-space-30) var(--ids-space-none);
1329
+ --ids-process-indicator-margin: var(--ids-space-none) var(--ids-space-xxs) var(--ids-space-none) var(--ids-space-none);
1330
+ --ids-process-indicator-text-margin: var(--ids-space-none) var(--ids-space-xxs) var(--ids-space-xxs) var(--ids-space-none);
1079
1331
  --ids-process-indicator-color-background: var(--ids-color-background-default);
1080
1332
  --ids-process-indicator-color-primary: var(--ids-color-primary);
1081
1333
  --ids-process-indicator-color-active: var(--ids-color-primary);
1082
- --ids-process-indicator-color: var(--ids-color-neutral-30);
1334
+ --ids-process-indicator-color: var(--ids-color-gray-30);
1083
1335
  --ids-process-indicator-line-transform: translate(0, 36px);
1084
1336
  --ids-process-indicator-font-line-height: 2px;
1085
1337
  --ids-process-indicator-line-color-background: var(--ids-process-indicator-color);
@@ -1091,27 +1343,30 @@
1091
1343
  --ids-process-indicator-canceled-step-color-icon: var(--ids-process-indicator-color-background);
1092
1344
  --ids-process-indicator-border-done: 2px solid var(--ids-process-indicator-color-primary);
1093
1345
  --ids-process-indicator-border-started: 2px solid var(--ids-process-indicator-color-active);
1346
+ --ids-radio-border-radius: var(--ids-border-radius-circle);
1347
+ --ids-radio-color-background: var(--ids-input-color-background-default);
1348
+ --ids-radio-color-border-default: var(--ids-input-color-border-default);
1349
+ --ids-radio-color-background-selected: var(--ids-color-action-default);
1350
+ --ids-radio-color-border-selected: var(--ids-color-action-default);
1351
+ --ids-radio-inner-color-background-selected: var(--ids-color-foreground-light-default);
1094
1352
  --ids-radio-shadow: none;
1095
- --ids-radio-shadow-with-border: 0 0 0 1px var(--ids-input-color-background-readonly),
1096
- 0 0 0 2px var(--ids-color-primary);
1097
- --ids-radio-button-color-background: var(--ids-input-color-background-default);
1098
- --ids-radio-button-color-border-default: var(--ids-input-color-border-default);
1099
- --ids-radio-button-color-background-selected: var(--ids-color-primary);
1100
- --ids-radio-button-color-border-selected: var(--ids-color-primary);
1101
- --ids-radio-button-inner-color-background-selected: var(--ids-color-white-100);
1102
- --ids-radio-button-border-radius: var(--ids-border-radius-circle);
1103
- --ids-radio-button-color-border-disabled: var(--ids-input-color-text-disabled);
1104
- --ids-radio-button-color-background-selected-disabled: var(--ids-input-color-text-disabled);
1105
- --ids-radio-button-color-border-selected-disabled: var(--ids-input-color-text-disabled);
1106
- --ids-rating-star-color-selected: var(--ids-color-orange-60);
1107
- --ids-rating-star-color-default: var(--ids-icon-color-default);
1353
+ --ids-radio-shadow-focus: 0 0 0 1px var(--ids-input-color-background-readonly),
1354
+ 0 0 0 2px var(--ids-color-action-default);
1355
+ --ids-radio-color-border-disabled: var(--ids-input-color-border-default);
1356
+ --ids-radio-color-background-selected-disabled: var(--ids-color-action-default);
1357
+ --ids-radio-color-border-selected-disabled: var(--ids-color-action-default);
1358
+ --ids-radio-disabled-opacity: 0.4;
1359
+ --ids-radio-color-text-default: var(--ids-input-label-color-text-default);
1360
+ --ids-radio-color-text-disabled: var(--ids-input-label-color-text-default);
1361
+ --ids-rating-star-color-selected: var(--ids-color-accent-orange-strong);
1362
+ --ids-rating-star-color-default: var(--ids-color-accent-gray-default);
1108
1363
  --ids-rating-star-color-hover: var(--ids-button-primary-color-background-default);
1109
1364
  --ids-rating-star-color-focus: var(--ids-button-primary-color-background-default);
1110
1365
  --ids-rating-star-disabled-color: var(--ids-color-text-disabled);
1111
- --ids-rating-star-margin-inline: var(--ids-space-30);
1366
+ --ids-rating-star-margin-inline: var(--ids-space-xxs);
1112
1367
  --ids-input-required-indicator-color-text-default: var(--ids-color-error-default);
1113
- --ids-input-required-indicator-color-text-disabled: var(--ids-color-error-30);
1114
- --ids-scroll-view-color-icon-default: var(--ids-color-neutral-70);
1368
+ --ids-input-required-indicator-color-text-disabled: var(--ids-color-red-30);
1369
+ --ids-scroll-view-color-icon-default: var(--ids-color-gray-70);
1115
1370
  --ids-scroll-view-color-icon-selected: var(--ids-color-primary);
1116
1371
  --ids-scroll-view-controls-min-height: 36px;
1117
1372
  --ids-search-field-color-background-default: var(--ids-input-color-background-default);
@@ -1123,27 +1378,27 @@
1123
1378
  --ids-search-field-margin: 0;
1124
1379
  --ids-search-field-border-radius: 4px;
1125
1380
  --ids-search-field-app-menu-shadow-focus: none;
1126
- --ids-search-field-app-menu-color-text: var(--ids-color-neutral-20);
1381
+ --ids-search-field-app-menu-color-text: var(--ids-color-gray-20);
1127
1382
  --ids-search-field-app-menu-color-background: #000;
1128
- --ids-search-field-app-menu-color-icon-default: var(--ids-color-neutral-40);
1129
- --ids-search-field-app-menu-color-icon-hover: var(--ids-color-neutral-90);
1383
+ --ids-search-field-app-menu-color-icon-default: var(--ids-color-gray-40);
1384
+ --ids-search-field-app-menu-color-icon-hover: var(--ids-color-gray-90);
1130
1385
  --ids-search-field-header-color-background: var(--ids-color-text-on-primary);
1131
- --ids-search-field-header-color-text: var(--ids-color-text);
1132
- --ids-search-field-header-color-icon-default: var(--ids-color-neutral-80);
1386
+ --ids-search-field-header-color-text: var(--ids-color-text-default);
1387
+ --ids-search-field-header-color-icon-default: var(--ids-color-gray-80);
1133
1388
  --ids-search-field-header-color-icon-hover: var(--ids-button-tertiary-color-background-hover);
1134
- --ids-search-field-card-color-text: var(--ids-color-text);
1135
- --ids-search-field-card-color-background: var(--ids-color-neutral-10);
1136
- --ids-separator-color-background: var(--ids-color-neutral-40);
1389
+ --ids-search-field-card-color-text: var(--ids-color-text-default);
1390
+ --ids-search-field-card-color-background: var(--ids-color-gray-10);
1391
+ --ids-separator-color-background: var(--ids-color-accent-gray-default);
1137
1392
  --ids-separator-height: 24px;
1138
1393
  --ids-separator-width: 1px;
1139
1394
  --ids-separator-margin: 4px;
1140
- --ids-separator-alternate-color-background: var(--ids-color-neutral-30);
1141
- --ids-separator-alternate-margin: 8px;
1395
+ --ids-separator-alternate-color-background: var(--ids-color-accent-gray-weaker);
1396
+ --ids-separator-alternate-margin: var(--ids-space-xs);
1142
1397
  --ids-skip-link-color-background: var(--ids-popup-color-background);
1143
1398
  --ids-skip-link-border-color: var(--ids-popup-color-border);
1144
- --ids-skip-link-margin: var(--ids-space-60);
1399
+ --ids-skip-link-margin: var(--ids-space-sm);
1145
1400
  --ids-skip-link-font-size: var(--ids-font-size-40);
1146
- --ids-skip-link-border-radius: 0 0 var(--ids-border-radius-01) var(--ids-border-radius-01);
1401
+ --ids-skip-link-border-radius: 0 0 var(--ids-border-radius-xxs) var(--ids-border-radius-xxs);
1147
1402
  --ids-skip-link-shadow: 0 0 4px 1px rgba(0 0 0 / 0.3);
1148
1403
  --ids-spinbox-color-background-default: var(--ids-trigger-field-color-background-default);
1149
1404
  --ids-spinbox-color-background-readonly: var(--ids-trigger-field-color-background-readonly);
@@ -1153,56 +1408,57 @@
1153
1408
  --ids-spinbox-color-text-disabled: var(--ids-trigger-field-color-text-disabled);
1154
1409
  --ids-spinbox-color-border-disabled: var(--ids-trigger-field-color-border-disabled);
1155
1410
  --ids-slider-tick-color-background-default: var(--ids-color-primary);
1156
- --ids-slider-tick-size: var(--ids-space-40);
1157
- --ids-slider-thumb-size: var(--ids-space-60);
1411
+ --ids-slider-tick-size: var(--ids-space-xs);
1412
+ --ids-slider-thumb-size: var(--ids-space-sm);
1158
1413
  --ids-slider-thumb-color-background-default: var(--ids-color-primary);
1159
1414
  --ids-slider-thumb-shadow-hover: 0 2px 5px rgba(0 0 0 / 0.4);
1160
1415
  --ids-slider-thumb-color-shadow-default: rgba(0 114 237 / 0.1);
1161
1416
  --ids-slider-thumb-color-border-default: var(--ids-color-primary);
1162
- --ids-slider-track-color-background-default: var(--ids-color-neutral-40);
1417
+ --ids-slider-track-color-background-default: var(--ids-color-gray-40);
1163
1418
  --ids-slider-track-color-background-progress: var(--ids-color-primary);
1164
- --ids-slider-tooltip-color-background: var(--ids-color-neutral-80);
1419
+ --ids-slider-tooltip-color-background: var(--ids-color-gray-80);
1165
1420
  --ids-slider-tooltip-color-text: var(--ids-color-white-100);
1166
- --ids-slider-color-disabled: var(--ids-color-neutral-30);
1167
- --ids-slider-tick-color-background-disabled: var(--ids-color-neutral-30);
1168
- --ids-slider-thumb-color-background-disabled: var(--ids-color-neutral-30);
1169
- --ids-slider-track-color-background-disabled: var(--ids-color-neutral-20);
1170
- --ids-slider-track-color-background-progress-disabled: var(--ids-color-neutral-30);
1171
- --ids-slider-color-readonly: var(--ids-color-neutral-30);
1172
- --ids-slider-tick-color-background-readonly: var(--ids-color-neutral-50);
1173
- --ids-slider-thumb-color-background-readonly: var(--ids-color-neutral-50);
1421
+ --ids-slider-color-disabled: var(--ids-color-gray-30);
1422
+ --ids-slider-tick-color-background-disabled: var(--ids-color-gray-30);
1423
+ --ids-slider-thumb-color-background-disabled: var(--ids-color-gray-30);
1424
+ --ids-slider-track-color-background-disabled: var(--ids-color-gray-20);
1425
+ --ids-slider-track-color-background-progress-disabled: var(--ids-color-gray-30);
1426
+ --ids-slider-color-readonly: var(--ids-color-gray-30);
1427
+ --ids-slider-tick-color-background-readonly: var(--ids-color-gray-50);
1428
+ --ids-slider-thumb-color-background-readonly: var(--ids-color-gray-50);
1174
1429
  --ids-slider-thumb-color-shadow-readonly: rgba(119 119 124 / 0.1);
1175
- --ids-slider-thumb-color-border-readonly: var(--ids-color-neutral-50);
1176
- --ids-slider-track-color-background-readonly: var(--ids-color-neutral-40);
1177
- --ids-slider-track-progress-color-background-readonly: var(--ids-color-neutral-50);
1178
- --ids-splitter-bar-color-border: var(--ids-color-neutral-30);
1179
- --ids-splitter-bar-color-border-hover: var(--ids-color-neutral-30);
1180
- --ids-splitter-bar-color-border-dragging: var(--ids-color-blue-30);
1430
+ --ids-slider-thumb-color-border-readonly: var(--ids-color-gray-50);
1431
+ --ids-slider-track-color-background-readonly: var(--ids-color-gray-40);
1432
+ --ids-slider-track-progress-color-background-readonly: var(--ids-color-gray-50);
1433
+ --ids-splitter-bar-color-border: var(--ids-color-accent-gray-weak);
1434
+ --ids-splitter-bar-color-border-hover: var(--ids-color-accent-gray-weak);
1435
+ --ids-splitter-bar-color-border-dragging: var(--ids-color-action-weaker);
1181
1436
  --ids-splitter-bar-buffer-width: 8px;
1182
1437
  --ids-splitter-bar-width: 1px;
1183
- --ids-splitter-handle-border-radius: var(--ids-border-radius-02);
1438
+ --ids-splitter-handle-border-radius: var(--ids-border-radius-xs);
1184
1439
  --ids-splitter-handle-height: 32px;
1185
1440
  --ids-splitter-handle-width: 6px;
1186
- --ids-splitter-handle-color-background-hover: var(--ids-color-blue-60);
1441
+ --ids-splitter-handle-color-background-hover: var(--ids-color-action-default);
1187
1442
  --ids-stats-height: 136px;
1188
1443
  --ids-stats-width: 155px;
1189
1444
  --ids-stats-width-double: 323px;
1190
- --ids-stats-padding-inline: 16px 12px;
1445
+ --ids-stats-padding-inline: var(--ids-space-sm) 12px;
1191
1446
  --ids-stats-padding-block: 8px;
1192
- --ids-stats-positive-color-text: var(--ids-color-green-70);
1447
+ --ids-stats-positive-color-text: var(--ids-color-success-default);
1193
1448
  --ids-stats-negative-color-text: var(--ids-color-error-default);
1194
- --ids-stats-color-text: var(--ids-color-text-label);
1449
+ --ids-stats-color-text-default: var(--ids-color-foreground-default-default);
1450
+ --ids-stats-color-text-secondary: var(--ids-color-foreground-default-secondary);
1451
+ --ids-stats-color-text-tertiary: var(--ids-color-foreground-default-tertiary);
1195
1452
  --ids-stats-trend-label-font-size: var(--ids-font-size-30);
1196
- --ids-stats-kpi-label-color: var(--ids-color-neutral-100);
1197
- --ids-step-chart-margin: var(--ids-space-60);
1198
- --ids-step-chart-inner-margin: var(--ids-space-30);
1453
+ --ids-step-chart-margin: var(--ids-space-sm);
1454
+ --ids-step-chart-inner-margin: var(--ids-space-xxs);
1199
1455
  --ids-step-chart-height: 14px;
1200
- --ids-step-chart-color-background-default: var(--ids-color-neutral-20);
1456
+ --ids-step-chart-color-background-default: var(--ids-color-gray-20);
1201
1457
  --ids-step-chart-color-background-complete: var(--ids-color-primary);
1202
1458
  --ids-step-chart-color-background-progress: var(--ids-color-red-20);
1203
1459
  --ids-step-chart-step-disabled-color: var(--ids-color-text-disabled);
1204
1460
  --ids-swappable-border: 1px dashed transparent;
1205
- --ids-swappable-color-border-active: var(--ids-color-neutral-80);
1461
+ --ids-swappable-color-border-active: var(--ids-color-gray-80);
1206
1462
  --ids-swappable-item-border-default: 1px dashed transparent;
1207
1463
  --ids-swappable-item-font-family: var(--ids-font-family-default);
1208
1464
  --ids-swappable-item-cursor-default: var(--ids-cursor-pointer);
@@ -1216,7 +1472,7 @@
1216
1472
  --ids-swappable-item-cursor-selected: var(--ids-cursor-move);
1217
1473
  --ids-swappable-item-color-background-selected: var(--ids-color-primary);
1218
1474
  --ids-swappable-item-color-text-selected: var(--ids-color-white-100);
1219
- --ids-swappable-item-over-border: 1px dashed var(--ids-color-neutral-80);
1475
+ --ids-swappable-item-over-border: 1px dashed var(--ids-color-gray-80);
1220
1476
  --ids-swaplist-border-radius: var(--ids-card-border-radius);
1221
1477
  --ids-swaplist-shadow: var(--ids-card-shadow);
1222
1478
  --ids-swaplist-card-margin-block-end: var(--ids-space-none);
@@ -1230,64 +1486,66 @@
1230
1486
  --ids-swaplist-toolbar-button-padding: var(--ids-space-none);
1231
1487
  --ids-swaplist-button-height: 34px;
1232
1488
  --ids-swaplist-button-width: 36px;
1233
- --ids-swaplist-item-padding: var(--ids-space-40);
1234
- --ids-swaplist-item-padding-inline-start: var(--ids-space-70);
1235
- --ids-swaplist-item-margin-block-end: var(--ids-space-10);
1489
+ --ids-swaplist-item-padding: var(--ids-space-xs);
1490
+ --ids-swaplist-item-padding-inline-start: var(--ids-space-20);
1491
+ --ids-swaplist-item-margin-block-end: var(--ids-space-xxxxs);
1236
1492
  --ids-swaplist-item-line-height: 23px;
1237
1493
  --ids-swaplist-item-over-border: 1px dashed var(--ids-color-text-label);
1238
- --ids-swipe-action-color-background-left-active: var(--ids-color-neutral-40);
1239
- --ids-swipe-action-color-text-left-active: var(--ids-color-neutral-70);
1240
- --ids-swipe-action-color-background-left: var(--ids-color-neutral-30);
1241
- --ids-swipe-action-color-background-left-hover: var(--ids-color-neutral-40);
1242
- --ids-swipe-action-color-text-left-hover: var(--ids-color-neutral-70);
1243
- --ids-swipe-action-color-text-left: var(--ids-color-neutral-60);
1494
+ --ids-swipe-action-color-background-left-active: var(--ids-color-gray-40);
1495
+ --ids-swipe-action-color-text-left-active: var(--ids-color-gray-70);
1496
+ --ids-swipe-action-color-background-left: var(--ids-color-gray-30);
1497
+ --ids-swipe-action-color-background-left-hover: var(--ids-color-gray-40);
1498
+ --ids-swipe-action-color-text-left-hover: var(--ids-color-gray-70);
1499
+ --ids-swipe-action-color-text-left: var(--ids-color-gray-60);
1244
1500
  --ids-swipe-action-color-background-right-active: var(--ids-color-blue-70);
1245
1501
  --ids-swipe-action-color-text-right-active: var(--ids-color-white-100);
1246
1502
  --ids-swipe-action-color-background-right: var(--ids-color-blue-60);
1247
1503
  --ids-swipe-action-color-background-right-hover: var(--ids-color-blue-70);
1248
1504
  --ids-swipe-action-color-text-right-hover: var(--ids-color-white-100);
1249
1505
  --ids-swipe-action-color-text-right: var(--ids-color-white-100);
1250
- --ids-switch-pole-color-background-default: var(--ids-color-neutral-40);
1251
- --ids-switch-toggle-color-background-default: var(--ids-input-color-background-default);
1252
- --ids-switch-toggle-color-border-default: var(--ids-input-color-border-default);
1253
- --ids-switch-pole-color-background-selected: var(--ids-color-primary-30);
1254
- --ids-switch-toggle-color-background-selected: var(--ids-color-primary);
1255
- --ids-switch-toggle-color-border-selected: var(--ids-color-primary);
1256
- --ids-switch-pole-color-background-disabled: var(--ids-color-neutral-30);
1257
- --ids-switch-toggle-color-background-disabled: var(--ids-color-neutral-20);
1258
- --ids-switch-toggle-color-border-disabled: var(--ids-color-neutral-30);
1259
- --ids-switch-pole-color-background-selected-disabled: var(--ids-color-primary-20);
1260
- --ids-switch-toggle-color-background-selected-disabled: var(--ids-color-primary-30);
1261
- --ids-switch-toggle-color-border-selected-disabled: var(--ids-color-primary-30);
1262
- --ids-switch-toggle-color-background-hover: var(--ids-color-neutral-30);
1263
- --ids-switch-toggle-shadow-focus: 0 0 0 3px var(--ids-color-primary-20), 0 0 0 4px var(--ids-color-primary), 0 0 4px 6px var(--ids-color-neutral-20);
1264
- --ids-tab-content-color-text: var(--ids-color-text);
1265
- --ids-tab-color-text-default: var(--ids-color-neutral-60);
1266
- --ids-tab-divider-color-background: var(--ids-color-neutral-30);
1267
- --ids-tab-color-background-hover: var(--ids-color-primary-10);
1268
- --ids-tab-color-text-hover: var(--ids-color-neutral-100);
1269
- --ids-tab-color-border-focus: var(--ids-color-primary-60);
1506
+ --ids-switch-pole-color-background-default: var(--ids-color-accent-gray-weak);
1507
+ --ids-switch-toggle-color-background-default: var(--ids-color-foreground-light-default);
1508
+ --ids-switch-toggle-color-border-default: var(--ids-color-border-default);
1509
+ --ids-switch-pole-color-background-selected: var(--ids-color-action-weaker);
1510
+ --ids-switch-toggle-color-background-selected: var(--ids-color-action-default);
1511
+ --ids-switch-toggle-color-border-selected: var(--ids-color-action-default);
1512
+ --ids-switch-pole-color-background-disabled: var(--ids-color-accent-gray-weak);
1513
+ --ids-switch-toggle-color-background-disabled: var(--ids-color-foreground-light-default);
1514
+ --ids-switch-toggle-color-border-disabled: var(--ids-color-border-default);
1515
+ --ids-switch-pole-color-background-selected-disabled: var(--ids-color-action-weaker);
1516
+ --ids-switch-toggle-color-background-selected-disabled: var(--ids-color-action-default);
1517
+ --ids-switch-disabled-opacity: 0.4;
1518
+ --ids-switch-toggle-color-border-selected-disabled: var(--ids-color-action-default);
1519
+ --ids-switch-toggle-color-background-hover: var(--ids-color-accent-gray-weak);
1520
+ --ids-switch-toggle-shadow-focus: 0 0 0 3px var(--ids-color-action-weaker), 0 0 0 4px var(--ids-action-default), 0 0 4px 6px var(--ids-color-accent-gray-weak);
1521
+ --ids-switch-label-color-text-default: var(--ids-color-text-label);
1522
+ --ids-tab-content-color-text: var(--ids-color-text-default);
1523
+ --ids-tab-color-text-default: var(--ids-color-foreground-default-default);
1524
+ --ids-tab-divider-color-background: var(--ids-color-accent-gray-default);
1525
+ --ids-tab-color-background-hover: var(--ids-color-accent-gray-weaker);
1526
+ --ids-tab-color-text-hover: var(--ids-color-accent-gray-strongest);
1527
+ --ids-tab-color-border-focus: var(--ids-color-action-default);
1270
1528
  --ids-tab-shadow-focus: var(--ids-shadow-30);
1271
- --ids-tab-color-text-disabled: var(--ids-color-neutral-40);
1272
- --ids-tab-color-text-selected: var(--ids-color-primary-60);
1529
+ --ids-tab-color-text-disabled: var(--ids-color-foreground-default-disabled);
1530
+ --ids-tab-color-text-selected: var(--ids-color-action-default);
1273
1531
  --ids-tab-dismiss-button-size: 24px;
1274
1532
  --ids-tab-dismiss-button-offset: 4px;
1275
- --ids-tab-header-color-text-default: var(--ids-color-neutral-60);
1276
- --ids-tab-header-color-text-disabled: var(--ids-color-neutral-40);
1277
- --ids-tab-header-color-text-hover: var(--ids-color-neutral-100);
1278
- --ids-tab-header-color-text-selected: var(--ids-color-neutral-100);
1279
- --ids-tab-header-color-background-hover: var(--ids-color-neutral-20);
1280
- --ids-tab-header-color-border-focus: var(--ids-color-neutral-100);
1281
- --ids-tab-vertical-color-background-default: var(--ids-color-neutral-10);
1282
- --ids-tab-vertical-color-border-default: var(--ids-color-neutral-30);
1283
- --ids-tab-vertical-color-text-default: var(--ids-color-text-default);
1284
- --ids-tab-vertical-color-background-hover: var(--ids-color-neutral-30);
1285
- --ids-tab-vertical-color-text-hover: var(--ids-color-neutral-80);
1286
- --ids-tab-vertical-color-background-selected: var(--ids-color-white-100);
1287
- --ids-tab-vertical-color-border-selected: var(--ids-color-white-100);
1288
- --ids-tab-vertical-color-text-selected: var(--ids-color-neutral-100);
1289
- --ids-tab-vertical-color-background-disabled: var(--ids-color-neutral-20);
1290
- --ids-tab-vertical-color-text-disabled: var(--ids-color-neutral-50);
1533
+ --ids-tab-header-color-text-default: var(--ids-color-foreground-default-default);
1534
+ --ids-tab-header-color-text-disabled: var(--ids-color-foreground-default-disabled);
1535
+ --ids-tab-header-color-text-hover: var(--ids-color-accent-gray-strongest);
1536
+ --ids-tab-header-color-text-selected: var(--ids-color-action-default);
1537
+ --ids-tab-header-color-background-hover: var(--ids-color-accent-gray-weaker);
1538
+ --ids-tab-header-color-border-focus: var(--ids-color-action-default);
1539
+ --ids-tab-vertical-color-background-default: var(--ids-color-accent-gray-weakest);
1540
+ --ids-tab-vertical-color-border-default: var(--ids-color-border-weaker);
1541
+ --ids-tab-vertical-color-text-default: var(--ids-color-foreground-default-default);
1542
+ --ids-tab-vertical-color-background-hover: var(--ids-color-accent-gray-weaker);
1543
+ --ids-tab-vertical-color-text-hover: var(--ids-color-foreground-default-default);
1544
+ --ids-tab-vertical-color-background-selected: var(--ids-color-background-default);
1545
+ --ids-tab-vertical-color-border-selected: var(--ids-color-border-weaker);
1546
+ --ids-tab-vertical-color-text-selected: var(--ids-color-theme-strong);
1547
+ --ids-tab-vertical-color-background-disabled: var(--ids-color-accent-gray-weakest);
1548
+ --ids-tab-vertical-color-text-disabled: var(--ids-color-foreground-default-disabled);
1291
1549
  --ids-tab-alternate-color-text-default: rgba(255 255 255 / 0.7);
1292
1550
  --ids-tab-alternate-color-background-hover: transparent;
1293
1551
  --ids-tab-alternate-color-text-hover: var(--ids-color-white-100);
@@ -1295,144 +1553,170 @@
1295
1553
  --ids-tab-alternate-color-text-selected: var(--ids-color-white-100);
1296
1554
  --ids-tab-alternate-color-text-disabled: rgba(255 255 255 / 0.3);
1297
1555
  --ids-tab-alternate-horizontal-color-background: var(--ids-color-white-100);
1298
- --ids-tab-module-color-background-default: var(--ids-color-neutral-10);
1299
- --ids-tab-module-color-border-right: var(--ids-color-neutral-30);
1300
- --ids-tab-module-color-text-default: var(--ids-color-text-default);
1301
- --ids-tab-module-color-background-hover: var(--ids-color-neutral-20);
1302
- --ids-tab-module-color-text-hover: var(--ids-color-neutral-80);
1303
- --ids-tab-module-color-background-selected: var(--ids-color-white-100);
1304
- --ids-tab-module-color-text-selected: var(--ids-color-neutral-100);
1305
- --ids-tab-module-color-background-disabled: var(--ids-color-neutral-20);
1306
- --ids-tab-module-color-text-disabled: var(--ids-color-neutral-50);
1307
- --ids-tag-height: 24px;
1308
- --ids-tag-color-background-default: var(--ids-input-color-background-readonly);
1309
- --ids-tag-color-border: var(--ids-input-color-background-readonly);
1310
- --ids-tag-border-radius: var(--ids-border-radius-04);
1311
- --ids-tag-color-text-default: var(--ids-input-color-text);
1556
+ --ids-tab-module-color-background-default: var(--ids-color-accent-gray-weakest);
1557
+ --ids-tab-module-color-border-right: var(--ids-color-border-weaker);
1558
+ --ids-tab-module-color-text-default: var(--ids-color-foreground-default-default);
1559
+ --ids-tab-module-color-background-hover: var(--ids-color-accent-gray-weaker);
1560
+ --ids-tab-module-color-text-hover: var(--ids-color-foreground-default-default);
1561
+ --ids-tab-module-color-background-selected: var(--ids-color-background-default);
1562
+ --ids-tab-module-color-text-selected: var(--ids-color-action-default);
1563
+ --ids-tab-module-color-background-disabled: var(--ids-color-accent-gray-weakest);
1564
+ --ids-tab-module-color-text-disabled: var(--ids-color-foreground-default-disabled);
1565
+ --ids-tag-height: 26px;
1566
+ --ids-tag-color-background-default: var(--ids-color-accent-gray-weaker);
1567
+ --ids-tag-color-border: var(--ids-color-accent-gray-weaker);
1568
+ --ids-tag-border-radius: var(--ids-border-radius-circle);
1569
+ --ids-tag-color-text-default: var(--ids-color-foreground-default-default);
1312
1570
  --ids-tag-font-size-default: var(--ids-font-size-30);
1313
- --ids-tag-color-icon-hover: var(--ids-color-neutral-90);
1571
+ --ids-tag-color-icon-hover: var(--ids-color-accent-gray-strongest);
1314
1572
  --ids-tag-secondary-color-background: var(--ids-input-color-background-default);
1315
- --ids-tag-secondary-color-border: var(--ids-input-color-border-default);
1316
- --ids-tag-color-text-disabled: var(--ids-color-neutral-50);
1317
- --ids-tag-secondary-color-text-disabled: var(--ids-color-neutral-40);
1573
+ --ids-tag-secondary-color-border: var(--ids-color-border-weak);
1574
+ --ids-tag-color-text-disabled: var(--ids-color-foreground-default-default);
1575
+ --ids-tag-disabled-opacity: 0.4;
1576
+ --ids-tag-secondary-color-text-disabled: var(--ids-color-foreground-default-default);
1577
+ --ids-tag-color-background-error: var(--ids-color-error-default);
1578
+ --ids-tag-color-border-error: var(--ids-color-error-default);
1579
+ --ids-tag-color-text-error: var(--ids-color-foreground-light-default);
1580
+ --ids-tag-color-background-caution: var(--ids-color-caution-default);
1581
+ --ids-tag-color-border-caution: var(--ids-color-caution-default);
1582
+ --ids-tag-color-text-caution: var(--ids-color-foreground-dark-default);
1583
+ --ids-tag-color-background-success: var(--ids-color-success-default);
1584
+ --ids-tag-color-border-success: var(--ids-color-success-default);
1585
+ --ids-tag-color-text-success: var(--ids-color-foreground-dark-default);
1586
+ --ids-tag-color-background-info: var(--ids-color-info-default);
1587
+ --ids-tag-color-border-info: var(--ids-color-info-default);
1588
+ --ids-tag-color-text-info: var(--ids-color-foreground-light-default);
1589
+ --ids-tag-color-background-warning: var(--ids-color-warning-default);
1590
+ --ids-tag-color-border-warning: var(--ids-color-warning-default);
1591
+ --ids-tag-color-text-warning: var(--ids-color-foreground-dark-default);
1592
+ --ids-tag-color-background-purple: var(--ids-color-accent-purple-strong);
1593
+ --ids-tag-color-border-purple: var(--ids-color-accent-purple-strong);
1594
+ --ids-tag-color-text-purple: var(--ids-color-foreground-light-default);
1595
+ --ids-tag-color-background-teal: var(--ids-color-accent-teal-strong);
1596
+ --ids-tag-color-border-teal: var(--ids-color-accent-teal-strong);
1597
+ --ids-tag-color-text-teal: var(--ids-color-foreground-light-default);
1598
+ --ids-tag-list-margin: 20px;
1599
+ --ids-tag-list-inner-margin: 0 4px 4px 0;
1318
1600
  --ids-text-icon-margin: 0 2px;
1319
- --ids-textarea-alert-color-border-default: var(--ids-color-warning-50);
1320
- --ids-textarea-alert-color-border-disabled: var(--ids-color-warning-30);
1321
- --ids-textarea-alert-color-text-disabled: var(--ids-color-warning-30);
1322
- --ids-textarea-alert-color-border-alert-focus: var(--ids-color-warning-80);
1323
- --ids-textarea-shadow-alert-focus: 0 0 3px 2px rgba(249 131 0 / 0.3);
1324
- --ids-textarea-alert-color-text-default: var(--ids-color-warning-80);
1325
- --ids-textarea-color-background-default: var(--ids-color-white-100);
1326
- --ids-textarea-color-border-default: var(--ids-color-neutral-40);
1327
- --ids-textarea-character-count-color-text-warning: var(--ids-color-error-60);
1328
- --ids-textarea-color-background-disabled: var(--ids-color-white-100);
1329
- --ids-textarea-color-border-disabled: var(--ids-color-neutral-30);
1330
- --ids-textarea-color-text-disabled: var(--ids-color-neutral-30);
1331
- --ids-textarea-color-border-error-default: var(--ids-color-error-50);
1332
- --ids-textarea-color-border-error-disabled: var(--ids-color-error-30);
1333
- --ids-textarea-color-text-error-disabled: var(--ids-color-error-30);
1334
- --ids-textarea-color-border-error-focus: var(--ids-color-error-60);
1335
- --ids-textarea-shadow-error-focus: 0 0 3px 2px rgba(218 18 23 / 0.3);
1336
- --ids-textarea-color-text-error: var(--ids-color-error-80);
1337
- --ids-textarea-color-border-focus: var(--ids-color-blue-60);
1338
- --ids-textarea-shadow-focus: var(--ids-shadow-20);
1339
- --ids-textarea-color-border-hover: var(--ids-color-neutral-90);
1340
- --ids-textarea-color-border-info-default: var(--ids-color-info-70);
1341
- --ids-textarea-color-border-info-disabled: var(--ids-color-info-30);
1342
- --ids-textarea-color-text-info-disabled: var(--ids-color-info-30);
1343
- --ids-textarea-color-border-info-focus: var(--ids-color-info-70);
1344
- --ids-textarea-color-text-info-default: var(--ids-color-info-70);
1345
- --ids-textarea-label-color-text-disabled: var(--ids-color-neutral-30);
1346
- --ids-textarea-label-color-text-default: var(--ids-color-neutral-60);
1347
- --ids-textarea-color-background-readonly: var(--ids-color-neutral-20);
1348
- --ids-textarea-color-border-readonly: var(--ids-color-neutral-40);
1349
- --ids-textarea-color-text-readonly: var(--ids-color-neutral-100);
1350
- --ids-textarea-color-border-success-default: var(--ids-color-success-80);
1351
- --ids-textarea-color-border-success-disabled: var(--ids-color-success-30);
1352
- --ids-textarea-color-text-success-disabled: var(--ids-color-success-30);
1353
- --ids-textarea-color-border-success-focus: var(--ids-color-success-80);
1354
- --ids-textarea-shadow-success-focus: 0 0 3px 2px rgba(42 195 113 / 0.3);
1355
- --ids-textarea-color-text-success-default: var(--ids-color-success-80);
1356
- --ids-textarea-color-text-default: var(--ids-color-neutral-100);
1601
+ --ids-textarea-color-background-default: var(--ids-color-background-default);
1602
+ --ids-textarea-color-border-default: var(--ids-color-border-default);
1603
+ --ids-textarea-color-background-disabled: var(--ids-color-background-default);
1604
+ --ids-textarea-color-border-disabled: var(--ids-color-border-default);
1605
+ --ids-textarea-color-text-disabled: var(--ids-color-foreground-default-default);
1606
+ --ids-textarea-disabled-opacity: 0.4;
1607
+ --ids-textarea-color-border-error-default: var(--ids-color-error-default);
1608
+ --ids-textarea-color-border-error-disabled: var(--ids-color-error-default);
1609
+ --ids-textarea-color-text-error-disabled: var(--ids-color-foreground-default-default);
1610
+ --ids-textarea-color-border-error-focus: var(--ids-color-error-default);
1611
+ --ids-textarea-shadow-error-focus: 0px 0px 4px 0px var(--ids-color-error-default);
1612
+ --ids-textarea-color-text-error: var(--ids-color-foreground-default-default);
1613
+ --ids-textarea-color-border-focus: var(--ids-color-action-default);
1614
+ --ids-textarea-shadow-focus: 0px 0px 4px 0px var(--ids-color-action-default);
1615
+ --ids-textarea-color-border-hover: var(--ids-color-border-strong);
1616
+ --ids-textarea-color-border-info-default: var(--ids-color-info-default);
1617
+ --ids-textarea-color-border-info-disabled: var(--ids-color-info-default);
1618
+ --ids-textarea-color-text-info-disabled: var(--ids-color-foreground-default-default);
1619
+ --ids-textarea-color-border-info-focus: var(--ids-color-info-strong);
1620
+ --ids-textarea-color-text-info-default: var(--ids-color-info-strong);
1621
+ --ids-textarea-label-color-text-disabled: var(--ids-color-foreground-default-default);
1622
+ --ids-textarea-label-color-text-default: var(--ids-color-foreground-default-default);
1623
+ --ids-textarea-color-background-readonly: var(--ids-color-accent-gray-weaker);
1624
+ --ids-textarea-color-border-readonly: var(--ids-color-border-weak);
1625
+ --ids-textarea-color-text-readonly: var(--ids-color-foreground-default-default);
1626
+ --ids-textarea-warning-color-border-default: var(--ids-color-warning-strong);
1627
+ --ids-textarea-warning-color-border-disabled: var(--ids-color-warning-strong);
1628
+ --ids-textarea-warning-color-text-disabled: var(--ids-color-warning-strong);
1629
+ --ids-textarea-warning-color-border-focus: var(--ids-color-warning-strong);
1630
+ --ids-textarea-warning-color-text-default: var(--ids-color-foreground-default-default);
1631
+ --ids-textarea-shadow-warning-focus: 0px 0px 4px 0px var(--ids-color-warning-default);
1632
+ --ids-textarea-character-count-color-text-warning: var(--ids-color-warning-default);
1633
+ --ids-textarea-color-border-success-default: var(--ids-color-success-strong);
1634
+ --ids-textarea-color-border-success-disabled: var(--ids-color-success-strong);
1635
+ --ids-textarea-color-text-success-disabled: var(--ids-color-foreground-default-default);
1636
+ --ids-textarea-color-border-success-focus: var(--ids-color-success-strong);
1637
+ --ids-textarea-shadow-success-focus: 0px 0px 4px 0px var(--ids-color-success-default);
1638
+ --ids-textarea-color-text-success-default: var(--ids-color-foreground-default-default);
1639
+ --ids-textarea-color-text-default: var(--ids-color-foreground-default-default);
1357
1640
  --ids-time-picker-button-color-background-expanded: var(--ids-color-primary);
1358
1641
  --ids-time-picker-input-color-border-expanded: var(--ids-color-primary);
1359
1642
  --ids-time-picker-popup-color-background: var(--ids-color-white-100);
1360
- --ids-time-picker-popup-button-color-border: var(--ids-color-neutral-30);
1643
+ --ids-time-picker-popup-button-color-border: var(--ids-color-gray-30);
1361
1644
  --ids-time-picker-popup-button-color-text-hover: var(--ids-color-blue-70);
1362
1645
  --ids-time-picker-popup-button-color-text-default: var(--ids-color-blue-60);
1363
- --ids-time-picker-popup-colons-color-text: var(--ids-color-neutral-50);
1364
- --ids-toast-color-background: var(--ids-popup-color-background);
1365
- --ids-toast-color-border: var(--ids-popup-color-border);
1366
- --ids-toast-color-text: var(--ids-color-neutral-100);
1367
- --ids-toast-progress-color-background: var(--ids-progress-bar-fill-color-background);
1368
- --ids-toolbar-formatter-color-background: var(--ids-color-neutral-10);
1369
- --ids-toolbar-formatter-color-border-bottom: var(--ids-color-neutral-30);
1370
- --ids-tooltip-color-background: var(--ids-color-neutral-80);
1371
- --ids-tooltip-padding: 8px 16px;
1372
- --ids-tooltip-border-radius: var(--ids-border-radius-01);
1373
- --ids-tooltip-color-text: var(--ids-color-white-100);
1646
+ --ids-time-picker-popup-colons-color-text: var(--ids-color-gray-50);
1647
+ --ids-toast-color-background: var(--ids-color-background-elevated);
1648
+ --ids-toast-color-border: var(--ids-color-border-weak);
1649
+ --ids-toast-color-text: var(--ids-color-foreground-default-default);
1650
+ --ids-toast-color-text-secondary: var(--ids-color-foreground-default-secondary);
1651
+ --ids-toast-progress-color-background: var(--ids-color-theme-strong);
1652
+ --ids-toolbar-formatter-color-background: var(--ids-color-gray-10);
1653
+ --ids-toolbar-formatter-color-border-bottom: var(--ids-color-gray-30);
1654
+ --ids-tooltip-color-background: var(--ids-color-background-dark);
1655
+ --ids-tooltip-padding: var(--ids-space-xs) var(--ids-space-sm);
1656
+ --ids-tooltip-border-radius: var(--ids-border-radius-xxs);
1657
+ --ids-tooltip-color-text: var(--ids-color-foreground-light-default);
1374
1658
  --ids-tooltip-font-size: var(--ids-font-size-40);
1375
1659
  --ids-tooltip-shadow: var(--ids-popup-shadow);
1376
1660
  --ids-tooltip-error-color-background-error: var(--ids-color-error-default);
1377
1661
  --ids-tooltip-info-color-background-info: var(--ids-color-info-default);
1378
1662
  --ids-tooltip-color-background-warning: var(--ids-color-warning-default);
1379
1663
  --ids-tooltip-color-background-success: var(--ids-color-success-default);
1380
- --ids-tooltip-color-background-inverse: var(--ids-color-white-100);
1381
- --ids-tooltip-color-text-inverse: var(--ids-color-neutral-100);
1382
- --ids-tree-node-color-text-disabled: var(--ids-color-neutral-40);
1664
+ --ids-tooltip-color-background-inverse: var(--ids-color-background-elevated);
1665
+ --ids-tooltip-color-text-inverse: var(--ids-color-foreground-default-default);
1666
+ --ids-tree-node-color-text-disabled: var(--ids-color-gray-40);
1383
1667
  --ids-tree-node-color-border-focus: var(--ids-color-primary);
1384
1668
  --ids-tree-node-shadow-focus: var(--ids-shadow-30);
1385
1669
  --ids-tree-node-color-border-hover: transparent;
1386
- --ids-tree-node-color-text-hover: var(--ids-color-neutral-100);
1387
- --ids-tree-node-color-background-selected: var(--ids-color-neutral-20);
1388
- --ids-tree-node-color-text-selected: var(--ids-color-neutral-100);
1389
- --ids-tree-node-color-text-default: var(--ids-color-neutral-60);
1670
+ --ids-tree-node-color-text-hover: var(--ids-color-gray-100);
1671
+ --ids-tree-node-color-background-selected: var(--ids-color-gray-20);
1672
+ --ids-tree-node-color-text-selected: var(--ids-color-gray-100);
1673
+ --ids-tree-node-color-text-default: var(--ids-color-gray-60);
1390
1674
  --ids-tree-treemap-color-border: var(--ids-color-white-100);
1391
- --ids-tree-treemap-title-color-background: var(--ids-color-neutral-60);
1675
+ --ids-tree-treemap-title-color-background: var(--ids-color-gray-60);
1392
1676
  --ids-tree-treemap-title-color-text: var(--ids-color-white-100);
1393
- --ids-trigger-field-button-border-radius: var(--ids-border-radius-03);
1394
- --ids-trigger-field-button-margin: 4px;
1677
+ --ids-trigger-field-button-border-radius: var(--ids-border-radius-sm);
1678
+ --ids-trigger-field-button-margin: -2px;
1395
1679
  --ids-trigger-field-color-background-default: var(--ids-input-color-background-default);
1396
1680
  --ids-trigger-field-color-background-readonly: var(--ids-input-color-background-readonly);
1397
1681
  --ids-trigger-field-color-border-readonly: var(--ids-input-color-border-readonly);
1398
1682
  --ids-trigger-field-color-text-readonly: var(--ids-input-color-text-readonly);
1399
1683
  --ids-trigger-field-color-border-focus: var(--ids-input-color-border-focus)
1400
1684
  --ids-trigger-field-shadow-focus: var(--ids-input-shadow-info-focus);
1401
- --ids-trigger-field-color-text-disabled: var(--ids-input-color-text-disabled);
1685
+ --ids-trigger-field-color-text-disabled: var(--ids-color-foreground-default-default);
1402
1686
  --ids-trigger-field-color-border-disabled: var(--ids-input-color-border-disabled);
1403
- --ids-trigger-field-icon-color: var(--ids-color-neutral-60);
1687
+ --ids-trigger-field-icon-color: var(--ids-color-gray-60);
1404
1688
  --ids-upload-font-size: var(--ids-font-size-60);
1405
- --ids-upload-advanced-color-background-default: var(--ids-color-neutral-10);
1406
- --ids-upload-advanced-color-border-default: var(--ids-color-neutral-50);
1407
- --ids-upload-advanced-color-background-disabled: var(--ids-color-neutral-10);
1408
- --ids-upload-advanced-color-border-disabled: var(--ids-color-neutral-30);
1689
+ --ids-upload-advanced-color-background-default: var(--ids-color-gray-10);
1690
+ --ids-upload-advanced-color-border-default: var(--ids-color-gray-50);
1691
+ --ids-upload-advanced-color-background-disabled: var(--ids-color-gray-10);
1692
+ --ids-upload-advanced-color-border-disabled: var(--ids-color-gray-30);
1409
1693
  --ids-upload-advanced-color-background-drag-enter: var(--ids-color-blue-10);
1410
1694
  --ids-upload-advanced-color-border-drag-enter: var(--ids-color-primary);
1411
- --ids-upload-advanced-error-area-color-border-error: var(--ids-color-error-60);
1412
- --ids-upload-advanced-area-color-border-error-disabled: var(--ids-color-error-30);
1413
- --ids-upload-advanced-color-text-error-disabled: var(--ids-color-error-30);
1414
- --ids-upload-advanced-color-background-hover: var(--ids-color-neutral-20);
1415
- --ids-upload-advanced-color-border-hover: var(--ids-color-neutral-60);
1416
- --ids-upload-advanced-color-text-hover: var(--ids-color-text);
1695
+ --ids-upload-advanced-error-area-color-border-error: var(--ids-color-error-default);
1696
+ --ids-upload-advanced-area-color-border-error-disabled: var(--ids-color-red-30);
1697
+ --ids-upload-advanced-color-text-error-disabled: var(--ids-color-red-30);
1698
+ --ids-upload-advanced-color-background-hover: var(--ids-color-gray-20);
1699
+ --ids-upload-advanced-color-border-hover: var(--ids-color-gray-60);
1700
+ --ids-upload-advanced-color-text-hover: var(--ids-color-text-default);
1417
1701
  --ids-upload-advanced-color-border-focus: var(--ids-color-primary);
1418
1702
  --ids-upload-advanced-link-shadow-focus: var(--ids-shadow-30);
1419
- --ids-upload-advanced-label-color-text: var(--ids-color-text);
1420
- --ids-upload-advanced-color-text-default: var(--ids-color-neutral-50);
1421
- --ids-upload-advanced-file-color-border-default: var(--ids-color-neutral-50);
1703
+ --ids-upload-advanced-label-color-text: var(--ids-color-text-default);
1704
+ --ids-upload-advanced-color-text-default: var(--ids-color-gray-50);
1705
+ --ids-upload-advanced-file-color-border-default: var(--ids-color-gray-50);
1422
1706
  --ids-upload-advanced-color-border-complete-default: var(--ids-color-green-80);
1423
1707
  --ids-upload-advanced-file-color-text-complete: var(--ids-color-green-80);
1424
- --ids-upload-advanced-file-color-border-disabled: var(--ids-color-neutral-30);
1708
+ --ids-upload-advanced-file-color-border-disabled: var(--ids-color-gray-30);
1425
1709
  --ids-upload-advanced-color-border-complete-disabled: var(--ids-color-green-30);
1426
1710
  --ids-upload-advanced-color-text-complete-disabled: var(--ids-color-green-30);
1427
1711
  --ids-upload-advanced-file-color-border-error-disabled: var(--ids-color-red-30);
1428
- --ids-upload-advanced-color-text-disabled: var(--ids-color-neutral-30);
1429
- --ids-upload-advanced-color-border-error-default: var(--ids-color-red-60);
1712
+ --ids-upload-advanced-color-text-disabled: var(--ids-color-gray-30);
1713
+ --ids-upload-advanced-color-border-error-default: var(--ids-color-error-default);
1430
1714
  --ids-week-view-color-background: var(--ids-color-background-default);
1431
- --ids-week-view-color-border: var(--ids-color-neutral-20);
1715
+ --ids-week-view-color-border: var(--ids-color-gray-20);
1432
1716
  --ids-week-view-header-color-background: var(--ids-color-background-default);
1433
1717
  --ids-week-view-row-height: 25px;
1434
- --ids-week-view-row-odd-color-border: var(--ids-color-neutral-10);
1435
- --ids-week-view-color-text: var(--ids-color-text);
1718
+ --ids-week-view-row-odd-color-border: var(--ids-color-gray-10);
1719
+ --ids-week-view-color-text: var(--ids-color-text-default);
1436
1720
  --ids-week-view-time-marker-color: var(--ids-color-primary);
1437
1721
  --ids-week-view-today-color: var(--ids-color-primary);
1438
1722
  --ids-widget-color-background: var(--ids-card-color-background);
@@ -1449,38 +1733,209 @@
1449
1733
  --ids-widget-header-subtitle-height: 60px;
1450
1734
  --ids-widget-search-subtitle-content-height: 301px;
1451
1735
  --ids-widget-divider-color-border: var(--ids-card-divider-color-border);
1452
- --ids-widget-header-title-color: var(--ids-color-neutral-100);
1453
- --ids-widget-color-border-hover: var(--ids-color-neutral-30);
1736
+ --ids-widget-header-title-color: var(--ids-color-gray-100);
1737
+ --ids-widget-color-border-hover: var(--ids-color-gray-30);
1454
1738
  --ids-widget-color-shadow-hover: 0 2px 4px 1px rgba(0 0 0 / 0.15);
1455
- --ids-widget-search-field-color-background: var(--ids-color-neutral-10);
1739
+ --ids-widget-search-field-color-background: var(--ids-color-gray-10);
1456
1740
  --ids-widget-search-field-border-radius: 4px;
1457
1741
  --ids-wizard-step-width: 14px;
1458
1742
  --ids-wizard-step-color-default: var(--ids-color-primary);
1459
- --ids-wizard-step-color-unvisited: var(--ids-color-neutral-60);
1743
+ --ids-wizard-step-color-unvisited: var(--ids-color-gray-60);
1460
1744
  --ids-wizard-step-inner-border-color-border: var(--ids-color-background-default);
1461
1745
  }
1462
1746
 
1463
1747
  :root {
1464
- --ids-color-primary: var(--ids-color-neutral-90);
1465
- --ids-color-text-on-primary: var(--ids-color-neutral-10);
1466
- --ids-color-background-default: var(--ids-color-neutral-100);
1748
+ --ids-color-background-dark: var(--ids-color-gray-80);
1749
+ --ids-color-background-elevated: var(--ids-color-gray-90);
1750
+ --ids-color-background-default: var(--ids-color-gray-100);
1751
+ --ids-color-foreground-dark-default: var(--ids-color-black-100);
1752
+ --ids-color-foreground-light-disabled: var(--ids-color-white-40);
1753
+ --ids-color-foreground-light-tertiary: var(--ids-color-white-60);
1754
+ --ids-color-foreground-light-secondary: var(--ids-color-white-80);
1755
+ --ids-color-foreground-light-default: var(--ids-color-white-100);
1756
+ --ids-color-foreground-default-disabled: var(--ids-color-white-40);
1757
+ --ids-color-foreground-default-tertiary: var(--ids-color-white-60);
1758
+ --ids-color-foreground-default-secondary: var(--ids-color-white-80);
1759
+ --ids-color-foreground-default-default: var(--ids-color-white-100);
1760
+ --ids-color-border-strong: var(--ids-color-white-100);
1761
+ --ids-color-border-default: var(--ids-color-gray-40);
1762
+ --ids-color-border-weak: var(--ids-color-gray-60);
1763
+ --ids-color-border-weaker: var(--ids-color-gray-80);
1764
+ --ids-color-border-light: var(--ids-color-white-100);
1765
+ --ids-color-action-stronger: var(--ids-color-blue-40);
1766
+ --ids-color-action-default: var(--ids-color-blue-50);
1767
+ --ids-color-action-weaker: var(--ids-color-blue-90);
1768
+ --ids-color-action-weakest: var(--ids-color-blue-100);
1769
+ --ids-color-success-stronger: var(--ids-color-green-10);
1770
+ --ids-color-success-strong: var(--ids-color-green-40);
1771
+ --ids-color-success-default: var(--ids-color-green-50);
1772
+ --ids-color-success-weak: var(--ids-color-green-100);
1773
+ --ids-color-caution-stronger: var(--ids-color-yellow-10);
1774
+ --ids-color-caution-strong: var(--ids-color-yellow-40);
1775
+ --ids-color-caution-default: var(--ids-color-yellow-50);
1776
+ --ids-color-caution-weak: var(--ids-color-yellow-100);
1777
+ --ids-color-warning-stronger: var(--ids-color-orange-10);
1778
+ --ids-color-warning-strong: var(--ids-color-orange-40);
1779
+ --ids-color-warning-default: var(--ids-color-orange-50);
1780
+ --ids-color-warning-weak: var(--ids-color-orange-100);
1781
+ --ids-color-error-strongest: var(--ids-color-red-10);
1782
+ --ids-color-error-stronger: var(--ids-color-red-40);
1783
+ --ids-color-error-default: var(--ids-color-red-50);
1784
+ --ids-color-error-weak: var(--ids-color-red-100);
1785
+ --ids-color-info-stronger: var(--ids-color-blue-10);
1786
+ --ids-color-info-strong: var(--ids-color-blue-40);
1787
+ --ids-color-info-default: var(--ids-color-blue-50);
1788
+ --ids-color-info-weak: var(--ids-color-blue-100);
1789
+ --ids-color-action-stronger: var(--ids-color-blue-40);
1790
+ --ids-color-action-default: var(--ids-color-blue-50);
1791
+ --ids-color-action-weaker: var(--ids-color-blue-90);
1792
+ --ids-color-action-weakest: var(--ids-color-blue-100);
1793
+ --ids-color-theme-strongest: var(--ids-color-theme-10);
1794
+ --ids-color-theme-stronger: var(--ids-color-theme-30);
1795
+ --ids-color-theme-strong: var(--ids-color-theme-50);
1796
+ --ids-color-theme-weaker: var(--ids-color-theme-40);
1797
+ --ids-color-theme-weakest: var(--ids-color-theme-10);
1798
+ --ids-color-accent-blue-strongest: var(--ids-color-blue-10);
1799
+ --ids-color-accent-blue-stronger: var(--ids-color-blue-30);
1800
+ --ids-color-accent-blue-strong: var(--ids-color-blue-50);
1801
+ --ids-color-accent-blue-weak: var(--ids-color-blue-70);
1802
+ --ids-color-accent-blue-weaker: var(--ids-color-blue-90);
1803
+ --ids-color-accent-blue-weakest: var(--ids-color-blue-100);
1804
+ --ids-color-accent-green-strongest: var(--ids-color-green-10);
1805
+ --ids-color-accent-green-stronger: var(--ids-color-green-30);
1806
+ --ids-color-accent-green-strong: var(--ids-color-green-50);
1807
+ --ids-color-accent-green-weak: var(--ids-color-green-70);
1808
+ --ids-color-accent-green-weaker: var(--ids-color-green-90);
1809
+ --ids-color-accent-green-weakest: var(--ids-color-green-100);
1810
+ --ids-color-accent-gray-strongest: var(--ids-color-gray-10);
1811
+ --ids-color-accent-gray-stronger: var(--ids-color-gray-20);
1812
+ --ids-color-accent-gray-strong: var(--ids-color-gray-40);
1813
+ --ids-color-accent-gray-default: var(--ids-color-gray-50);
1814
+ --ids-color-accent-gray-weak: var(--ids-color-gray-60);
1815
+ --ids-color-accent-gray-weaker: var(--ids-color-gray-80);
1816
+ --ids-color-accent-gray-weakest: var(--ids-color-gray-90);
1817
+ --ids-color-accent-orange-strongest: var(--ids-color-orange-10);
1818
+ --ids-color-accent-orange-stronger: var(--ids-color-orange-30);
1819
+ --ids-color-accent-orange-strong: var(--ids-color-orange-50);
1820
+ --ids-color-accent-orange-weak: var(--ids-color-orange-70);
1821
+ --ids-color-accent-orange-weaker: var(--ids-color-orange-90);
1822
+ --ids-color-accent-orange-weakest: var(--ids-color-orange-100);
1823
+ --ids-color-accent-purple-strongest: var(--ids-color-purple-10);
1824
+ --ids-color-accent-purple-stronger: var(--ids-color-purple-30);
1825
+ --ids-color-accent-purple-strong: var(--ids-color-purple-60);
1826
+ --ids-color-accent-purple-weak: var(--ids-color-purple-70);
1827
+ --ids-color-accent-purple-weaker: var(--ids-color-purple-90);
1828
+ --ids-color-accent-purple-weakest: var(--ids-color-purple-100);
1829
+ --ids-color-accent-red-strongest: var(--ids-color-red-10);
1830
+ --ids-color-accent-red-stronger: var(--ids-color-red-30);
1831
+ --ids-color-accent-red-strong: var(--ids-color-red-60);
1832
+ --ids-color-accent-red-weak: var(--ids-color-red-70);
1833
+ --ids-color-accent-red-weaker: var(--ids-color-red-90);
1834
+ --ids-color-accent-red-weakest: var(--ids-color-red-100);
1835
+ --ids-color-accent-teal-strongest: var(--ids-color-teal-10);
1836
+ --ids-color-accent-teal-stronger: var(--ids-color-teal-30);
1837
+ --ids-color-accent-teal-strong: var(--ids-color-teal-40);
1838
+ --ids-color-accent-teal-weak: var(--ids-color-teal-70);
1839
+ --ids-color-accent-teal-weaker: var(--ids-color-teal-90);
1840
+ --ids-color-accent-teal-weakest: var(--ids-color-teal-100);
1841
+ --ids-color-accent-yellow-strongest: var(--ids-color-yellow-10);
1842
+ --ids-color-accent-yellow-stronger: var(--ids-color-yellow-30);
1843
+ --ids-color-accent-yellow-strong: var(--ids-color-yellow-50);
1844
+ --ids-color-accent-yellow-weak: var(--ids-color-yellow-70);
1845
+ --ids-color-accent-yellow-weaker: var(--ids-color-yellow-90);
1846
+ --ids-color-accent-yellow-weakest: var(--ids-color-yellow-100);
1847
+ --ids-data-viz-color-binary-02: var(--ids-color-teal-70);
1848
+ --ids-data-viz-color-binary-01: var(--ids-color-blue-30);
1849
+ --ids-data-viz-color-sequential-10: var(--ids-color-gray-90);
1850
+ --ids-data-viz-color-sequential-11: var(--ids-color-teal-50);
1851
+ --ids-data-viz-color-sequential-12: var(--ids-color-orange-20);
1852
+ --ids-data-viz-color-sequential-13: var(--ids-color-purple-80);
1853
+ --ids-data-viz-color-sequential-14: var(--ids-color-blue-50);
1854
+ --ids-data-viz-color-sequential-15: var(--ids-color-red-80);
1855
+ --ids-data-viz-color-sequential-16: var(--ids-color-purple-30);
1856
+ --ids-data-viz-color-sequential-17: var(--ids-color-green-80);
1857
+ --ids-data-viz-color-sequential-18: var(--ids-color-teal-30);
1858
+ --ids-data-viz-color-sequential-19: var(--ids-color-gray-50);
1859
+ --ids-data-viz-color-sequential-20: var(--ids-color-red-70);
1860
+ --ids-data-viz-color-sequential-09: var(--ids-color-red-30);
1861
+ --ids-data-viz-color-sequential-08: var(--ids-color-blue-80);
1862
+ --ids-data-viz-color-sequential-07: var(--ids-color-green-30);
1863
+ --ids-data-viz-color-sequential-06: var(--ids-color-orange-40);
1864
+ --ids-data-viz-color-sequential-05: var(--ids-color-orange-80);
1865
+ --ids-data-viz-color-sequential-04: var(--ids-color-gray-70);
1866
+ --ids-data-viz-color-sequential-03: var(--ids-color-purple-50);
1867
+ --ids-data-viz-color-sequential-02: var(--ids-color-teal-70);
1868
+ --ids-data-viz-color-sequential-01: var(--ids-color-blue-30);
1869
+ --ids-data-viz-color-density-10: var(--ids-color-blue-100);
1870
+ --ids-data-viz-color-density-20: var(--ids-color-blue-90);
1871
+ --ids-data-viz-color-density-30: var(--ids-color-blue-80);
1872
+ --ids-data-viz-color-density-40: var(--ids-color-blue-70);
1873
+ --ids-data-viz-color-density-50: var(--ids-color-blue-60);
1874
+ --ids-data-viz-color-density-60: var(--ids-color-blue-50);
1875
+ --ids-data-viz-color-density-70: var(--ids-color-blue-40);
1876
+ --ids-data-viz-color-density-80: var(--ids-color-blue-30);
1877
+ --ids-data-viz-color-density-90: var(--ids-color-blue-20);
1878
+ --ids-data-viz-color-density-100: var(--ids-color-blue-10);
1879
+ --ids-data-viz-color-qualitative-10: var(--ids-color-gray-50);
1880
+ --ids-data-viz-color-qualitative-11: var(--ids-color-gray-60);
1881
+ --ids-data-viz-color-qualitative-12: var(--ids-color-gray-90);
1882
+ --ids-data-viz-color-qualitative-13: var(--ids-color-teal-30);
1883
+ --ids-data-viz-color-qualitative-14: var(--ids-color-teal-60);
1884
+ --ids-data-viz-color-qualitative-15: var(--ids-color-teal-80);
1885
+ --ids-data-viz-color-qualitative-09: var(--ids-color-purple-80);
1886
+ --ids-data-viz-color-qualitative-08: var(--ids-color-purple-60);
1887
+ --ids-data-viz-color-qualitative-07: var(--ids-color-purple-40);
1888
+ --ids-data-viz-color-qualitative-06: var(--ids-color-green-80);
1889
+ --ids-data-viz-color-qualitative-05: var(--ids-color-green-60);
1890
+ --ids-data-viz-color-qualitative-04: var(--ids-color-green-30);
1891
+ --ids-data-viz-color-qualitative-03: var(--ids-color-blue-80);
1892
+ --ids-data-viz-color-qualitative-02: var(--ids-color-blue-60);
1893
+ --ids-data-viz-color-qualitative-01: var(--ids-color-blue-30);
1894
+ --ids-data-viz-color-status-neutral: var(--ids-color-gray-90);
1895
+ --ids-data-viz-color-status-negative: var(--ids-color-red-50);
1896
+ --ids-data-viz-color-status-positive: var(--ids-color-green-40);
1897
+ --ids-border-radius-circle: var(--ids-border-radius-99);
1898
+ --ids-border-radius-xl: var(--ids-border-radius-40);
1899
+ --ids-border-radius-lg: var(--ids-border-radius-24);
1900
+ --ids-border-radius-md: var(--ids-border-radius-16);
1901
+ --ids-border-radius-sm: var(--ids-border-radius-08);
1902
+ --ids-border-radius-xs: var(--ids-border-radius-04);
1903
+ --ids-border-radius-xxs: var(--ids-border-radius-02);
1904
+ --ids-border-radius-none: var(--ids-border-radius-00);
1905
+ --ids-space-xxxxl: var(--ids-space-72);
1906
+ --ids-space-xxxl: var(--ids-space-56);
1907
+ --ids-space-xxl: var(--ids-space-48);
1908
+ --ids-space-xl: var(--ids-space-40);
1909
+ --ids-space-lg: var(--ids-space-32);
1910
+ --ids-space-md: var(--ids-space-24);
1911
+ --ids-space-sm: var(--ids-space-16);
1912
+ --ids-space-xs: var(--ids-space-08);
1913
+ --ids-space-xxs: var(--ids-space-04);
1914
+ --ids-space-xxxs: var(--ids-space-02);
1915
+ --ids-space-xxxxs: var(--ids-space-01);
1916
+ --ids-space-none: var(--ids-space-00);
1917
+ }
1918
+
1919
+ :root {
1920
+ --ids-color-primary: var(--ids-color-gray-90);
1921
+ --ids-color-text-on-primary: var(--ids-color-gray-10);
1922
+ --ids-color-background-default: var(--ids-color-gray-100);
1467
1923
  --ids-color-text-default: var(--ids-color-white-100);
1468
- --ids-color-text: var(--ids-color-neutral-10);
1469
- --ids-color-text-label: var(--ids-color-neutral-30);
1470
- --ids-color-text-inverse: var(--ids-color-neutral-100);
1471
- --ids-color-text-subtle: var(--ids-color-neutral-20);
1924
+ --ids-color-text: var(--ids-color-gray-10);
1925
+ --ids-color-text-inverse: var(--ids-color-gray-100);
1926
+ --ids-color-text-subtle: var(--ids-color-gray-20);
1472
1927
  --ids-color-text-data: var(--ids-color-white-100);
1473
- --ids-color-text-disabled: var(--ids-color-neutral-50);
1474
- --ids-color-text-error: var(--ids-color-error-50);
1475
- --ids-color-text-info: var(--ids-color-info-60);
1476
- --ids-color-text-success: var(--ids-color-success-50);
1477
- --ids-color-text-warning: var(--ids-color-warning-50);
1478
- --ids-color-error-10: var(--ids-color-error-90);
1479
- --ids-color-warning-10: var(--ids-color-orange-90);
1480
- --ids-color-text-on-caution: var(--ids-color-neutral-100);
1481
- --ids-color-caution-10: var(--ids-color-orange-90);
1482
- --ids-color-info-10: var(--ids-color-primary-90);
1483
- --ids-color-success-10: var(--ids-color-green-90);
1928
+ --ids-color-text-disabled: var(--ids-color-gray-50);
1929
+ --ids-color-text-error: var(--ids-color-red-50);
1930
+ --ids-color-text-info: var(--ids-color-info-default);
1931
+ --ids-color-text-success: var(--ids-color-green-50);
1932
+ --ids-color-text-warning: var(--ids-color-orange-50);
1933
+ --ids-color-error-weak: var(--ids-color-red-90);
1934
+ --ids-color-warning-weak: var(--ids-color-orange-90);
1935
+ --ids-color-text-on-caution: var(--ids-color-gray-100);
1936
+ --ids-color-caution-weak: var(--ids-color-orange-90);
1937
+ --ids-color-info-weak: var(--ids-color-primary-90);
1938
+ --ids-color-success-weak: var(--ids-color-green-90);
1484
1939
  --ids-shadow-none: 0 0 3px 2px rgba(28 134 239 / 0);
1485
1940
  --ids-shadow-error: 0 0 3px 2px rgb(218 18 23 / 0.30);
1486
1941
  --ids-box-shadow-inverse: 0 0 2px 1px rgba(28 134 239 / .8);
@@ -1490,500 +1945,328 @@
1490
1945
  --ids-scroll-shadow: 0 -1px 3px -1px rgba(82 82 87 / 0.30);
1491
1946
  --ids-scroll-color-border-top: 1px solid rgba(82 82 87 / 1);
1492
1947
  --ids-color-border-focus: var(--ids-color-primary-50);
1493
- --ids-accordion-header-color-border-bottom: var(--ids-color-neutral-70);
1494
- --ids-accordion-header-color-border-disabled: var(--ids-color-neutral-50);
1495
- --ids-accordion-header-color-text-disabled: var(--ids-color-neutral-50);
1948
+ --ids-accordion-header-color-border-bottom: var(--ids-color-gray-70);
1949
+ --ids-accordion-header-color-border-disabled: var(--ids-color-gray-50);
1950
+ --ids-accordion-header-color-text-disabled: var(--ids-color-gray-50);
1496
1951
  --ids-accordion-header-color-border-focus: var(--ids-color-primary-60);
1497
- --ids-accordion-header-color-icon: var(--ids-color-neutral-10);
1498
- --ids-app-menu-accordion-header-color-background-disabled: var(--ids-color-neutral-20);
1499
- --ids-app-menu-accordion-header-color-border-disabled: var(--ids-color-neutral-20);
1500
- --ids-app-menu-accordion-header-color-text-disabled: var(--ids-color-neutral-70);
1501
- --ids-app-menu-accordion-header-color-background-default: var(--ids-color-neutral-100);
1502
- --ids-app-menu-accordion-header-filter-match-color-text: var(--ids-color-neutral-40);
1952
+ --ids-accordion-header-color-icon: var(--ids-color-gray-10);
1953
+ --ids-app-menu-accordion-header-color-background-disabled: var(--ids-color-gray-20);
1954
+ --ids-app-menu-accordion-header-color-border-disabled: var(--ids-color-gray-20);
1955
+ --ids-app-menu-accordion-header-color-text-disabled: var(--ids-color-gray-70);
1956
+ --ids-app-menu-accordion-header-color-background-default: var(--ids-color-gray-100);
1957
+ --ids-app-menu-accordion-header-filter-match-color-text: var(--ids-color-gray-40);
1503
1958
  --ids-app-menu-accordion-header-color-border-focus: var(--ids-color-primary-40);
1504
- --ids-app-menu-header-color-background-hover: var(--ids-color-neutral-100);
1505
- --ids-app-menu-header-color-border-hover: var(--ids-color-neutral-100);
1506
- --ids-app-menu-accordion-panel-color-background: var(--ids-color-neutral-90);
1507
- --ids-action-panel-header-color-background: var(--ids-color-neutral-80);
1508
- --ids-action-panel-header-color-border: var(--ids-color-neutral-90);
1509
- --ids-action-panel-content-background-color: var(--ids-color-neutral-100);
1510
- --ids-action-sheet-color-background: var(--ids-color-neutral-70);
1511
- --ids-action-sheet-color-border: var(--ids-color-neutral-50);
1959
+ --ids-app-menu-header-color-background-hover: var(--ids-color-gray-100);
1960
+ --ids-app-menu-header-color-border-hover: var(--ids-color-gray-100);
1961
+ --ids-app-menu-accordion-panel-color-background: var(--ids-color-gray-90);
1962
+ --ids-action-panel-header-color-background: var(--ids-color-gray-80);
1963
+ --ids-action-panel-header-color-border: var(--ids-color-gray-90);
1964
+ --ids-action-panel-content-background-color: var(--ids-color-gray-100);
1965
+ --ids-action-sheet-color-background: var(--ids-color-gray-70);
1966
+ --ids-action-sheet-color-border: var(--ids-color-gray-50);
1512
1967
  --ids-alert-color-progress-default: var(--ids-color-purple-30);
1513
1968
  --ids-alert-color-progress-disabled: var(--ids-color-purple-70);
1514
- --ids-axis-chart-grid-color: var(--ids-color-neutral-40);
1515
- --ids-axis-chart-last-line-color-border: var(--ids-color-neutral-30);
1516
- --ids-axis-chart-color-text: var(--ids-color-neutral-10);
1517
- --ids-badge-color-background: var(--ids-color-neutral-60);
1518
- --ids-badge-color-border: var(--ids-color-neutral-60);
1519
- --ids-badge-color-background-error: var(--ids-color-error-50);
1520
- --ids-badge-color-border-error: var(--ids-color-error-50);
1521
- --ids-badge-color-error: var(--ids-color-text-on-error);
1522
- --ids-badge-color-background-info: var(--ids-color-info-60);
1523
- --ids-badge-color-border-info: var(--ids-color-info-60);
1524
- --ids-badge-color-info: var(--ids-color-text-on-info);
1525
- --ids-badge-color-background-success: var(--ids-color-success-80);
1526
- --ids-badge-color-border-success: var(--ids-color-success-80);
1527
- --ids-badge-color-success: var(--ids-color-text-on-success);
1528
- --ids-badge-color-background-warning: var(--ids-color-warning-50);
1529
- --ids-badge-color-border-warning: var(--ids-color-warning-50);
1530
- --ids-badge-color-warning: var(--ids-color-neutral-100);
1531
- --ids-block-grid-item-color-background-selectable-hover: var(--ids-color-neutral-80);
1532
- --ids-box-color-background: var(--ids-card-color-background);
1533
- --ids-box-color-border: var(--ids-color-neutral-70);
1534
- --ids-box-shadow: var(--ids-card-shadow);
1535
- --ids-box-outline-selected: 2px solid var(--ids-color-primary-60);
1536
- --ids-box-outline-hover: 1px solid var(--ids-color-neutral-70);
1537
- --ids-button-primary-color-border-default: var(--ids-color-primary-40);
1538
- --ids-button-primary-color-background-default: var(--ids-color-primary-40);
1539
- --ids-button-primary-color-text-default: var(--ids-color-background-default);
1540
- --ids-button-primary-color-border-focus: var(--ids-color-primary-40);
1541
- --ids-button-primary-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-primary-40), 0 0 4px 3px var(--ids-color-primary-40);
1542
- --ids-button-primary-color-background-hover: var(--ids-color-primary-30);
1543
- --ids-button-primary-color-border-hover: var(--ids-color-primary-30);
1544
- --ids-button-primary-color-background-disabled: var(--ids-color-neutral-60);
1545
- --ids-button-primary-color-border-disabled: var(--ids-color-neutral-60);
1546
- --ids-button-primary-color-text-disabled: var(--ids-color-neutral-100);
1547
- --ids-button-primary-color-background-pressed: var(--ids-color-primary-80);
1548
- --ids-button-secondary-color-background-default: transparent;
1549
- --ids-button-secondary-border-width: 2px;
1550
- --ids-button-secondary-color-border-default: var(--ids-color-primary-40);
1551
- --ids-button-secondary-color-text-default: var(--ids-color-primary-40);
1552
- --ids-button-secondary-color-border-focus: var(--ids-color-primary-50);
1553
- --ids-button-secondary-shadow-focus: 0 0 0 2px var(--ids-color-background-default), 0 0 0 3px var(--ids-color-primary-50), 0 0 4px 3px var(--ids-color-primary-50);
1554
- --ids-button-secondary-color-background-hover: var(--ids-color-neutral-90);
1555
- --ids-button-secondary-color-background-disabled: var(--ids-color-neutral-90);
1556
- --ids-button-secondary-color-border-disabled: var(--ids-color-neutral-60);
1557
- --ids-button-secondary-color-text-disabled: var(--ids-color-neutral-60);
1558
- --ids-button-secondary-color-background-pressed: var(--ids-color-primary-40);
1559
- --ids-button-tertiary-color-border-default: transparent;
1560
- --ids-button-tertiary-color-text-default: var(--ids-color-neutral-20);
1561
- --ids-button-tertiary-color-border-focus: var(--ids-color-border-focus);
1562
- --ids-button-tertiary-color-text-hover: var(--ids-color-text-on-primary);
1563
- --ids-button-tertiary-color-background-hover: var(--ids-color-neutral-80);
1564
- --ids-button-tertiary-color-text-disabled: var(--ids-color-neutral-60);
1565
- --ids-button-tertiary-color-background-pressed: var(--ids-color-primary-40);
1566
- --ids-button-destructive-color-background-hover: var(--ids-color-neutral-90);
1567
- --ids-button-formatter-color-border: var(--ids-color-neutral-70);
1568
- --ids-button-formatter-color-text-hover: var(--ids-color-neutral-10);
1569
- --ids-button-formatter-color-text-disabled: var(--ids-color-neutral-40);
1570
- --ids-button-formatter-color-background-hover: var(--ids-color-neutral-80);
1969
+ --ids-axis-chart-grid-color: var(--ids-color-gray-40);
1970
+ --ids-axis-chart-last-line-color-border: var(--ids-color-gray-30);
1971
+ --ids-axis-chart-color-text: var(--ids-color-gray-10);
1972
+ --ids-block-grid-item-color-background-selectable-hover: var(--ids-color-gray-80);
1973
+ --ids-button-formatter-color-border: var(--ids-color-gray-70);
1974
+ --ids-button-formatter-color-text-hover: var(--ids-color-gray-10);
1975
+ --ids-button-formatter-color-text-disabled: var(--ids-color-gray-40);
1976
+ --ids-button-formatter-color-background-hover: var(--ids-color-gray-80);
1571
1977
  --ids-button-formatter-color-active: var(--ids-color-primary-40);
1572
- --ids-button-formatter-color-text-default: var(--ids-color-neutral-10);
1978
+ --ids-button-formatter-color-text-default: var(--ids-color-gray-10);
1573
1979
  --ids-button-module-color-background-hover: rgba(0 0 0 / 0.3);
1574
- --ids-button-module-color-text-default: var(--ids-color-neutral-10);
1980
+ --ids-button-module-color-text-default: var(--ids-color-gray-10);
1575
1981
  --ids-button-module-color-text-hover: var(--ids-color-white-100);
1576
1982
  --ids-button-system-color-text-hover: var(--ids-color-white-100);
1577
- --ids-calendar-toolbar-color-background: var(--ids-color-neutral-80);
1578
- --ids-calendar-toolbar-color-border: var(--ids-color-neutral-70);
1579
- --ids-card-header-title-color: var(--ids-color-white-100);
1580
- --ids-card-color-background: var(--ids-color-neutral-90);
1581
- --ids-card-color-border: var(--ids-color-neutral-70);
1582
- --ids-card-color-border-hover: var(--ids-color-neutral-70);
1583
- --ids-card-divider-color-border: var(--ids-color-neutral-80);
1584
- --ids-card-shadow: 0 0 8px rgba(0 0 0 / 0.7);
1585
- --ids-card-color-background-selected: transparent;
1586
- --ids-chart-legend-color-text: var(--ids-color-text);
1587
- --ids-checkbox-color-background-selected: var(--ids-color-neutral-70);
1588
- --ids-checkbox-color-border-selected: var(--ids-color-neutral-70);
1589
- --ids-checkbox-color-border-selected-after: var(--ids-color-white-100);
1590
- --ids-checkbox-color-background-indeterminate: var(--ids-color-neutral-80);
1591
- --ids-checkbox-color-border-indeterminate: var(--ids-color-neutral-80);
1592
- --ids-checkbox-color-border-indeterminate-after: var(--ids-color-white-100);
1593
- --ids-checkbox-color-background-disabled: var(--ids-color-neutral-80);
1594
- --ids-checkbox-color-border-disabled: var(--ids-color-neutral-80);
1595
- --ids-checkbox-color-background-selected-disabled: var(--ids-color-neutral-80);
1596
- --ids-checkbox-color-border-selected-disabled: var(--ids-color-neutral-80);
1597
- --ids-checkbox-color-text-disabled: var(--ids-color-neutral-60);
1598
- --ids-checkbox-color-background-multiselect: var(--ids-color-neutral-80);
1599
- --ids-data-grid-color-background: var(--ids-color-neutral-90);
1600
- --ids-data-grid-cell-color-background-default: var(--ids-color-neutral-90);
1983
+ --ids-button-ai-color-background-color-disabled: #FFF;
1984
+ --ids-button-ai-color-icon-primary-hover: #1A3362;
1985
+ --ids-button-ai-color-icon-secondary-hover: #0B9789;
1986
+ --ids-button-tertiary-color-background-hover: var(--ids-color-accent-gray-weaker);
1987
+ --ids-calendar-toolbar-color-background: var(--ids-color-gray-80);
1988
+ --ids-calendar-toolbar-color-border: var(--ids-color-gray-70);
1989
+ --ids-card-color-border-hover: var(--ids-color-gray-70);
1990
+ --ids-card-color-border-selected: var(--ids-color-primary-60);
1991
+ --ids-card-divider-color-border: var(--ids-color-gray-80);
1992
+ --ids-chart-legend-color-text: var(--ids-color-text-default);
1993
+ --ids-checkbox-color-background-multiselect: var(--ids-color-gray-80);
1994
+ --ids-data-grid-color-background: var(--ids-color-gray-90);
1995
+ --ids-data-grid-cell-color-background-default: var(--ids-color-gray-90);
1601
1996
  --ids-data-grid-cell-color-background-readonly: rgba(0 0 0 / 0.35);
1602
- --ids-data-grid-cell-color-border: var(--ids-color-neutral-60);
1603
- --ids-data-grid-cell-checkbox-color-border: var(--ids-color-neutral-40);
1997
+ --ids-data-grid-cell-color-border: var(--ids-color-gray-60);
1998
+ --ids-data-grid-cell-checkbox-color-border: var(--ids-color-gray-40);
1604
1999
  --ids-data-grid-cell-color-text-default: var(--ids-color-white-100);
1605
- --ids-data-grid-cell-color-text-disabled: var(--ids-color-neutral-50);
2000
+ --ids-data-grid-cell-color-text-disabled: var(--ids-color-gray-50);
1606
2001
  --ids-data-grid-cell-color-background-error: rgba(232 79 79 / 0.1);
1607
- --ids-data-grid-list-cell-color-border: var(--ids-color-neutral-60);
1608
- --ids-data-grid-list-header-color-border: var(--ids-color-neutral-80);
1609
- --ids-data-grid-list-header-color-background: var(--ids-color-neutral-80);
1610
- --ids-data-grid-list-header-color-text: var(--ids-color-neutral-30);
1611
- --ids-data-grid-list-header-color-icon-unsorted: var(--ids-color-neutral-40);
1612
- --ids-data-grid-list-header-color-icon-sorted: var(--ids-color-neutral-20);
1613
- --ids-data-grid-list-header-checkbox-color-background: var(--ids-color-neutral-40);
1614
- --ids-data-grid-header-color-border: var(--ids-color-neutral-50);
1615
- --ids-data-grid-header-color-background-default: var(--ids-color-neutral-70);
1616
- --ids-data-grid-header-color-background-hover: var(--ids-color-neutral-80);
1617
- --ids-data-grid-header-checkbox-color-background: var(--ids-color-neutral-70);
1618
- --ids-data-grid-header-checkbox-color-border: var(--ids-color-neutral-40);
1619
- --ids-data-grid-header-color-icon: var(--ids-color-neutral-10);
1620
- --ids-data-grid-header-drag-background-color: var(--ids-color-neutral-70);
1621
- --ids-data-grid-header-drag-arrow-color-background: var(--ids-color-neutral-20);
1622
- --ids-data-grid-header-color-background-default-placeholder-dragging: var(--ids-color-neutral-80);
1623
- --ids-data-grid-header-color-text: var(--ids-color-neutral-10);
1624
- --ids-data-grid-header-color-icon-unsorted: var(--ids-color-neutral-30);
1625
- --ids-data-grid-header-color-icon-sorted: var(--ids-color-neutral-10);
1626
- --ids-data-grid-header-expander-color: var(--ids-color-neutral-40);
1627
- --ids-data-grid-header-expander-color-active: var(--ids-color-neutral-20);
1628
- --ids-data-grid-filter-icon-color: var(--ids-color-neutral-10);
2002
+ --ids-data-grid-list-cell-color-border: var(--ids-color-gray-60);
2003
+ --ids-data-grid-list-header-color-border: var(--ids-color-gray-80);
2004
+ --ids-data-grid-list-header-color-background: var(--ids-color-gray-80);
2005
+ --ids-data-grid-list-header-color-text: var(--ids-color-gray-30);
2006
+ --ids-data-grid-list-header-color-icon-unsorted: var(--ids-color-gray-40);
2007
+ --ids-data-grid-list-header-color-icon-sorted: var(--ids-color-gray-20);
2008
+ --ids-data-grid-list-header-checkbox-color-background: var(--ids-color-gray-40);
2009
+ --ids-data-grid-header-color-border: var(--ids-color-gray-50);
2010
+ --ids-data-grid-header-color-background-default: var(--ids-color-gray-70);
2011
+ --ids-data-grid-header-color-background-hover: var(--ids-color-gray-80);
2012
+ --ids-data-grid-header-checkbox-color-background: var(--ids-color-gray-70);
2013
+ --ids-data-grid-header-checkbox-color-border: var(--ids-color-gray-40);
2014
+ --ids-data-grid-header-color-icon: var(--ids-color-gray-10);
2015
+ --ids-data-grid-header-drag-background-color: var(--ids-color-gray-70);
2016
+ --ids-data-grid-header-drag-arrow-color-background: var(--ids-color-gray-20);
2017
+ --ids-data-grid-header-color-background-default-placeholder-dragging: var(--ids-color-gray-80);
2018
+ --ids-data-grid-header-color-text: var(--ids-color-gray-10);
2019
+ --ids-data-grid-header-color-icon-unsorted: var(--ids-color-gray-30);
2020
+ --ids-data-grid-header-color-icon-sorted: var(--ids-color-gray-10);
2021
+ --ids-data-grid-header-expander-color: var(--ids-color-gray-40);
2022
+ --ids-data-grid-header-expander-color-active: var(--ids-color-gray-20);
2023
+ --ids-data-grid-filter-icon-color: var(--ids-color-gray-10);
1629
2024
  --ids-data-grid-filter-icon-color-hover: var(--ids-color-white-100);
1630
- --ids-data-grid-filter-input-color-border-default: var(--ids-color-neutral-40);
2025
+ --ids-data-grid-filter-input-color-border-default: var(--ids-color-gray-40);
1631
2026
  --ids-data-grid-filter-input-color-text-default: var(--ids-color-white-100);
1632
- --ids-data-grid-filter-input-color-border-hover: var(--ids-color-neutral-10);
2027
+ --ids-data-grid-filter-input-color-border-hover: var(--ids-color-gray-10);
1633
2028
  --ids-data-grid-filter-input-color-border-focus: var(--ids-color-primary-50);
1634
- --ids-data-grid-filter-input-color-border-disabled: var(--ids-color-neutral-50);
1635
- --ids-data-grid-filter-input-color-text-disabled: var(--ids-color-neutral-50);
1636
- --ids-data-grid-filter-input-color-background-readonly: var(--ids-color-neutral-50);
1637
- --ids-data-grid-filter-input-color-border-readonly: var(--ids-color-neutral-50);
1638
- --ids-data-grid-filter-input-color-text-readonly: var(--ids-color-neutral-10);
1639
- --ids-data-grid-filter-input-color-text-placeholder: var(--ids-color-neutral-40);
1640
- --ids-data-grid-row-color-background-selected: var(--ids-color-neutral-100);
1641
- --ids-data-grid-row-alternating-color-background: var(--ids-color-neutral-80);
2029
+ --ids-data-grid-filter-input-color-border-disabled: var(--ids-color-gray-50);
2030
+ --ids-data-grid-filter-input-color-text-disabled: var(--ids-color-gray-50);
2031
+ --ids-data-grid-filter-input-color-background-readonly: var(--ids-color-gray-50);
2032
+ --ids-data-grid-filter-input-color-border-readonly: var(--ids-color-gray-50);
2033
+ --ids-data-grid-filter-input-color-text-readonly: var(--ids-color-gray-10);
2034
+ --ids-data-grid-filter-input-color-text-placeholder: var(--ids-color-gray-40);
2035
+ --ids-data-grid-row-color-background-selected: var(--ids-color-gray-100);
2036
+ --ids-data-grid-row-alternating-color-background: var(--ids-color-gray-80);
1642
2037
  --ids-data-grid-row-shadow-focus: inset 0 0 0 1px var(--ids-color-primary-50), 0 1px 0 0 var(--ids-color-primary-50), 0 0 3px 2px rgb(54 138 192 / 0.3);
1643
- --ids-date-picker-color-background: var(--ids-color-neutral-70);
2038
+ --ids-date-picker-color-background: var(--ids-color-gray-70);
1644
2039
  --ids-date-picker-item-color-border-focus: var(--ids-color-primary-40);
1645
2040
  --ids-date-picker-picklist-item-color-background-selected: var(--ids-color-primary-40);
1646
2041
  --ids-date-picker-popup-button-today-color-text: var(--ids-color-primary-40);
1647
- --ids-date-picker-picklist-separator-color-background: var(--ids-color-neutral-50);
2042
+ --ids-date-picker-picklist-separator-color-background: var(--ids-color-gray-50);
1648
2043
  --ids-input-dirty-indicator-color-background-dirty: var(--ids-color-orange-40);
1649
- --ids-drawer-action-sheet-color-background: var(--ids-color-neutral-90);
1650
- --ids-drawer-action-sheet-color-text: var(--ids-color-neutral-10);
1651
- --ids-drawer-app-menu-color-background: var(--ids-color-neutral-90);
1652
- --ids-drawer-app-menu-color-text: var(--ids-color-neutral-10);
2044
+ --ids-drawer-action-sheet-color-background: var(--ids-color-gray-90);
2045
+ --ids-drawer-action-sheet-color-text: var(--ids-color-gray-10);
2046
+ --ids-drawer-app-menu-color-background: var(--ids-color-gray-90);
2047
+ --ids-drawer-app-menu-color-text: var(--ids-color-gray-10);
1653
2048
  --ids-dropdown-color-background-default: var(--ids-popup-color-background);
1654
2049
  --ids-dropdown-color-border: var(--ids-color-border-focus);
1655
- --ids-dropdown-attached-color-border: var(--ids-color-neutral-50);
2050
+ --ids-dropdown-attached-color-border: var(--ids-color-gray-50);
1656
2051
  --ids-dropdown-shadow-default: -2px 1px 2px 0 rgb(54 138 192 / 0.3), 0 1px 2px 0 rgb(54 138 192 / 0.3), 2px 2px 2px 0 rgb(54 138 192 / 0.3);
1657
2052
  --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);
1658
- --ids-dropdown-color-icon: var(--ids-color-neutral-10);
1659
- --ids-dropdown-typeahead-color-background: var(--ids-color-neutral-30);
2053
+ --ids-dropdown-color-icon: var(--ids-color-gray-10);
2054
+ --ids-dropdown-typeahead-color-background: var(--ids-color-gray-30);
1660
2055
  --ids-dropdown-color-text-default: var(--ids-color-white-100);
1661
- --ids-dropdown-color-background-hover: var(--ids-color-neutral-90);
1662
- --ids-dropdown-group-color-text: var(--ids-color-neutral-20);
1663
- --ids-dropdown-group-color-border: var(--ids-color-neutral-50);
1664
- --ids-editor-background-color: var(--ids-color-neutral-100);
1665
- --ids-editor-color-border-default: var(--ids-color-neutral-40);
1666
- --ids-editor-color-border-hover: var(--ids-color-neutral-10);
1667
- --ids-editor-color-background-readonly: var(--ids-color-neutral-70);
1668
- --ids-editor-color-border-readonly: var(--ids-color-neutral-40);
1669
- --ids-editor-source-color-background-readonly: var(--ids-color-neutral-90);
2056
+ --ids-dropdown-color-background-hover: var(--ids-color-gray-90);
2057
+ --ids-dropdown-group-color-text: var(--ids-color-gray-20);
2058
+ --ids-dropdown-group-color-border: var(--ids-color-gray-50);
2059
+ --ids-editor-background-color: var(--ids-color-gray-100);
2060
+ --ids-editor-color-border-default: var(--ids-color-gray-40);
2061
+ --ids-editor-color-border-hover: var(--ids-color-gray-10);
2062
+ --ids-editor-color-background-readonly: var(--ids-color-gray-70);
2063
+ --ids-editor-color-border-readonly: var(--ids-color-gray-40);
2064
+ --ids-editor-source-color-background-readonly: var(--ids-color-gray-90);
1670
2065
  --ids-editor-color-border-disabled: var(--ids-color-text-disabled);
1671
2066
  --ids-editor-color-text-disabled: var(--ids-color-text-disabled);
1672
2067
  --ids-editor-link-color-text-link: var(--ids-color-primary-40);
1673
2068
  --ids-editor-link-color-text-hover: var(--ids-color-primary-60);
1674
2069
  --ids-editor-link-color-border-focus: var(--ids-color-primary);
1675
2070
  --ids-editor-shadow-focus: var(--ids-shadow-focus);
1676
- --ids-editor-source-color-background-default: var(--ids-color-neutral-80);
1677
- --ids-editor-source-line-color-text: var(--ids-color-neutral-40);
2071
+ --ids-editor-source-color-background-default: var(--ids-color-gray-80);
2072
+ --ids-editor-source-line-color-text: var(--ids-color-gray-40);
1678
2073
  --ids-editor-source-color-text: var(--ids-color-text-data);
1679
- --ids-expandable-area-border-bottom: 1px solid var(--ids-color-neutral-50);
1680
- --ids-empty-message-icon-color: var(--ids-color-neutral-60);
2074
+ --ids-expandable-area-border-bottom: 1px solid var(--ids-color-gray-50);
2075
+ --ids-empty-message-icon-color: var(--ids-color-gray-60);
1681
2076
  --ids-empty-message-color-icon-fill: transparent;
1682
- --ids-header-color-border-bottom: var(--ids-color-neutral-100);
1683
- --ids-header-color-background: var(--ids-color-neutral-70);
2077
+ --ids-header-color-border-bottom: var(--ids-color-gray-100);
2078
+ --ids-header-color-background: var(--ids-color-gray-70);
1684
2079
  --ids-header-gradient-opacity-none: rgb(0 114 237 / 1);
1685
2080
  --ids-header-gradient-opacity-full: rgb(0 114 237 / 0);
1686
- --ids-hierarchy-item-leaf-color-border: var(--ids-color-neutral-70);
1687
- --ids-hierarchy-item-color-background: var(--ids-color-neutral-100);
2081
+ --ids-hierarchy-item-leaf-color-border: var(--ids-color-gray-70);
2082
+ --ids-hierarchy-item-color-background: var(--ids-color-gray-100);
1688
2083
  --ids-hierarchy-item-leaf-inside-shadow: 0 0 8px rgb(0 0 0 / 0.7);
1689
2084
  --ids-hierarchy-item-selected-leaf-shadow: 0 0 0 5px rgba(141 201 230 / 0.3);
1690
- --ids-homepage-color-background-default: var(--ids-color-neutral-100);
1691
- --ids-hyperlink-color-text-default: var(--ids-color-primary-40);
1692
- --ids-hyperlink-color-text-hover: var(--ids-color-primary-60);
1693
- --ids-hyperlink-color-text-disabled: var(--ids-color-neutral-50);
2085
+ --ids-homepage-color-background-default: var(--ids-color-gray-100);
1694
2086
  --ids-hyperlink-box-icon-color-text-default: var(--ids-color-purple-50);
1695
- --ids-hyperlink-box-color-text-default: var(--ids-color-neutral-40);
1696
- --ids-hyperlink-box-color-border-default: var(--ids-color-neutral-70);
2087
+ --ids-hyperlink-box-color-text-default: var(--ids-color-gray-40);
2088
+ --ids-hyperlink-box-color-border-default: var(--ids-color-gray-70);
1697
2089
  --ids-icon-color-default-disabled: var(--ids-color-text-disabled);
1698
2090
  --ids-icon-status-color-red-color-background: transparent;
1699
2091
  --ids-icon-status-color-orange-color-background: transparent;
2092
+ --ids-icon-status-color-yellow-color-background: transparent;
1700
2093
  --ids-icon-status-color-green-color-background: transparent;
1701
2094
  --ids-icon-status-color-primary-color-background: transparent;
1702
2095
  --ids-icon-status-color-teal-color-background: transparent;
1703
2096
  --ids-icon-status-color-purple-color-background: transparent;
1704
- --ids-icon-status-color-neutral-color-background: transparent;
2097
+ --ids-icon-status-color-gray-color-background: transparent;
1705
2098
  --ids-icon-status-color-error-color-background: transparent;
1706
2099
  --ids-icon-status-color-warning-color-background: transparent;
1707
2100
  --ids-icon-status-color-success-color-background: transparent;
1708
- --ids-icon-status-color-alert-color-background: transparent;
1709
2101
  --ids-icon-status-color-info-color-background: transparent;
1710
- --ids-input-color-background-default: transparent;
1711
- --ids-input-color-border-default: var(--ids-color-neutral-40);
1712
- --ids-input-color-text: var(--ids-color-text-data);
1713
- --ids-input-color-text-placeholder: var(--ids-color-neutral-60);
1714
- --ids-input-label-color-text-default: var(--ids-color-text-label);
1715
- --ids-input-color-border-readonly: var(--ids-color-neutral-40);
1716
- --ids-input-color-text-readonly: var(--ids-color-text-data);
1717
- --ids-input-color-background-readonly: var(--ids-color-neutral-70);
1718
- --ids-input-color-text-disabled: var(--ids-color-text-disabled);
1719
- --ids-input-color-border-disabled: var(--ids-color-text-disabled);
1720
- --ids-input-color-border-hover: var(--ids-color-neutral-10);
1721
- --ids-input-color-border-focus: var(--ids-color-border-focus);
2102
+ --ids-color-status-color-caution-color-background: transparent;
1722
2103
  --ids-input-header-color-text-default: var(--ids-color-white-100);
1723
- --ids-input-header-color-text-placeholder: var(--ids-color-neutral-40);
2104
+ --ids-input-header-color-text-placeholder: var(--ids-color-gray-40);
1724
2105
  --ids-input-header-color-background: transparent;
1725
2106
  --ids-input-header-color-border: rgba(255 255 255 / 0.7);
1726
- --ids-layout-grid-color-background: var(--ids-color-neutral-70);
1727
- --ids-layout-grid-color-text: var(--ids-color-text);
1728
- --ids-link-list-title-color-text-default: var(--ids-color-neutral-10);
1729
- --ids-list-view-item-color-background-default: var(--ids-color-neutral-90);
1730
- --ids-list-view-item-color-border-top: var(--ids-color-neutral-70);
2107
+ --ids-layout-grid-color-background: var(--ids-color-gray-70);
2108
+ --ids-layout-grid-color-text: var(--ids-color-text-default);
2109
+ --ids-link-list-title-color-text-default: var(--ids-color-gray-10);
2110
+ --ids-list-view-item-color-background-default: var(--ids-color-gray-90);
2111
+ --ids-list-view-item-color-border-top: var(--ids-color-gray-70);
1731
2112
  --ids-list-view-item-color-border-focus: var(--ids-color-primary-70);
1732
2113
  --ids-list-view-item-shadow-focus: none;
1733
- --ids-list-view-item-color-text-disabled: var(--ids-color-neutral-50);
1734
- --ids-list-view-item-top-color-border-disabled-focus: var(--ids-color-neutral-70);
1735
- --ids-list-view-item-color-background-disabled: var(--ids-color-neutral-70);
1736
- --ids-list-view-item-color-border-disabled: var(--ids-color-neutral-80);
1737
- --ids-list-view-item-badge-color-text-disabled: var(--ids-color-neutral-40);
1738
- --ids-list-view-item-color-text-link-disabled: var(--ids-color-neutral-40);
2114
+ --ids-list-view-item-color-text-disabled: var(--ids-color-gray-50);
2115
+ --ids-list-view-item-top-color-border-disabled-focus: var(--ids-color-gray-70);
2116
+ --ids-list-view-item-color-background-disabled: var(--ids-color-gray-70);
2117
+ --ids-list-view-item-color-border-disabled: var(--ids-color-gray-80);
2118
+ --ids-list-view-item-badge-color-text-disabled: var(--ids-color-gray-40);
2119
+ --ids-list-view-item-color-text-link-disabled: var(--ids-color-gray-40);
1739
2120
  --ids-list-view-color-background-selected: var(--ids-color-primary-100);
1740
- --ids-loading-indicator-circle-color: var(--ids-color-neutral-60);
1741
- --ids-loading-indicator-primary-progress-color-border: var(--ids-color-neutral-80);
1742
- --ids-loading-indicator-primary-color-border: var(--ids-color-neutral-50);
2121
+ --ids-loading-indicator-circle-color: var(--ids-color-gray-60);
2122
+ --ids-loading-indicator-primary-progress-color-border: var(--ids-color-gray-80);
2123
+ --ids-loading-indicator-primary-color-border: var(--ids-color-gray-50);
1743
2124
  --ids-loading-indicator-progress-color: var(--ids-color-primary-60);
1744
- --ids-loading-indicator-primary-destructive-overall-color-border: var(--ids-color-error-20);
1745
- --ids-loading-indicator-destructive-progress-color-border: var(--ids-color-error-70);
1746
- --ids-loading-indicator-tertiary-destructive-color-border: var(--ids-color-error-30);
1747
- --ids-masthead-color-background: var(--ids-color-neutral-80);
1748
- --ids-masthead-color-text: var(--ids-color-neutral-10);
2125
+ --ids-loading-indicator-primary-destructive-overall-color-border: var(--ids-color-red-20);
2126
+ --ids-loading-indicator-destructive-progress-color-border: var(--ids-color-error-stronger);
2127
+ --ids-loading-indicator-tertiary-destructive-color-border: var(--ids-color-red-30);
2128
+ --ids-masthead-color-background: var(--ids-color-gray-80);
2129
+ --ids-masthead-color-text: var(--ids-color-gray-10);
1749
2130
  --ids-modal-color-background: var(--ids-popup-color-background);
1750
2131
  --ids-modal-color-border: var(--ids-popup-color-border);
1751
2132
  --ids-modal-shadow-default: var(--ids-popup-menu-shadow-default);
1752
- --ids-modal-footer-color-border: var(--ids-color-neutral-50);
2133
+ --ids-modal-footer-color-border: var(--ids-color-gray-50);
1753
2134
  --ids-modal-button-color-default: var(--ids-color-primary-40);
1754
2135
  --ids-modal-button-color-hover: var(--ids-color-primary-30);
1755
2136
  --ids-modal-shadow-focus: 0 0 3px 1px var(--ids-color-primary-30);
1756
- --ids-module-nav-background-color: var(--ids-color-neutral-90);
1757
- --ids-module-nav-border-color: var(--ids-color-neutral-70);
1758
- --ids-module-nav-text-color: var(--ids-color-neutral-30);
1759
- --ids-module-nav-detail-background-color: var(--ids-color-neutral-80);
1760
- --ids-module-nav-separator-color: var(--ids-color-neutral-80);
1761
- --ids-module-nav-input-bg-color: var(--ids-color-neutral-90);
1762
- --ids-module-nav-input-border-color: var(--ids-color-neutral-70);
1763
- --ids-module-nav-input-text-color: var(--ids-color-neutral-10);
1764
- --ids-module-nav-input-focus-bg-color: var(--ids-color-neutral-90);
1765
- --ids-module-nav-input-hover-bg-color: var(--ids-color-neutral-80);
1766
- --ids-module-nav-item-text-color: var(--ids-color-neutral-10);
1767
- --ids-module-nav-item-hover-bg-color: var(--ids-color-neutral-80);
1768
- --ids-module-nav-item-hover-text-color: var(--ids-color-neutral-10);
2137
+ --ids-module-nav-background-color: var(--ids-color-gray-90);
2138
+ --ids-module-nav-border-color: var(--ids-color-gray-70);
2139
+ --ids-module-nav-text-color: var(--ids-color-gray-30);
2140
+ --ids-module-nav-detail-background-color: var(--ids-color-gray-80);
2141
+ --ids-module-nav-separator-color: var(--ids-color-gray-80);
2142
+ --ids-module-nav-input-bg-color: var(--ids-color-gray-90);
2143
+ --ids-module-nav-input-border-color: var(--ids-color-gray-70);
2144
+ --ids-module-nav-input-text-color: var(--ids-color-gray-10);
2145
+ --ids-module-nav-input-focus-bg-color: var(--ids-color-gray-90);
2146
+ --ids-module-nav-input-hover-bg-color: var(--ids-color-gray-80);
2147
+ --ids-module-nav-item-text-color: var(--ids-color-gray-10);
2148
+ --ids-module-nav-item-hover-bg-color: var(--ids-color-gray-80);
2149
+ --ids-module-nav-item-hover-text-color: var(--ids-color-gray-10);
1769
2150
  --ids-module-nav-item-selected-bg-color: var(--ids-color-primary-60);
1770
- --ids-module-nav-item-selected-text-color: var(--ids-color-neutral-10);
1771
- --ids-module-nav-switcher-dropdown-bg-color: var(--ids-color-neutral-90);
1772
- --ids-module-nav-switcher-dropdown-item-focus-bg-color: var(--ids-color-neutral-80);
1773
- --ids-module-nav-switcher-dropdown-item-text-color: var(--ids-color-neutral-20);
1774
- --ids-module-nav-search-input-bg-color: var(--ids-color-neutral-80);
1775
- --ids-module-nav-search-input-text-color: var(--ids-color-neutral-10);
1776
- --ids-module-nav-search-input-focused-bg-color: var(--ids-color-neutral-90);
1777
- --ids-module-nav-search-input-focused-text-color: var(--ids-color-neutral-10);
1778
- --ids-module-nav-search-input-placeholder-text-color: var(--ids-color-neutral-10);
1779
- --ids-module-nav-search-input-focused-placeholder-text-color: var(--ids-color-neutral-50);
2151
+ --ids-module-nav-item-selected-text-color: var(--ids-color-gray-10);
2152
+ --ids-module-nav-switcher-dropdown-bg-color: var(--ids-color-gray-90);
2153
+ --ids-module-nav-switcher-dropdown-item-focus-bg-color: var(--ids-color-gray-80);
2154
+ --ids-module-nav-switcher-dropdown-item-text-color: var(--ids-color-gray-20);
2155
+ --ids-module-nav-search-input-bg-color: var(--ids-color-gray-80);
2156
+ --ids-module-nav-search-input-text-color: var(--ids-color-gray-10);
2157
+ --ids-module-nav-search-input-focused-bg-color: var(--ids-color-gray-90);
2158
+ --ids-module-nav-search-input-focused-text-color: var(--ids-color-gray-10);
2159
+ --ids-module-nav-search-input-placeholder-text-color: var(--ids-color-gray-10);
2160
+ --ids-module-nav-search-input-focused-placeholder-text-color: var(--ids-color-gray-50);
1780
2161
  --ids-module-nav-settings-menu-box-shadow: 0 0 8px 1px rgba(255 255 255 / 0.08);
1781
- --ids-module-nav-settings-menu-item-text-color: var(--ids-color-neutral-30);
1782
- --ids-module-nav-settings-menu-item-icon-color: var(--ids-color-neutral-40);
1783
- --ids-module-nav-settings-menu-separator-color: var(--ids-color-neutral-90);
2162
+ --ids-module-nav-settings-menu-item-text-color: var(--ids-color-gray-30);
2163
+ --ids-module-nav-settings-menu-item-icon-color: var(--ids-color-gray-40);
2164
+ --ids-module-nav-settings-menu-separator-color: var(--ids-color-gray-90);
1784
2165
  --ids-menu-header-color-text: var(--ids-color-white-100);
1785
- --ids-menu-item-color-text-disabled: var(--ids-color-neutral-50);
1786
- --ids-menu-item-highlight-color: var(--ids-color-neutral-80);
1787
- --ids-menu-item-color-text-default: var(--ids-color-white-100);
2166
+ --ids-menu-item-color-text-disabled: var(--ids-color-gray-50);
2167
+ --ids-menu-item-highlight-color: var(--ids-color-gray-80);
1788
2168
  --ids-menu-check-color-default: var(--ids-color-primary-60);
1789
- --ids-popup-color-background: var(--ids-color-neutral-90);
1790
- --ids-popup-color-border: var(--ids-color-neutral-60);
1791
- --ids-popup-shadow: 0 2px 5px var(--ids-color-neutral-80);
1792
2169
  --ids-popup-menu-color-text-default: var(--ids-color-white-100);
1793
2170
  --ids-popup-menu-color-background-inverse: var(--ids-color-white-100);
1794
- --ids-popup-menu-color-border-inverse: var(--ids-color-neutral-30);
2171
+ --ids-popup-menu-color-border-inverse: var(--ids-color-gray-30);
1795
2172
  --ids-popup-menu-shadow-inverse: 0 2px 5px rgba(0 0 0 / 0.2);
1796
- --ids-popup-menu-color-text-inverse: var(--ids-color-neutral-10);
1797
- --ids-calendar-month-view-color-background-default: var(--ids-color-neutral-80);
1798
- --ids-calendar-month-view-color-border: var(--ids-color-neutral-70);
1799
- --ids-calendar-month-view-color-background-disabled: var(--ids-color-neutral-100);
1800
- --ids-calendar-month-view-color-text-default: var(--ids-color-neutral-30);
2173
+ --ids-popup-menu-color-text-inverse: var(--ids-color-gray-10);
2174
+ --ids-calendar-month-view-color-background-default: var(--ids-color-gray-80);
2175
+ --ids-calendar-month-view-color-border: var(--ids-color-gray-70);
2176
+ --ids-calendar-month-view-color-background-disabled: var(--ids-color-gray-100);
2177
+ --ids-calendar-month-view-color-text-default: var(--ids-color-gray-30);
1801
2178
  --ids-calendar-month-view-weekday-color-text: var(--ids-calendar-month-view-color-text-default);
1802
- --ids-calendar-month-view-color-text-alternate: var(--ids-color-neutral-50);
2179
+ --ids-calendar-month-view-color-text-alternate: var(--ids-color-gray-50);
1803
2180
  --ids-calendar-month-view-color-background-hover: rgb(49 50 54 / 0.2);
1804
- --ids-calendar-month-view-color-background-selected: var(--ids-color-neutral-70);
2181
+ --ids-calendar-month-view-color-background-selected: var(--ids-color-gray-70);
1805
2182
  --ids-calendar-month-view-color-selected: var(--ids-color-primary-60);
1806
2183
  --ids-calendar-month-view-day-color-background-compact-selected: var(--ids-color-primary-60);
1807
2184
  --ids-calendar-month-view-weekday-color-text-compact: var(--ids-calendar-month-view-color-text-default);
1808
- --ids-calendar-month-view-color-text-compact: var(--ids-color-neutral-50);
2185
+ --ids-calendar-month-view-color-text-compact: var(--ids-color-gray-50);
1809
2186
  --ids-calendar-month-view-weekday-color-text-compact-hover: var(--ids-color-white-100);
1810
2187
  --ids-calendar-month-view-range-color-background-compact-selected: var(--ids-color-primary-60);
1811
2188
  --ids-overlay-background-color: 0 0 0;
1812
2189
  --ids-overlay-page-background-color: 0 0 0;
1813
- --ids-chart-pie-color-text: var(--ids-color-neutral-30);
1814
- --ids-progress-bar-color-text-disabled: var(--ids-color-text-disabled);
1815
- --ids-progress-bar-color-background-disabled: var(--ids-color-neutral-70);
1816
- --ids-progress-bar-color-border: var(--ids-color-neutral-40);
1817
- --ids-progress-bar-border: 1px solid var(--ids-progress-bar-color-border);
1818
- --ids-progress-bar-fill-color-background: var(--ids-color-primary-60);
1819
- --ids-progress-bar-label-color-text: var(--ids-color-text-label);
1820
- --ids-progress-chart-label-color-text: var(--ids-color-neutral-30);
1821
- --ids-progress-chart-total-color-background: var(--ids-color-neutral-50);
2190
+ --ids-chart-pie-color-text: var(--ids-color-gray-30);
2191
+ --ids-progress-chart-label-color-text: var(--ids-color-gray-30);
2192
+ --ids-progress-chart-total-color-background: var(--ids-color-gray-50);
1822
2193
  --ids-progress-chart-bar-progress-color-background: var(--ids-color-primary-60);
1823
2194
  --ids-process-indicator-color-primary: var(--ids-color-primary-70);
1824
2195
  --ids-process-indicator-color-active: var(--ids-color-primary-70);
1825
- --ids-process-indicator-canceled-step-color-background: var(--ids-color-error-50);
2196
+ --ids-process-indicator-canceled-step-color-background: var(--ids-color-red-50);
1826
2197
  --ids-process-indicator-canceled-step-color-icon: var(--ids-color-white-100);
1827
- --ids-radio-shadow: none;
1828
- --ids-radio-shadow-with-border: 0 0 0 1px var(--ids-color-background-default),
1829
- 0 0 0 2px var(--ids-color-primary-60);
1830
- --ids-radio-button-color-background-selected: var(--ids-color-primary-60);
1831
- --ids-radio-button-color-border-selected: var(--ids-color-primary-60);
1832
- --ids-radio-button-inner-color-background-selected: var(--ids-color-white-100);
1833
- --ids-input-required-indicator-color-text-default: var(--ids-color-error-60);
1834
- --ids-scroll-view-color-icon-default: var(--ids-color-neutral-40);
2198
+ --ids-input-required-indicator-color-text-default: var(--ids-color-error-default);
2199
+ --ids-scroll-view-color-icon-default: var(--ids-color-gray-40);
1835
2200
  --ids-scroll-view-color-icon-selected: var(--ids-color-primary-60);
1836
- --ids-search-field-card-color-text: var(--ids-color-text);
1837
- --ids-search-field-card-color-background: var(--ids-color-neutral-80);
1838
- --ids-search-field-header-color-background: var(--ids-color-neutral-100);
1839
- --ids-search-field-header-color-text: var(--ids-color-text);
1840
- --ids-search-field-header-color-icon-default: var(--ids-color-neutral-10);
1841
- --ids-separator-color-background: var(--ids-color-neutral-50);
1842
- --ids-separator-alternate-color-background: var(--ids-color-neutral-30);
2201
+ --ids-search-field-card-color-text: var(--ids-color-text-default);
2202
+ --ids-search-field-card-color-background: var(--ids-color-gray-80);
2203
+ --ids-search-field-header-color-background: var(--ids-color-gray-100);
2204
+ --ids-search-field-header-color-text: var(--ids-color-text-default);
2205
+ --ids-search-field-header-color-icon-default: var(--ids-color-gray-10);
1843
2206
  --ids-slider-tick-color-background-default: var(--ids-color-primary-60);
1844
2207
  --ids-slider-thumb-color-background-default: var(--ids-color-primary-60);
1845
2208
  --ids-slider-thumb-color-border-default: var(--ids-color-primary-60);
1846
- --ids-slider-track-color-background-default: var(--ids-color-neutral-70);
2209
+ --ids-slider-track-color-background-default: var(--ids-color-gray-70);
1847
2210
  --ids-slider-track-color-background-progress: var(--ids-color-primary-60);
1848
2211
  --ids-slider-tooltip-color-background: var(--ids-color-white-100);
1849
- --ids-slider-tooltip-color-text: var(--ids-color-neutral-100);
1850
- --ids-slider-color-disabled: var(--ids-color-neutral-20);
1851
- --ids-slider-tick-color-background-disabled: var(--ids-color-neutral-40);
1852
- --ids-slider-thumb-color-background-disabled: var(--ids-color-neutral-40);
1853
- --ids-slider-track-color-background-disabled: var(--ids-color-neutral-50);
1854
- --ids-slider-track-color-background-progress-disabled: var(--ids-color-neutral-40);
1855
- --ids-slider-color-readonly: var(--ids-color-neutral-20);
1856
- --ids-slider-tick-color-background-readonly: var(--ids-color-neutral-40);
1857
- --ids-slider-thumb-color-background-readonly: var(--ids-color-neutral-40);
2212
+ --ids-slider-tooltip-color-text: var(--ids-color-gray-100);
2213
+ --ids-slider-color-disabled: var(--ids-color-gray-20);
2214
+ --ids-slider-tick-color-background-disabled: var(--ids-color-gray-40);
2215
+ --ids-slider-thumb-color-background-disabled: var(--ids-color-gray-40);
2216
+ --ids-slider-track-color-background-disabled: var(--ids-color-gray-50);
2217
+ --ids-slider-track-color-background-progress-disabled: var(--ids-color-gray-40);
2218
+ --ids-slider-color-readonly: var(--ids-color-gray-20);
2219
+ --ids-slider-tick-color-background-readonly: var(--ids-color-gray-40);
2220
+ --ids-slider-thumb-color-background-readonly: var(--ids-color-gray-40);
1858
2221
  --ids-slider-thumb-color-shadow-readonly: rgba(151 151 155 / 0.1);
1859
- --ids-slider-thumb-color-border-readonly: var(--ids-color-neutral-40);
1860
- --ids-slider-track-color-background-readonly: var(--ids-color-neutral-70);
1861
- --ids-slider-track-progress-color-background-readonly: var(--ids-color-neutral-40);
1862
- --ids-splitter-bar-color-border: var(--ids-color-neutral-70);
1863
- --ids-splitter-bar-color-border-hover: var(--ids-color-neutral-70);
1864
- --ids-splitter-bar-color-border-dragging: var(--ids-color-primary-30);
1865
- --ids-splitter-handle-color-background-hover: var(--ids-color-primary-60);
1866
- --ids-stats-positive-color-text: var(--ids-color-green-50);
1867
- --ids-stats-negative-color-text: var(--ids-color-error-default);
1868
- --ids-stats-color-text: var(--ids-color-text-label);
1869
- --ids-stats-kpi-label-color: var(--ids-color-white-100);
1870
- --ids-step-chart-color-background-default: var(--ids-color-neutral-70);
2222
+ --ids-slider-thumb-color-border-readonly: var(--ids-color-gray-40);
2223
+ --ids-slider-track-color-background-readonly: var(--ids-color-gray-70);
2224
+ --ids-slider-track-progress-color-background-readonly: var(--ids-color-gray-40);
2225
+ --ids-step-chart-color-background-default: var(--ids-color-gray-70);
1871
2226
  --ids-step-chart-color-background-complete: var(--ids-color-primary-60);
1872
- --ids-swappable-item-color-background-hover: var(--ids-color-neutral-60);
2227
+ --ids-swappable-item-color-background-hover: var(--ids-color-gray-60);
1873
2228
  --ids-swappable-item-color-background-selected: var(--ids-color-primary-60);
1874
- --ids-swappable-item-over-border: 1px dashed var(--ids-color-neutral-30);
1875
- --ids-swaplist-button-color-background-hover: var(--ids-color-neutral-70);
1876
- --ids-swipe-action-color-background-left: var(--ids-color-neutral-60);
2229
+ --ids-swappable-item-over-border: 1px dashed var(--ids-color-gray-30);
2230
+ --ids-swaplist-button-color-background-hover: var(--ids-color-gray-70);
2231
+ --ids-swipe-action-color-background-left: var(--ids-color-gray-60);
1877
2232
  --ids-swipe-action-color-text-left: var(--ids-color-white-100);
1878
2233
  --ids-swipe-action-color-background-right: var(--ids-color-primary-50);
1879
2234
  --ids-swipe-action-color-text-right: var(--ids-color-white-100);
1880
- --ids-switch-pole-color-background-default: var(--ids-color-neutral-40);
1881
- --ids-switch-toggle-color-background-default: var(--ids-color-white-100);
1882
- --ids-switch-toggle-color-border-default: var(--ids-input-color-border-default);
1883
- --ids-switch-pole-color-background-selected: var(--ids-color-primary-30);
1884
- --ids-switch-toggle-color-background-selected: var(--ids-color-primary-60);
1885
- --ids-switch-toggle-color-border-selected: var(--ids-color-primary-60);
1886
- --ids-switch-pole-color-background-disabled: var(--ids-color-neutral-60);
1887
- --ids-switch-toggle-color-background-disabled: var(--ids-color-neutral-70);
1888
- --ids-switch-toggle-color-border-disabled: var(--ids-color-neutral-60);
1889
- --ids-switch-pole-color-background-selected-disabled: var(--ids-color-primary-20);
1890
- --ids-switch-toggle-color-background-selected-disabled: var(--ids-color-primary-30);
1891
- --ids-switch-toggle-color-border-selected-disabled: var(--ids-color-primary-30);
1892
- --ids-switch-toggle-color-background-hover: var(--ids-color-neutral-30);
1893
- --ids-switch-toggle-shadow-focus: 0 0 0 3px var(--ids-color-primary-90), 0 0 0 4px var(--ids-color-primary-60);
1894
- --ids-tab-content-color-text: var(--ids-color-text);
1895
- --ids-tab-color-text-hover: var(--ids-color-white-100);
1896
- --ids-tab-color-background-hover: var(--ids-color-neutral-80);
1897
- --ids-tab-color-background-focus: var(--ids-color-background-default);
1898
- --ids-tab-color-border-focus: var(--ids-color-white-100);
1899
- --ids-tab-color-text-selected: var(--ids-color-blue-40);
1900
- --ids-tab-color-text-disabled: var(--ids-color-neutral-60);
1901
- --ids-tab-header-color-text-default: var(--ids-color-neutral-30);
1902
- --ids-tab-header-color-text-disabled: var(--ids-color-neutral-50);
1903
- --ids-tab-header-color-text-hover: var(--ids-color-white-100);
1904
- --ids-tab-header-color-text-selected: var(--ids-color-white-100);
1905
- --ids-tab-header-color-background-hover: var(--ids-color-neutral-90);
1906
- --ids-tab-header-color-border-focus: var(--ids-color-white-100);
1907
- --ids-tab-vertical-color-background-default: var(--ids-color-neutral-70);
1908
- --ids-tab-vertical-color-text-default: var(--ids-color-white-100);
1909
- --ids-tab-vertical-color-background-hover: var(--ids-color-neutral-90);
1910
- --ids-tab-vertical-color-background-selected: var(--ids-color-neutral-80);
1911
- --ids-tab-vertical-color-text-selected: var(--ids-color-white-100);
1912
- --ids-tab-vertical-color-text-hover: var(--ids-color-white-100);
1913
- --ids-tab-vertical-color-background-disabled: var(--ids-color-neutral-60);
1914
- --ids-tab-vertical-color-text-disabled: var(--ids-color-neutral-40);
1915
- --ids-tab-vertical-color-border-default: var(--ids-color-neutral-60);
1916
- --ids-tab-module-color-background-default: var(--ids-color-neutral-80);
1917
- --ids-tab-module-color-border-right: var(--ids-color-neutral-100);
1918
- --ids-tab-module-color-text-default: var(--ids-color-white-100);
1919
- --ids-tab-module-color-background-hover: var(--ids-color-neutral-90);
1920
- --ids-tab-module-color-text-hover: var(--ids-color-white-100);
1921
- --ids-tab-module-color-background-selected: var(--ids-color-neutral-70);
1922
- --ids-tab-module-color-text-selected: var(--ids-color-white-100);
1923
- --ids-tab-module-color-background-disabled: var(--ids-color-neutral-90);
1924
- --ids-tab-module-color-text-disabled: var(--ids-color-neutral-40);
1925
- --ids-tag-color-background-default: var(--ids-input-color-background-readonly);
1926
- --ids-tag-color-border: var(--ids-input-color-background-readonly);
1927
- --ids-tag-border-radius: var(--ids-border-radius-04);
1928
- --ids-tag-color-text-default: var(--ids-input-color-text);
1929
- --ids-tag-font-size-default: var(--ids-font-size-30);
1930
- --ids-tag-color-icon-hover: var(--ids-input-color-border-hover);
1931
- --ids-tag-secondary-color-background: var(--ids-input-color-background-default);
1932
- --ids-tag-secondary-color-border: var(--ids-input-color-border-default);
1933
- --ids-tag-color-text-disabled: var(--ids-color-neutral-40);
1934
- --ids-tag-secondary-color-text-disabled: var(--ids-color-neutral-50);
1935
- --ids-textarea-color-background-default: transparent;
1936
- --ids-textarea-color-background-disabled: transparent;
1937
- --ids-textarea-color-border-disabled: var(--ids-color-neutral-60);
1938
- --ids-textarea-color-text-disabled: var(--ids-color-neutral-60);
1939
- --ids-textarea-color-border-error-default: var(--ids-color-error-50);
1940
- --ids-textarea-color-border-hover: var(--ids-color-neutral-40);
1941
- --ids-textarea-color-background-readonly: var(--ids-color-neutral-70);
1942
- --ids-textarea-color-border-readonly: var(--ids-color-neutral-40);
1943
- --ids-textarea-color-text-readonly: var(--ids-color-neutral-10);
1944
- --ids-textarea-color-text-default: var(--ids-color-white-100);
1945
- --ids-time-picker-popup-color-background: var(--ids-color-neutral-80);
1946
- --ids-time-picker-popup-colons-color-text: var(--ids-color-neutral-30);
1947
- --ids-time-picker-popup-button-color-border: var(--ids-color-neutral-50);
2235
+ --ids-time-picker-popup-color-background: var(--ids-color-gray-80);
2236
+ --ids-time-picker-popup-colons-color-text: var(--ids-color-gray-30);
2237
+ --ids-time-picker-popup-button-color-border: var(--ids-color-gray-50);
1948
2238
  --ids-time-picker-popup-button-color-text-hover: var(--ids-color-primary-20);
1949
2239
  --ids-time-picker-popup-button-color-text-default: var(--ids-color-primary-30);
1950
- --ids-toast-color-background: var(--ids-color-neutral-70);
1951
- --ids-toast-color-border: var(--ids-color-neutral-50);
1952
- --ids-toast-color-text: var(--ids-color-white-100);
1953
- --ids-toast-progress-color-background: var(--ids-progress-bar-fill-color-background);
1954
- --ids-tooltip-color-background: var(--ids-color-white-100);
1955
- --ids-tooltip-color-text: var(--ids-color-neutral-100);
1956
- --ids-tooltip-shadow: 0 2px 5px rgb(239 239 240 / 0.4);
1957
- --ids-toolbar-formatter-color-background: var(--ids-color-neutral-70);
1958
- --ids-toolbar-formatter-color-border-bottom: var(--ids-color-neutral-50);
1959
- --ids-trigger-field-icon-color: var(--ids-color-neutral-30);
1960
- --ids-tree-node-color-text-disabled: var(--ids-color-neutral-50);
2240
+ --ids-toolbar-formatter-color-background: var(--ids-color-gray-70);
2241
+ --ids-toolbar-formatter-color-border-bottom: var(--ids-color-gray-50);
2242
+ --ids-trigger-field-icon-color: var(--ids-color-gray-30);
2243
+ --ids-tree-node-color-text-disabled: var(--ids-color-gray-50);
1961
2244
  --ids-tree-node-color-border-focus: var(--ids-color-primary-60);
1962
2245
  --ids-tree-node-color-text-hover: var(--ids-color-white-100);
1963
- --ids-tree-node-color-background-selected: var(--ids-color-neutral-60);
2246
+ --ids-tree-node-color-background-selected: var(--ids-color-gray-60);
1964
2247
  --ids-tree-node-color-text-selected: var(--ids-color-white-100);
1965
- --ids-tree-node-color-text-default: var(--ids-color-neutral-30);
1966
- --ids-tree-treemap-color-border: var(--ids-color-neutral-90);
1967
- --ids-tree-treemap-title-color-background: var(--ids-color-neutral-30);
1968
- --ids-tree-treemap-title-color-text: var(--ids-color-neutral-100);
1969
- --ids-upload-advanced-color-background-default: var(--ids-color-neutral-70);
1970
- --ids-upload-advanced-color-background-disabled: var(--ids-color-neutral-70);
1971
- --ids-upload-advanced-color-border-disabled: var(--ids-color-neutral-50);
1972
- --ids-upload-advanced-color-background-drag-enter: var(--ids-color-neutral-80);
2248
+ --ids-tree-node-color-text-default: var(--ids-color-gray-30);
2249
+ --ids-tree-treemap-color-border: var(--ids-color-gray-90);
2250
+ --ids-tree-treemap-title-color-background: var(--ids-color-gray-30);
2251
+ --ids-tree-treemap-title-color-text: var(--ids-color-gray-100);
2252
+ --ids-upload-advanced-color-background-default: var(--ids-color-gray-70);
2253
+ --ids-upload-advanced-color-background-disabled: var(--ids-color-gray-70);
2254
+ --ids-upload-advanced-color-border-disabled: var(--ids-color-gray-50);
2255
+ --ids-upload-advanced-color-background-drag-enter: var(--ids-color-gray-80);
1973
2256
  --ids-upload-advanced-color-border-drag-enter: var(--ids-color-primary-60);
1974
- --ids-upload-advanced-color-background-hover: var(--ids-color-neutral-60);
1975
- --ids-upload-advanced-color-border-hover: var(--ids-color-neutral-40);
1976
- --ids-upload-advanced-color-text-hover: var(--ids-color-neutral-20);
2257
+ --ids-upload-advanced-color-background-hover: var(--ids-color-gray-60);
2258
+ --ids-upload-advanced-color-border-hover: var(--ids-color-gray-40);
2259
+ --ids-upload-advanced-color-text-hover: var(--ids-color-gray-20);
1977
2260
  --ids-upload-advanced-hyperlink-box-focus-shadow: var(--ids-shadow-30);
1978
2261
  --ids-upload-advanced-color-border-focus: var(--ids-color-primary);
1979
- --ids-upload-advanced-label-color-text: var(--ids-color-neutral-30);
1980
- --ids-upload-advanced-color-text-default: var(--ids-color-neutral-20);
1981
- --ids-week-view-color-border: var(--ids-color-neutral-70);
1982
- --ids-week-view-row-odd-color-border: var(--ids-color-neutral-80);
1983
- --ids-widget-header-title-color: var(--ids-color-neutral-10);
1984
- --ids-widget-color-border-hover: var(--ids-color-neutral-60);
2262
+ --ids-upload-advanced-label-color-text: var(--ids-color-gray-30);
2263
+ --ids-upload-advanced-color-text-default: var(--ids-color-gray-20);
2264
+ --ids-week-view-color-border: var(--ids-color-gray-70);
2265
+ --ids-week-view-row-odd-color-border: var(--ids-color-gray-80);
2266
+ --ids-widget-header-title-color: var(--ids-color-gray-10);
2267
+ --ids-widget-color-border-hover: var(--ids-color-gray-60);
1985
2268
  --ids-widget-color-shadow-hover: 0 2px 4px 1px rgba(0 0 0 / 0.15);
1986
- --ids-widget-search-field-color-background: var(--ids-color-neutral-80);
2269
+ --ids-widget-search-field-color-background: var(--ids-color-gray-80);
1987
2270
  --ids-wizard-step-color-default: var(--ids-color-primary-40);
1988
- --ids-wizard-step-color-unvisited: var(--ids-color-neutral-40);
2271
+ --ids-wizard-step-color-unvisited: var(--ids-color-gray-40);
1989
2272
  }