ids-enterprise-wc 1.0.0-beta.11 → 1.0.0-beta.13

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 (693) hide show
  1. package/README.md +24 -3
  2. package/chunks/{ids-chunk-PRLCXVVK.js → ids-chunk-26RFTKBH.js} +25 -26
  3. package/chunks/{ids-chunk-6WR4WVTO.js → ids-chunk-2HJWXBLG.js} +1 -1
  4. package/chunks/{ids-chunk-XUZL2WB2.js → ids-chunk-2WNWFTXI.js} +3 -3
  5. package/chunks/{ids-chunk-GDTULRSL.js → ids-chunk-34TUNV43.js} +1 -1
  6. package/chunks/{ids-chunk-BQX7ONVG.js → ids-chunk-3BGYNGOR.js} +9 -9
  7. package/chunks/ids-chunk-3PGV47W6.js +88 -0
  8. package/chunks/{ids-chunk-QNV6K6X4.js → ids-chunk-447AM6DR.js} +19 -19
  9. package/chunks/{ids-chunk-WWOTMZJU.js → ids-chunk-44CLLQBZ.js} +1 -1
  10. package/chunks/{ids-chunk-VVI2LIGH.js → ids-chunk-4BWOGG6Q.js} +1 -1
  11. package/chunks/{ids-chunk-CLD4M3AP.js → ids-chunk-4GM3LG4T.js} +1 -1
  12. package/chunks/{ids-chunk-GGGKYJ5W.js → ids-chunk-4IBDFGSR.js} +22 -23
  13. package/chunks/{ids-chunk-OTP7LD3G.js → ids-chunk-4LNK4CO7.js} +1 -1
  14. package/chunks/{ids-chunk-GHFPAWNJ.js → ids-chunk-4LOG7J7O.js} +1 -1
  15. package/chunks/{ids-chunk-O4OMYW6K.js → ids-chunk-4OICKBUW.js} +22 -18
  16. package/chunks/{ids-chunk-ZAWMPANZ.js → ids-chunk-4TL64355.js} +1 -1
  17. package/chunks/{ids-chunk-IUQDTAVW.js → ids-chunk-4W3JMIJK.js} +1 -1
  18. package/chunks/ids-chunk-53YDS742.js +1206 -0
  19. package/chunks/{ids-chunk-3E742NAC.js → ids-chunk-5M5P5FA6.js} +17 -17
  20. package/chunks/{ids-chunk-N3SAHUGR.js → ids-chunk-5OKDI6GX.js} +80 -80
  21. package/chunks/{ids-chunk-6FUMT5UL.js → ids-chunk-5RRSUJN3.js} +184 -184
  22. package/chunks/{ids-chunk-OFNERFE4.js → ids-chunk-5RZZF5O6.js} +47 -47
  23. package/chunks/{ids-chunk-FP6LMGGB.js → ids-chunk-5X5DDUEV.js} +3 -3
  24. package/chunks/{ids-chunk-UYV4P3JF.js → ids-chunk-5YNJJUQD.js} +1 -1
  25. package/chunks/{ids-chunk-RV3IDWT7.js → ids-chunk-5YYDVQ4X.js} +10 -10
  26. package/chunks/{ids-chunk-P7DBJ4E6.js → ids-chunk-63KQ42SL.js} +33 -33
  27. package/chunks/{ids-chunk-2BQNXQMC.js → ids-chunk-6A46ZPUZ.js} +16 -16
  28. package/chunks/{ids-chunk-BEZPPJHK.js → ids-chunk-6CZ65SPZ.js} +26 -26
  29. package/chunks/{ids-chunk-NNBS2VA2.js → ids-chunk-6HMLGUKG.js} +4 -4
  30. package/chunks/{ids-chunk-JU3C2DJP.js → ids-chunk-6I35WZF4.js} +1 -1
  31. package/chunks/ids-chunk-6LVLQ2YT.js +67 -0
  32. package/chunks/{ids-chunk-5D2OGQFT.js → ids-chunk-6OUSID5G.js} +1 -1
  33. package/chunks/{ids-chunk-GB7KMKEJ.js → ids-chunk-6QEU7B7L.js} +16 -34
  34. package/chunks/{ids-chunk-2RGIA5YH.js → ids-chunk-76T4JL6Y.js} +10 -10
  35. package/chunks/{ids-chunk-PLKW64S4.js → ids-chunk-7EXP6QYN.js} +22 -22
  36. package/chunks/{ids-chunk-DHS7FRQR.js → ids-chunk-7FCCB57Y.js} +1 -1
  37. package/chunks/{ids-chunk-Z7V6V5VB.js → ids-chunk-7JFFU6WU.js} +1 -1
  38. package/chunks/{ids-chunk-CSV4DJJL.js → ids-chunk-7VBHZNXY.js} +7 -7
  39. package/chunks/ids-chunk-AH3EWHPX.js +62 -0
  40. package/chunks/{ids-chunk-YS37TBDI.js → ids-chunk-AKCO43TX.js} +1 -1
  41. package/chunks/{ids-chunk-TSJHO5HS.js → ids-chunk-ALUGTEMX.js} +2 -2
  42. package/chunks/{ids-chunk-A77PTH5D.js → ids-chunk-ALW4Z42L.js} +18 -18
  43. package/chunks/{ids-chunk-UQOKTJ43.js → ids-chunk-AQUKFERQ.js} +20 -20
  44. package/chunks/{ids-chunk-XF3JDQX4.js → ids-chunk-AS4KRYKC.js} +5 -5
  45. package/chunks/{ids-chunk-F4U7H6OM.js → ids-chunk-AVANRDI5.js} +17 -17
  46. package/chunks/{ids-chunk-4HZDWCDO.js → ids-chunk-B7EKWEQK.js} +1 -1
  47. package/chunks/{ids-chunk-74PHZZUO.js → ids-chunk-BCOXBCEI.js} +5 -5
  48. package/chunks/{ids-chunk-OQC7A3YQ.js → ids-chunk-BED7CQHG.js} +3 -3
  49. package/chunks/{ids-chunk-CWJCSWD6.js → ids-chunk-BGMGLI6R.js} +1 -1
  50. package/chunks/{ids-chunk-G5PTQYWL.js → ids-chunk-BJJNT5OH.js} +1 -1
  51. package/chunks/{ids-chunk-LE5RMYXI.js → ids-chunk-BKX2FFE5.js} +74 -74
  52. package/chunks/{ids-chunk-IQVF4AQE.js → ids-chunk-BR3VSAU6.js} +2 -2
  53. package/chunks/{ids-chunk-4PPNCYDU.js → ids-chunk-C6WXP2TC.js} +1 -1
  54. package/chunks/{ids-chunk-7L62ACF5.js → ids-chunk-CAVNYL6M.js} +17 -17
  55. package/chunks/{ids-chunk-DR3NL2YZ.js → ids-chunk-CDJP26HF.js} +16 -16
  56. package/chunks/{ids-chunk-3MJFB3VA.js → ids-chunk-CHZE3ZRX.js} +31 -30
  57. package/chunks/{ids-chunk-LU7S3KBE.js → ids-chunk-CN5QGFLE.js} +1 -1
  58. package/chunks/{ids-chunk-7W4BNTZK.js → ids-chunk-CVI4EKNS.js} +4 -4
  59. package/chunks/{ids-chunk-FKAWYPL2.js → ids-chunk-D4JC6QF5.js} +1 -1
  60. package/chunks/{ids-chunk-ZAIFBNT7.js → ids-chunk-D5QL7Z2W.js} +1 -1
  61. package/chunks/{ids-chunk-NZJTWVU2.js → ids-chunk-DF3OTTVT.js} +1 -1
  62. package/chunks/{ids-chunk-AJSLCHSQ.js → ids-chunk-DHQCPTJO.js} +1 -1
  63. package/chunks/{ids-chunk-C2U2YGXH.js → ids-chunk-DWBZCNU5.js} +4 -4
  64. package/chunks/{ids-chunk-XN57MWNA.js → ids-chunk-DYHOVRV6.js} +2 -2
  65. package/chunks/{ids-chunk-EP3WFI7H.js → ids-chunk-DYJJYVFP.js} +1 -1
  66. package/chunks/{ids-chunk-6NYUH5IG.js → ids-chunk-E2RRN5KD.js} +48 -48
  67. package/chunks/ids-chunk-EQJWBFQ2.js +1 -0
  68. package/chunks/{ids-chunk-7NZB5PB5.js → ids-chunk-EYVKWIJH.js} +1 -1
  69. package/chunks/ids-chunk-F2CB527H.js +111 -0
  70. package/chunks/{ids-chunk-QDXKOLLO.js → ids-chunk-F4DULBMC.js} +19 -19
  71. package/chunks/{ids-chunk-JSYSXD2V.js → ids-chunk-FCDTCE3H.js} +1 -1
  72. package/chunks/ids-chunk-FK75W3GS.js +1023 -0
  73. package/chunks/ids-chunk-FLNMEIIT.js +52 -0
  74. package/chunks/{ids-chunk-E4ZNN4YJ.js → ids-chunk-FNIC2UVQ.js} +14 -14
  75. package/chunks/{ids-chunk-V2AHMXJ5.js → ids-chunk-FNQOMIVI.js} +1 -1
  76. package/chunks/{ids-chunk-L3X4TKCG.js → ids-chunk-G4CONOHZ.js} +16 -16
  77. package/chunks/{ids-chunk-5J2HUPTU.js → ids-chunk-G4EPNT7L.js} +226 -197
  78. package/chunks/{ids-chunk-LWWKV2NM.js → ids-chunk-G5LBR5MN.js} +6 -6
  79. package/chunks/ids-chunk-GFV2Z7F5.js +1 -0
  80. package/chunks/ids-chunk-GIDJN4GO.js +280 -0
  81. package/chunks/{ids-chunk-KDF7I3E7.js → ids-chunk-GKMQ5DXK.js} +21 -21
  82. package/chunks/{ids-chunk-NMSTTDGA.js → ids-chunk-GRYAIPTC.js} +3 -3
  83. package/chunks/{ids-chunk-H7ZJ7MQB.js → ids-chunk-GUNX4KFT.js} +1 -1
  84. package/chunks/{ids-chunk-WEMLD7H6.js → ids-chunk-H6LIZCQQ.js} +1 -1
  85. package/chunks/{ids-chunk-OSEAQLVG.js → ids-chunk-H6VK2AA6.js} +1 -1
  86. package/chunks/{ids-chunk-UUQHUFPI.js → ids-chunk-HFBRCKFE.js} +1 -1
  87. package/chunks/{ids-chunk-OV73MUUA.js → ids-chunk-HNJ6KURO.js} +2 -2
  88. package/chunks/{ids-chunk-XXSVCAZI.js → ids-chunk-I2COW2SQ.js} +1 -1
  89. package/chunks/{ids-chunk-KFNAH5E3.js → ids-chunk-I4KVLUTU.js} +1 -1
  90. package/chunks/{ids-chunk-2LJCVONI.js → ids-chunk-I4X4TCX4.js} +14 -14
  91. package/chunks/ids-chunk-IHD62SUD.js +18 -0
  92. package/chunks/{ids-chunk-KBAUVGOY.js → ids-chunk-IIRFBNE4.js} +4 -4
  93. package/chunks/{ids-chunk-N2EOKF4H.js → ids-chunk-ILIAJ2QR.js} +1 -2
  94. package/chunks/ids-chunk-IO3I24S4.js +223 -0
  95. package/chunks/{ids-chunk-6IFCJBMK.js → ids-chunk-IQCS7PAW.js} +1 -1
  96. package/chunks/{ids-chunk-SUTODATD.js → ids-chunk-J3OLORFB.js} +1 -1
  97. package/chunks/{ids-chunk-YTKJLPZ7.js → ids-chunk-J565MLKD.js} +4 -4
  98. package/chunks/{ids-chunk-UWODUEBS.js → ids-chunk-JDQNIHED.js} +10 -10
  99. package/chunks/{ids-chunk-BHKJK2TK.js → ids-chunk-JFKV62UG.js} +10 -10
  100. package/chunks/{ids-chunk-SM7JIFEQ.js → ids-chunk-JG4CRV2F.js} +11 -11
  101. package/chunks/{ids-chunk-YNVAL22N.js → ids-chunk-JPY3IPZ2.js} +1 -1
  102. package/chunks/{ids-chunk-Z3VS7CWM.js → ids-chunk-JS3ZKE4F.js} +1 -1
  103. package/chunks/{ids-chunk-27YPKKMI.js → ids-chunk-JS5OI342.js} +1 -1
  104. package/chunks/{ids-chunk-NPG6Z5AZ.js → ids-chunk-JVYXZYTR.js} +6 -6
  105. package/chunks/{ids-chunk-QGYZJQT6.js → ids-chunk-KA4WAP4K.js} +1 -1
  106. package/chunks/{ids-chunk-XA4ISP77.js → ids-chunk-KFIQ3AIC.js} +1 -1
  107. package/chunks/{ids-chunk-MXGBYURB.js → ids-chunk-KXLOXEBI.js} +4 -4
  108. package/chunks/{ids-chunk-F4M6XWXP.js → ids-chunk-LCCMDCGB.js} +24 -25
  109. package/chunks/{ids-chunk-6NJME6LN.js → ids-chunk-LGNOF76L.js} +22 -22
  110. package/chunks/{ids-chunk-FHNTDKVO.js → ids-chunk-LMOUEXCV.js} +1 -1
  111. package/chunks/{ids-chunk-OL5HZDS6.js → ids-chunk-M2BHOD5L.js} +26 -10
  112. package/chunks/ids-chunk-MAULHKDE.js +1 -0
  113. package/chunks/{ids-chunk-FZUB3DDI.js → ids-chunk-MSRQMMH6.js} +1 -1
  114. package/chunks/ids-chunk-MSYACQFI.js +1 -0
  115. package/chunks/{ids-chunk-I3XNMRWL.js → ids-chunk-MXF6BWDM.js} +10 -10
  116. package/chunks/ids-chunk-N2URJP3K.js +26 -0
  117. package/chunks/{ids-chunk-2LLTCZBW.js → ids-chunk-N7RNTKMO.js} +1 -1
  118. package/chunks/{ids-chunk-G4PTAYGN.js → ids-chunk-NK2ZM7ZI.js} +1 -1
  119. package/chunks/ids-chunk-NOZTNI7R.js +14 -0
  120. package/chunks/{ids-chunk-7QN3HKBI.js → ids-chunk-NZCEAEO7.js} +9 -9
  121. package/chunks/{ids-chunk-DOUQMGBU.js → ids-chunk-NZGHOKVC.js} +1 -1
  122. package/chunks/{ids-chunk-OHCPLANN.js → ids-chunk-O2YDDBEC.js} +12 -12
  123. package/chunks/{ids-chunk-WYTCHTFV.js → ids-chunk-O3RQ3LS2.js} +26 -25
  124. package/chunks/{ids-chunk-NJUMFSFI.js → ids-chunk-O7XLQ5DJ.js} +39 -39
  125. package/chunks/{ids-chunk-VGTVMJVA.js → ids-chunk-ODC5DL7H.js} +4 -4
  126. package/chunks/ids-chunk-ODHPNF7J.js +442 -0
  127. package/chunks/{ids-chunk-2PVJQQPD.js → ids-chunk-OHTSFY5B.js} +1 -1
  128. package/chunks/ids-chunk-OIS6KGMU.js +1 -0
  129. package/chunks/{ids-chunk-DJULJLUB.js → ids-chunk-OMSBILYP.js} +30 -29
  130. package/chunks/{ids-chunk-55SQ6MTV.js → ids-chunk-OS6AOX2T.js} +1 -1
  131. package/chunks/{ids-chunk-WQ2TNLYG.js → ids-chunk-OT673YJQ.js} +12 -12
  132. package/chunks/{ids-chunk-RYTHV7FE.js → ids-chunk-OX5EA55S.js} +1 -1
  133. package/chunks/ids-chunk-OXHZRMDC.js +71 -0
  134. package/chunks/{ids-chunk-RFHCEYK3.js → ids-chunk-P3FQXAUX.js} +8 -3
  135. package/chunks/{ids-chunk-SOVYPSOM.js → ids-chunk-P5M4VNZ4.js} +3 -3
  136. package/chunks/{ids-chunk-OJ6KSVO5.js → ids-chunk-P6WNOQZC.js} +1 -1
  137. package/chunks/{ids-chunk-R3M4YXSZ.js → ids-chunk-PAACSDLE.js} +1 -1
  138. package/chunks/{ids-chunk-RMGIMW3P.js → ids-chunk-PE6ORWIR.js} +1 -1
  139. package/chunks/ids-chunk-PONSGIYW.js +102 -0
  140. package/chunks/{ids-chunk-K3NCNGZR.js → ids-chunk-PRXC2XOK.js} +1 -1
  141. package/chunks/{ids-chunk-FKPMILNF.js → ids-chunk-PUDF7IR7.js} +11 -11
  142. package/chunks/{ids-chunk-BSXVMIFE.js → ids-chunk-PUWUN5N4.js} +1 -1
  143. package/chunks/{ids-chunk-HDAETDYY.js → ids-chunk-Q7CXBJRE.js} +39 -41
  144. package/chunks/ids-chunk-QKTTVJUN.js +83 -0
  145. package/chunks/ids-chunk-QPDOZZIG.js +1 -0
  146. package/chunks/{ids-chunk-CSQG7ASN.js → ids-chunk-RDPSYQJI.js} +1 -1
  147. package/chunks/{ids-chunk-54VMBWWL.js → ids-chunk-RFUVLFMD.js} +1 -1
  148. package/chunks/{ids-chunk-E6RP4GGA.js → ids-chunk-RJZAFU5M.js} +238 -209
  149. package/chunks/{ids-chunk-PNSDXMRQ.js → ids-chunk-RRSHSZ55.js} +1 -1
  150. package/chunks/{ids-chunk-74H2QOTE.js → ids-chunk-RWRI7D3C.js} +26 -24
  151. package/chunks/{ids-chunk-FIYKXQ5L.js → ids-chunk-RZESIOE7.js} +1 -1
  152. package/chunks/{ids-chunk-QFR6KR2W.js → ids-chunk-SAJMBUOQ.js} +9 -9
  153. package/chunks/{ids-chunk-6ODOQWQL.js → ids-chunk-SEZJIM5Z.js} +1 -1
  154. package/chunks/{ids-chunk-7UTXKJV7.js → ids-chunk-SGPLDHSR.js} +1 -1
  155. package/chunks/{ids-chunk-UIK4T2X7.js → ids-chunk-SKAA25HZ.js} +1 -1
  156. package/chunks/{ids-chunk-45IP4VJ2.js → ids-chunk-SNCMORIV.js} +1 -1
  157. package/chunks/{ids-chunk-H3HNJNUS.js → ids-chunk-SV7K7WJP.js} +226 -197
  158. package/chunks/ids-chunk-T6ZG7KNF.js +1 -0
  159. package/chunks/{ids-chunk-GAMRCNAD.js → ids-chunk-TZI4AWYL.js} +1 -1
  160. package/chunks/{ids-chunk-LSKYHPUN.js → ids-chunk-US3UFH47.js} +199 -199
  161. package/chunks/{ids-chunk-W27AF4TQ.js → ids-chunk-US6CN4JP.js} +65 -65
  162. package/chunks/{ids-chunk-GLWRBNU5.js → ids-chunk-UV7FAVD2.js} +1 -1
  163. package/chunks/{ids-chunk-WGJRKVJV.js → ids-chunk-UWN65FXL.js} +26 -2
  164. package/chunks/{ids-chunk-3JFN3JGK.js → ids-chunk-UWUR4MQD.js} +11 -11
  165. package/chunks/{ids-chunk-ZEIZYDTH.js → ids-chunk-V25MGCID.js} +231 -200
  166. package/chunks/{ids-chunk-3RFMUF6U.js → ids-chunk-V5QDF5RT.js} +1 -1
  167. package/chunks/{ids-chunk-TVZB5PV6.js → ids-chunk-V7RUAMZG.js} +7 -7
  168. package/chunks/{ids-chunk-BU6WCZLK.js → ids-chunk-VAK534CV.js} +14 -14
  169. package/chunks/{ids-chunk-NL3QJXNU.js → ids-chunk-VCWUBLPL.js} +2 -2
  170. package/chunks/ids-chunk-VSA2T3GU.js +113 -0
  171. package/chunks/{ids-chunk-7763AY57.js → ids-chunk-VSDBW2YP.js} +1 -1
  172. package/chunks/{ids-chunk-YZHR5JP2.js → ids-chunk-VYPX2VLX.js} +1 -1
  173. package/chunks/{ids-chunk-Z5GFFACG.js → ids-chunk-W2FX3JGX.js} +18 -18
  174. package/chunks/{ids-chunk-MTPM4HMN.js → ids-chunk-W3QVRFML.js} +69 -69
  175. package/chunks/{ids-chunk-XPY277J5.js → ids-chunk-W57NCNIP.js} +5 -5
  176. package/chunks/{ids-chunk-OAIZM2YR.js → ids-chunk-WDFJ6LQU.js} +1 -1
  177. package/chunks/{ids-chunk-XI7FK7NW.js → ids-chunk-WGF76AHI.js} +1 -1
  178. package/chunks/{ids-chunk-332SYLWX.js → ids-chunk-WSLP3ZMG.js} +1 -1
  179. package/chunks/{ids-chunk-WZGR56YT.js → ids-chunk-XBDRFWTV.js} +1 -1
  180. package/chunks/{ids-chunk-UGLYSXVQ.js → ids-chunk-XDOP7ZEW.js} +33 -33
  181. package/chunks/{ids-chunk-ORQOPM4R.js → ids-chunk-XJYYJTLB.js} +9 -8
  182. package/chunks/{ids-chunk-4XUCO6A5.js → ids-chunk-XRNL7W52.js} +1 -1
  183. package/chunks/ids-chunk-XUBQJWA7.js +1 -0
  184. package/chunks/{ids-chunk-NS6H34IL.js → ids-chunk-XW6JU6VN.js} +1 -1
  185. package/chunks/{ids-chunk-N7X76T7P.js → ids-chunk-XYYOEU7V.js} +8 -8
  186. package/chunks/{ids-chunk-XGLHNIEB.js → ids-chunk-Y7TX2UKL.js} +31 -31
  187. package/chunks/{ids-chunk-IIWVVHUT.js → ids-chunk-YLUCUABO.js} +36 -36
  188. package/chunks/{ids-chunk-3SRNC4ON.js → ids-chunk-YOW7TP7H.js} +1 -1
  189. package/chunks/{ids-chunk-PSUUMLJ5.js → ids-chunk-YUQBDMWW.js} +11 -11
  190. package/chunks/{ids-chunk-YRM6UG2A.js → ids-chunk-YXHOBTS7.js} +1 -1
  191. package/chunks/{ids-chunk-65X5LLIC.js → ids-chunk-YZO37FF2.js} +2 -2
  192. package/chunks/{ids-chunk-VSXEX4EM.js → ids-chunk-Z4LLT2TE.js} +1 -1
  193. package/chunks/{ids-chunk-J7XRBMIM.js → ids-chunk-ZAP2PW36.js} +1 -1
  194. package/chunks/{ids-chunk-TD3564CV.js → ids-chunk-ZDZH37C6.js} +26 -26
  195. package/chunks/{ids-chunk-QTRNERI3.js → ids-chunk-ZHZIH5LT.js} +21 -17
  196. package/chunks/ids-chunk-ZIGY2P3N.js +1 -0
  197. package/chunks/{ids-chunk-LUI6WYRC.js → ids-chunk-ZIPVBQHM.js} +1 -1
  198. package/chunks/ids-chunk-ZJBOJP3B.js +11 -0
  199. package/chunks/ids-chunk-ZRINGSRL.js +64 -0
  200. package/components/enterprise-wc.js +1 -1
  201. package/components/ids-about/ids-about.css +240 -0
  202. package/components/ids-about/ids-about.d.ts +2 -0
  203. package/components/ids-about/ids-about.js +1 -1
  204. package/components/ids-accordion/ids-accordion-header.d.ts +4 -0
  205. package/components/ids-accordion/ids-accordion-header.js +1 -1
  206. package/components/ids-accordion/ids-accordion-panel.d.ts +6 -0
  207. package/components/ids-accordion/ids-accordion-panel.js +1 -1
  208. package/components/ids-accordion/ids-accordion.css +153 -0
  209. package/components/ids-accordion/ids-accordion.d.ts +8 -0
  210. package/components/ids-accordion/ids-accordion.js +1 -1
  211. package/components/ids-action-panel/ids-action-panel.css +98 -0
  212. package/components/ids-action-panel/ids-action-panel.js +1 -1
  213. package/components/ids-action-sheet/ids-action-sheet.css +37 -0
  214. package/components/ids-action-sheet/ids-action-sheet.d.ts +2 -0
  215. package/components/ids-action-sheet/ids-action-sheet.js +1 -1
  216. package/components/ids-alert/ids-alert.css +127 -0
  217. package/components/ids-alert/ids-alert.d.ts +4 -0
  218. package/components/ids-alert/ids-alert.js +1 -1
  219. package/components/ids-app-menu/ids-app-menu.css +119 -0
  220. package/components/ids-app-menu/ids-app-menu.d.ts +2 -0
  221. package/components/ids-app-menu/ids-app-menu.js +1 -1
  222. package/components/ids-area-chart/ids-area-chart.css +728 -0
  223. package/components/ids-area-chart/ids-area-chart.js +1 -1
  224. package/components/ids-axis-chart/ids-axis-chart.css +228 -0
  225. package/components/ids-axis-chart/ids-axis-chart.d.ts +8 -0
  226. package/components/ids-axis-chart/ids-axis-chart.js +1 -1
  227. package/components/ids-axis-chart/ids-chart-colors.js +1 -1
  228. package/components/ids-badge/ids-badge.css +63 -0
  229. package/components/ids-badge/ids-badge.d.ts +8 -0
  230. package/components/ids-badge/ids-badge.js +1 -1
  231. package/components/ids-bar-chart/ids-bar-chart.css +305 -0
  232. package/components/ids-bar-chart/ids-bar-chart.js +1 -1
  233. package/components/ids-block-grid/ids-block-grid-item.d.ts +6 -0
  234. package/components/ids-block-grid/ids-block-grid-item.js +1 -1
  235. package/components/ids-block-grid/ids-block-grid.css +73 -0
  236. package/components/ids-block-grid/ids-block-grid.d.ts +4 -0
  237. package/components/ids-block-grid/ids-block-grid.js +1 -1
  238. package/components/ids-breadcrumb/ids-breadcrumb.css +101 -0
  239. package/components/ids-breadcrumb/ids-breadcrumb.d.ts +4 -0
  240. package/components/ids-breadcrumb/ids-breadcrumb.js +1 -1
  241. package/components/ids-button/ids-button-common.js +1 -1
  242. package/components/ids-button/ids-button.css +985 -0
  243. package/components/ids-button/ids-button.d.ts +14 -0
  244. package/components/ids-button/ids-button.js +1 -1
  245. package/components/ids-calendar/ids-calendar-event.d.ts +4 -0
  246. package/components/ids-calendar/ids-calendar-event.js +1 -1
  247. package/components/ids-calendar/ids-calendar.css +314 -0
  248. package/components/ids-calendar/ids-calendar.d.ts +8 -0
  249. package/components/ids-calendar/ids-calendar.js +1 -1
  250. package/components/ids-card/ids-card-action.js +1 -1
  251. package/components/ids-card/ids-card.css +220 -0
  252. package/components/ids-card/ids-card.d.ts +6 -0
  253. package/components/ids-card/ids-card.js +1 -1
  254. package/components/ids-checkbox/ids-checkbox.css +371 -0
  255. package/components/ids-checkbox/ids-checkbox.d.ts +12 -0
  256. package/components/ids-checkbox/ids-checkbox.js +1 -1
  257. package/components/ids-checkbox-group/ids-checkbox-group.css +5 -0
  258. package/components/ids-checkbox-group/ids-checkbox-group.d.ts +2 -0
  259. package/components/ids-checkbox-group/ids-checkbox-group.js +1 -1
  260. package/components/ids-color/ids-color.css +119 -0
  261. package/components/ids-color/ids-color.d.ts +4 -0
  262. package/components/ids-color/ids-color.js +1 -1
  263. package/components/ids-color-picker/ids-color-picker.css +910 -0
  264. package/components/ids-color-picker/ids-color-picker.d.ts +14 -0
  265. package/components/ids-color-picker/ids-color-picker.js +1 -1
  266. package/components/ids-container/ids-container.css +87 -0
  267. package/components/ids-container/ids-container.d.ts +6 -0
  268. package/components/ids-container/ids-container.js +1 -1
  269. package/components/ids-counts/ids-counts.css +32 -0
  270. package/components/ids-counts/ids-counts.d.ts +2 -0
  271. package/components/ids-counts/ids-counts.js +1 -1
  272. package/components/ids-data-grid/ids-data-grid-cell.d.ts +8 -0
  273. package/components/ids-data-grid/ids-data-grid-cell.js +1 -1
  274. package/components/ids-data-grid/ids-data-grid-column.d.ts +8 -0
  275. package/components/ids-data-grid/ids-data-grid-container-arguments.js +1 -1
  276. package/components/ids-data-grid/ids-data-grid-contextmenu.js +1 -1
  277. package/components/ids-data-grid/ids-data-grid-editors.js +1 -1
  278. package/components/ids-data-grid/ids-data-grid-empty-message.js +1 -1
  279. package/components/ids-data-grid/ids-data-grid-filters.js +1 -1
  280. package/components/ids-data-grid/ids-data-grid-formatters.d.ts +3 -3
  281. package/components/ids-data-grid/ids-data-grid-formatters.js +1 -1
  282. package/components/ids-data-grid/ids-data-grid-header.d.ts +10 -0
  283. package/components/ids-data-grid/ids-data-grid-header.js +1 -1
  284. package/components/ids-data-grid/ids-data-grid-row.d.ts +13 -1
  285. package/components/ids-data-grid/ids-data-grid-row.js +1 -1
  286. package/components/ids-data-grid/ids-data-grid-save-settings-mixin.d.ts +2 -0
  287. package/components/ids-data-grid/ids-data-grid-save-settings-mixin.js +1 -1
  288. package/components/ids-data-grid/ids-data-grid-tooltip-mixin.d.ts +2 -0
  289. package/components/ids-data-grid/ids-data-grid-tooltip-mixin.js +1 -1
  290. package/components/ids-data-grid/ids-data-grid.css +1192 -0
  291. package/components/ids-data-grid/ids-data-grid.d.ts +49 -36
  292. package/components/ids-data-grid/ids-data-grid.js +1 -1
  293. package/components/ids-data-label/ids-data-label.css +29 -0
  294. package/components/ids-data-label/ids-data-label.d.ts +4 -0
  295. package/components/ids-data-label/ids-data-label.js +1 -1
  296. package/components/ids-date-picker/ids-date-picker-common.js +1 -1
  297. package/components/ids-date-picker/ids-date-picker-popup.d.ts +8 -0
  298. package/components/ids-date-picker/ids-date-picker-popup.js +1 -1
  299. package/components/ids-date-picker/ids-date-picker.css +111 -0
  300. package/components/ids-date-picker/ids-date-picker.d.ts +22 -0
  301. package/components/ids-date-picker/ids-date-picker.js +1 -1
  302. package/components/ids-date-picker/ids-month-year-picklist.d.ts +8 -0
  303. package/components/ids-date-picker/ids-month-year-picklist.js +1 -1
  304. package/components/ids-draggable/ids-draggable.css +25 -0
  305. package/components/ids-draggable/ids-draggable.d.ts +2 -0
  306. package/components/ids-draggable/ids-draggable.js +1 -1
  307. package/components/ids-drawer/ids-drawer.css +72 -0
  308. package/components/ids-drawer/ids-drawer.d.ts +6 -0
  309. package/components/ids-drawer/ids-drawer.js +1 -1
  310. package/components/ids-dropdown/ids-dropdown-attributes-mixin.d.ts +2 -0
  311. package/components/ids-dropdown/ids-dropdown-attributes-mixin.js +1 -1
  312. package/components/ids-dropdown/ids-dropdown-common.js +1 -1
  313. package/components/ids-dropdown/ids-dropdown-list.d.ts +8 -0
  314. package/components/ids-dropdown/ids-dropdown-list.js +1 -1
  315. package/components/ids-dropdown/ids-dropdown.css +168 -0
  316. package/components/ids-dropdown/ids-dropdown.d.ts +24 -0
  317. package/components/ids-dropdown/ids-dropdown.js +1 -1
  318. package/components/ids-editor/ids-editor-clean-utils.js +1 -1
  319. package/components/ids-editor/ids-editor-handle-paste.js +1 -1
  320. package/components/ids-editor/ids-editor-selection-utils.js +1 -1
  321. package/components/ids-editor/ids-editor-shared.js +1 -1
  322. package/components/ids-editor/ids-editor.css +301 -0
  323. package/components/ids-editor/ids-editor.d.ts +10 -0
  324. package/components/ids-editor/ids-editor.js +1 -1
  325. package/components/ids-empty-message/ids-empty-message.css +37 -0
  326. package/components/ids-empty-message/ids-empty-message.d.ts +2 -0
  327. package/components/ids-empty-message/ids-empty-message.js +1 -1
  328. package/components/ids-error-page/ids-error-page.css +3 -0
  329. package/components/ids-error-page/ids-error-page.js +1 -1
  330. package/components/ids-expandable-area/ids-expandable-area.css +52 -0
  331. package/components/ids-expandable-area/ids-expandable-area.d.ts +2 -0
  332. package/components/ids-expandable-area/ids-expandable-area.js +1 -1
  333. package/components/ids-fieldset/ids-fieldset.css +10 -0
  334. package/components/ids-fieldset/ids-fieldset.d.ts +2 -0
  335. package/components/ids-fieldset/ids-fieldset.js +1 -1
  336. package/components/ids-form/ids-form.d.ts +4 -0
  337. package/components/ids-form/ids-form.js +1 -1
  338. package/components/ids-header/ids-header.css +14 -0
  339. package/components/ids-header/ids-header.d.ts +4 -0
  340. package/components/ids-header/ids-header.js +1 -1
  341. package/components/ids-hidden/ids-hidden.js +1 -1
  342. package/components/ids-hierarchy/ids-hierarchy-item.d.ts +4 -0
  343. package/components/ids-hierarchy/ids-hierarchy-item.js +23 -23
  344. package/components/ids-hierarchy/ids-hierarchy-legend-item.d.ts +2 -0
  345. package/components/ids-hierarchy/ids-hierarchy-legend-item.js +9 -9
  346. package/components/ids-hierarchy/ids-hierarchy-legend.js +2 -2
  347. package/components/ids-hierarchy/ids-hierarchy.css +123 -0
  348. package/components/ids-hierarchy/ids-hierarchy.d.ts +2 -0
  349. package/components/ids-hierarchy/ids-hierarchy.js +1 -1
  350. package/components/ids-home-page/ids-home-page.css +11 -0
  351. package/components/ids-home-page/ids-home-page.d.ts +4 -0
  352. package/components/ids-home-page/ids-home-page.js +1 -1
  353. package/components/ids-hyperlink/ids-hyperlink.css +117 -0
  354. package/components/ids-hyperlink/ids-hyperlink.d.ts +6 -0
  355. package/components/ids-hyperlink/ids-hyperlink.js +1 -1
  356. package/components/ids-icon/ids-icon.css +92 -0
  357. package/components/ids-icon/ids-icon.d.ts +18 -0
  358. package/components/ids-icon/ids-icon.js +1 -1
  359. package/components/ids-image/ids-image.css +154 -0
  360. package/components/ids-image/ids-image.d.ts +2 -0
  361. package/components/ids-image/ids-image.js +1 -1
  362. package/components/ids-input/ids-autocomplete.d.ts +2 -0
  363. package/components/ids-input/ids-autocomplete.js +1 -1
  364. package/components/ids-input/ids-input.css +851 -0
  365. package/components/ids-input/ids-input.d.ts +32 -7
  366. package/components/ids-input/ids-input.js +1 -1
  367. package/components/ids-layout-flex/ids-layout-flex-item.d.ts +7 -0
  368. package/components/ids-layout-flex/ids-layout-flex-item.js +1 -1
  369. package/components/ids-layout-flex/ids-layout-flex.css +449 -0
  370. package/components/ids-layout-flex/ids-layout-flex.d.ts +6 -0
  371. package/components/ids-layout-flex/ids-layout-flex.js +1 -1
  372. package/components/ids-layout-grid/ids-layout-grid-cell.d.ts +2 -0
  373. package/components/ids-layout-grid/ids-layout-grid-cell.js +1 -1
  374. package/components/ids-layout-grid/ids-layout-grid-common.js +1 -1
  375. package/components/ids-layout-grid/ids-layout-grid.css +9225 -0
  376. package/components/ids-layout-grid/ids-layout-grid.js +1 -1
  377. package/components/ids-line-chart/ids-line-chart.css +387 -0
  378. package/components/ids-line-chart/ids-line-chart.js +1 -1
  379. package/components/ids-list-box/ids-list-box-option.d.ts +4 -0
  380. package/components/ids-list-box/ids-list-box-option.js +1 -1
  381. package/components/ids-list-box/ids-list-box.css +70 -0
  382. package/components/ids-list-box/ids-list-box.js +1 -1
  383. package/components/ids-list-builder/ids-list-builder.css +50 -0
  384. package/components/ids-list-builder/ids-list-builder.js +1 -1
  385. package/components/ids-list-view/ids-list-view-search-mixin.d.ts +2 -0
  386. package/components/ids-list-view/ids-list-view-search-mixin.js +1 -1
  387. package/components/ids-list-view/ids-list-view.css +122 -0
  388. package/components/ids-list-view/ids-list-view.d.ts +12 -1
  389. package/components/ids-list-view/ids-list-view.js +1 -1
  390. package/components/ids-loading-indicator/ids-loading-indicator-attributes.js +1 -1
  391. package/components/ids-loading-indicator/ids-loading-indicator.css +209 -0
  392. package/components/ids-loading-indicator/ids-loading-indicator.d.ts +11 -4
  393. package/components/ids-loading-indicator/ids-loading-indicator.js +1 -1
  394. package/components/ids-locale/ids-locale.js +1 -1
  395. package/components/ids-lookup/ids-lookup.css +8 -0
  396. package/components/ids-lookup/ids-lookup.d.ts +16 -0
  397. package/components/ids-lookup/ids-lookup.js +1 -1
  398. package/components/ids-mask/ids-masks.js +1 -1
  399. package/components/ids-masthead/ids-masthead.css +31 -0
  400. package/components/ids-masthead/ids-masthead.d.ts +4 -0
  401. package/components/ids-masthead/ids-masthead.js +1 -1
  402. package/components/ids-menu/ids-menu-group.d.ts +4 -0
  403. package/components/ids-menu/ids-menu-group.js +1 -1
  404. package/components/ids-menu/ids-menu-header.d.ts +2 -0
  405. package/components/ids-menu/ids-menu-header.js +1 -1
  406. package/components/ids-menu/ids-menu-item.d.ts +4 -0
  407. package/components/ids-menu/ids-menu-item.js +1 -1
  408. package/components/ids-menu/ids-menu.css +303 -0
  409. package/components/ids-menu/ids-menu.d.ts +4 -0
  410. package/components/ids-menu/ids-menu.js +1 -1
  411. package/components/ids-menu-button/ids-menu-button-attributes.js +1 -1
  412. package/components/ids-menu-button/ids-menu-button.js +1 -1
  413. package/components/ids-message/ids-message-attributes.js +1 -1
  414. package/components/ids-message/ids-message.css +101 -0
  415. package/components/ids-message/ids-message.js +1 -1
  416. package/components/ids-modal/ids-modal.css +20 -0
  417. package/components/ids-modal/ids-modal.d.ts +28 -0
  418. package/components/ids-modal/ids-modal.js +1 -1
  419. package/components/ids-modal/ids-overlay.d.ts +2 -0
  420. package/components/ids-modal/ids-overlay.js +1 -1
  421. package/components/ids-modal-button/ids-modal-button.js +1 -1
  422. package/components/ids-month-view/ids-month-view-attribute-mixin.d.ts +2 -0
  423. package/components/ids-month-view/ids-month-view-attribute-mixin.js +1 -1
  424. package/components/ids-month-view/ids-month-view.css +399 -0
  425. package/components/ids-month-view/ids-month-view.d.ts +13 -8
  426. package/components/ids-month-view/ids-month-view.js +1 -1
  427. package/components/ids-multiselect/ids-multiselect.css +206 -0
  428. package/components/ids-multiselect/ids-multiselect.js +1 -1
  429. package/components/ids-notification-banner/ids-notification-banner.css +73 -0
  430. package/components/ids-notification-banner/ids-notification-banner.d.ts +4 -0
  431. package/components/ids-notification-banner/ids-notification-banner.js +1 -1
  432. package/components/ids-pager/ids-pager-button.d.ts +6 -0
  433. package/components/ids-pager/ids-pager-button.js +1 -1
  434. package/components/ids-pager/ids-pager-dropdown.d.ts +2 -0
  435. package/components/ids-pager/ids-pager-dropdown.js +1 -1
  436. package/components/ids-pager/ids-pager-input.d.ts +4 -0
  437. package/components/ids-pager/ids-pager-input.js +1 -1
  438. package/components/ids-pager/ids-pager-number-list.d.ts +4 -0
  439. package/components/ids-pager/ids-pager-number-list.js +1 -1
  440. package/components/ids-pager/ids-pager.css +41 -0
  441. package/components/ids-pager/ids-pager.d.ts +2 -0
  442. package/components/ids-pager/ids-pager.js +1 -1
  443. package/components/ids-picker-popup/ids-picker-popup.d.ts +10 -0
  444. package/components/ids-picker-popup/ids-picker-popup.js +1 -1
  445. package/components/ids-pie-chart/ids-pie-chart.css +253 -0
  446. package/components/ids-pie-chart/ids-pie-chart.d.ts +8 -0
  447. package/components/ids-pie-chart/ids-pie-chart.js +1 -1
  448. package/components/ids-popup/ids-popup-attributes.js +1 -1
  449. package/components/ids-popup/ids-popup.css +398 -0
  450. package/components/ids-popup/ids-popup.d.ts +4 -0
  451. package/components/ids-popup/ids-popup.js +1 -1
  452. package/components/ids-popup-menu/ids-popup-menu.css +86 -0
  453. package/components/ids-popup-menu/ids-popup-menu.d.ts +8 -0
  454. package/components/ids-popup-menu/ids-popup-menu.js +1 -1
  455. package/components/ids-process-indicator/ids-process-indicator-step.d.ts +2 -0
  456. package/components/ids-process-indicator/ids-process-indicator-step.js +1 -1
  457. package/components/ids-process-indicator/ids-process-indicator.css +25 -0
  458. package/components/ids-process-indicator/ids-process-indicator.d.ts +2 -0
  459. package/components/ids-process-indicator/ids-process-indicator.js +1 -1
  460. package/components/ids-progress-bar/ids-progress-bar.css +50 -0
  461. package/components/ids-progress-bar/ids-progress-bar.d.ts +2 -0
  462. package/components/ids-progress-bar/ids-progress-bar.js +1 -1
  463. package/components/ids-progress-chart/ids-progress-chart.css +75 -0
  464. package/components/ids-progress-chart/ids-progress-chart.d.ts +2 -4
  465. package/components/ids-progress-chart/ids-progress-chart.js +1 -1
  466. package/components/ids-radio/ids-radio-group.d.ts +8 -0
  467. package/components/ids-radio/ids-radio-group.js +1 -1
  468. package/components/ids-radio/ids-radio.css +141 -0
  469. package/components/ids-radio/ids-radio.d.ts +4 -0
  470. package/components/ids-radio/ids-radio.js +1 -1
  471. package/components/ids-rating/ids-rating.css +61 -0
  472. package/components/ids-rating/ids-rating.d.ts +10 -0
  473. package/components/ids-rating/ids-rating.js +1 -1
  474. package/components/ids-scroll-view/ids-scroll-view.css +39 -0
  475. package/components/ids-scroll-view/ids-scroll-view.d.ts +6 -0
  476. package/components/ids-scroll-view/ids-scroll-view.js +1 -1
  477. package/{chunks/ids-chunk-CBPGHRMM.js → components/ids-search-field/ids-search-field.css} +296 -235
  478. package/components/ids-search-field/ids-search-field.d.ts +40 -0
  479. package/components/ids-search-field/ids-search-field.js +1 -1
  480. package/components/ids-separator/ids-separator.css +31 -0
  481. package/components/ids-separator/ids-separator.d.ts +4 -0
  482. package/components/ids-separator/ids-separator.js +1 -1
  483. package/components/ids-skip-link/ids-skip-link.css +143 -0
  484. package/components/ids-skip-link/ids-skip-link.d.ts +2 -0
  485. package/components/ids-skip-link/ids-skip-link.js +1 -1
  486. package/components/ids-slider/ids-slider.css +265 -0
  487. package/components/ids-slider/ids-slider.d.ts +4 -0
  488. package/components/ids-slider/ids-slider.js +1 -1
  489. package/components/ids-spinbox/ids-spinbox.css +960 -0
  490. package/components/ids-spinbox/ids-spinbox.js +1 -1
  491. package/components/ids-splitter/ids-splitter-local-storage.js +1 -1
  492. package/components/ids-splitter/ids-splitter-pane.d.ts +4 -0
  493. package/components/ids-splitter/ids-splitter-pane.js +1 -1
  494. package/components/ids-splitter/ids-splitter.css +102 -0
  495. package/components/ids-splitter/ids-splitter.d.ts +8 -14
  496. package/components/ids-splitter/ids-splitter.js +1 -1
  497. package/{chunks/ids-chunk-DHGSNPZ7.js → components/ids-step-chart/ids-step-chart.css} +8 -5
  498. package/components/ids-step-chart/ids-step-chart.d.ts +8 -0
  499. package/components/ids-step-chart/ids-step-chart.js +1 -1
  500. package/components/ids-swaplist/ids-swaplist.css +69 -0
  501. package/components/ids-swaplist/ids-swaplist.d.ts +6 -0
  502. package/components/ids-swaplist/ids-swaplist.js +1 -1
  503. package/components/ids-swappable/ids-swappable-item.d.ts +6 -0
  504. package/components/ids-swappable/ids-swappable-item.js +1 -1
  505. package/components/ids-swappable/ids-swappable.css +9 -0
  506. package/components/ids-swappable/ids-swappable.d.ts +8 -0
  507. package/components/ids-swappable/ids-swappable.js +1 -1
  508. package/components/ids-swipe-action/ids-swipe-action.css +66 -0
  509. package/components/ids-swipe-action/ids-swipe-action.d.ts +2 -0
  510. package/components/ids-swipe-action/ids-swipe-action.js +1 -1
  511. package/components/ids-switch/ids-switch.css +103 -0
  512. package/components/ids-switch/ids-switch.d.ts +4 -0
  513. package/components/ids-switch/ids-switch.js +1 -1
  514. package/components/ids-tabs/ids-tab-content.d.ts +4 -0
  515. package/components/ids-tabs/ids-tab-content.js +1 -1
  516. package/components/ids-tabs/ids-tab-divider.js +1 -1
  517. package/components/ids-tabs/ids-tab-more.d.ts +2 -0
  518. package/components/ids-tabs/ids-tab-more.js +1 -1
  519. package/components/ids-tabs/ids-tab.d.ts +8 -0
  520. package/components/ids-tabs/ids-tab.js +1 -1
  521. package/components/ids-tabs/ids-tabs-context.d.ts +2 -0
  522. package/components/ids-tabs/ids-tabs-context.js +1 -1
  523. package/components/ids-tabs/ids-tabs.css +8 -0
  524. package/components/ids-tabs/ids-tabs.d.ts +8 -0
  525. package/components/ids-tabs/ids-tabs.js +1 -1
  526. package/components/ids-tag/ids-tag.css +110 -0
  527. package/components/ids-tag/ids-tag.d.ts +6 -0
  528. package/components/ids-tag/ids-tag.js +1 -1
  529. package/components/ids-text/ids-text.css +221 -0
  530. package/components/ids-text/ids-text.d.ts +8 -0
  531. package/components/ids-text/ids-text.js +1 -1
  532. package/components/ids-textarea/ids-textarea.css +369 -0
  533. package/components/ids-textarea/ids-textarea.d.ts +12 -0
  534. package/components/ids-textarea/ids-textarea.js +1 -1
  535. package/components/ids-theme-switcher/ids-theme-switcher.css +11 -0
  536. package/components/ids-theme-switcher/ids-theme-switcher.d.ts +16 -0
  537. package/components/ids-theme-switcher/ids-theme-switcher.js +1 -1
  538. package/components/ids-time-picker/ids-time-picker-common.js +1 -1
  539. package/components/ids-time-picker/ids-time-picker-popup.d.ts +6 -0
  540. package/components/ids-time-picker/ids-time-picker-popup.js +1 -1
  541. package/components/ids-time-picker/ids-time-picker.css +147 -0
  542. package/components/ids-time-picker/ids-time-picker.d.ts +16 -0
  543. package/components/ids-time-picker/ids-time-picker.js +1 -1
  544. package/components/ids-toast/ids-toast-message.d.ts +4 -0
  545. package/components/ids-toast/ids-toast-message.js +1 -1
  546. package/components/ids-toast/ids-toast-shared.js +1 -1
  547. package/components/ids-toast/ids-toast.css +43 -0
  548. package/components/ids-toast/ids-toast.d.ts +6 -0
  549. package/components/ids-toast/ids-toast.js +1 -1
  550. package/components/ids-toggle-button/ids-toggle-button.js +1 -1
  551. package/components/ids-toolbar/ids-toolbar-more-actions.d.ts +4 -0
  552. package/components/ids-toolbar/ids-toolbar-more-actions.js +1 -1
  553. package/components/ids-toolbar/ids-toolbar-section.d.ts +2 -0
  554. package/components/ids-toolbar/ids-toolbar-section.js +1 -1
  555. package/components/ids-toolbar/ids-toolbar.css +15 -0
  556. package/components/ids-toolbar/ids-toolbar.d.ts +4 -0
  557. package/components/ids-toolbar/ids-toolbar.js +1 -1
  558. package/components/ids-tooltip/ids-tooltip.css +16 -0
  559. package/components/ids-tooltip/ids-tooltip.d.ts +6 -0
  560. package/components/ids-tooltip/ids-tooltip.js +1 -1
  561. package/components/ids-tree/ids-tree-node.d.ts +4 -0
  562. package/components/ids-tree/ids-tree-node.js +1 -1
  563. package/components/ids-tree/ids-tree-shared.js +1 -1
  564. package/components/ids-tree/ids-tree.css +35 -0
  565. package/components/ids-tree/ids-tree.d.ts +4 -0
  566. package/components/ids-tree/ids-tree.js +1 -1
  567. package/components/ids-treemap/ids-treemap.css +27 -0
  568. package/components/ids-treemap/ids-treemap.d.ts +4 -0
  569. package/components/ids-treemap/ids-treemap.js +1 -1
  570. package/components/ids-trigger-field/ids-trigger-button.d.ts +2 -0
  571. package/components/ids-trigger-field/ids-trigger-button.js +1 -1
  572. package/components/ids-trigger-field/ids-trigger-field.css +1063 -0
  573. package/components/ids-trigger-field/ids-trigger-field.js +1 -1
  574. package/components/ids-upload/ids-upload.css +11 -0
  575. package/components/ids-upload/ids-upload.d.ts +16 -0
  576. package/components/ids-upload/ids-upload.js +1 -1
  577. package/components/ids-upload-advanced/ids-upload-advanced-file.d.ts +4 -0
  578. package/components/ids-upload-advanced/ids-upload-advanced-file.js +1 -1
  579. package/components/ids-upload-advanced/ids-upload-advanced-shared.js +1 -1
  580. package/components/ids-upload-advanced/ids-upload-advanced.css +144 -0
  581. package/components/ids-upload-advanced/ids-upload-advanced.d.ts +4 -0
  582. package/components/ids-upload-advanced/ids-upload-advanced.js +1 -1
  583. package/components/ids-virtual-scroll/ids-virtual-scroll.css +24 -0
  584. package/components/ids-virtual-scroll/ids-virtual-scroll.d.ts +2 -0
  585. package/components/ids-virtual-scroll/ids-virtual-scroll.js +1 -1
  586. package/components/ids-week-view/ids-week-view.css +125 -0
  587. package/components/ids-week-view/ids-week-view.d.ts +8 -0
  588. package/components/ids-week-view/ids-week-view.js +1 -1
  589. package/components/ids-wizard/ids-wizard-step.js +1 -1
  590. package/components/ids-wizard/ids-wizard.css +133 -0
  591. package/components/ids-wizard/ids-wizard.d.ts +2 -0
  592. package/components/ids-wizard/ids-wizard.js +1 -1
  593. package/core/ids-attributes.d.ts +7 -2
  594. package/core/ids-attributes.js +1 -1
  595. package/core/ids-data-source.js +1 -1
  596. package/core/ids-element.d.ts +6 -0
  597. package/core/ids-element.js +1 -1
  598. package/custom-elements.json +72003 -0
  599. package/enterprise-wc.js +1 -1
  600. package/mixins/ids-attachment-mixin/ids-attachment-mixin.d.ts +2 -0
  601. package/mixins/ids-attachment-mixin/ids-attachment-mixin.js +1 -1
  602. package/mixins/ids-breakpoint-mixin/ids-breakpoint-mixin.d.ts +2 -0
  603. package/mixins/ids-breakpoint-mixin/ids-breakpoint-mixin.js +1 -1
  604. package/mixins/ids-calendar-events-mixin/ids-calendar-events-mixin.d.ts +2 -0
  605. package/mixins/ids-calendar-events-mixin/ids-calendar-events-mixin.js +1 -1
  606. package/mixins/ids-chart-legend-mixin/ids-chart-legend-mixin.d.ts +2 -0
  607. package/mixins/ids-chart-legend-mixin/ids-chart-legend-mixin.js +1 -1
  608. package/mixins/ids-chart-selection-mixin/ids-chart-selection-mixin.d.ts +2 -0
  609. package/mixins/ids-chart-selection-mixin/ids-chart-selection-mixin.js +1 -1
  610. package/mixins/ids-clearable-mixin/ids-clearable-mixin.d.ts +2 -0
  611. package/mixins/ids-clearable-mixin/ids-clearable-mixin.js +1 -1
  612. package/mixins/ids-color-variant-mixin/ids-color-variant-mixin.d.ts +2 -0
  613. package/mixins/ids-color-variant-mixin/ids-color-variant-mixin.js +1 -1
  614. package/mixins/ids-date-attribute-mixin/ids-date-attribute-mixin.d.ts +2 -0
  615. package/mixins/ids-date-attribute-mixin/ids-date-attribute-mixin.js +1 -1
  616. package/mixins/ids-dirty-tracker-mixin/ids-dirty-tracker-mixin.d.ts +2 -0
  617. package/mixins/ids-dirty-tracker-mixin/ids-dirty-tracker-mixin.js +1 -1
  618. package/mixins/ids-events-mixin/ids-events-mixin.d.ts +2 -0
  619. package/mixins/ids-events-mixin/ids-events-mixin.js +1 -1
  620. package/mixins/ids-field-height-mixin/ids-field-height-mixin.d.ts +2 -0
  621. package/mixins/ids-field-height-mixin/ids-field-height-mixin.js +1 -1
  622. package/mixins/ids-focus-capture-mixin/ids-focus-capture-mixin.d.ts +2 -0
  623. package/mixins/ids-focus-capture-mixin/ids-focus-capture-mixin.js +1 -1
  624. package/mixins/ids-hide-focus-mixin/ids-hide-focus-mixin.d.ts +2 -0
  625. package/mixins/ids-hide-focus-mixin/ids-hide-focus-mixin.js +1 -1
  626. package/mixins/ids-hitbox-mixin/ids-hitbox-mixin.d.ts +2 -0
  627. package/mixins/ids-hitbox-mixin/ids-hitbox-mixin.js +1 -1
  628. package/mixins/ids-keyboard-mixin/ids-keyboard-mixin.d.ts +2 -0
  629. package/mixins/ids-label-state-mixin/ids-label-state-common.js +1 -1
  630. package/mixins/ids-label-state-mixin/ids-label-state-mixin.d.ts +2 -0
  631. package/mixins/ids-label-state-mixin/ids-label-state-mixin.js +1 -1
  632. package/mixins/ids-label-state-mixin/ids-label-state-parent-mixin.d.ts +2 -0
  633. package/mixins/ids-label-state-mixin/ids-label-state-parent-mixin.js +1 -1
  634. package/mixins/ids-loading-indicator-mixin/ids-loading-indicator-mixin.d.ts +2 -0
  635. package/mixins/ids-loading-indicator-mixin/ids-loading-indicator-mixin.js +1 -1
  636. package/mixins/ids-locale-mixin/ids-locale-mixin.d.ts +2 -0
  637. package/mixins/ids-locale-mixin/ids-locale-mixin.js +1 -1
  638. package/mixins/ids-mask-mixin/ids-mask-mixin.d.ts +2 -0
  639. package/mixins/ids-mask-mixin/ids-mask-mixin.js +1 -1
  640. package/mixins/ids-orientation-mixin/ids-orientation-mixin.d.ts +2 -0
  641. package/mixins/ids-orientation-mixin/ids-orientation-mixin.js +1 -1
  642. package/mixins/ids-pager-mixin/ids-pager-mixin.d.ts +2 -0
  643. package/mixins/ids-pager-mixin/ids-pager-mixin.js +1 -1
  644. package/mixins/ids-popup-interactions-mixin/ids-popup-interactions-mixin.d.ts +2 -0
  645. package/mixins/ids-popup-interactions-mixin/ids-popup-interactions-mixin.js +1 -1
  646. package/mixins/ids-popup-open-events-mixin/ids-popup-open-events-mixin.d.ts +2 -0
  647. package/mixins/ids-ripple-mixin/ids-ripple-mixin.d.ts +2 -0
  648. package/mixins/ids-ripple-mixin/ids-ripple-mixin.js +1 -1
  649. package/mixins/ids-selection-mixin/ids-selection-mixin.d.ts +2 -0
  650. package/mixins/ids-selection-mixin/ids-selection-mixin.js +1 -1
  651. package/mixins/ids-tooltip-mixin/ids-tooltip-mixin.d.ts +2 -0
  652. package/mixins/ids-tooltip-mixin/ids-tooltip-mixin.js +1 -1
  653. package/mixins/ids-validation-mixin/ids-validation-input-mixin.d.ts +2 -0
  654. package/mixins/ids-validation-mixin/ids-validation-mixin.d.ts +2 -0
  655. package/mixins/ids-validation-mixin/ids-validation-mixin.js +1 -1
  656. package/mixins/ids-xss-mixin/ids-xss-mixin.d.ts +2 -0
  657. package/mixins/ids-xss-mixin/ids-xss-mixin.js +1 -1
  658. package/package.json +1 -1
  659. package/themes/ids-theme-default-colors.css +26 -25
  660. package/themes/ids-theme-default-contrast.css +1323 -1320
  661. package/themes/ids-theme-default-core.css +1023 -1023
  662. package/themes/ids-theme-default-dark.css +1418 -1415
  663. package/themes/ids-theme-default-light.css +1023 -1023
  664. package/utils/ids-date-utils/ids-date-utils.js +1 -1
  665. package/utils/ids-device-env-specs-utils/ids-device-env-specs-utils.js +1 -1
  666. package/utils/ids-string-utils/ids-string-utils.js +1 -1
  667. package/vscode.html-custom-data.json +1 -0
  668. package/chunks/ids-chunk-2TMKCQ7X.js +0 -1015
  669. package/chunks/ids-chunk-2XOZL72A.js +0 -72
  670. package/chunks/ids-chunk-35BJESI6.js +0 -93
  671. package/chunks/ids-chunk-45H6NDWF.js +0 -54
  672. package/chunks/ids-chunk-5FOTVZVI.js +0 -26
  673. package/chunks/ids-chunk-5WRLNTVI.js +0 -1
  674. package/chunks/ids-chunk-5XUFOBD3.js +0 -1
  675. package/chunks/ids-chunk-7WWL5YMY.js +0 -105
  676. package/chunks/ids-chunk-A3U2AVMH.js +0 -58
  677. package/chunks/ids-chunk-B7RE4G3T.js +0 -50
  678. package/chunks/ids-chunk-CDODJI73.js +0 -48
  679. package/chunks/ids-chunk-D433NH74.js +0 -18
  680. package/chunks/ids-chunk-EZRDAHD3.js +0 -1
  681. package/chunks/ids-chunk-F3RQ5V7T.js +0 -1
  682. package/chunks/ids-chunk-GH24WUMB.js +0 -431
  683. package/chunks/ids-chunk-J3N5LPFK.js +0 -11
  684. package/chunks/ids-chunk-JACHN5PV.js +0 -51
  685. package/chunks/ids-chunk-JMCJ3SGL.js +0 -1
  686. package/chunks/ids-chunk-M7J4ZBAX.js +0 -13
  687. package/chunks/ids-chunk-MD33HDXF.js +0 -1
  688. package/chunks/ids-chunk-NOOASKMR.js +0 -1
  689. package/chunks/ids-chunk-RFCTCDY4.js +0 -111
  690. package/chunks/ids-chunk-TDUOT6ZN.js +0 -82
  691. package/chunks/ids-chunk-VGRUIA4C.js +0 -1
  692. package/chunks/ids-chunk-VKNGCQGL.js +0 -1
  693. package/chunks/ids-chunk-XMAFWUFA.js +0 -223
package/themes/ids-theme-default-dark.css CHANGED
@@ -60,17 +60,18 @@
60
60
  --ids-color-turquoise-80: #2F8D8E;
61
61
  --ids-color-turquoise-90: #297B7B;
62
62
  --ids-color-turquoise-100: #1F5E5E;
63
- --ids-color-slate-00: #fff;
64
- --ids-color-slate-10: #EFEFF0;
65
- --ids-color-slate-20: #D7D7D8;
66
- --ids-color-slate-30: #B7B7BA;
67
- --ids-color-slate-40: #97979B;
68
- --ids-color-slate-50: #77777C;
69
- --ids-color-slate-60: #606066;
70
- --ids-color-slate-70: #56565B;
71
- --ids-color-slate-80: #47474C;
72
- --ids-color-slate-90: #3E3E42;
73
- --ids-color-slate-100: #2F2F32;
63
+ --ids-color-slate-00: #FFF;
64
+ --ids-color-slate-10: #FAFAFA;
65
+ --ids-color-slate-20: #E0E0E1;
66
+ --ids-color-slate-30: #C5C5C9;
67
+ --ids-color-slate-40: #BBBBBF;
68
+ --ids-color-slate-50: #8E8E95;
69
+ --ids-color-slate-60: #6F6F76;
70
+ --ids-color-slate-70: #525257;
71
+ --ids-color-slate-80: #3B3B3F;
72
+ --ids-color-slate-90: #28282A;
73
+ --ids-color-slate-100: #161618;
74
+ --ids-color-slate-110: #000;
74
75
  --ids-color-primary-10: var(--ids-color-azure-10);
75
76
  --ids-color-primary-20: var(--ids-color-azure-20);
76
77
  --ids-color-primary-30: var(--ids-color-azure-30);
@@ -81,7 +82,7 @@
81
82
  --ids-color-primary-80: var(--ids-color-azure-80);
82
83
  --ids-color-primary-90: var(--ids-color-azure-90);
83
84
  --ids-color-primary-100: var(--ids-color-azure-100);
84
- --ids-color-error-00: #fff;
85
+ --ids-color-text-on-error: var(--ids-color-neutral-00);
85
86
  --ids-color-error-10: var(--ids-color-ruby-10);
86
87
  --ids-color-error-20: var(--ids-color-ruby-20);
87
88
  --ids-color-error-30: var(--ids-color-ruby-30);
@@ -89,37 +90,37 @@
89
90
  --ids-color-error-60: var(--ids-color-ruby-60);
90
91
  --ids-color-error-70: var(--ids-color-ruby-70);
91
92
  --ids-color-error-80: var(--ids-color-ruby-80);
92
- --ids-color-error: #DA1217;
93
- --ids-color-error-shadow: rgba(218 18 23 / 0.3);
94
- --ids-color-warning-00: #fff;
93
+ --ids-color-error-default: var(--ids-color-ruby-60);
94
+ --ids-color-shadow-error: rgba(218 18 23 / 0.3);
95
+ --ids-color-text-on-warning: var(--ids-color-neutral-00);
95
96
  --ids-color-warning-10: var(--ids-color-amber-10);
96
97
  --ids-color-warning-30: var(--ids-color-amber-30);
97
98
  --ids-color-warning-40: var(--ids-color-amber-60);
98
99
  --ids-color-warning-50: var(--ids-color-amber-50);
99
100
  --ids-color-warning-80: var(--ids-color-amber-80);
100
101
  --ids-color-warning-100: var(--ids-color-amber-100);
101
- --ids-color-warning: #F98300;
102
- --ids-color-warning-shadow: rgba(249 131 0 / 0.3);
103
- --ids-color-caution-00: #2F2F32;
102
+ --ids-color-warning-default: var(--ids-color-amber-60);
103
+ --ids-color-shadow-warning: rgba(249 131 0 / 0.3);
104
+ --ids-color-text-on-caution: var(--ids-color-neutral-100);
104
105
  --ids-color-caution-10: var(--ids-color-amber-10);
105
106
  --ids-color-caution-30: var(--ids-color-amber-30);
106
- --ids-color-caution: #FFD100;
107
- --ids-color-success-00: #fff;
107
+ --ids-color-caution-default: #FFD100;
108
+ --ids-color-text-on-success: var(--ids-color-neutral-00);
108
109
  --ids-color-success-10: var(--ids-color-emerald-10);
109
110
  --ids-color-success-30: var(--ids-color-emerald-30);
110
111
  --ids-color-success-50: var(--ids-color-emerald-50);
111
112
  --ids-color-success-80: var(--ids-color-emerald-80);
112
113
  --ids-color-success-100: var(--ids-color-emerald-100);
113
- --ids-color-success: #2AC371;
114
- --ids-color-success-shadow: rgba(42 195 113 / 0.3);
115
- --ids-color-info-00: #fff;
114
+ --ids-color-success-default: var(--ids-color-emerald-60);
115
+ --ids-color-shadow-success: rgba(42 195 113 / 0.3);
116
+ --ids-color-text-on-info: var(--ids-color-neutral-00);
116
117
  --ids-color-info-10: var(--ids-color-azure-10);
117
118
  --ids-color-info-30: var(--ids-color-azure-30);
118
119
  --ids-color-info-60: var(--ids-color-azure-60);
119
120
  --ids-color-info-70: var(--ids-color-azure-70);
120
121
  --ids-color-info-80: var(--ids-color-azure-80);
121
- --ids-color-info: #0064D4;
122
- --ids-color-info-shadow: rgba(0 102 212 / 0.3);
122
+ --ids-color-info-default: #0064D4;
123
+ --ids-color-shadow-info: rgba(0 102 212 / 0.3);
123
124
  --ids-color-neutral-00: #fff;
124
125
  --ids-color-neutral-10: var(--ids-color-slate-10);
125
126
  --ids-color-neutral-20: var(--ids-color-slate-20);
@@ -137,27 +138,27 @@
137
138
  :root {
138
139
  --ids-color-primary: var(--ids-color-primary-60);
139
140
  --ids-color-text-on-primary: var(--ids-color-neutral-00);
140
- --ids-body-background-color: var(--ids-color-neutral-00);
141
- --ids-body-text-on-background-color: var(--ids-color-neutral-100);
142
- --ids-text-color: var(--ids-color-neutral-100);
143
- --ids-color-on-text: var(--ids-color-neutral-00);
144
- --ids-text-color-subtle: var(--ids-color-neutral-80);
145
- --ids-text-color-label: var(--ids-color-neutral-60);
146
- --ids-text-color-data: var(--ids-color-neutral-100);
147
- --ids-text-color-disabled: var(--ids-color-neutral-30);
148
- --ids-text-color-error: var(--ids-color-error-60);
149
- --ids-text-color-info: var(--ids-color-info-70);
150
- --ids-text-color-success: var(--ids-color-success-50);
151
- --ids-text-color-warning: var(--ids-color-warning-50);
152
- --ids-transition-length: 200ms;
153
- --ids-transition-ease: cubic-bezier(0.17, 0.04, 0.03, 0.94);
154
- --ids-transition-linear: cubic-bezier(0.4, 0, 0.6, 1);
141
+ --ids-color-background-default: var(--ids-color-neutral-00);
142
+ --ids-color-text-default: var(--ids-color-neutral-100);
143
+ --ids-color-text: var(--ids-color-neutral-100);
144
+ --ids-color-text-inverse: var(--ids-color-neutral-00);
145
+ --ids-color-text-subtle: var(--ids-color-neutral-80);
146
+ --ids-color-text-label: var(--ids-color-neutral-60);
147
+ --ids-color-text-data: var(--ids-color-neutral-100);
148
+ --ids-color-text-disabled: var(--ids-color-neutral-30);
149
+ --ids-color-text-error: var(--ids-color-error-60);
150
+ --ids-color-text-info: var(--ids-color-info-70);
151
+ --ids-color-text-success: var(--ids-color-success-50);
152
+ --ids-color-text-warning: var(--ids-color-warning-50);
153
+ --ids-motion-duration: 200ms;
154
+ --ids-motion-ease: cubic-bezier(0.17, 0.04, 0.03, 0.94);
155
+ --ids-motion-linear: cubic-bezier(0.4, 0, 0.6, 1);
155
156
  --ids-border-radius-none: 0;
156
- --ids-border-radius-xs: 2px;
157
- --ids-border-radius-sm: 4px;
158
- --ids-border-radius-md: 8px;
159
- --ids-border-radius-lg: 16px;
160
- --ids-border-radius-round: 50%;
157
+ --ids-border-radius-01: 2px;
158
+ --ids-border-radius-02: 4px;
159
+ --ids-border-radius-03: 8px;
160
+ --ids-border-radius-04: 16px;
161
+ --ids-border-radius-circle: 50%;
161
162
  --ids-cursor-default: default;
162
163
  --ids-cursor-grabbing: grabbing;
163
164
  --ids-cursor-move: move;
@@ -166,16 +167,16 @@
166
167
  --ids-cursor-resize: col-resize;
167
168
  --ids-cursor-resize-x: ew-resize;
168
169
  --ids-cursor-resize-y: ns-resize;
169
- --ids-box-shadow-none: 0 0 3px 2px rgba(54 138 192 / 0);
170
- --ids-box-shadow-error: 0 0 3px 2px rgb(218 18 23 / 0.30);
170
+ --ids-shadow-none: 0 0 3px 2px rgba(54 138 192 / 0);
171
+ --ids-shadow-error: 0 0 3px 2px rgb(218 18 23 / 0.30);
171
172
  --ids-box-shadow-inverse: 0 0 3px 1px rgba(255 255 255 / 0.3);
172
- --ids-box-shadow-sm: 0 0 3px 1px rgb(54 138 192 / 0.3);
173
- --ids-box-shadow-md: 0 0 3px 2px rgb(54 138 192 / 0.3);
174
- --ids-box-shadow-lg: 0 0 4px 3px rgb(54 138 192 / 0.3);
175
- --ids-focus-border-color: var(--ids-color-primary);
176
- --ids-focus-box-shadow: var(--ids-box-shadow-md);
177
- --ids-focus-outline: 0;
178
- --ids-font-family: source sans pro, -apple-system, helvetica, arial;
173
+ --ids-shadow-10: 0 0 3px 1px rgb(54 138 192 / 0.3);
174
+ --ids-shadow-20: 0 0 3px 2px rgb(54 138 192 / 0.3);
175
+ --ids-shadow-30: 0 0 4px 3px rgb(54 138 192 / 0.3);
176
+ --ids-color-border-focus: var(--ids-color-primary);
177
+ --ids-shadow-focus: var(--ids-shadow-20);
178
+ --ids-outline-none: 0;
179
+ --ids-font-family-default: source sans pro, -apple-system, helvetica, arial;
179
180
  --ids-font-family-ar: "Mada", source sans pro, -apple-system, helvetica, arial;
180
181
  --ids-font-family-he: "Assistant", source sans pro, -apple-system, helvetica, arial;
181
182
  --ids-font-family-hi: "Noto Sans", source sans pro, -apple-system, helvetica, arial;
@@ -185,1453 +186,1455 @@
185
186
  --ids-font-family-zh-cn: "Noto Sans SC", source sans pro, -apple-system, helvetica, arial;
186
187
  --ids-font-family-zh-tw: "Noto Sans TC", source sans pro, -apple-system, helvetica, arial;
187
188
  --ids-font-family-mono: source code pro, monospace;
188
- --ids-font-weight-lighter: 300;
189
+ --ids-font-weight-light: 300;
189
190
  --ids-font-weight-normal: 400;
190
- --ids-font-weight-semi-bold: 600;
191
+ --ids-font-weight-semibold: 600;
191
192
  --ids-font-weight-bold: 700;
192
- --ids-font-size-xxs: 10px;
193
- --ids-font-size-xs: 12px;
194
- --ids-font-size-sm: 14px;
195
- --ids-font-size-md: 16px;
196
- --ids-font-size-lg: 20px;
197
- --ids-font-size-xl: 24px;
198
- --ids-font-size-xxl: 28px;
199
- --ids-font-size-3xl: 32px;
200
- --ids-font-size-4xl: 40px;
201
- --ids-font-size-5xl: 48px;
202
- --ids-font-size-6xl: 60px;
203
- --ids-font-size-7xl: 72px;
204
- --ids-text-transform: uppercase;
205
- --ids-spacing-none: 0;
206
- --ids-spacing-xs: 1px;
207
- --ids-spacing-sm: 2px;
208
- --ids-spacing-md: 4px;
209
- --ids-spacing-lg: 8px;
210
- --ids-spacing-xl: 12px;
211
- --ids-spacing-xxl: 16px;
212
- --ids-spacing-3xl: 20px;
213
- --ids-spacing-4xl: 24px;
214
- --ids-spacing-5xl: 28px;
215
- --ids-size-xxs: 22px;
216
- --ids-size-xs: 28px;
217
- --ids-size-sm: 30px;
218
- --ids-size-md: 38px;
219
- --ids-size-lg: 48px;
220
- --ids-size-xxl: 56px;
221
- --ids-size-2xl: 66px;
193
+ --ids-font-size-10: 10px;
194
+ --ids-font-size-20: 12px;
195
+ --ids-font-size-30: 14px;
196
+ --ids-font-size-40: 16px;
197
+ --ids-font-size-50: 20px;
198
+ --ids-font-size-60: 24px;
199
+ --ids-font-size-70: 28px;
200
+ --ids-font-size-80: 32px;
201
+ --ids-font-size-90: 40px;
202
+ --ids-font-size-100: 48px;
203
+ --ids-font-size-110: 60px;
204
+ --ids-font-size-120: 72px;
205
+ --ids-font-uppercase: uppercase;
206
+ --ids-space-none: 0;
207
+ --ids-space-10: 1px;
208
+ --ids-space-20: 2px;
209
+ --ids-space-30: 4px;
210
+ --ids-space-40: 8px;
211
+ --ids-space-50: 12px;
212
+ --ids-space-60: 16px;
213
+ --ids-space-70: 20px;
214
+ --ids-space-80: 24px;
215
+ --ids-space-90: 28px;
216
+ --ids-size-10: 22px;
217
+ --ids-size-20: 28px;
218
+ --ids-size-30: 30px;
219
+ --ids-size-40: 38px;
220
+ --ids-size-50: 48px;
221
+ --ids-size-60: 56px;
222
+ --ids-size-70: 66px;
222
223
  --ids-line-height-none: 0;
223
- --ids-line-height-normal: normal;
224
- --ids-line-height-xs: 1;
225
- --ids-line-height-sm: 1.25;
226
- --ids-line-height-md: 1.5;
227
- --ids-line-height-lg: 2;
228
- --ids-z-index-toolbar: 20;
229
- --ids-z-index-sidebar: 500;
230
- --ids-z-index-overlay: 1000;
231
- --ids-z-index-loading: 1010;
232
- --ids-z-index-dialog: 1020;
233
- --ids-z-index-popup: 3000;
234
- --ids-z-index-tooltip: 6000;
235
- --ids-z-index-draggable: 7000;
236
- --ids-z-index-toast: 8000;
237
- --ids-z-index-menu: 9000;
238
- --ids-z-index-skip-link: 10000;
239
- --ids-about-max-width: 560px;
240
- --ids-about-min-width: 300px;
241
- --ids-about-border-color: var(--ids-popup-border-color);
224
+ --ids-line-height-default: normal;
225
+ --ids-line-height-10: 1;
226
+ --ids-line-height-20: 1.25;
227
+ --ids-line-height-30: 1.5;
228
+ --ids-line-height-40: 2;
229
+ --ids-z-index-10: 1;
230
+ --ids-z-index-20: 2;
231
+ --ids-z-index-30: 5;
232
+ --ids-z-index-40: 10;
233
+ --ids-z-index-50: 100;
234
+ --ids-z-index-60: 200;
235
+ --ids-z-index-70: 300;
236
+ --ids-z-index-80: 400;
237
+ --ids-z-index-90: 500;
238
+ --ids-z-index-100: 600;
239
+ --ids-z-index-110: 700;
240
+ --ids-about-width-max: 560px;
241
+ --ids-about-width-min: 300px;
242
+ --ids-about-color-border-default: var(--ids-popup-color-border);
242
243
  --ids-about-content-padding: 16px;
243
- --ids-about-hover-border-color: var(--ids-input-hover-border-color);
244
- --ids-about-focus-border-color: var(--ids-input-focus-border-color);
245
- --ids-about-focus-box-shadow: var(--ids-focus-box-shadow);
246
- --ids-accordion-header-border-bottom-color: var(--ids-color-neutral-20);
247
- --ids-accordion-header-icon-color: var(--ids-color-neutral-10);
248
- --ids-accordion-header-focus-border-color: var(--ids-color-primary);
249
- --ids-accordion-header-focus-box-shadow: var(--ids-box-shadow-md);
250
- --ids-accordion-header-disabled-icon-color: var(--ids-text-color-disabled);
251
- --ids-accordion-header-disabled-text-color: var(--ids-text-color-disabled);
252
- --ids-accordion-header-text-color: var(--ids-text-color);
244
+ --ids-about-color-border-hover: var(--ids-input-color-border-hover);
245
+ --ids-about-color-border-focus: var(--ids-input-color-border-focus);
246
+ --ids-about-shadow-focus: var(--ids-shadow-focus);
247
+ --ids-accordion-header-color-border-bottom: var(--ids-color-neutral-20);
248
+ --ids-accordion-header-color-icon: var(--ids-color-neutral-10);
249
+ --ids-accordion-header-color-border-focus: var(--ids-color-primary);
250
+ --ids-accordion-header-shadow-focus: var(--ids-shadow-20);
251
+ --ids-accordion-header-color-border-disabled: var(--ids-color-text-disabled);
252
+ --ids-accordion-header-color-text-disabled: var(--ids-color-text-disabled);
253
253
  --ids-action-panel-header-height: 50px;
254
254
  --ids-action-panel-header-padding: 8px;
255
- --ids-action-panel-header-background-color: var(--ids-color-neutral-10);
256
- --ids-action-panel-header-border-color: var(--ids-color-neutral-20);
255
+ --ids-action-panel-header-color-background: var(--ids-color-neutral-10);
256
+ --ids-action-panel-header-color-border: var(--ids-color-neutral-20);
257
257
  --ids-action-panel-content-background-color: var(--ids-color-neutral-00);
258
- --ids-action-sheet-border-radius: var(--ids-border-radius-lg);
259
- --ids-action-sheet-padding: var(--ids-spacing-lg);
260
- --ids-action-sheet-box-shadow: 0 0 8px rgb(0 0 0 / 0.2);
261
- --ids-action-sheet-background-color: var(--ids-color-neutral-00);
262
- --ids-action-sheet-border-color: transparent;
263
- --ids-alert-success-color: var(--ids-color-success);
264
- --ids-alert-success-disabled-color: var(--ids-color-success-30);
265
- --ids-alert-warning-color: var(--ids-color-warning);
266
- --ids-alert-warning-disabled-color: var(--ids-color-warning-30);
267
- --ids-alert-caution-color: var(--ids-color-caution);
268
- --ids-alert-caution-disabled-color: var(--ids-color-caution-30);
269
- --ids-alert-info-color: var(--ids-color-info);
270
- --ids-alert-info-disabled-color: var(--ids-color-info-30);
271
- --ids-alert-error-color: var(--ids-color-error);
272
- --ids-alert-error-disabled-color: var(--ids-color-error-30);
273
- --ids-alert-new-color: var(--ids-color-amber-70);
274
- --ids-alert-new-disabled-color: var(--ids-color-amber-30);
275
- --ids-alert-in-progress-color: var(--ids-color-amethyst-70);
276
- --ids-alert-in-progress-disabled-color: var(--ids-color-amethyst-30);
277
- --ids-alert-empty-color: var(--ids-icon-color);
278
- --ids-alert-empty-disabled-color: var(--ids-icon-color-disabled);
279
- --ids-app-menu-accordion-header-disabled-background-color: var(--ids-color-neutral-100);
280
- --ids-app-menu-accordion-header-disabled-border-color: var(--ids-color-neutral-100);
281
- --ids-app-menu-accordion-header-disabled-text-color: var(--ids-color-neutral-40);
282
- --ids-app-menu-accordion-header-filter-background-color: var(--ids-color-neutral-00);
283
- --ids-app-menu-accordion-header-filter-match-text-color: var(--ids-color-neutral-60);
284
- --ids-app-menu-accordion-header-filter-text-color: var(--ids-text-color);
285
- --ids-app-menu-accordion-header-focus-text-color: var(--ids-color-neutral-00);
286
- --ids-app-menu-accordion-header-focus-border-color: var(--ids-color-primary-70);
287
- --ids-app-menu-accordion-header-hover-background-color: var(--ids-color-neutral-90);
288
- --ids-app-menu-accordion-header-hover-border-color: var(--ids-color-neutral-90);
289
- --ids-app-menu-accordion-header-selected-text-color: var(--ids-color-neutral-00);
290
- --ids-app-menu-accordion-header-text-color: var(--ids-color-neutral-20);
291
- --ids-app-menu-accordion-panel-background-color: var(--ids-color-neutral-100);
292
- --ids-axis-chart-border-color: var(--ids-color-neutral-10);
293
- --ids-axis-chart-grid-stroke: var(--ids-color-neutral-20);
294
- --ids-axis-chart-first-line-stroke: var(--ids-color-neutral-70);
295
- --ids-axis-chart-last-line-stroke: var(--ids-color-neutral-70);
296
- --ids-axis-chart-label-font-family: var(--ids-font-family);
297
- --ids-axis-chart-label-font-size: var(--ids-font-size-sm);
298
- --ids-axis-chart-label-text-fill: var(--ids-color-neutral-60);
299
- --ids-axis-chart-label-axis-text-font-weight: var(--ids-font-weight-bold);
300
- --ids-axis-chart-focus-group-outline: 2px dashed var(--ids-color-azure-60);
301
- --ids-badge-background-color: var(--ids-input-readonly-background-color);
302
- --ids-badge-border-color: var(--ids-input-readonly-background-color);
303
- --ids-badge-border-radius: var(--ids-border-radius-lg);
304
- --ids-badge-caution-background-color: var(--ids-color-caution);
305
- --ids-badge-caution-border-color: var(--ids-color-caution);
306
- --ids-badge-caution-color: var(--ids-color-caution-00);
307
- --ids-badge-error-background-color: var(--ids-color-error);
308
- --ids-badge-error-border-color: var(--ids-color-error);
309
- --ids-badge-error-color: var(--ids-color-error-00);
310
- --ids-badge-info-background-color: var(--ids-color-info);
311
- --ids-badge-info-border-color: var(--ids-color-info);
312
- --ids-badge-info-color: var(--ids-color-info-00);
313
- --ids-badge-line-height: var(--ids-size-xxs);
314
- --ids-badge-margin-bottom: var(--ids-spacing-md);
315
- --ids-badge-margin-inline-end: var(--ids-spacing-md);
316
- --ids-badge-min-width: var(--ids-size-xxs);
258
+ --ids-action-sheet-border-radius: var(--ids-border-radius-04);
259
+ --ids-action-sheet-padding: var(--ids-space-40);
260
+ --ids-action-sheet-shadow: 0 0 8px rgb(0 0 0 / 0.2);
261
+ --ids-action-sheet-color-background: var(--ids-color-neutral-00);
262
+ --ids-action-sheet-color-border: transparent;
263
+ --ids-alert-color-success-default: var(--ids-color-success-default);
264
+ --ids-alert-color-success-disabled: var(--ids-color-success-30);
265
+ --ids-alert-color-warning-default: var(--ids-color-warning-default);
266
+ --ids-alert-color-warning-disabled: var(--ids-color-warning-30);
267
+ --ids-alert-color-caution-default: var(--ids-color-caution-default);
268
+ --ids-alert-color-caution-disabled: var(--ids-color-caution-30);
269
+ --ids-alert-color-info-default: var(--ids-color-info-default);
270
+ --ids-alert-color-info-disabled: var(--ids-color-info-30);
271
+ --ids-alert-color-error-default: var(--ids-color-error-default);
272
+ --ids-alert-color-error-disabled: var(--ids-color-error-30);
273
+ --ids-alert-color-new-default: var(--ids-color-amber-70);
274
+ --ids-alert-color-new-disabled: var(--ids-color-amber-30);
275
+ --ids-alert-color-progress-default: var(--ids-color-amethyst-70);
276
+ --ids-alert-color-progress-disabled: var(--ids-color-amethyst-30);
277
+ --ids-app-menu-accordion-header-color-background-disabled: var(--ids-color-neutral-100);
278
+ --ids-app-menu-accordion-header-color-border-disabled: var(--ids-color-neutral-100);
279
+ --ids-app-menu-accordion-header-color-text-disabled: var(--ids-color-neutral-40);
280
+ --ids-app-menu-accordion-header-color-background-default: var(--ids-color-neutral-00);
281
+ --ids-app-menu-accordion-header-filter-match-color-text: var(--ids-color-neutral-60);
282
+ --ids-app-menu-accordion-header-filter-color-text: var(--ids-color-text);
283
+ --ids-app-menu-accordion-header-color-text-focus: var(--ids-color-neutral-00);
284
+ --ids-app-menu-accordion-header-color-border-focus: var(--ids-color-primary-70);
285
+ --ids-app-menu-header-color-background-hover: var(--ids-color-neutral-90);
286
+ --ids-app-menu-header-color-border-hover: var(--ids-color-neutral-90);
287
+ --ids-app-menu-accordion-header-color-text-selected: var(--ids-color-neutral-00);
288
+ --ids-app-menu-accordion-header-color-text-default: var(--ids-color-neutral-20);
289
+ --ids-app-menu-accordion-panel-color-background: var(--ids-color-neutral-100);
290
+ --ids-axis-chart-grid-color: var(--ids-color-neutral-20);
291
+ --ids-axis-chart-first-line-color: var(--ids-color-neutral-70);
292
+ --ids-axis-chart-last-line-color-border: var(--ids-color-neutral-70);
293
+ --ids-axis-chart-font-family: var(--ids-font-family-default);
294
+ --ids-axis-chart-font-size: var(--ids-font-size-30);
295
+ --ids-axis-chart-color-text: var(--ids-color-neutral-60);
296
+ --ids-axis-chart-font-weight: var(--ids-font-weight-bold);
297
+ --ids-axis-chart-outline-focus: 2px dashed var(--ids-color-azure-60);
298
+ --ids-badge-color-background: var(--ids-input-color-background-readonly);
299
+ --ids-badge-color-border: var(--ids-input-color-background-readonly);
300
+ --ids-badge-border-radius: var(--ids-border-radius-04);
301
+ --ids-badge-color-background-caution: var(--ids-color-caution-default);
302
+ --ids-badge-color-border-caution: var(--ids-color-caution-default);
303
+ --ids-badge-color-caution: var(--ids-color-text-on-caution);
304
+ --ids-badge-color-background-error: var(--ids-color-error-default);
305
+ --ids-badge-color-border-error: var(--ids-color-error-default);
306
+ --ids-badge-color-error: var(--ids-color-text-on-error);
307
+ --ids-badge-color-background-info: var(--ids-color-info-default);
308
+ --ids-badge-color-border-info: var(--ids-color-info-default);
309
+ --ids-badge-color-info: var(--ids-color-text-on-info);
310
+ --ids-badge-font-line-height: var(--ids-size-10);
311
+ --ids-badge-margin-bottom: var(--ids-space-30);
312
+ --ids-badge-margin-inline-end: var(--ids-space-30);
313
+ --ids-badge-width-min: var(--ids-size-10);
317
314
  --ids-badge-padding-inline: 10px;
318
- --ids-badge-success-background-color: var(--ids-color-success-80);
319
- --ids-badge-success-border-color: var(--ids-color-success-80);
320
- --ids-badge-success-color: var(--ids-color-success-00);
321
- --ids-badge-warning-background-color: var(--ids-color-warning-80);
322
- --ids-badge-warning-border-color: var(--ids-color-warning-80);
323
- --ids-badge-warning-color: var(--ids-color-warning-00);
324
- --ids-block-grid-item-img-margin-block-end: 10px;
315
+ --ids-badge-color-background-success: var(--ids-color-success-80);
316
+ --ids-badge-color-border-success: var(--ids-color-success-80);
317
+ --ids-badge-color-success: var(--ids-color-text-on-success);
318
+ --ids-badge-color-background-warning: var(--ids-color-warning-80);
319
+ --ids-badge-color-border-warning: var(--ids-color-warning-80);
320
+ --ids-badge-color-warning: var(--ids-color-text-on-warning);
321
+ --ids-badge-disabled-background-color: var(--ids-input-color-background-readonly);
322
+ --ids-badge-disabled-border-color: var(--ids-input-color-background-readonly);
323
+ --ids-badge-disabled-text-color: var(--ids-tag-color-text-disabled);
324
+ --ids-block-grid-margin: 10px;
325
325
  --ids-block-grid-item-padding: 10px 15px;
326
326
  --ids-block-grid-item-width: 200px;
327
327
  --ids-block-grid-item-selectable-width: auto;
328
- --ids-block-grid-item-selectable-max-width: 300px;
329
- --ids-block-grid-item-selectable-container-border-radius: 3px;
330
- --ids-block-grid-item-selectable-container-img-border-radius: var(--ids-border-radius-round);
331
- --ids-block-grid-item-selectable-container-hover-background-color: var(--ids-color-primary-10);
332
- --ids-block-grid-item-selectable-container-focus-outline: var(--ids-spacing-xs) solid var(--ids-color-primary-60);
333
- --ids-block-grid-item-selectable-container-focus-box-shadow: var(--ids-shadow-lg);
334
- --ids-block-grid-item-selectable-container-padding: var(--ids-spacing-4xl) 36px;
335
- --ids-block-grid-item-selectable-multiple-block-width: 100%;
336
- --ids-block-grid-item-selectable-multiple-block-container-padding: var(--ids-spacing-4xl) var(--ids-spacing-4xl) var(--ids-spacing-4xl) 45px;
337
- --ids-block-grid-item-selectable-multiple-block-checkbox-top: calc(50% - 10px);
338
- --ids-block-grid-item-selectable-multiple-block-checkbox-left: 30px;
328
+ --ids-block-grid-item-width-max: 300px;
329
+ --ids-block-grid-item-border-radius: 3px;
330
+ --ids-block-grid-item-selectable-border-radius-container: var(--ids-border-radius-circle);
331
+ --ids-block-grid-item-color-background-selectable-hover: var(--ids-color-primary-10);
332
+ --ids-block-grid-item-selectable-container-focus: var(--ids-space-10) solid var(--ids-color-primary-60);
333
+ --ids-block-grid-item-shadow-selectable-container-focus: var(--ids-shadow-lg);
334
+ --ids-block-grid-item-selectable-container-padding: var(--ids-space-80) 36px;
335
+ --ids-block-grid-item-selectable-multiple-width: 100%;
336
+ --ids-block-grid-item-selectable-container-multiple-padding: var(--ids-space-80) var(--ids-space-80) var(--ids-space-80) 45px;
337
+ --ids-block-grid-item-selectable-size-multiple-block-checkbox-top: calc(50% - 10px);
338
+ --ids-block-grid-item-selectable-size-multiple-block-checkbox-left: 30px;
339
339
  --ids-block-grid-item-selectable-multiple-block-checkbox-right: unset;
340
- --ids-block-grid-item-selected-border-radius: 3px;
341
- --ids-block-grid-item-selected-background-color: transparent;
342
- --ids-block-grid-item-selected-outline: 2px solid var(--ids-color-primary-60);
343
- --ids-block-grid-item-pre-selected-background-color: rgba(230 241 253 / 0.7);
344
- --ids-block-grid-item-checkbox-top: 20px;
345
- --ids-block-grid-item-checkbox-right: 20px;
346
- --ids-button-primary-border-color: var(--ids-color-primary);
347
- --ids-button-primary-background-color: var(--ids-color-primary);
348
- --ids-button-primary-text-color: var(--ids-color-text-on-primary);
349
- --ids-button-primary-focus-border-color: var(--ids-focus-border-color);
350
- --ids-button-primary-focus-box-shadow: 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);
351
- --ids-button-primary-hover-background-color: var(--ids-color-primary-80);
352
- --ids-button-primary-hover-border-color: var(--ids-color-primary-70);
353
- --ids-button-primary-disabled-background-color: var(--ids-color-neutral-20);
354
- --ids-button-primary-disabled-border-color: var(--ids-color-neutral-20);
355
- --ids-button-primary-disabled-text-color: var(--ids-color-neutral-40);
356
- --ids-button-primary-ripple-color: var(--ids-color-text-on-primary);
357
- --ids-button-secondary-background-color: transparent;
340
+ --ids-block-grid-item-border-radius-selected: 3px;
341
+ --ids-block-grid-item-color-background-selected: transparent;
342
+ --ids-block-grid-item-outline-selected: 2px solid var(--ids-color-primary-60);
343
+ --ids-block-grid-item-pre-color-background-selected: rgba(230 241 253 / 0.7);
344
+ --ids-block-grid-checkbox-top-size: 20px;
345
+ --ids-block-grid-checkbox-right-size: 20px;
346
+ --ids-button-primary-color-border-default: var(--ids-color-primary);
347
+ --ids-button-primary-color-background-default: var(--ids-color-primary);
348
+ --ids-button-primary-color-text-default: var(--ids-color-text-on-primary);
349
+ --ids-button-primary-color-border-focus: var(--ids-color-border-focus);
350
+ --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);
351
+ --ids-button-primary-color-background-hover: var(--ids-color-primary-80);
352
+ --ids-button-primary-color-border-hover: var(--ids-color-primary-70);
353
+ --ids-button-primary-color-background-disabled: var(--ids-color-neutral-20);
354
+ --ids-button-primary-color-border-disabled: var(--ids-color-neutral-20);
355
+ --ids-button-primary-color-text-disabled: var(--ids-color-neutral-40);
356
+ --ids-button-primary-color-background-pressed: var(--ids-color-text-on-primary);
357
+ --ids-button-secondary-color-background-default: transparent;
358
358
  --ids-button-secondary-border-width: 2px;
359
- --ids-button-secondary-border-color: var(--ids-color-primary);
360
- --ids-button-secondary-text-color: var(--ids-color-primary);
361
- --ids-button-secondary-focus-border-color: var(--ids-color-primary);
362
- --ids-button-secondary-focus-box-shadow: 0 0 0 2px var(--ids-color-neutral-00), 0 0 0 3px var(--ids-color-primary), 0 0 4px 3px var(--ids-color-primary);
363
- --ids-button-secondary-hover-background-color: var(--ids-button-tertiary-hover-background-color);
364
- --ids-button-secondary-disabled-background-color: transparent;
365
- --ids-button-secondary-disabled-border-color: var(--ids-color-neutral-20);
366
- --ids-button-secondary-disabled-text-color: var(--ids-color-neutral-30);
367
- --ids-button-secondary-ripple-color: var(--ids-color-primary-30);
368
- --ids-button-tertiary-border-color: transparent;
369
- --ids-button-tertiary-text-color: var(--ids-color-neutral-60);
370
- --ids-button-tertiary-focus-border-color: var(--ids-focus-border-color);
371
- --ids-button-tertiary-hover-text-color: var(--ids-color-primary-70);
372
- --ids-button-tertiary-hover-background-color: var(--ids-color-primary-10);
373
- --ids-button-tertiary-disabled-text-color: var(--ids-color-neutral-30);
374
- --ids-button-tertiary-readonly-text-color: var(--ids-color-neutral-60);
375
- --ids-button-tertiary-font-weight: var(--ids-font-weight-semi-bold);
376
- --ids-button-tertiary-ripple-color: var(--ids-color-primary-30);
377
- --ids-button-destructive-hover-background-color: var(--ids-color-error-10);
378
- --ids-button-alternate-text-color: var(--ids-color-neutral-10);
379
- --ids-button-alternate-text-color-hover: var(--ids-color-neutral-00);
380
- --ids-button-alternate-ripple-color: var(--ids-color-text-on-primary);
381
- --ids-button-formatter-border-color: var(--ids-color-neutral-00);
382
- --ids-button-formatter-disabled-opacity: 0.4;
383
- --ids-button-formatter-ripple-color: var(--ids-color-primary-tertiary);
384
- --ids-button-alternate-formatter-text-color-hover: var(--ids-color-on-text);
385
- --ids-button-alternate-formatter-text-color: var(--ids-input-readonly-background-color);
386
- --ids-breadcrumb-text-color: var(--ids-text-color-subtle);
387
- --ids-breadcrumb-disabled-text-color: var(--ids-text-color-disabled);
388
- --ids-breadcrumb-inverse-text-color: var(--ids-color-on-text);
359
+ --ids-button-secondary-color-border-default: var(--ids-color-primary);
360
+ --ids-button-secondary-color-text-default: var(--ids-color-primary);
361
+ --ids-button-secondary-color-border-focus: var(--ids-color-primary);
362
+ --ids-button-secondary-shadow-focus: 0 0 0 2px var(--ids-color-neutral-00), 0 0 0 3px var(--ids-color-primary), 0 0 4px 3px var(--ids-color-primary);
363
+ --ids-button-secondary-color-background-hover: var(--ids-button-tertiary-color-background-hover);
364
+ --ids-button-secondary-color-background-disabled: transparent;
365
+ --ids-button-secondary-color-border-disabled: var(--ids-color-neutral-20);
366
+ --ids-button-secondary-color-text-disabled: var(--ids-color-neutral-30);
367
+ --ids-button-secondary-color-background-pressed: var(--ids-color-primary-30);
368
+ --ids-button-tertiary-color-border-default: transparent;
369
+ --ids-button-tertiary-color-text-default: var(--ids-color-neutral-60);
370
+ --ids-button-tertiary-color-border-focus: var(--ids-color-border-focus);
371
+ --ids-button-tertiary-color-text-hover: var(--ids-color-primary-70);
372
+ --ids-button-tertiary-color-background-hover: var(--ids-color-primary-10);
373
+ --ids-button-tertiary-color-text-disabled: var(--ids-color-neutral-30);
374
+ --ids-button-tertiary-font-weight: var(--ids-font-weight-semibold);
375
+ --ids-button-tertiary-color-background-pressed: var(--ids-color-primary-30);
376
+ --ids-button-icon-padding: calc(var(--ids-space-40) - 1px);
377
+ --ids-button-destructive-color-background-hover: var(--ids-color-error-10);
378
+ --ids-button-alternate-color-text-default: var(--ids-color-neutral-10);
379
+ --ids-button-alternate-color-text-default-hover: var(--ids-color-neutral-00);
380
+ --ids-button-alternate-color-background-pressed: var(--ids-color-text-on-primary);
381
+ --ids-button-formatter-color-border: var(--ids-color-neutral-00);
382
+ --ids-button-formatter-opacity-disabled: 0.4;
383
+ --ids-button-formatter-color-text-hover: var(--ids-color-text-inverse);
384
+ --ids-button-formatter-color-text-default: var(--ids-input-color-background-readonly);
385
+ --ids-breadcrumb-color-text-default: var(--ids-color-text-subtle);
386
+ --ids-breadcrumb-color-text-disabled: var(--ids-color-text-disabled);
387
+ --ids-breadcrumb-color-text-emphasis: var(--ids-color-text-inverse);
389
388
  --ids-breadcrumb-font-weight: var(--ids-font-weight-normal);
390
- --ids-breadcrumb-font-size: var(--ids-font-size-sm);
391
- --ids-calendar-toolbar-container-background-color: var(--ids-color-neutral-00);
392
- --ids-calendar-toolbar-container-border-color: var(--ids-color-neutral-20);
393
- --ids-calendar-event-azure-background-color: var(--ids-color-azure-20);
394
- --ids-calendar-event-azure-border-color: var(--ids-color-azure-70);
395
- --ids-calendar-event-amber-background-color: var(--ids-color-amber-30);
396
- --ids-calendar-event-amber-border-color: var(--ids-color-amber-70);
397
- --ids-calendar-event-amethyst-background-color: var(--ids-color-amethyst-30);
398
- --ids-calendar-event-amethyst-border-color: var(--ids-color-amethyst-70);
399
- --ids-calendar-event-background-color: var(--ids-color-azure-20);
400
- --ids-calendar-event-border-color: var(--ids-color-amber-70);
401
- --ids-calendar-event-emerald-background-color: var(--ids-color-emerald-30);
402
- --ids-calendar-event-emerald-border-color: var(--ids-color-emerald-70);
403
- --ids-calendar-event-focus-border-color: var(--ids-color-azure-60);
404
- --ids-calendar-event-icon-alert-color: var(--ids-color-amber-60);
405
- --ids-calendar-event-icon-clock-color: var(--ids-color-amber-60);
406
- --ids-calendar-event-icon-pending-color: var(--ids-color-amber-60);
407
- --ids-calendar-event-icon-success-color: var(--ids-color-emerald-60);
408
- --ids-calendar-event-ruby-background-color: var(--ids-color-ruby-30);
409
- --ids-calendar-event-ruby-border-color: var(--ids-color-ruby-70);
410
- --ids-calendar-event-turquoise-background-color: var(--ids-color-turquoise-30);
411
- --ids-calendar-event-turquoise-border-color: var(--ids-color-turquoise-70);
412
- --ids-calendar-event-slate-background-color: var(--ids-color-neutral-30);
413
- --ids-calendar-event-slate-border-color: var(--ids-color-neutral-70);
414
- --ids-calendar-event-text-color: var(--ids-color-neutral-100);
415
- --ids-card-toolbar-padding: var(--ids-spacing-xxl);
416
- --ids-card-border-radius: var(--ids-border-radius-md);
417
- --ids-card-margin-bottom: var(--ids-spacing-xxl);
389
+ --ids-breadcrumb-font-size: var(--ids-font-size-30);
390
+ --ids-calendar-toolbar-color-background: var(--ids-color-neutral-00);
391
+ --ids-calendar-toolbar-color-border: var(--ids-color-neutral-20);
392
+ --ids-calendar-event-color-background-accent-azure: var(--ids-color-azure-20);
393
+ --ids-calendar-event-color-border-accent-azuret-azure: var(--ids-color-azure-70);
394
+ --ids-calendar-event-color-background-accent-amber: var(--ids-color-amber-30);
395
+ --ids-calendar-event-color-border-accent-amber: var(--ids-color-amber-70);
396
+ --ids-calendar-event-color-background-accent-amethyst: var(--ids-color-amethyst-30);
397
+ --ids-calendar-event-color-border-accent-amethyst: var(--ids-color-amethyst-70);
398
+ --ids-calendar-event-color-background: var(--ids-color-azure-20);
399
+ --ids-calendar-event-color-border-default: var(--ids-color-amber-70);
400
+ --ids-calendar-event-color-background-accent-emerald: var(--ids-color-emerald-30);
401
+ --ids-calendar-event-color-border-accent-emerald: var(--ids-color-emerald-70);
402
+ --ids-calendar-event-color-border-focus: var(--ids-color-azure-60);
403
+ --ids-calendar-event-color-icon-alert: var(--ids-color-amber-60);
404
+ --ids-calendar-event-color-icon-clock: var(--ids-color-amber-60);
405
+ --ids-calendar-event-color-icon-pending: var(--ids-color-amber-60);
406
+ --ids-calendar-event-color-icon-success: var(--ids-color-emerald-60);
407
+ --ids-calendar-event-color-background-accent-ruby: var(--ids-color-ruby-30);
408
+ --ids-calendar-event-color-border-accent-ruby: var(--ids-color-ruby-70);
409
+ --ids-calendar-event-color-background-accent-turqoise: var(--ids-color-turquoise-30);
410
+ --ids-calendar-event-color-border-accent-turqoise: var(--ids-color-turquoise-70);
411
+ --ids-calendar-event-color-background-accent-slate: var(--ids-color-neutral-30);
412
+ --ids-calendar-event-color-border-accent-slate: var(--ids-color-neutral-70);
413
+ --ids-calendar-event-color-text: var(--ids-color-neutral-100);
414
+ --ids-card-toolbar-padding: var(--ids-space-60);
415
+ --ids-card-border-radius: var(--ids-border-radius-03);
416
+ --ids-card-margin-bottom: var(--ids-space-60);
418
417
  --ids-card-height: 360px;
419
418
  --ids-card-content-height: 310px;
420
419
  --ids-card-header-padding: 12px 16px;
421
- --ids-card-background-color: var(--ids-color-neutral-00);
422
- --ids-card-border-color: var(--ids-color-neutral-30);
423
- --ids-card-divider-border-color: var(--ids-color-neutral-20);
424
- --ids-card-box-shadow: rgba(0 0 0 / 0.1) 0 0 8px;
425
- --ids-card-selected-background-color: var(--ids-color-primary-10);
426
- --ids-card-selected-border-color: var(--ids-color-primary);
427
- --ids-card-text-color: var(--ids-text-color-label);
428
- --ids-card-hover-text-color: var(--ids-text-color-data);
429
- --ids-chart-legend-text-size: var(--ids-font-size-sm);
430
- --ids-chart-legend-text-color: var(--ids-text-color-label);
431
- --ids-chart-qualitive-color-1: var(--ids-color-azure-80);
432
- --ids-chart-qualitive-color-2: var(--ids-color-turquoise-40);
433
- --ids-chart-qualitive-color-3: var(--ids-color-amethyst-60);
434
- --ids-chart-qualitive-color-4: var(--ids-color-neutral-40);
435
- --ids-chart-qualitive-color-5: var(--ids-color-amber-30);
436
- --ids-chart-qualitive-color-6: var(--ids-color-amber-70);
437
- --ids-chart-qualitive-color-7: var(--ids-color-emerald-80);
438
- --ids-chart-qualitive-color-8: var(--ids-color-azure-30);
439
- --ids-chart-qualitive-color-9: var(--ids-color-ruby-80);
440
- --ids-chart-qualitive-color-10: var(--ids-color-neutral-20);
441
- --ids-chart-qualitive-color-11: var(--ids-color-turquoise-60);
442
- --ids-chart-qualitive-color-12: var(--ids-color-amber-90);
443
- --ids-chart-qualitive-color-13: var(--ids-color-amethyst-30);
444
- --ids-chart-qualitive-color-14: var(--ids-color-azure-60);
445
- --ids-chart-qualitive-color-15: var(--ids-color-ruby-30);
446
- --ids-chart-qualitive-color-16: var(--ids-color-amethyst-80);
447
- --ids-chart-qualitive-color-17: var(--ids-color-emerald-30);
448
- --ids-chart-qualitive-color-18: var(--ids-color-turquoise-80);
449
- --ids-chart-qualitive-color-19: var(--ids-color-neutral-60);
450
- --ids-chart-qualitive-color-20: var(--ids-color-ruby-40);
451
- --ids-checkbox-unchecked-border-color: var(--ids-input-border-color);
452
- --ids-checkbox-unchecked-border: 1px solid var(--ids-checkbox-unchecked-border-color);
453
- --ids-checkbox-unchecked-border-radius: var(--ids-border-radius-xs);
454
- --ids-checkbox-unchecked-error-border-color: var(--ids-color-error);
455
- --ids-checkbox-checked-background-color: var(--ids-color-primary);
456
- --ids-checkbox-checked-border-color: var(--ids-color-primary);
457
- --ids-checkbox-checked-after-border-color: var(--ids-color-neutral-00);
458
- --ids-checkbox-checked-after-border-width: 0 2px 2px 0;
459
- --ids-checkbox-indeterminate-background-color: var(--ids-color-primary);
460
- --ids-checkbox-indeterminate-border-color: var(--ids-color-primary);
461
- --ids-checkbox-indeterminate-after-border-color: var(--ids-color-neutral-00);
462
- --ids-checkbox-indeterminate-after-border-width: 0 0 2px;
463
- --ids-checkbox-disabled-unchecked-background-color: var(--ids-text-color-disabled);
464
- --ids-checkbox-disabled-unchecked-border-color: var(--ids-input-disabled-text-color);
465
- --ids-checkbox-disabled-checked-background-color: var(--ids-text-color-disabled);
466
- --ids-checkbox-disabled-checked-border-color: var(--ids-input-disabled-text-color);
467
- --ids-checkbox-disabled-text-color: var(--ids-text-color-disabled);
468
- --ids-checkbox-focus-border-color: var(--ids-input-focus-border-color);
469
- --ids-checkbox-focus-box-shadow: var(--ids-focus-box-shadow);
470
- --ids-checkbox-has-focus-border-color: var(--ids-focus-border-color);
471
- --ids-checkbox-has-focus-box-shadow: var(--ids-box-shadow-lg);
472
- --ids-checkbox-multiselect-checkbox-background-color: var(--ids-body-background-color);
473
- --ids-counts-text-color: var(--ids-text-color-subtle);
474
- --ids-counts-hyperlink-text-color: var(--ids-hyperlink-text-color);
475
- --ids-counts-value-font-size: var(--ids-font-size-md);
476
- --ids-counts-count-font-size: var(--ids-font-size-5xl);
477
- --ids-data-grid-background-color: var(--ids-color-neutral-00);
478
- --ids-data-grid-min-height: 350px;
479
- --ids-data-grid-cell-background-color: var(--ids-color-neutral-00);
480
- --ids-data-grid-cell-readonly-background-color: rgba(0 0 0 / 0.04);
481
- --ids-data-grid-cell-border-color: var(--ids-color-neutral-30);
482
- --ids-data-grid-cell-checkbox-border-color: var(--ids-input-border-color);
483
- --ids-data-grid-cell-text-color: var(--ids-color-neutral-100);
484
- --ids-data-grid-cell-disabled-text-color: var(--ids-color-neutral-30);
485
- --ids-data-grid-cell-invalid-background-color: rgba(232 79 79 / 0.1);
486
- --ids-data-grid-list-cell-border-color: var(--ids-color-neutral-20);
487
- --ids-data-grid-list-header-border-color: var(--ids-color-neutral-10);
488
- --ids-data-grid-list-header-background-color: var(--ids-color-neutral-10);
489
- --ids-data-grid-list-header-text-color: var(--ids-color-neutral-100);
490
- --ids-data-grid-list-header-unsorted-icon-color: var(--ids-color-neutral-20);
491
- --ids-data-grid-list-header-sorted-icon-color: var(--ids-color-neutral-00);
492
- --ids-data-grid-list-header-checkbox-background-color: var(--ids-color-neutral-70);
493
- --ids-data-grid-header-border-color: var(--ids-color-neutral-30);
494
- --ids-data-grid-header-background-color: var(--ids-color-neutral-80);
495
- --ids-data-grid-header-checkbox-background-color: var(--ids-color-neutral-00);
496
- --ids-data-grid-header-checkbox-border-color: var(--ids-color-neutral-00);
497
- --ids-data-grid-header-icon-color: var(--ids-color-neutral-00);
498
- --ids-data-grid-header-drag-placeholder-background-color: var(--ids-color-neutral-40);
499
- --ids-data-grid-header-text-color: var(--ids-color-neutral-00);
500
- --ids-data-grid-header-unsorted-icon-color: var(--ids-color-neutral-50);
501
- --ids-data-grid-header-sorted-icon-color: var(--ids-color-neutral-00);
502
- --ids-data-grid-filter-input-background-color: transparent;
503
- --ids-data-grid-filter-input-border-color: var(--ids-color-neutral-30);
504
- --ids-data-grid-filter-input-text-color: var(--ids-color-neutral-00);
505
- --ids-data-grid-filter-input-hover-color: var(--ids-color-neutral-20);
506
- --ids-data-grid-filter-input-focus-color: var(--ids-color-azure-50);
507
- --ids-data-grid-filter-input-disabled-border-color: var(--ids-color-neutral-50);
508
- --ids-data-grid-filter-input-disabled-text-color: var(--ids-color-neutral-40);
509
- --ids-data-grid-filter-input-readonly-background-color: var(--ids-color-neutral-60);
510
- --ids-data-grid-filter-input-readonly-border-color: var(--ids-color-neutral-30);
511
- --ids-data-grid-filter-input-readonly-text-color: var(--ids-color-neutral-00);
512
- --ids-data-grid-filter-input-placeholder-text-color: var(--ids-color-neutral-40);
513
- --ids-data-grid-filter-input-drop-background-color: var(--ids-body-background-color);
514
- --ids-data-grid-xxs-row-height: 25px;
515
- --ids-data-grid-xxs-padding: 4px;
516
- --ids-data-grid-xs-row-height: 30px;
517
- --ids-data-grid-xs-padding: 4px;
518
- --ids-data-grid-sm-row-height: 35px;
519
- --ids-data-grid-sm-padding: 8px;
520
- --ids-data-grid-md-row-height: 40px;
521
- --ids-data-grid-md-padding: 12px;
522
- --ids-data-grid-lg-row-height: 50px;
523
- --ids-data-grid-lg-padding: 5px;
524
- --ids-data-grid-row-selected-background-color: rgba(85 163 243 / 0.10);
525
- --ids-data-grid-row-alternate-background-color: var(--ids-color-neutral-10);
526
- --ids-data-grid-row-focus-box-shadow: 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);
527
- --ids-date-picker-open-trigger-button-text-color: var(--ids-color-primary)
528
- --ids-date-picker-open-trigger-input-border-color: var(--ids-color-primary);
529
- --ids-date-picker-dropdown-button-text-color: var(--ids-color-neutral-100);
530
- --ids-date-picker-dropdown-focus-box-shadow-color: var(--ids-shadow-md);
531
- --ids-date-picker-picklist-background-color: var(--ids-color-neutral-00);
532
- --ids-date-picker-picklist-item-text-color: var(--ids-text-color-subtle);
533
- --ids-date-picker-picklist-item-focus-border-color: var(--ids-focus-ring-border-color);
534
- --ids-date-picker-picklist-item-focus-box-shadow: var(--ids-focus-ring-shadow);
535
- --ids-date-picker-picklist-item-selected-text-color: var(--ids-color-neutral-00);
536
- --ids-date-picker-picklist-item-selected-background-color: var(--ids-color-primary);
537
- --ids-date-picker-picklist-separator-background-color: var(--ids-color-neutral-30);
538
- --ids-date-picker-popup-button-apply-text-color: var(--ids-color-azure-70);
539
- --ids-date-picker-popup-button-apply-disabled-text-color: var(--ids-color-azure-30);
540
- --ids-date-picker-popup-button-border-color: var(--ids-color-neutral-30);
541
- --ids-date-picker-popup-footer-border-color: var(--ids-date-picker-popup-button-border-color);
542
- --ids-date-picker-popup-button-text-color: var(--ids-color-neutral-60);
543
- --ids-date-picker-popup-button-hover-text-color: var(--ids-color-neutral-100);
544
- --ids-date-picker-popup-button-today-text-color: var(--ids-color-primary);
545
- --ids-dirty-indicator-background-color: var(--ids-color-amber-30);
546
- --ids-drawer-action-sheet-background-color: var(--ids-color-neutral-00);
547
- --ids-drawer-action-sheet-text-color: var(--ids-color-neutral-100);
548
- --ids-drawer-action-sheet-box-shadow: 0 0 8px rgba(0 0 0 / 0.2);
549
- --ids-drawer-app-menu-background-color: var(--ids-color-neutral-100);
550
- --ids-drawer-app-menu-text-color: var(--ids-color-neutral-00);
551
- --ids-drawer-app-menu-box-shadow: 0 0 20px 1px rgba(0 0 0 / 0.75);
420
+ --ids-card-color-background: var(--ids-color-neutral-00);
421
+ --ids-card-color-border: var(--ids-color-neutral-30);
422
+ --ids-card-divider-color-border: var(--ids-color-neutral-20);
423
+ --ids-card-shadow: rgba(0 0 0 / 0.1) 0 0 8px;
424
+ --ids-card-color-background-selected: var(--ids-color-primary-10);
425
+ --ids-card-color-border-selected: var(--ids-color-primary);
426
+ --ids-card-color-text-default: var(--ids-color-text-label);
427
+ --ids-card-color-text-hover: var(--ids-color-text-data);
428
+ --ids-chart-legend-font-size: var(--ids-font-size-30);
429
+ --ids-chart-legend-color-text: var(--ids-color-text-label);
430
+ --ids-chart-color-accent-01: var(--ids-color-azure-80);
431
+ --ids-chart-color-accent-02: var(--ids-color-turquoise-40);
432
+ --ids-chart-color-accent-03: var(--ids-color-amethyst-60);
433
+ --ids-chart-color-accent-04: var(--ids-color-neutral-40);
434
+ --ids-chart-color-accent-05: var(--ids-color-amber-30);
435
+ --ids-chart-color-accent-06: var(--ids-color-amber-70);
436
+ --ids-chart-color-accent-07: var(--ids-color-emerald-80);
437
+ --ids-chart-color-accent-08: var(--ids-color-azure-30);
438
+ --ids-chart-color-accent-09: var(--ids-color-ruby-80);
439
+ --ids-chart-color-accent-10: var(--ids-color-neutral-20);
440
+ --ids-chart-color-accent-11: var(--ids-color-turquoise-60);
441
+ --ids-chart-color-accent-12: var(--ids-color-amber-90);
442
+ --ids-chart-color-accent-13: var(--ids-color-amethyst-30);
443
+ --ids-chart-color-accent-14: var(--ids-color-azure-60);
444
+ --ids-chart-color-accent-15: var(--ids-color-ruby-30);
445
+ --ids-chart-color-accent-16: var(--ids-color-amethyst-80);
446
+ --ids-chart-color-accent-17: var(--ids-color-emerald-30);
447
+ --ids-chart-color-accent-18: var(--ids-color-turquoise-80);
448
+ --ids-chart-color-accent-19: var(--ids-color-neutral-60);
449
+ --ids-chart-color-accent-20: var(--ids-color-ruby-40);
450
+ --ids-checkbox-color-border-default: var(--ids-input-color-border-default);
451
+ --ids-checkbox-border: 1px solid var(--ids-checkbox-color-border-default);
452
+ --ids-checkbox-border-radius: var(--ids-border-radius-01);
453
+ --ids-checkbox-color-border-error: var(--ids-color-error-default);
454
+ --ids-checkbox-color-background-selected: var(--ids-color-primary);
455
+ --ids-checkbox-color-border-selected: var(--ids-color-primary);
456
+ --ids-checkbox-color-border-selected-after: var(--ids-color-neutral-00);
457
+ --ids-checkbox-border-width-selected-after: 0 2px 2px 0;
458
+ --ids-checkbox-color-background-indeterminate: var(--ids-color-primary);
459
+ --ids-checkbox-color-border-indeterminate: var(--ids-color-primary);
460
+ --ids-checkbox-color-border-indeterminate-after: var(--ids-color-neutral-00);
461
+ --ids-checkbox-border-width-indeterminate: 0 0 2px;
462
+ --ids-checkbox-color-background-disabled: var(--ids-color-text-disabled);
463
+ --ids-checkbox-color-border-disabled: var(--ids-input-color-text-disabled);
464
+ --ids-checkbox-color-background-selected-disabled: var(--ids-color-text-disabled);
465
+ --ids-checkbox-color-border-selected-disabled: var(--ids-input-color-text-disabled);
466
+ --ids-checkbox-color-text-disabled: var(--ids-color-text-disabled);
467
+ --ids-checkbox-color-border-focus: var(--ids-input-color-border-focus);
468
+ --ids-checkbox-shadow-focus: var(--ids-shadow-focus);
469
+ --ids-checkbox-color-background-multiselect: var(--ids-color-background-default);
470
+ --ids-counts-color-text: var(--ids-color-text-subtle);
471
+ --ids-counts-links-color-text: var(--ids-hyperlink-color-text-default);
472
+ --ids-counts-label-font-size: var(--ids-font-size-40);
473
+ --ids-counts-value-font-size: var(--ids-font-size-100);
474
+ --ids-data-grid-color-background: var(--ids-color-neutral-00);
475
+ --ids-data-grid-height-min: 350px;
476
+ --ids-data-grid-font-size: var(--ids-font-size-40);
477
+ --ids-data-grid-font-size-sm: var(--ids-font-size-30);
478
+ --ids-data-grid-cell-color-background-default: var(--ids-color-neutral-00);
479
+ --ids-data-grid-cell-color-background-readonly: rgba(0 0 0 / 0.04);
480
+ --ids-data-grid-cell-color-border: var(--ids-color-neutral-30);
481
+ --ids-data-grid-cell-checkbox-color-border: var(--ids-input-color-border-default);
482
+ --ids-data-grid-cell-color-text-default: var(--ids-color-neutral-100);
483
+ --ids-data-grid-cell-color-text-disabled: var(--ids-color-neutral-30);
484
+ --ids-data-grid-cell-color-background-error: rgba(232 79 79 / 0.1);
485
+ --ids-data-grid-list-cell-color-border: var(--ids-color-neutral-20);
486
+ --ids-data-grid-list-header-color-border: var(--ids-color-neutral-10);
487
+ --ids-data-grid-list-header-color-background: var(--ids-color-neutral-10);
488
+ --ids-data-grid-list-header-color-text: var(--ids-color-neutral-100);
489
+ --ids-data-grid-list-header-color-icon-unsorted: var(--ids-color-neutral-20);
490
+ --ids-data-grid-list-header-color-icon-sorted: var(--ids-color-neutral-00);
491
+ --ids-data-grid-list-header-checkbox-color-background: var(--ids-color-neutral-70);
492
+ --ids-data-grid-header-color-border: var(--ids-color-neutral-30);
493
+ --ids-data-grid-header-color-background-default: var(--ids-color-neutral-80);
494
+ --ids-data-grid-header-hover-background-color: var(--ids-color-neutral-90);
495
+ --ids-data-grid-header-checkbox-color-background: var(--ids-color-neutral-00);
496
+ --ids-data-grid-header-checkbox-color-border: var(--ids-color-neutral-00);
497
+ --ids-data-grid-header-color-icon: var(--ids-color-neutral-00);
498
+ --ids-data-grid-header-drag-background-color: var(--ids-color-neutral-100);
499
+ --ids-data-grid-header-color-background-placeholder-dragging: var(--ids-color-neutral-50);
500
+ --ids-data-grid-header-color-text: var(--ids-color-neutral-00);
501
+ --ids-data-grid-header-color-icon-unsorted: var(--ids-color-neutral-50);
502
+ --ids-data-grid-header-color-icon-sorted: var(--ids-color-neutral-00);
503
+ --ids-data-grid-header-lg-padding: 8px var(--ids-data-grid-padding-lg);
504
+ --ids-data-grid-header-md-padding: 8px var(--ids-data-grid-padding-md);
505
+ --ids-data-grid-header-sm-padding: 8px var(--ids-data-grid-padding-sm);
506
+ --ids-data-grid-header-xs-padding: 6px var(--ids-data-grid-padding-xs);
507
+ --ids-data-grid-header-xxs-padding: 5px 2px;
508
+ --ids-data-grid-header-expander-color: var(--ids-color-neutral-20);
509
+ --ids-data-grid-header-expander-active-color: var(--ids-color-neutral-00);
510
+ --ids-data-grid-filter-input-color-background: transparent;
511
+ --ids-data-grid-filter-input-color-border-default: var(--ids-color-neutral-30);
512
+ --ids-data-grid-filter-input-color-text-default: var(--ids-color-neutral-00);
513
+ --ids-data-grid-filter-input-color-background-hover: var(--ids-color-neutral-20);
514
+ --ids-data-grid-filter-input-color-border-focus: var(--ids-color-azure-50);
515
+ --ids-data-grid-filter-input-color-border-disabled: var(--ids-color-neutral-50);
516
+ --ids-data-grid-filter-input-color-text-disabled: var(--ids-color-neutral-40);
517
+ --ids-data-grid-filter-input-color-background-readonly: var(--ids-color-neutral-60);
518
+ --ids-data-grid-filter-input-color-border-readonly: var(--ids-color-neutral-30);
519
+ --ids-data-grid-filter-input-color-text-readonly: var(--ids-color-neutral-00);
520
+ --ids-data-grid-filter-input-color-text-placeholder: var(--ids-color-neutral-40);
521
+ --ids-data-grid-filter-input-drop-background-color: var(--ids-color-background-default);
522
+ --ids-data-grid-row-height-xxs: 25px;
523
+ --ids-data-grid-padding-xxs: var(--ids-space-20);
524
+ --ids-data-grid-row-height-xs: 30px;
525
+ --ids-data-grid-padding-xs: var(--ids-space-30);
526
+ --ids-data-grid-row-height-sm: 35px;
527
+ --ids-data-grid-padding-sm: var(--ids-space-40);
528
+ --ids-data-grid-row-height-md: 40px;
529
+ --ids-data-grid-padding-md: var(--ids-space-50);
530
+ --ids-data-grid-row-height-lg: 50px;
531
+ --ids-data-grid-padding-lg: var(--ids-space-60);
532
+ --ids-data-grid-row-color-background-selected: rgba(85 163 243 / 0.10);
533
+ --ids-data-grid-row-alternating-color-background: var(--ids-color-neutral-10);
534
+ --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);
535
+ --ids-date-picker-open-trigger-button-color-text: var(--ids-color-primary)
536
+ --ids-date-picker-color-border: var(--ids-color-primary);
537
+ --ids-date-picker-dropdown-button-color-text: var(--ids-color-neutral-100);
538
+ --ids-date-picker-dropdown-color-focus: var(--ids-shadow-md);
539
+ --ids-date-picker-color-background: var(--ids-color-neutral-00);
540
+ --ids-date-picker-picklist-item-color-text-default: var(--ids-color-text-subtle);
541
+ --ids-date-picker-item-color-border-focus: var(--ids-focus-ring-border-color);
542
+ --ids-date-picker-item-shadow-focus: var(--ids-focus-ring-shadow);
543
+ --ids-date-picker-picklist-item-color-text-selected: var(--ids-color-neutral-00);
544
+ --ids-date-picker-picklist-item-color-background-selected: var(--ids-color-primary);
545
+ --ids-date-picker-picklist-separator-color-background: var(--ids-color-neutral-30);
546
+ --ids-date-picker-popup-button-primary-color-text: var(--ids-color-azure-70);
547
+ --ids-date-picker-popup-button-primary-color-text-disabled: var(--ids-color-azure-30);
548
+ --ids-date-picker-popup-button-color-border: var(--ids-color-neutral-30);
549
+ --ids-date-picker-popup-footer-color-border: var(--ids-date-picker-popup-button-color-border);
550
+ --ids-date-picker-popup-button-color-text-default: var(--ids-color-neutral-60);
551
+ --ids-date-picker-popup-button-color-text-hover: var(--ids-color-neutral-100);
552
+ --ids-date-picker-popup-button-today-color-text: var(--ids-color-primary);
553
+ --ids-input-dirty-indicator-color-background-dirty: var(--ids-color-amber-30);
554
+ --ids-drawer-action-sheet-color-background: var(--ids-color-neutral-00);
555
+ --ids-drawer-action-sheet-color-text: var(--ids-color-neutral-100);
556
+ --ids-drawer-action-sheet-shadow: 0 0 8px rgba(0 0 0 / 0.2);
557
+ --ids-drawer-app-menu-color-background: var(--ids-color-neutral-100);
558
+ --ids-drawer-app-menu-color-text: var(--ids-color-neutral-00);
559
+ --ids-drawer-app-menu-shadow: 0 0 20px 1px rgba(0 0 0 / 0.75);
552
560
  --ids-drawer-width: 300px;
553
- --ids-dropdown-background-color: var(--ids-popup-background-color);
554
- --ids-dropdown-border-color: var(--ids-focus-border-color);
555
- --ids-dropdown-attached-border-color: var(--ids-color-neutral-30);
556
- --ids-dropdown-box-shadow: -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);
557
- --ids-dropdown-border-radius: 0 0 var(--ids-border-radius-xs) var(--ids-border-radius-xs);
558
- --ids-dropdown-flipped-border-radius: var(--ids-border-radius-xs) var(--ids-border-radius-xs) 0 0;
559
- --ids-dropdown-flipped-box-shadow: 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);
560
- --ids-dropdown-icon-color: var(--ids-color-neutral-100);
561
- --ids-dropdown-typeahead-background-color: var(--ids-color-neutral-10);
562
- --ids-dropdown-text-indent: 8px;
563
- --ids-dropdown-separator-border-color: var(--ids-color-neutral-10);
561
+ --ids-dropdown-color-background-default: var(--ids-popup-color-background);
562
+ --ids-dropdown-color-border: var(--ids-color-border-focus);
563
+ --ids-dropdown-attached-color-border: var(--ids-color-neutral-30);
564
+ --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);
565
+ --ids-dropdown-border-radius: 0 0 var(--ids-border-radius-01) var(--ids-border-radius-01);
566
+ --ids-dropdown-border-radius-opened-up: var(--ids-border-radius-01) var(--ids-border-radius-01) 0 0;
567
+ --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);
568
+ --ids-dropdown-color-icon: var(--ids-color-neutral-100);
569
+ --ids-dropdown-typeahead-color-background: var(--ids-color-neutral-10);
570
+ --ids-dropdown-space-text: 8px;
571
+ --ids-dropdown-separator-color-border: var(--ids-color-neutral-10);
564
572
  --ids-dropdown-separator-padding: 4px;
565
- --ids-dropdown-text-color: var(--ids-color-neutral-100);
566
- --ids-dropdown-selected-text-color: var(--ids-color-neutral-00);
567
- --ids-dropdown-selected-background-color: var(--ids-color-primary-60);
568
- --ids-dropdown-hover-background-color: var(--ids-color-neutral-20);
569
- --ids-dropdown-group-text-color: var(--ids-color-neutral-80);
570
- --ids-dropdown-group-border-color: var(--ids-color-neutral-30);
573
+ --ids-dropdown-color-text-default: var(--ids-color-neutral-100);
574
+ --ids-dropdown-color-text-selected: var(--ids-color-neutral-00);
575
+ --ids-dropdown-color-background-selected: var(--ids-color-primary-60);
576
+ --ids-dropdown-color-background-hover: var(--ids-color-neutral-20);
577
+ --ids-dropdown-group-color-text: var(--ids-color-neutral-80);
578
+ --ids-dropdown-group-color-border: var(--ids-color-neutral-30);
571
579
  --ids-dropdown-group-padding: 4px;
572
- --ids-dropdown-font-size: var(--ids-font-size-sm);
573
- --ids-editor-font-family: var(--ids-font-family);
574
- --ids-editor-font-size: var(--ids-font-size-md);
580
+ --ids-dropdown-font-size: var(--ids-font-size-30);
581
+ --ids-editor-font-family: var(--ids-font-family-default);
582
+ --ids-editor-font-size: var(--ids-font-size-40);
575
583
  --ids-editor-background-color: var(--ids-color-neutral-00);
576
- --ids-editor-border-color: var(--ids-color-neutral-40);
577
- --ids-editor-border-radius: var(--ids-border-radius-xs);
578
- --ids-editor-border-style: solid;
579
- --ids-editor-border-width: 1px;
584
+ --ids-editor-color-border-default: var(--ids-color-neutral-40);
585
+ --ids-editor-border-radius-default: var(--ids-border-radius-01);
586
+ --ids-editor-border-style-default: solid;
587
+ --ids-editor-border-width-default: 1px;
580
588
  --ids-editor-outline: 0;
581
- --ids-editor-line-height: var(--ids-line-height-md);
582
- --ids-editor-padding: var(--ids-spacing-xxl);
583
- --ids-editor-hover-border-color: var(--ids-color-neutral-90);
584
- --ids-editor-focus-border-color: var(--ids-focus-border-color);
585
- --ids-editor-focus-border-outline: var(--ids-focus-outline);
586
- --ids-editor-focus-border-box-shadow: var(--ids-focus-box-shadow);
587
- --ids-editor-error-border-color: var(--ids-color-error);
588
- --ids-editor-error-text-color: var(--ids-color-error);
589
- --ids-editor-error-border-box-shadow: var(--ids-box-shadow-error);
590
- --ids-editor-readonly-background-color: var(--ids-color-neutral-20);
591
- --ids-editor-readonly-border-color: var(--ids-editor-border-color);
592
- --ids-editor-readonly-text-color: var(--ids-text-color-data);
593
- --ids-editor-readonly-cursor: var(--ids-cursor-text);
594
- --ids-editor-readonly-source-line-numbers-background-color: var(--ids-color-neutral-10);
595
- --ids-editor-disabled-border-color: var(--ids-text-color-disabled);
596
- --ids-editor-disabled-cursor: var(--ids-cursor-default);
597
- --ids-editor-disabled-text-color: var(--ids-text-color-disabled);
598
- --ids-editor-link-padding: var(--ids-spacing-md);
599
- --ids-editor-link-text-color: var(--ids-color-primary);
600
- --ids-editor-link-hover-text-color: var(--ids-color-primary-70);
601
- --ids-editor-link-focus-border-color: var(--ids-color-primary);
602
- --ids-editor-link-focus-border-radius: var(--ids-border-radius-xs);
603
- --ids-editor-link-focus-border-style: solid;
604
- --ids-editor-link-focus-border-width: 1px;
605
- --ids-editor-link-focus-outline: var(--ids-focus-outline);
606
- --ids-editor-link-focus-box-shadow: var(--ids-focus-box-shadow);
589
+ --ids-editor-font-line-height: var(--ids-line-height-30);
590
+ --ids-editor-padding: var(--ids-space-60);
591
+ --ids-editor-color-border-hover: var(--ids-color-neutral-90);
592
+ --ids-editor-color-border-focus: var(--ids-color-border-focus);
593
+ --ids-editor-outline-focus: var(--ids-outline-none);
594
+ --ids-editor-shadow-border-focus: var(--ids-shadow-focus);
595
+ --ids-editor-color-border-error: var(--ids-color-error-default);
596
+ --ids-editor-color-text-error: var(--ids-color-error-default);
597
+ --ids-editor-shadow-error: var(--ids-shadow-error);
598
+ --ids-editor-color-background-readonly: var(--ids-color-neutral-20);
599
+ --ids-editor-color-border-readonly: var(--ids-editor-color-border-default);
600
+ --ids-editor-color-text-readonly: var(--ids-color-text-data);
601
+ --ids-editor-source-color-background-readonly: var(--ids-color-neutral-10);
602
+ --ids-editor-color-border-disabled: var(--ids-color-text-disabled);
603
+ --ids-editor-cursor-disabled: var(--ids-cursor-default);
604
+ --ids-editor-color-text-disabled: var(--ids-color-text-disabled);
605
+ --ids-editor-link-padding: var(--ids-space-30);
606
+ --ids-editor-link-color-text-link: var(--ids-color-primary);
607
+ --ids-editor-link-color-text-hover: var(--ids-color-primary-70);
608
+ --ids-editor-link-color-border-focus: var(--ids-color-primary);
609
+ --ids-editor-link-border-radius-focus: var(--ids-border-radius-01);
610
+ --ids-editor-link-border-style-focus: solid;
611
+ --ids-editor-link-border-width-focus: 1px;
612
+ --ids-editor-link-outline-focus: var(--ids-outline-none);
613
+ --ids-editor-shadow-focus: var(--ids-shadow-focus);
607
614
  --ids-editor-blockquote-border-inline-start: 2px solid var(--ids-color-neutral-40);
608
- --ids-editor-blockquote-margin-inline-start: var(--ids-spacing-md);
609
- --ids-editor-blockquote-margin-inline-end: var(--ids-spacing-none);
610
- --ids-editor-blockquote-padding-inline-start: var(--ids-spacing-xl);
611
- --ids-editor-source-padding: var(--ids-spacing-none);
612
- --ids-editor-source-margin: var(--ids-spacing-none);
613
- --ids-editor-source-line-numbers-margin: var(--ids-spacing-none);
614
- --ids-editor-source-line-numbers-padding-block-start: var(--ids-spacing-xxl);
615
- --ids-editor-source-line-numbers-padding-inline: var(--ids-spacing-xl);
616
- --ids-editor-source-line-numbers-line-height: var(--ids-line-height-md);
617
- --ids-editor-source-line-numbers-font-weight: var(--ids-font-weight-bold);
618
- --ids-editor-source-line-numbers-background-color: var(--ids-color-neutral-10);
619
- --ids-editor-source-line-numbers-text-color: var(--ids-color-neutral-50);
620
- --ids-editor-source-textarea-background-color: transparent;
621
- --ids-editor-source-textarea-text-color: var(--ids-text-color-data);
622
- --ids-editor-source-textarea-border: none;
623
- --ids-editor-source-textarea-padding-block-start: var(--ids-spacing-xxl);
624
- --ids-editor-source-textarea-padding-inline: var(--ids-spacing-xxl);
625
- --ids-editor-source-textarea-line-height: var(--ids-line-height-md);
626
- --ids-editor-source-textarea-outline: var(--ids-spacing-none);
615
+ --ids-editor-blockquote-margin-inline-start: var(--ids-space-30);
616
+ --ids-editor-blockquote-margin-inline-end: var(--ids-space-none);
617
+ --ids-editor-blockquote-padding-inline-start: var(--ids-space-50);
618
+ --ids-editor-source-padding: var(--ids-space-none);
619
+ --ids-editor-source-margin: var(--ids-space-none);
620
+ --ids-editor-source-line-margin: var(--ids-space-none);
621
+ --ids-editor-source-line-padding-block-start: var(--ids-space-60);
622
+ --ids-editor-source-line-padding-inline: var(--ids-space-50);
623
+ --ids-editor-source-font-line-height: var(--ids-line-height-30);
624
+ --ids-editor-source-line-font-weight: var(--ids-font-weight-bold);
625
+ --ids-editor-source-color-background-default: var(--ids-color-neutral-10);
626
+ --ids-editor-source-line-color-text: var(--ids-color-neutral-50);
627
+ --ids-editor-textarea-color-background: transparent;
628
+ --ids-editor-source-color-text: var(--ids-color-text-data);
629
+ --ids-editor-source-border: none;
630
+ --ids-editor-source-padding-block-start: var(--ids-space-60);
631
+ --ids-editor-source-padding-inline: var(--ids-space-60);
632
+ --ids-editor-source-textarea-font-line-height: var(--ids-line-height-30);
633
+ --ids-editor-source-textarea-outline: var(--ids-space-none);
627
634
  --ids-empty-message-icon-color: var(--ids-color-neutral-60);
628
- --ids-empty-message-icon-fill: transparent;
629
- --ids-empty-message-icon-margin: var(--ids-spacing-xl);
635
+ --ids-empty-message-color-icon-fill: transparent;
636
+ --ids-empty-message-icon-margin: var(--ids-space-50);
630
637
  --ids-empty-message-icon-height: 80px;
631
638
  --ids-empty-message-icon-width: 80px;
632
- --ids-empty-message-label-padding: var(--ids-spacing-xl) var(--ids-spacing-lg);
633
- --ids-empty-message-label-font-size: var(--ids-font-size-lg);
634
- --ids-empty-message-description-padding: var(--ids-spacing-none) var(--ids-spacing-xxl) var(--ids-spacing-xxl);
635
- --ids-empty-message-description-text-align: center;
636
- --ids-empty-message-button-margin-block-end: var(--ids-spacing-5xl);
639
+ --ids-empty-message-label-padding: var(--ids-space-50) var(--ids-space-40);
640
+ --ids-empty-message-label-font-size: var(--ids-font-size-50);
641
+ --ids-empty-message-description-padding: var(--ids-space-none) var(--ids-space-60) var(--ids-space-60);
642
+ --ids-empty-message-description-font-align: center;
643
+ --ids-empty-message-button-margin-block-end: var(--ids-space-90);
637
644
  --ids-expandable-area-border-bottom: 1px solid var(--ids-color-neutral-30);
638
- --ids-hierarchy-legend-item-before-background-color: var(--ids-color-neutral-20);
639
- --ids-hierarchy-item-leaf-border-color: var(--ids-color-neutral-30);
640
- --ids-hierarchy-item-leaf-box-shadow: 0 0 8px rgba(0 0 0 / 0.1);
641
- --ids-hierarchy-item-leaf-border-radius: var(--ids-border-radius-xs);
642
- --ids-hierarchy-item-leaf-before-border-color: var(--ids-color-neutral-30);
643
- --ids-hierarchy-item-leaf-inside-background-color: var(--ids-color-neutral-00);
645
+ --ids-hierarchy-legend-color-background-default: var(--ids-color-neutral-20);
646
+ --ids-hierarchy-item-leaf-color-border: var(--ids-color-neutral-30);
647
+ --ids-hierarchy-item-leaf-shadow: 0 0 8px rgba(0 0 0 / 0.1);
648
+ --ids-hierarchy-item-border-radius: var(--ids-border-radius-01);
649
+ --ids-hierarchy-item-leaf-before-color-border: var(--ids-color-neutral-30);
650
+ --ids-hierarchy-item-color-background: var(--ids-color-neutral-00);
644
651
  --ids-hierarchy-item-leaf-inside-border-left: 5px solid var(--ids-color-neutral-80);
645
- --ids-hierarchy-item-leaf-inside-box-shadow: none;
646
- --ids-hierarchy-item-avatar-border: 2px solid var(--ids-color-neutral-80);
647
- --ids-hierarchy-item-focus-box-shadow: none;
648
- --ids-hierarchy-item-selected-leaf-box-shadow: 0 0 0 5px rgba(54 138 192 / 0.3);
649
- --ids-header-background-color: var(--ids-color-primary);
650
- --ids-header-text-color: var(--ids-color-text-on-primary);
652
+ --ids-hierarchy-item-leaf-inside-shadow: none;
653
+ --ids-hierarchy-item-border-default: 2px solid var(--ids-color-neutral-80);
654
+ --ids-hierarchy-item-shadow-focus: none;
655
+ --ids-hierarchy-item-selected-leaf-shadow: 0 0 0 5px rgba(54 138 192 / 0.3);
656
+ --ids-header-color-background: var(--ids-color-primary);
657
+ --ids-header-color-text: var(--ids-color-text-on-primary);
651
658
  --ids-header-padding: 8px;
652
- --ids-header-gradient-opaque: rgb(0 114 237 / 1);
653
- --ids-header-gradient-transparent: rgb(0 114 237 / 0);
654
- --ids-hyperlink-border-radius: var(--ids-border-radius-xs);
659
+ --ids-header-gradient-opacity-none: rgb(0 114 237 / 1);
660
+ --ids-header-gradient-opacity-full: rgb(0 114 237 / 0);
661
+ --ids-hyperlink-border-radius: var(--ids-border-radius-02);
655
662
  --ids-hyperlink-cursor: var(--ids-cursor-pointer);
656
- --ids-hyperlink-font-size: var(--ids-font-size);
657
- --ids-hyperlink-padding: var(--ids-spacing-md);
663
+ --ids-hyperlink-font-size: var(--ids-font-size-40);
658
664
  --ids-hyperlink-font-weight: var(--ids-font-weight-normal);
659
- --ids-hyperlink-text-color: var(--ids-color-primary);
660
- --ids-hyperlink-hover-text-color: var(--ids-color-primary-70);
661
- --ids-hyperlink-disabled-text-color: var(--ids-color-neutral-40);
665
+ --ids-hyperlink-color-text-default: var(--ids-color-primary);
666
+ --ids-hyperlink-color-text-hover: var(--ids-color-primary-70);
667
+ --ids-hyperlink-color-text-disabled: var(--ids-color-neutral-40);
662
668
  --ids-icon-font-name: "name-here";
663
- --ids-icon-color: var(--ids-color-neutral-80);
664
- --ids-icon-color-disabled: var(--ids-text-color-disabled);
665
- --ids-icon-empty-icon-color: var(--ids-color-primary);
666
- --ids-icon-empty-new-icon-color: var(--ids-color-neutral-60)
667
- // Image
668
- --ids-image-focus-border-color: var(--ids-focus-border-color);
669
- --ids-image-focus-box-shadow: var(--ids-box-shadow-lg);
670
- --ids-image-border-color: var(--ids-text-color-disabled);
671
- --ids-image-text-color: var(--ids-text-color-subtle);
672
- --ids-image-initials-border-radius: var(--ids-border-radius-round);
673
- --ids-image-initials-background-color: var(--ids-color-amethyst-50);
674
- --ids-image-placeholder-background-color: var(--ids-body-background-color);
675
- --ids-image-status-available-background-color: var(--ids-color-success);
676
- --ids-image-status-busy-background-color: var(--ids-color-error);
677
- --ids-image-status-away-background-color: var(--ids-color-warning);
678
- --ids-image-status-unknown-background-color: var(--ids-text-color-disabled);
679
- --ids-input-width-xs: 75px;
680
- --ids-input-width-sm: 150px;
681
- --ids-input-width-mm: 225px;
682
- --ids-input-width-md: 300px;
683
- --ids-input-width-lg: 400px;
669
+ --ids-icon-color-default: var(--ids-color-neutral-80);
670
+ --ids-icon-color-default-disabled: var(--ids-color-text-disabled);
671
+ --ids-icon-empty-color: var(--ids-color-primary);
672
+ --ids-icon-empty-new-color: var(--ids-color-neutral-60);
673
+ --ids-image-color-border-focus: var(--ids-color-border-focus);
674
+ --ids-image-shadow-focus: var(--ids-shadow-30);
675
+ --ids-image-color-border-default: var(--ids-color-text-disabled);
676
+ --ids-image-color-text: var(--ids-color-text-subtle);
677
+ --ids-image-initials-border-radius: var(--ids-border-radius-circle);
678
+ --ids-image-initials-color-background: var(--ids-color-amethyst-50);
679
+ --ids-image-placeholder-color-background: var(--ids-color-background-default);
680
+ --ids-image-status-available-color-background: var(--ids-color-success-default);
681
+ --ids-image-status-busy-color-background: var(--ids-color-error-default);
682
+ --ids-image-status-away-color-background: var(--ids-color-warning-default);
683
+ --ids-image-status-unknown-color-background: var(--ids-color-text-disabled);
684
+ --ids-input-width-10: 75px;
685
+ --ids-input-width-20: 150px;
686
+ --ids-input-width-30: 225px;
687
+ --ids-input-width-40: 300px;
688
+ --ids-input-width-50: 400px;
684
689
  --ids-input-width-full: 100%;
685
- --ids-input-height-xs: 28px;
686
- --ids-input-height-sm: 30px;
687
- --ids-input-height-md: 38px;
688
- --ids-input-height-lg: 48px;
690
+ --ids-input-height-10: 28px;
691
+ --ids-input-height-20: 30px;
692
+ --ids-input-height-30: 38px;
693
+ --ids-input-height-40: 48px;
689
694
  --ids-input-margin-bottom: 8px;
690
- --ids-input-label-font-size: var(--ids-font-size-sm);
691
- --ids-input-font-size: var(--ids-font-size-md);
692
- --ids-input-font-size-sm: var(--ids-font-size-md);
693
- --ids-input-background-color: var(--ids-color-neutral-00);
694
- --ids-input-border-color: var(--ids-color-neutral-40);
695
- --ids-input-text-color: var(--ids-text-color-data);
696
- --ids-input-label-text-color: var(--ids-text-color-label);
697
- --ids-input-readonly-border-color: var(--ids-color-neutral-40);
698
- --ids-input-readonly-text-color: var(--ids-text-color-data);
699
- --ids-input-readonly-background-color: var(--ids-color-neutral-20);
700
- --ids-input-disabled-text-color: var(--ids-text-color-disabled);
701
- --ids-input-disabled-border-color: var(--ids-text-color-disabled);
702
- --ids-input-hover-border-color: var(--ids-color-neutral-90);
703
- --ids-input-focus-border-color: var(--ids-focus-border-color);
704
- --ids-input-header-text-color: var(--ids-color-neutral-00);
705
- --ids-input-header-placeholder-text-color: rgba(255 255 255 / 0.7);
706
- --ids-input-header-background-color: var(--ids-color-text-on-primary);
707
- --ids-input-header-border-color: rgba(62 62 66 / 0.7);
708
- --ids-input-app-menu-text-color: var(--ids-color-neutral-00);
709
- --ids-input-alert-border-color: var(--ids-color-warning-80);
710
- --ids-input-alert-text-color: var(--ids-color-warning-80);
711
- --ids-input-alert-focus-box-shadow: var(--ids-color-warning-shadow);
712
- --ids-input-alert-disabled-border-color: var(--ids-color-warning-30);
713
- --ids-input-alert-disabled-text-color: var(--ids-color-warning-30);
714
- --ids-input-error-border-color: var(--ids-color-error-60);
715
- --ids-input-error-text-color: var(--ids-color-error-60);
716
- --ids-input-error-focus-box-shadow: var(--ids-color-error-shadow);
717
- --ids-input-error-disabled-border-color: var(--ids-color-error-30);
718
- --ids-input-error-disabled-text-color: var(--ids-color-error-30);
719
- --ids-input-info-border-color: var(--ids-color-info-70);
720
- --ids-input-info-text-color: var(--ids-color-info-70);
721
- --ids-input-info-focus-box-shadow: var( --ids-color-info-shadow);
722
- --ids-input-info-disabled-border-color: var(--ids-color-info-30);
723
- --ids-input-info-disabled-text-color: var(--ids-color-info-30);
724
- --ids-input-success-border-color: var(--ids-color-success-80);
725
- --ids-input-success-text-color: var(--ids-color-success-80);
726
- --ids-input-success-focus-box-shadow: var( --ids-color-success-shadow);
727
- --ids-input-success-disabled-border-color: var(--ids-color-success-30);
728
- --ids-input-success-disabled-text-color: var(--ids-color-success-30);
729
- --ids-layout-grid-fill-background-color: var(--ids-color-neutral-10);
730
- --ids-layout-grid-fill-text-color: var(--ids-text-color);
695
+ --ids-input-label-font-size: var(--ids-font-size-30);
696
+ --ids-input-font-size: var(--ids-font-size-40);
697
+ --ids-input-font-size-sm: var(--ids-font-size-40);
698
+ --ids-input-color-background-default: var(--ids-color-neutral-00);
699
+ --ids-input-color-border-default: var(--ids-color-neutral-40);
700
+ --ids-input-color-text: var(--ids-color-text-data);
701
+ --ids-input-label-color-text-default: var(--ids-color-text-label);
702
+ --ids-input-color-border-readonly: var(--ids-color-neutral-40);
703
+ --ids-input-color-text-readonly: var(--ids-color-text-data);
704
+ --ids-input-color-background-readonly: var(--ids-color-neutral-20);
705
+ --ids-input-color-text-disabled: var(--ids-color-text-disabled);
706
+ --ids-input-color-border-disabled: var(--ids-color-text-disabled);
707
+ --ids-input-color-border-hover: var(--ids-color-neutral-90);
708
+ --ids-input-color-border-focus: var(--ids-color-border-focus);
709
+ --ids-input-header-color-text-default: var(--ids-color-neutral-00);
710
+ --ids-input-header-color-text-placeholder: rgba(255 255 255 / 0.7);
711
+ --ids-input-header-color-background: var(--ids-color-text-on-primary);
712
+ --ids-input-header-color-border: rgba(62 62 66 / 0.7);
713
+ --ids-input-color-text-default: var(--ids-color-neutral-00);
714
+ --ids-input-color-border-alert-default: var(--ids-color-warning-80);
715
+ --ids-input-color-text-alert-default: var(--ids-color-warning-80);
716
+ --ids-input-shadow-alert-focus: var(--ids-color-shadow-warning);
717
+ --ids-input-color-border-alert-disabled: var(--ids-color-warning-30);
718
+ --ids-input-color-text-alert-disabled: var(--ids-color-warning-30);
719
+ --ids-input-color-border-error-default: var(--ids-color-error-60);
720
+ --ids-input-error-color-text-error-default: var(--ids-color-error-60);
721
+ --ids-input-color-shadow-error-focus: var(--ids-color-shadow-error);
722
+ --ids-input-color-border-error-disabled: var(--ids-color-error-30);
723
+ --ids-input-error-color-text-error-disabled: var(--ids-color-error-30);
724
+ --ids-input-color-border-info-default: var(--ids-color-info-70);
725
+ --ids-input-color-text-info-default: var(--ids-color-info-70);
726
+ --ids-input-shadow-info-focus: var( --ids-color-shadow-info);
727
+ --ids-input-color-border-info-disabled: var(--ids-color-info-30);
728
+ --ids-input-color-text-info-disabled: var(--ids-color-info-30);
729
+ --ids-input-color-border-success-default: var(--ids-color-success-80);
730
+ --ids-input-color-text-success-default: var(--ids-color-success-80);
731
+ --ids-input-shadow-success-focus: var( --ids-color-shadow-success);
732
+ --ids-input-color-border-success-disabled: var(--ids-color-success-30);
733
+ --ids-input-color-text-success-disabled: var(--ids-color-success-30);
734
+ --ids-layout-grid-color-background: var(--ids-color-neutral-10);
735
+ --ids-layout-grid-color-text: var(--ids-color-text);
731
736
  --ids-list-builder-border: 1px solid var(--ids-color-neutral-40);
732
- --ids-list-builder-border-radius: var(--ids-border-radius-xs);
733
- --ids-list-builder-input-background-color: rgba(71 71 76 / 0.3);
734
- --ids-list-builder-input-border-width: 0;
735
- --ids-list-builder-input-height: var(--ids-size-xxs);
737
+ --ids-list-builder-border-radius: var(--ids-border-radius-01);
738
+ --ids-list-builder-color-background: rgba(71 71 76 / 0.3);
739
+ --ids-list-builder-border-width: 0;
740
+ --ids-list-builder-input-height: var(--ids-size-10);
736
741
  --ids-list-builder-input-text-color: var(--ids-color-neutral-00);
737
- --ids-list-builder-input-padding: var(--ids-spacing-none);
742
+ --ids-list-builder-input-padding: var(--ids-space-none);
738
743
  --ids-list-builder-item-border: 1px solid transparent;
739
- --ids-list-builder-item-padding: var(--ids-spacing-xl) var(--ids-spacing-3xl);
740
- --ids-list-builder-item-height: var(--ids-size-lg);
741
- --ids-list-builder-item-min-height: var(--ids-size-md);
742
- --ids-list-builder-item-drag-handle-content: "⁞";
743
- --ids-list-builder-item-drag-handle-cursor: move;
744
- --ids-list-builder-item-drag-handle-font-size: var(--ids-font-size-xl);
745
- --ids-list-builder-item-placeholder-background-color: var(--ids-color-azure-10);
744
+ --ids-list-builder-item-padding: var(--ids-space-50) var(--ids-space-70);
745
+ --ids-list-builder-item-height: var(--ids-size-50);
746
+ --ids-list-builder-item-height-min: var(--ids-size-40);
747
+ --ids-list-builder-drag-content: "⁞";
748
+ --ids-list-builder-item-cursor-drag: move;
749
+ --ids-list-builder-item-font-size-drag: var(--ids-font-size-60);
750
+ --ids-list-builder-item-color-background-placeholder: var(--ids-color-azure-10);
746
751
  --ids-list-builder-item-placeholder-opacity: 0.6;
747
- --ids-list-view-focus-border-color: var(--ids-color-azure-40);
748
- --ids-list-view-item-background-color: var(--ids-color-neutral-00);
752
+ --ids-list-view-color-border-focus: var(--ids-color-azure-40);
753
+ --ids-list-view-item-color-background-default: var(--ids-color-neutral-00);
749
754
  --ids-list-view-item-border: 1px solid transparent;
750
- --ids-list-view-item-border-top-color: var(--ids-color-neutral-20);
751
- --ids-list-view-item-padding: var(--ids-spacing-xl) var(--ids-spacing-3xl);
752
- --ids-list-view-item-focus-border-color: var(--ids-color-azure-40);
753
- --ids-list-view-item-focus-box-shadow: 0 0 4px 1px rgb(54 138 192 / 0.3);
754
- --ids-list-view-item-focus-outline: none;
755
- --ids-list-view-item-disabled-text-color: var(--ids-color-neutral-30);
756
- --ids-list-view-item-disabled-focus-border-color: transparent;
757
- --ids-list-view-item-disabled-focus-border-top-color: var(--ids-color-neutral-20);
758
- --ids-list-view-item-disabled-focus-box-shadow: none;
759
- --ids-list-view-item-disabled-badge-background-color: var(--ids-color-neutral-30);
760
- --ids-list-view-item-disabled-badge-border-color: var(--ids-color-neutral-30);
761
- --ids-list-view-item-disabled-badge-text-color: var(--ids-color-neutral-00);
762
- --ids-list-view-item-disabled-link-text-color: var(--ids-color-neutral-30);
763
- --ids-list-view-item-disabled-image-opacity: 0.5;
764
- --ids-list-view-selectable-item-selected-background-color: var(--ids-color-azure-10);
755
+ --ids-list-view-item-color-border-top: var(--ids-color-neutral-20);
756
+ --ids-list-view-item-padding: var(--ids-space-50) var(--ids-space-70);
757
+ --ids-list-view-item-color-border-focus: var(--ids-color-azure-40);
758
+ --ids-list-view-item-shadow-focus: 0 0 4px 1px rgb(54 138 192 / 0.3);
759
+ --ids-list-view-item-outline-focus: none;
760
+ --ids-list-view-item-color-text-disabled: var(--ids-color-neutral-30);
761
+ --ids-list-view-item-color-border-disabled-focus: transparent;
762
+ --ids-list-view-item-top-color-border-disabled-focus: var(--ids-color-neutral-20);
763
+ --ids-list-view-item-shadow-disabled-focus: none;
764
+ --ids-list-view-item-color-background-disabled: var(--ids-color-neutral-30);
765
+ --ids-list-view-item-color-border-disabled: var(--ids-color-neutral-30);
766
+ --ids-list-view-item-badge-color-text-disabled: var(--ids-color-neutral-00);
767
+ --ids-list-view-item-color-text-link-disabled: var(--ids-color-neutral-30);
768
+ --ids-list-view-item-opacity-disabled: 0.5;
769
+ --ids-list-view-color-background-selected: var(--ids-color-azure-10);
765
770
  --ids-loading-indicator-progress-color: var(--ids-color-primary);
766
- --ids-loading-indicator-overall-color: var(--ids-color-primary-20);
767
- --ids-loading-indicator-text-color: var(--ids-text-color-label);
768
- --ids-loading-indicator-primary-progress-stroke: var(--ids-color-primary-90);
769
- --ids-loading-indicator-primary-overall-stroke: var(--ids-loading-indicator-overall-color);
770
- --ids-loading-indicator-primary-destructive-progress-stroke: var(--ids-color-ruby-80);
771
- --ids-loading-indicator-primary-destructive-overall-stroke: var(--ids-color-ruby-20);
772
- --ids-loading-indicator-tertiary-destructive-progress-stroke: var(--ids-color-ruby-60);
773
- --ids-loading-indicator-tertiary-destructive-overall-stroke: var(--ids-color-ruby-30);
774
- --ids-masthead-background-color: var(--ids-color-neutral-100);
775
- --ids-masthead-text-color: var(--ids-color-neutral-30);
776
- --ids-masthead-padding-inline: var(--ids-spacing-xxl);
777
- --ids-masthead-min-height: 40px;
778
- --ids-masthead-logo-icon-padding-inline: var(--ids-spacing-lg);
779
- --ids-masthead-logo-icon-top: var(--ids-spacing-xs);
780
- --ids-masthead-title-margin-inline: var(--ids-spacing-lg);
781
- --ids-menu-header-font-weight: var(--ids-font-weight-semi-bold);
782
- --ids-menu-header-margin: var(--ids-spacing-md);
783
- --ids-menu-header-padding: var(--ids-spacing-md);
784
- --ids-menu-header-font-size: var(--ids-font-size-xs);
785
- --ids-menu-header-text-color: var(--ids-color-neutral-70);
771
+ --ids-loading-indicator-circle-color: var(--ids-color-primary-20);
772
+ --ids-loading-indicator-color-text: var(--ids-color-text-label);
773
+ --ids-loading-indicator-primary-progress-color-border: var(--ids-color-primary-90);
774
+ --ids-loading-indicator-primary-color-border: var(--ids-loading-indicator-circle-color);
775
+ --ids-loading-indicator-primary-destructive-progress-color-border: var(--ids-color-ruby-80);
776
+ --ids-loading-indicator-primary-destructive-overall-color-border: var(--ids-color-ruby-20);
777
+ --ids-loading-indicator-destructive-progress-color-border: var(--ids-color-ruby-60);
778
+ --ids-loading-indicator-tertiary-destructive-color-border: var(--ids-color-ruby-30);
779
+ --ids-masthead-color-background: var(--ids-color-neutral-100);
780
+ --ids-masthead-color-text: var(--ids-color-neutral-30);
781
+ --ids-masthead-padding-inline: var(--ids-space-60);
782
+ --ids-masthead-height-min: 40px;
783
+ --ids-masthead-logo-padding-icon-inline: var(--ids-space-40);
784
+ --ids-masthead-logo-top-space-icon: var(--ids-space-10);
785
+ --ids-masthead-title-margin-inline: var(--ids-space-40);
786
+ --ids-menu-header-font-weight: var(--ids-font-weight-semibold);
787
+ --ids-menu-header-margin: var(--ids-space-30);
788
+ --ids-menu-header-padding: var(--ids-space-30);
789
+ --ids-menu-header-font-size: var(--ids-font-size-20);
790
+ --ids-menu-header-color-text: var(--ids-color-neutral-70);
786
791
  --ids-menu-header-icon-padding: 38px;
787
- --ids-menu-item-min-width: 110px;
788
- --ids-menu-item-font-size: var(--ids-font-size-md);
792
+ --ids-menu-item-width-min: 110px;
793
+ --ids-menu-item-font-size: var(--ids-font-size-40);
789
794
  --ids-menu-item-padding-inline-start: 12px;
790
795
  --ids-menu-item-padding: 8px 8px 8px var(--ids-menu-item-padding-inline-start);
791
- --ids-menu-item-disabled-text-color: var(--ids-color-neutral-30);
796
+ --ids-menu-item-color-text-disabled: var(--ids-color-neutral-30);
792
797
  --ids-menu-item-highlight-color: var(--ids-color-neutral-20);
793
- --ids-menu-item-text-color: var(--ids-color-neutral-100);
794
- --ids-menu-check-color: var(--ids-color-primary);
795
- --ids-menu-check-disabled-color: var(--ids-text-color-disabled);
796
- --ids-message-text-color: var(--ids-text-color);
797
- --ids-message-error-icon-color: var(--ids-color-error);
798
- --ids-message-warning-icon-color: var(--ids-color-warning);
799
- --ids-message-alert-icon-color: var(--ids-color-alert);
800
- --ids-message-success-icon-color: var(--ids-color-success);
801
- --ids-message-info-icon-color: var(--ids-color-info);
802
- --ids-modal-background-color: var(--ids-popup-background-color);
803
- --ids-modal-border-color: var(--ids-popup-border-color);
804
- --ids-modal-box-shadow: var(--ids-popup-menu-box-shadow);
805
- --ids-modal-text-color: var(--ids-text-color);
806
- --ids-modal-border-radius: var(--ids-border-radius-xs);
798
+ --ids-menu-item-color-text-default: var(--ids-color-neutral-100);
799
+ --ids-menu-check-color-default: var(--ids-color-primary);
800
+ --ids-menu-check-color-disabled: var(--ids-color-text-disabled);
801
+ --ids-message-color-text: var(--ids-color-text);
802
+ --ids-message-color-icon-error: var(--ids-color-error-default);
803
+ --ids-message-color-icon-warning: var(--ids-color-warning-default);
804
+ --ids-message-color-icon-success: var(--ids-color-success-default);
805
+ --ids-message-color-icon-info: var(--ids-color-info-default);
806
+ --ids-modal-color-background: var(--ids-popup-color-background);
807
+ --ids-modal-color-border: var(--ids-popup-color-border);
808
+ --ids-modal-shadow-default: var(--ids-popup-menu-shadow-default);
809
+ --ids-modal-color-text: var(--ids-color-text);
810
+ --ids-modal-border-radius: var(--ids-border-radius-01);
807
811
  --ids-modal-padding: 0;
808
812
  --ids-modal-header-padding: 16px;
809
813
  --ids-modal-content-padding: 16px 16px 0px 16px;
810
814
  --ids-modal-footer-margin: 16px 0 0 0;
811
- --ids-modal-footer-border-color: var(--ids-color-neutral-30);
812
- --ids-modal-title-font-size: var(--ids-font-size-xxl);
813
- --ids-modal-button-color: var(--ids-color-primary);
814
- --ids-modal-button-hover-color: var(--ids-color-primary-80);
815
- --ids-modal-button-focus-box-shadow: 0 0 3px 1px var(--ids-color-primary);
816
- --ids-month-view-background-color: var(--ids-color-neutral-00);
817
- --ids-month-view-border-color: var(--ids-color-neutral-20);
818
- --ids-month-view-day-alternate-text-color: var(--ids-color-neutral-40);
819
- --ids-month-view-day-hover-background-color: rgb(240 240 240 / 0.5);
820
- --ids-month-view-day-selected-background-color: var(--ids-color-neutral-10);
821
- --ids-month-view-day-selected-accent-box-shadow-color: var(--ids-color-primary);
822
- --ids-month-view-disabled-background-color: var(--ids-color-neutral-20);
823
- --ids-month-view-legend-text-color: var(--ids-month-view-text-color);
824
- --ids-month-view-text-color: var(--ids-color-neutral-80);
825
- --ids-month-view-weekday-text-color: var(--ids-month-view-text-color);
826
- --ids-month-view-compact-alternate-text-color: var(--ids-color-neutral-40);
827
- --ids-month-view-compact-day-hover-background-color: var(--ids-month-view-border-color);
828
- --ids-month-view-compact-day-hover-text-color: var(--ids-month-view-text-color);
829
- --ids-month-view-compact-day-selected-background-color: var(--ids-color-primary);
830
- --ids-month-view-compact-day-selected-hover-text-color: var(--ids-color-neutral-00);
831
- --ids-month-view-compact-range-background-color: var(--ids-month-view-border-color);
832
- --ids-month-view-compact-range-selected-background-color: var(--ids-color-primary);
833
- --ids-month-view-compact-range-selected-text-color: var(--ids-color-neutral-00);
834
- --ids-month-view-compact-today-border-color: var(--ids-color-neutral-30);
835
- --ids-month-view-compact-weekday-text-color: var(--ids-month-view-text-color);
836
- --ids-multiselect-font-size: var(--ids-font-size-sm);
815
+ --ids-modal-footer-color-border: var(--ids-color-neutral-30);
816
+ --ids-modal-button-color-default: var(--ids-color-primary);
817
+ --ids-modal-button-color-hover: var(--ids-color-primary-80);
818
+ --ids-modal-shadow-focus: 0 0 3px 1px var(--ids-color-primary);
819
+ --ids-calendar-month-view-color-background-default: var(--ids-color-neutral-00);
820
+ --ids-calendar-month-view-color-border: var(--ids-color-neutral-20);
821
+ --ids-calendar-month-view-color-text-alternate: var(--ids-color-neutral-40);
822
+ --ids-calendar-month-view-color-background-hover: rgb(240 240 240 / 0.5);
823
+ --ids-calendar-month-view-color-background-selected: var(--ids-color-neutral-10);
824
+ --ids-calendar-month-view-color-selected: var(--ids-color-primary);
825
+ --ids-calendar-month-view-color-background-disabled: var(--ids-color-neutral-20);
826
+ --ids-calendar-month-view-legend-color-text: var(--ids-calendar-month-view-color-text-default);
827
+ --ids-calendar-month-view-color-text-default: var(--ids-color-neutral-80);
828
+ --ids-calendar-month-view-weekday-color-text: var(--ids-calendar-month-view-color-text-default);
829
+ --ids-month-view-week-number-text-color: var(--ids-calendar-month-view-color-text-compact);
830
+ --ids-calendar-month-view-color-text-compact: var(--ids-color-neutral-40);
831
+ --ids-calendar-month-view-day-color-background-compact-hover: var(--ids-calendar-month-view-color-border);
832
+ --ids-calendar-month-view-weekday-color-text-compact-hover: var(--ids-calendar-month-view-color-text-default);
833
+ --ids-calendar-month-view-day-color-background-compact-selected: var(--ids-color-primary);
834
+ --ids-calendar-month-view-weekday-color-text-compact-selected-hover: var(--ids-color-neutral-00);
835
+ --ids-calendar-month-view-range-color-background-compact: var(--ids-calendar-month-view-color-border);
836
+ --ids-calendar-month-view-range-color-background-compact-selected: var(--ids-color-primary);
837
+ --ids-calendar-month-view-range-color-text-compact-selected: var(--ids-color-neutral-00);
838
+ --ids-calendar-month-view-today-color-border-compact: var(--ids-color-neutral-30);
839
+ --ids-calendar-month-view-weekday-color-text-compact: var(--ids-calendar-month-view-color-text-default);
840
+ --ids-multiselect-font-size: var(--ids-font-size-30);
837
841
  --ids-notification-badge-size: 6px;
838
- --ids-notification-badge-border-radius: var(--ids-border-radius-sm);
839
- --ids-notification-badge-error-background-color: var(--ids-color-error);
840
- --ids-notification-badge-info-background-color: var(--ids-color-info);
841
- --ids-notification-badge-success-background-color: var(--ids-color-success);
842
- --ids-notification-badge-warning-background-color: var(--ids-color-warning);
843
- --ids-notification-banner-height: var(--ids-size-lg);
844
- --ids-notification-banner-padding: var(--ids-spacing-lg);
845
- --ids-notification-banner-text-color: var(--ids-text-color-subtle);
846
- --ids-notification-banner-button-padding: var(--ids-spacing-sm);
847
- --ids-notification-banner-button-hover-background-color: rgb(0 0 0 / .1);
848
- --ids-notification-banner-success-background-color: var(--ids-color-success-10);
849
- --ids-notification-banner-warning-background-color: var(--ids-color-warning-10);
850
- --ids-notification-banner-warning-caution-color: var(--ids-color-caution-10);
851
- --ids-notification-banner-info-background-color: var(--ids-color-info-10);
852
- --ids-notification-banner-error-background-color: var(--ids-color-error-10);
853
- --ids-pie-chart-text-font-family: var(--ids-font-family);
854
- --ids-pie-chart-text-font-size: var(--ids-font-size-xxs);
855
- --ids-pie-chart-text-fill: var(--ids-text-color-label);
842
+ --ids-notification-badge-border-radius: var(--ids-border-radius-02);
843
+ --ids-notification-badge-error-color-background: var(--ids-color-error-default);
844
+ --ids-notification-badge-info-color-background: var(--ids-color-info-default);
845
+ --ids-notification-badge-success-color-background: var(--ids-color-success-default);
846
+ --ids-notification-badge-warning-color-background: var(--ids-color-warning-default);
847
+ --ids-notification-banner-height: var(--ids-size-50);
848
+ --ids-notification-banner-padding: var(--ids-space-40);
849
+ --ids-notification-banner-color-text: var(--ids-color-text-subtle);
850
+ --ids-notification-banner-button-padding: var(--ids-space-20);
851
+ --ids-notification-banner-button-color-background-hover: rgb(0 0 0 / .1);
852
+ --ids-notification-banner-success-color-background: var(--ids-color-success-10);
853
+ --ids-notification-banner-warning-color-background: var(--ids-color-warning-10);
854
+ --ids-notification-banner-info-color-background: var(--ids-color-info-10);
855
+ --ids-notification-banner-error-color-background: var(--ids-color-error-10);
856
+ --ids-chart-pie-font-family: var(--ids-font-family-default);
857
+ --ids-chart-pie-font-size: var(--ids-font-size-10);
858
+ --ids-chart-pie-color-text: var(--ids-color-text-label);
856
859
  --ids-popup-arrow-size: 8px;
857
- --ids-popup-background-color: var(--ids-color-neutral-00);
858
- --ids-popup-border-color: var(--ids-color-neutral-30);
859
- --ids-popup-padding: var(--ids-spacing-xl);
860
- --ids-popup-box-shadow: 0 2px 5px rgba(0 0 0 / 0.2);
861
- --ids-popup-menu-background-color: var(--ids-popup-background-color);
862
- --ids-popup-menu-border-color: var(--ids-popup-border-color);
863
- --ids-popup-menu-padding: var(--ids-spacing-md);
864
- --ids-popup-menu-text-color: var(--ids-color-neutral-80);
865
- --ids-popup-menu-font-size: var(--ids-font-size-sm);
866
- --ids-popup-menu-border-radius: var(--ids-border-radius-xs);
867
- --ids-popup-menu-box-shadow: var(--ids-popup-box-shadow);
868
- --ids-popup-menu-inverse-background-color: var(--ids-color-neutral-100);
869
- --ids-popup-menu-inverse-border-color: var(--ids-color-neutral-10);
870
- --ids-popup-menu-inverse-box-shadow: 0 2px 5px rgba(0 0 0 / 0.2);
871
- --ids-popup-menu-inverse-text-color: var(--ids-color-neutral-00);
872
- --ids-progress-bar-disabled-text-color: var(--ids-text-color-disabled);
873
- --ids-progress-bar-disabled-background-color: var(--ids-text-color-disabled);
874
- --ids-progress-bar-border-color: var(--ids-color-neutral-70);
875
- --ids-progress-bar-border: 1px solid var(--ids-progress-bar-border-color);
876
- --ids-progress-bar-border-radius: var(--ids-border-radius-sm);
877
- --ids-progress-bar-background-color: transparent;
878
- --ids-progress-bar-height: var(--ids-spacing-lg);
879
- --ids-progress-bar-margin: var(--ids-spacing-xxl) var(--ids-spacing-none);
880
- --ids-progress-bar-fill-background-color: var(--ids-color-primary);
881
- --ids-progress-bar-label-text-color: var(--ids-text-color-label);
882
- --ids-progress-bar-label-audible-margin: var(--ids-spacing-sm) var(--ids-spacing-none);
883
- --ids-progress-bar-grid-cell-margin: var(--ids-spacing-xxl);
884
- --ids-progress-chart-font-family: var(--ids-font-family);
885
- --ids-progress-chart-margin: var(--ids-spacing-none) var(--ids-spacing-none) var(--ids-spacing-lg);
886
- --ids-progress-chart-labels-font-size: var(--ids-font-size-md);
887
- --ids-progress-chart-labels-margin-bottom: var(--ids-spacing-lg);
888
- --ids-progress-chart-labels-text-color: var(--ids-color-neutral-60);
889
- --ids-progress-chart-labels-main-margin: var(--ids-spacing-none) var(--ids-spacing-md) var(--ids-spacing-none) var(--ids-spacing-none);
890
- --ids-progress-chart-labels-progress-margin: var(--ids-spacing-none) var(--ids-spacing-md);
891
- --ids-progress-chart-bar-border-radius: var(--ids-border-radius-xs);
892
- --ids-progress-chart-bar-min-height: 28px;
893
- --ids-progress-chart-bar-min-width: 66px;
894
- --ids-progress-chart-bar-total-background-color: var(--ids-color-neutral-30);
895
- --ids-progress-chart-bar-progress-background-color: var(--ids-color-neutral-60);
896
- --ids-process-indicator-label-text-color: var(--ids-text-color-label);
897
- --ids-process-indicator-xs-step-margin-top: 40px;
898
- --ids-process-indicator-margin: var(--ids-spacing-none) var(--ids-spacing-md) var(--ids-spacing-none) var(--ids-spacing-none);
899
- --ids-process-indicator-text-margin: var(--ids-spacing-none) var(--ids-spacing-md) var(--ids-spacing-md) var(--ids-spacing-none);
900
- --ids-process-indicator-bg-color: var(--ids-body-background-color);
901
- --ids-process-indicator-primary-color: var(--ids-color-primary);
902
- --ids-process-indicator-active-color: var(--ids-color-primary);
903
- --ids-process-indicator-base-color: var(--ids-color-neutral-30);
860
+ --ids-popup-color-background: var(--ids-color-neutral-00);
861
+ --ids-popup-color-border: var(--ids-color-neutral-30);
862
+ --ids-popup-padding: var(--ids-space-50);
863
+ --ids-popup-shadow: 0 2px 5px rgba(0 0 0 / 0.2);
864
+ --ids-popup-menu-color-background-default: var(--ids-popup-color-background);
865
+ --ids-popup-menu-color-border-default: var(--ids-popup-color-border);
866
+ --ids-popup-menu-padding: var(--ids-space-30);
867
+ --ids-popup-menu-color-text-default: var(--ids-color-neutral-80);
868
+ --ids-popup-menu-font-size: var(--ids-font-size-30);
869
+ --ids-popup-menu-border-radius: var(--ids-border-radius-01);
870
+ --ids-popup-menu-shadow-default: var(--ids-popup-shadow);
871
+ --ids-popup-menu-color-background-inverse: var(--ids-color-neutral-100);
872
+ --ids-popup-menu-color-border-inverse: var(--ids-color-neutral-10);
873
+ --ids-popup-menu-shadow-inverse: 0 2px 5px rgba(0 0 0 / 0.2);
874
+ --ids-popup-menu-color-text-inverse: var(--ids-color-neutral-00);
875
+ --ids-progress-bar-color-text-disabled: var(--ids-color-text-disabled);
876
+ --ids-progress-bar-color-background-disabled: var(--ids-color-text-disabled);
877
+ --ids-progress-bar-color-border: var(--ids-color-neutral-70);
878
+ --ids-progress-bar-border: 1px solid var(--ids-progress-bar-color-border);
879
+ --ids-progress-bar-border-radius: var(--ids-border-radius-02);
880
+ --ids-progress-bar-color-background-default: transparent;
881
+ --ids-progress-bar-height: var(--ids-space-40);
882
+ --ids-progress-bar-margin: var(--ids-space-60) var(--ids-space-none);
883
+ --ids-progress-bar-fill-color-background: var(--ids-color-primary);
884
+ --ids-progress-bar-label-color-text: var(--ids-color-text-label);
885
+ --ids-progress-bar-label-audible-margin: var(--ids-space-20) var(--ids-space-none);
886
+ --ids-progress-bar-grid-cell-margin: var(--ids-space-60);
887
+ --ids-progress-chart-font-family: var(--ids-font-family-default);
888
+ --ids-progress-chart-margin: var(--ids-space-none) var(--ids-space-none) var(--ids-space-40);
889
+ --ids-progress-chart-label-font-size: var(--ids-font-size-40);
890
+ --ids-progress-chart-label-margin-bottom: var(--ids-space-40);
891
+ --ids-progress-chart-label-color-text: var(--ids-color-neutral-60);
892
+ --ids-progress-chart-label-main-margin: var(--ids-space-none) var(--ids-space-30) var(--ids-space-none) var(--ids-space-none);
893
+ --ids-progress-chart-label-progress-margin: var(--ids-space-none) var(--ids-space-30);
894
+ --ids-progress-chart-bar-border-radius: var(--ids-border-radius-01);
895
+ --ids-progress-chart-height-min: 28px;
896
+ --ids-progress-chart-bar-width-min: 66px;
897
+ --ids-progress-chart-total-color-background: var(--ids-color-neutral-30);
898
+ --ids-progress-chart-bar-progress-color-background: var(--ids-color-neutral-60);
899
+ --ids-process-indicator-color-text: var(--ids-color-text-label);
900
+ --ids-process-indicator-step-margin-top: 40px;
901
+ --ids-process-indicator-margin: var(--ids-space-none) var(--ids-space-30) var(--ids-space-none) var(--ids-space-none);
902
+ --ids-process-indicator-text-margin: var(--ids-space-none) var(--ids-space-30) var(--ids-space-30) var(--ids-space-none);
903
+ --ids-process-indicator-color-background: var(--ids-color-background-default);
904
+ --ids-process-indicator-color-primary: var(--ids-color-primary);
905
+ --ids-process-indicator-color-active: var(--ids-color-primary);
906
+ --ids-process-indicator-color: var(--ids-color-neutral-30);
904
907
  --ids-process-indicator-line-transform: translate(0, 36px);
905
- --ids-process-indicator-line-height: 2px;
906
- --ids-process-indicator-line-background-color: var(--ids-process-indicator-base-color);
908
+ --ids-process-indicator-font-line-height: 2px;
909
+ --ids-process-indicator-line-color-background: var(--ids-process-indicator-color);
907
910
  --ids-process-indicator-step-transform: translate(0, -75%);
908
911
  --ids-process-indicator-step-height: 11px;
909
912
  --ids-process-indicator-step-width: 11px;
910
- --ids-process-indicator-step-border-radius: var(--ids-border-radius-round);
911
- --ids-process-indicator-cancelled-step-background-color: var(--ids-color-ruby-60);
912
- --ids-process-indicator-cancelled-step-icon-color: var(--ids-process-indicator-bg-color);
913
- --ids-process-indicator-done-border: 2px solid var(--ids-process-indicator-primary-color);
914
- --ids-process-indicator-started-border: 2px solid var(--ids-process-indicator-active-color);
915
- --ids-radio-unchecked-background-color: var(--ids-input-background-color);
916
- --ids-radio-unchecked-border-color: var(--ids-input-border-color);
917
- --ids-radio-checked-background-color: var(--ids-color-primary);
918
- --ids-radio-checked-border-color: var(--ids-color-primary);
919
- --ids-radio-checked-inner-background-color: var(--ids-color-neutral-00);
920
- --ids-radio-border-radius: var(--ids-border-radius-round);
921
- --ids-radio-unchecked-disabled-background-color: var(--ids-input-background-color);
922
- --ids-radio-unchecked-disabled-border-color: var(--ids-input-disabled-text-color);
923
- --ids-radio-checked-disabled-background-color: var(--ids-input-disabled-text-color);
924
- --ids-radio-checked-disabled-border-color: var(--ids-input-disabled-text-color);
925
- --ids-rating-star-color: var(--ids-color-amber-60);
926
- --ids-rating-star-empty-color: var(--ids-icon-color);
927
- --ids-rating-star-hover-color: var(--ids-button-primary-background-color);
928
- --ids-rating-star-focus-color: var(--ids-button-primary-background-color);
929
- --ids-rating-star-margin-inline: var(--ids-spacing-md);
930
- --ids-required-background-color: var(--ids-color-error);
931
- --ids-required-disabled-background-color: var(--ids-color-error-30);
932
- --ids-scroll-view-button-icon-color: var(--ids-color-neutral-70);
933
- --ids-scroll-view-button-selected-icon-color: var(--ids-color-primary);
934
- --ids-searchfield-app-menu-focus-box-shadow: 0 0 3px 2px rgba(255 255 255 / 0.4);
935
- --ids-searchfield-app-menu-text-color: var(--ids-color-neutral-20);
936
- --ids-searchfield-app-menu-background-color: #000;
937
- --ids-searchfield-app-menu-icon-color: var(--ids-color-neutral-40);
938
- --ids-searchfield-app-menu-icon-hover-color: var(--ids-color-neutral-90);
939
- --ids-searchfield-app-menu-search-icon-margin: 8px;
940
- --ids-searchfield-app-menu-border-radius: var(--ids-border-radius-sm);
941
- --ids-searchfield-header-background-color: var(--ids-color-text-on-primary);
942
- --ids-searchfield-header-text-color: var(--ids-text-color);
943
- --ids-searchfield-header-icon-color: var(--ids-color-neutral-80);
944
- --ids-searchfield-header-icon-hover-color: var(--ids-button-tertiary-hover-background-color);
945
- --ids-searchfield-card-text-color: var(--ids-text-color);
946
- --ids-searchfield-card-background-color: var(--ids-color-neutral-10);
947
- --ids-separator-background-color: var(--ids-color-neutral-40);
948
- --ids-separator-alternate-background-color: var(--ids-color-neutral-40);
913
+ --ids-process-indicator-border-radius-step: var(--ids-border-radius-circle);
914
+ --ids-process-indicator-canceled-step-color-background: var(--ids-color-ruby-60);
915
+ --ids-process-indicator-canceled-step-color-icon: var(--ids-process-indicator-color-background);
916
+ --ids-process-indicator-border-done: 2px solid var(--ids-process-indicator-color-primary);
917
+ --ids-process-indicator-border-started: 2px solid var(--ids-process-indicator-color-active);
918
+ --ids-radio-button-color-background: var(--ids-input-color-background-default);
919
+ --ids-radio-button-color-border-default: var(--ids-input-color-border-default);
920
+ --ids-radio-button-color-background-selected: var(--ids-color-primary);
921
+ --ids-radio-button-color-border-selected: var(--ids-color-primary);
922
+ --ids-radio-button-inner-color-background-selected: var(--ids-color-neutral-00);
923
+ --ids-radio-button-border-radius: var(--ids-border-radius-circle);
924
+ --ids-radio-button-color-border-disabled: var(--ids-input-color-text-disabled);
925
+ --ids-radio-button-color-background-selected-disabled: var(--ids-input-color-text-disabled);
926
+ --ids-radio-button-color-border-selected-disabled: var(--ids-input-color-text-disabled);
927
+ --ids-rating-star-color-selected: var(--ids-color-amber-60);
928
+ --ids-rating-star-color-default: var(--ids-icon-color-default);
929
+ --ids-rating-star-color-hover: var(--ids-button-primary-color-background-default);
930
+ --ids-rating-star-color-focus: var(--ids-button-primary-color-background-default);
931
+ --ids-rating-star-disabled-color: var(--ids-color-text-disabled);
932
+ --ids-rating-star-margin-inline: var(--ids-space-30);
933
+ --ids-input-required-indicator-color-text-default: var(--ids-color-error-default);
934
+ --ids-input-required-indicator-color-text-disabled: var(--ids-color-error-30);
935
+ --ids-scroll-view-color-icon-default: var(--ids-color-neutral-70);
936
+ --ids-scroll-view-color-icon-selected: var(--ids-color-primary);
937
+ --ids-search-field-app-menu-shadow-focus:none;
938
+ --ids-search-field-app-menu-color-text: var(--ids-color-neutral-20);
939
+ --ids-search-field-app-menu-color-background: #000;
940
+ --ids-search-field-app-menu-color-icon-default: var(--ids-color-neutral-40);
941
+ --ids-search-field-app-menu-color-icon-hover: var(--ids-color-neutral-90);
942
+ --ids-search-field-icon-margin: 8px;
943
+ --ids-search-field-border-radius: var(--ids-border-radius-02);
944
+ --ids-search-field-header-color-background: var(--ids-color-text-on-primary);
945
+ --ids-search-field-header-color-text: var(--ids-color-text);
946
+ --ids-search-field-header-color-icon-default: var(--ids-color-neutral-80);
947
+ --ids-search-field-header-color-icon-hover: var(--ids-button-tertiary-color-background-hover);
948
+ --ids-search-field-card-color-text: var(--ids-color-text);
949
+ --ids-search-field-card-color-background: var(--ids-color-neutral-10);
950
+ --ids-separator-color-background: var(--ids-color-neutral-40);
951
+ --ids-separator-alternate-color-background: var(--ids-color-neutral-40);
949
952
  --ids-separator-height: 24px;
950
953
  --ids-separator-width: 1px;
951
954
  --ids-separator-margin: 4px;
952
- --ids-skip-link-background-color: var(--ids-popup-background-color);
953
- --ids-skip-link-border-color: var(--ids-popup-border-color);
954
- --ids-skip-link-margin: var(--ids-spacing-xxl);
955
- --ids-skip-link-font-size: var(--ids-font-size-md);
956
- --ids-skip-link-border-radius: 0 0 var(--ids-border-radius-xs) var(--ids-border-radius-xs);
955
+ --ids-skip-link-color-background: var(--ids-popup-color-background);
956
+ --ids-skip-link-border-color: var(--ids-popup-color-border);
957
+ --ids-skip-link-margin: var(--ids-space-60);
958
+ --ids-skip-link-font-size: var(--ids-font-size-40);
959
+ --ids-skip-link-border-radius: 0 0 var(--ids-border-radius-01) var(--ids-border-radius-01);
957
960
  --ids-skip-link-shadow: 0 0 4px 1px rgba(0 0 0 / 0.3);
958
- --ids-spinbox-background-color: var(--ids-trigger-field-background-color);
959
- --ids-spinbox-readonly-background-color: var(--ids-trigger-field-readonly-background-color);
960
- --ids-spinbox-readonly-text-color: var(--ids-trigger-field-readonly-text-color);
961
- --ids-spinbox-focus-border-color: var(--ids-trigger-field-focus-border-color)
962
- --ids-spinbox-focus-box-shadow: var(--ids-trigger-field-focus-box-shadow);
963
- --ids-spinbox-readonly-border-color: var(--ids-input-readonly-border-color);
964
- --ids-spinbox-disabled-text-color: var(--ids-trigger-field-disabled-text-color);
965
- --ids-spinbox-disabled-border-color: var(--ids-trigger-field-disabled-border-color);
966
- --ids-slider-tick-background-color: var(--ids-color-primary);
967
- --ids-slider-tick-size: var(--ids-spacing-lg);
968
- --ids-slider-thumb-size: var(--ids-spacing-xxl);
969
- --ids-slider-thumb-background-color: var(--ids-color-primary);
970
- --ids-slider-thumb-hover-box-shadow: 0 2px 5px rgba(0 0 0 / 0.4);
971
- --ids-slider-thumb-shadow-background-color: rgba(0 114 237 / 0.1);
972
- --ids-slider-thumb-shadow-border-color: var(--ids-color-primary);
973
- --ids-slider-track-background-color: var(--ids-color-neutral-40);
974
- --ids-slider-track-progress-background-color: var(--ids-color-primary);
975
- --ids-slider-tooltip-background-color: var(--ids-color-neutral-80);
976
- --ids-slider-tooltip-text-color: var(--ids-color-neutral-00);
977
- --ids-slider-disabled-color: var(--ids-color-neutral-30);
978
- --ids-slider-disabled-tick-background-color: var(--ids-color-neutral-30);
979
- --ids-slider-disabled-thumb-background-color: var(--ids-color-neutral-30);
980
- --ids-slider-disabled-track-background-color: var(--ids-color-neutral-20);
981
- --ids-slider-disabled-track-progress-background-color: var(--ids-color-neutral-30);
982
- --ids-slider-readonly-color: var(--ids-color-neutral-30);
983
- --ids-slider-readonly-tick-background-color: var(--ids-color-neutral-50);
984
- --ids-slider-readonly-thumb-background-color: var(--ids-color-neutral-50);
985
- --ids-slider-readonly-thumb-shadow-background-color: rgba(119 119 124 / 0.1);
986
- --ids-slider-readonly-thumb-shadow-border-color: var(--ids-color-neutral-50);
987
- --ids-slider-readonly-track-background-color: var(--ids-color-neutral-40);
988
- --ids-slider-readonly-track-progress-background-color: var(--ids-color-neutral-50);
989
- --ids-splitter-bar-background-color: var(--ids-button-tertiary-hover-background-color);
990
- --ids-splitter-bar-border-color: var(--ids-color-neutral-30);
991
- --ids-splitter-bar-dragging-background-color: var(--ids-color-neutral-20);
992
- --ids-splitter-bar-dragging-border-color: var(--ids-color-primary);
993
- --ids-splitter-bar-dragging-box-shadow: var(--ids-box-shadow-md);
994
- --ids-splitter-bar-hover-background-color: var(--ids-color-neutral-20);
995
- --ids-splitter-bar-width: var(--ids-size-xxs);
996
- --ids-step-chart-margin: var(--ids-spacing-xxl);
997
- --ids-step-chart-inner-margin: var(--ids-spacing-md);
961
+ --ids-spinbox-color-background-default: var(--ids-trigger-field-color-background-default);
962
+ --ids-spinbox-color-background-readonly: var(--ids-trigger-field-color-background-readonly);
963
+ --ids-spinbox-color-text-readonly: var(--ids-trigger-field-color-text-readonly);
964
+ --ids-spinbox-color-border-focus: var(--ids-trigger-field-color-border-focus)
965
+ --ids-spinbox-shadow-focus: var(--ids-trigger-field-shadow-focus);
966
+ --ids-spinbox-color-text-disabled: var(--ids-trigger-field-color-text-disabled);
967
+ --ids-spinbox-color-border-disabled: var(--ids-trigger-field-color-border-disabled);
968
+ --ids-slider-tick-color-background-default: var(--ids-color-primary);
969
+ --ids-slider-tick-size: var(--ids-space-40);
970
+ --ids-slider-thumb-size: var(--ids-space-60);
971
+ --ids-slider-thumb-color-background-default: var(--ids-color-primary);
972
+ --ids-slider-thumb-shadow-hover: 0 2px 5px rgba(0 0 0 / 0.4);
973
+ --ids-slider-thumb-color-shadow-default: rgba(0 114 237 / 0.1);
974
+ --ids-slider-thumb-color-border-default: var(--ids-color-primary);
975
+ --ids-slider-track-color-background-default: var(--ids-color-neutral-40);
976
+ --ids-slider-track-color-background-progress: var(--ids-color-primary);
977
+ --ids-slider-tooltip-color-background: var(--ids-color-neutral-80);
978
+ --ids-slider-tooltip-color-text: var(--ids-color-neutral-00);
979
+ --ids-slider-color-disabled: var(--ids-color-neutral-30);
980
+ --ids-slider-tick-color-background-disabled: var(--ids-color-neutral-30);
981
+ --ids-slider-thumb-color-background-disabled: var(--ids-color-neutral-30);
982
+ --ids-slider-track-color-background-disabled: var(--ids-color-neutral-20);
983
+ --ids-slider-track-color-background-progress-disabled: var(--ids-color-neutral-30);
984
+ --ids-slider-color-readonly: var(--ids-color-neutral-30);
985
+ --ids-slider-tick-color-background-readonly: var(--ids-color-neutral-50);
986
+ --ids-slider-thumb-color-background-readonly: var(--ids-color-neutral-50);
987
+ --ids-slider-thumb-color-shadow-readonly: rgba(119 119 124 / 0.1);
988
+ --ids-slider-thumb-color-border-readonly: var(--ids-color-neutral-50);
989
+ --ids-slider-track-color-background-readonly: var(--ids-color-neutral-40);
990
+ --ids-slider-track-progress-color-background-readonly: var(--ids-color-neutral-50);
991
+ --ids-splitter-bar-color-border: var(--ids-color-neutral-30);
992
+ --ids-splitter-bar-color-border-hover: var(--ids-color-neutral-30);
993
+ --ids-splitter-bar-color-border-dragging: var(--ids-color-azure-30);
994
+ --ids-splitter-bar-buffer-width: 8px;
995
+ --ids-splitter-bar-width: 1px;
996
+ --ids-splitter-handle-border-radius: var(--ids-border-radius-02);
997
+ --ids-splitter-handle-height: 32px;
998
+ --ids-splitter-handle-width: 6px;
999
+ --ids-splitter-handle-color-background-hover: var(--ids-color-azure-60);
1000
+ --ids-step-chart-margin: var(--ids-space-60);
1001
+ --ids-step-chart-inner-margin: var(--ids-space-30);
998
1002
  --ids-step-chart-height: 14px;
999
- --ids-step-chart-step-background-color: var(--ids-color-neutral-20);
1000
- --ids-step-chart-step-completed-background-color: var(--ids-color-primary);
1003
+ --ids-step-chart-color-background-default: var(--ids-color-neutral-20);
1004
+ --ids-step-chart-color-background-complete: var(--ids-color-primary);
1005
+ --ids-step-chart-step-disabled-color: var(--ids-color-text-disabled);
1001
1006
  --ids-swappable-border: 1px dashed transparent;
1002
- --ids-swappable-active-border-color: var(--ids-color-neutral-80);
1003
- --ids-swappable-item-border: 1px dashed transparent;
1004
- --ids-swappable-item-font-family: var(--ids-font-family);
1005
- --ids-swappable-item-cursor: var(--ids-cursor-pointer);
1006
- --ids-swappable-item-hover-background-color: var(--ids-color-azure-10);
1007
- --ids-swappable-item-hover-before-content: "⁞";
1008
- --ids-swappable-item-hover-before-font-size: var(--ids-font-size-xl);
1009
- --ids-swappable-item-focus-border: 1px solid var(--ids-color-azure-40);
1010
- --ids-swappable-item-focus-box-shadow: 0 0 4px 1px rgb(54 138 192 / 0.3);
1011
- --ids-swappable-item-focus-outline: none;
1012
- --ids-swappable-item-dragging-opacity: 0.4;
1013
- --ids-swappable-item-selected-cursor: var(--ids-cursor-move);
1014
- --ids-swappable-item-selected-background-color: var(--ids-color-primary);
1015
- --ids-swappable-item-selected-text-color: var(--ids-color-neutral-00);
1007
+ --ids-swappable-color-border-active: var(--ids-color-neutral-80);
1008
+ --ids-swappable-item-border-default: 1px dashed transparent;
1009
+ --ids-swappable-item-font-family: var(--ids-font-family-default);
1010
+ --ids-swappable-item-cursor-default: var(--ids-cursor-pointer);
1011
+ --ids-swappable-item-color-background-hover: var(--ids-color-azure-10);
1012
+ --ids-swappable-item-content-hover: "⁞";
1013
+ --ids-swappable-item-font-size-hover: var(--ids-font-size-60);
1014
+ --ids-swappable-item-border-focus: 1px solid var(--ids-color-azure-40);
1015
+ --ids-swappable-item-shadow-focus: 0 0 4px 1px rgb(54 138 192 / 0.3);
1016
+ --ids-swappable-item-outline-focus: none;
1017
+ --ids-swappable-item-opacity-dragging: 0.4;
1018
+ --ids-swappable-item-cursor-selected: var(--ids-cursor-move);
1019
+ --ids-swappable-item-color-background-selected: var(--ids-color-primary);
1020
+ --ids-swappable-item-color-text-selected: var(--ids-color-neutral-00);
1016
1021
  --ids-swappable-item-over-border: 1px dashed var(--ids-color-neutral-80);
1017
1022
  --ids-swaplist-border-radius: var(--ids-card-border-radius);
1018
- --ids-swaplist-box-shadow: var(--ids-card-box-shadow);
1019
- --ids-swaplist-card-margin-block-end: var(--ids-spacing-none);
1020
- --ids-swaplist-card-header-border-block-end: 1px solid var(--ids-card-border-color);
1021
- --ids-swaplist-card-content-height: calc(var(--ids-card-content-height) - 11px);
1023
+ --ids-swaplist-shadow: var(--ids-card-shadow);
1024
+ --ids-swaplist-card-margin-block-end: var(--ids-space-none);
1025
+ --ids-swaplist-border: 1px solid var(--ids-card-color-border);
1026
+ --ids-swaplist-card-content-height-min: calc(var(--ids-card-content-height) - 11px);
1022
1027
  --ids-swaplist-card-border-radius: var(--ids-border-radius-none);
1023
- --ids-swaplist-card-border-inline-start-width: 0;
1024
- --ids-swaplist-card-box-shadow: none;
1025
- --ids-swaplist-card-first-child-border-inline-start-width: 1px;
1026
- --ids-swaplist-toolbar-button-hover-background-color: var(--ids-button-tertiary-hover-background-color);
1027
- --ids-swaplist-toolbar-button-text-color: var(--ids-button-tertiary-text-color);
1028
- --ids-swaplist-toolbar-button-hover-text-color: var(--ids-button-tertiary-hover-text-color);
1029
- --ids-swaplist-toolbar-button-padding: var(--ids-spacing-none);
1030
- --ids-swaplist-toolbar-button-height: 34px;
1031
- --ids-swaplist-toolbar-button-width: 36px;
1032
- --ids-swaplist-item-padding: var(--ids-spacing-lg);
1033
- --ids-swaplist-item-padding-inline-start: var(--ids-spacing-3xl);
1034
- --ids-swaplist-item-margin-block-end: var(--ids-spacing-xs);
1035
- --ids-swaplist-item-over-border: 1px dashed var(--ids-text-color-label);
1036
- --ids-swipe-action-left-active-background-color: var(--ids-color-neutral-40);
1037
- --ids-swipe-action-left-active-text-color: var(--ids-color-neutral-70);
1038
- --ids-swipe-action-left-background-color: var(--ids-color-neutral-30);
1039
- --ids-swipe-action-left-hover-background-color: var(--ids-color-neutral-40);
1040
- --ids-swipe-action-left-hover-text-color: var(--ids-color-neutral-70);
1041
- --ids-swipe-action-left-text-color: var(--ids-color-neutral-60);
1042
- --ids-swipe-action-right-active-background-color: var(--ids-color-azure-70);
1043
- --ids-swipe-action-right-active-text-color: var(--ids-color-neutral-00);
1044
- --ids-swipe-action-right-background-color: var(--ids-color-azure-60);
1045
- --ids-swipe-action-right-hover-background-color: var(--ids-color-azure-70);
1046
- --ids-swipe-action-right-hover-text-color: var(--ids-color-neutral-00);
1047
- --ids-swipe-action-right-text-color: var(--ids-color-neutral-00);
1048
- --ids-switch-pole-off-background-color: var(--ids-color-neutral-40);
1049
- --ids-switch-toggle-off-background-color: var(--ids-input-background-color);
1050
- --ids-switch-toggle-off-border-color: var(--ids-input-border-color);
1051
- --ids-switch-pole-on-background-color: var(--ids-color-primary-30);
1052
- --ids-switch-toggle-on-background-color: var(--ids-color-primary);
1053
- --ids-switch-toggle-on-border-color: var(--ids-color-primary);
1054
- --ids-switch-pole-off-disabled-background-color: var(--ids-color-neutral-30);
1055
- --ids-switch-toggle-off-disabled-background-color: var(--ids-color-neutral-20);
1056
- --ids-switch-toggle-off-disabled-border-color: var(--ids-color-neutral-30);
1057
- --ids-switch-pole-on-disabled-background-color: var(--ids-color-primary-20);
1058
- --ids-switch-toggle-on-disabled-background-color: var(--ids-color-primary-30);
1059
- --ids-switch-toggle-on-disabled-border-color: var(--ids-color-primary-30);
1060
- --ids-switch-toggle-hover-background-color: var(--ids-color-neutral-30);
1061
- --ids-switch-toggle-focus-box-shadow: 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);
1062
- --ids-tab-content-text-color: var(--ids-text-color);
1063
- --ids-tab-text-color: var(--ids-text-color-subtle);
1064
- --ids-tab-divider-background-color: var(--ids-color-neutral-30);
1065
- --ids-tab-hover-background-color: var(--ids-color-azure-10);
1066
- --ids-tab-hover-text-color: var(--ids-color-primary);
1067
- --ids-tab-focus-border-color: var(--ids-color-primary);
1068
- --ids-tab-focus-background-color: var(--ids-tab-hover-background-color);
1069
- --ids-tab-disabled-text-color: var(--ids-color-neutral-30);
1070
- --ids-tab-selected-text-color: var(--ids-color-primary);
1071
- --ids-tab-selected-background-color: var(--ids-color-primary);
1072
- --ids-tab-vertical-selected-background-color: var(--ids-color-primary);
1073
- --ids-tab-vertical-selected-text-color: var(--ids-color-neutral-00);
1074
- --ids-tab-vertical-selected-border-color: var(--ids-color-neutral-00);
1075
- --ids-tab-alternate-text-color: rgba(255 255 255 / 0.7);
1076
- --ids-tab-alternate-hover-border-color: var(--ids-color-neutral-00);
1077
- --ids-tab-alternate-hover-background-color: var(--ids-tab-alternate-background-color);
1078
- --ids-tab-alternate-hover-text-color: var(--ids-color-neutral-00);
1079
- --ids-tab-alternate-focus-border-color: var(--ids-color-neutral-00);
1080
- --ids-tab-alternate-selected-text-color: var(--ids-color-neutral-00);
1081
- --ids-tab-alternate-disabled-text-color: rgba(255 255 255 / 0.4);
1082
- --ids-tab-altenrate-horizontal-background-color: var(--ids-color-neutral-00);
1083
- --ids-tab-module-background-color: var(--ids-color-azure-70);
1084
- --ids-tab-module-border-right-color: var(--ids-color-azure-100);
1085
- --ids-tab-module-text-color: var(--ids-color-azure-10);
1086
- --ids-tab-module-hover-background-color: var(--ids-color-azure-100);
1087
- --ids-tab-module-hover-text-color: var(--ids-color-neutral-00);
1088
- --ids-tab-module-selected-background-color: var(--ids-color-primary);
1089
- --ids-tab-module-selected-text-color: var(--ids-color-neutral-00);
1090
- --ids-tab-module-disabled-background-color: var(--ids-color-azure-50);
1091
- --ids-tab-module-disabled-text-color: var(--ids-color-azure-20);
1092
- --ids-tag-background-color: var(--ids-input-readonly-background-color);
1093
- --ids-tag-border-color: var(--ids-input-readonly-background-color);
1094
- --ids-tag-border-radius: var(--ids-border-radius-lg);
1095
- --ids-tag-text-color: var(--ids-input-text-color);
1096
- --ids-tag-font-size: var(--ids-font-size-sm);
1097
- --ids-tag-icon-hover-color: var(--ids-color-neutral-90);
1098
- --ids-tag-secondary-background-color: var(--ids-input-background-color);
1099
- --ids-tag-secondary-border-color: var(--ids-input-border-color);
1100
- --ids-tag-disabled-text-color: var(--ids-color-neutral-50);
1101
- --ids-tag-secondary-disabled-text-color: var(--ids-color-neutral-40);
1102
- --ids-textarea-alert-border-color: var(--ids-color-warning-50);
1103
- --ids-textarea-alert-disabled-border-color: var(--ids-color-warning-30);
1104
- --ids-textarea-alert-disabled-text-color: var(--ids-color-warning-30);
1105
- --ids-textarea-alert-focus-border-color: var(--ids-color-warning-80);
1106
- --ids-textarea-alert-focus-box-shadow: 0 0 3px 2px rgba(249 131 0 / 0.3);
1107
- --ids-textarea-alert-text-color: var(--ids-color-warning-80);
1108
- --ids-textarea-background-color: var(--ids-color-neutral-00);
1109
- --ids-textarea-border-color: var(--ids-color-neutral-40);
1110
- --ids-textarea-character-counter-warning-text-color: var(--ids-color-error-60);
1111
- --ids-textarea-disabled-background-color: var(--ids-color-neutral-00);
1112
- --ids-textarea-disabled-border-color: var(--ids-color-neutral-30);
1113
- --ids-textarea-disabled-text-color: var(--ids-color-neutral-30);
1114
- --ids-textarea-error-border-color: var(--ids-color-error-50);
1115
- --ids-textarea-error-disabled-border-color: var(--ids-color-error-30);
1116
- --ids-textarea-error-disabled-text-color: var(--ids-color-error-30);
1117
- --ids-textarea-error-focus-border-color: var(--ids-color-error-60);
1118
- --ids-textarea-error-focus-box-shadow: 0 0 3px 2px rgba(218 18 23 / 0.3);
1119
- --ids-textarea-error-text-color: var(--ids-color-error-80);
1120
- --ids-textarea-focus-border-color: var(--ids-color-azure-60);
1121
- --ids-textarea-focus-box-shadow: var(--ids-box-shadow-md);
1122
- --ids-textarea-hover-border-color: var(--ids-color-neutral-90);
1123
- --ids-textarea-info-border-color: var(--ids-color-info-70);
1124
- --ids-textarea-info-disabled-border-color: var(--ids-color-info-30);
1125
- --ids-textarea-info-disabled-text-color: var(--ids-color-info-30);
1126
- --ids-textarea-info-focus-border-color: var(--ids-color-info-70);
1127
- --ids-textarea-info-focus-box-shadow: 0 0 3px 2px rgba(0 102 212 / 0.3);
1128
- --ids-textarea-info-text-color: var(--ids-color-info-70);
1129
- --ids-textarea-label-disabled-text-color: var(--ids-color-neutral-30);
1130
- --ids-textarea-label-text-color: var(--ids-color-neutral-60);
1131
- --ids-textarea-readonly-background-color: var(--ids-color-neutral-20);
1132
- --ids-textarea-readonly-border-color: var(--ids-color-neutral-40);
1133
- --ids-textarea-readonly-text-color: var(--ids-color-neutral-100);
1134
- --ids-textarea-success-border-color: var(--ids-color-success-80);
1135
- --ids-textarea-success-disabled-border-color: var(--ids-color-success-30);
1136
- --ids-textarea-success-disabled-text-color: var(--ids-color-success-30);
1137
- --ids-textarea-success-focus-border-color: var(--ids-color-success-80);
1138
- --ids-textarea-success-focus-box-shadow: 0 0 3px 2px rgba(42 195 113 / 0.3);
1139
- --ids-textarea-success-text-color: var(--ids-color-success-80);
1140
- --ids-textarea-text-color: var(--ids-color-neutral-100);
1141
- --ids-time-picker-open-input-button-color: var(--ids-color-primary);
1142
- --ids-time-picker-open-input-border-color: var(--ids-color-primary);
1143
- --ids-time-picker-popup-background-color: var(--ids-color-neutral-00);
1144
- --ids-time-picker-popup-button-border-color: var(--ids-color-neutral-30);
1145
- --ids-time-picker-popup-button-hover-text-color: var(--ids-color-azure-70);
1146
- --ids-time-picker-popup-button-text-color: var(--ids-color-azure-60);
1147
- --ids-time-picker-popup-colons-text-color: var(--ids-color-neutral-50);
1148
- --ids-toast-background-color: var(--ids-popup-background-color);
1149
- --ids-toast-border-color: var(--ids-popup-border-color);
1150
- --ids-toast-text-color: var(--ids-color-neutral-100);
1151
- --ids-toast-progress-background-color: var(--ids-progress-bar-fill-background-color);
1152
- --ids-toolbar-formatter-background-color: var(--ids-color-neutral-80);
1153
- --ids-tooltip-background-color: var(--ids-color-neutral-80);
1154
- --ids-tooltip-padding: 4px 8px;
1155
- --ids-tooltip-border-radius: var(--ids-border-radius-xs);
1156
- --ids-tooltip-text-color: var(--ids-color-neutral-00);
1157
- --ids-tooltip-font-size: var(--ids-font-size-md);
1158
- --ids-tooltip-box-shadow: var(--ids-popup-box-shadow);
1159
- --ids-tooltip-error-background-color: var(--ids-color-error);
1160
- --ids-tooltip-info-background-color: var(--ids-color-info);
1161
- --ids-tooltip-warning-background-color: var(--ids-color-warning);
1162
- --ids-tooltip-success-background-color: var(--ids-color-success);
1163
- --ids-tooltip-inverse-background-color: var(--ids-color-neutral-00);
1164
- --ids-tooltip-inverse-text-color: var(--ids-color-neutral-100);
1165
- --ids-tree-node-disabled-text-color: var(--ids-color-neutral-40);
1166
- --ids-tree-node-focus-border-color: var(--ids-color-primary);
1167
- --ids-tree-node-focus-box-shadow: var(--ids-box-shadow-lg);
1168
- --ids-tree-node-hover-text-border-color: transparent;
1169
- --ids-tree-node-hover-text-color: var(--ids-color-neutral-100);
1170
- --ids-tree-node-selected-background-color: var(--ids-color-neutral-20);
1171
- --ids-tree-node-selected-text-color: var(--ids-color-neutral-100);
1172
- --ids-tree-node-text-color: var(--ids-color-neutral-60);
1173
- --ids-treemap-stroke-color: var(--ids-color-neutral-00);
1174
- --ids-treemap-title-background-color: var(--ids-color-neutral-60);
1175
- --ids-treemap-title-text-color: var(--ids-color-neutral-00);
1176
- --ids-trigger-field-button-border-radius: var(--ids-border-radius-md);
1028
+ --ids-swaplist-inline-start-border-width: 0;
1029
+ --ids-swaplist-card-shadow: none;
1030
+ --ids-swaplist-first-child-inline-start-border-width: 1px;
1031
+ --ids-swaplist-button-color-background-hover: var(--ids-button-tertiary-color-background-hover);
1032
+ --ids-swaplist-toolbar-button-padding: var(--ids-space-none);
1033
+ --ids-swaplist-button-height: 34px;
1034
+ --ids-swaplist-button-width: 36px;
1035
+ --ids-swaplist-item-padding: var(--ids-space-40);
1036
+ --ids-swaplist-item-padding-inline-start: var(--ids-space-70);
1037
+ --ids-swaplist-item-margin-block-end: var(--ids-space-10);
1038
+ --ids-swaplist-item-over-border: 1px dashed var(--ids-color-text-label);
1039
+ --ids-swipe-action-color-background-left-active: var(--ids-color-neutral-40);
1040
+ --ids-swipe-action-color-text-left-active: var(--ids-color-neutral-70);
1041
+ --ids-swipe-action-color-background-left: var(--ids-color-neutral-30);
1042
+ --ids-swipe-action-color-background-left-hover: var(--ids-color-neutral-40);
1043
+ --ids-swipe-action-color-text-left-hover: var(--ids-color-neutral-70);
1044
+ --ids-swipe-action-color-text-left: var(--ids-color-neutral-60);
1045
+ --ids-swipe-action-color-background-right-active: var(--ids-color-azure-70);
1046
+ --ids-swipe-action-color-text-right-active: var(--ids-color-neutral-00);
1047
+ --ids-swipe-action-color-background-right: var(--ids-color-azure-60);
1048
+ --ids-swipe-action-color-background-right-hover: var(--ids-color-azure-70);
1049
+ --ids-swipe-action-color-text-right-hover: var(--ids-color-neutral-00);
1050
+ --ids-swipe-action-color-text-right: var(--ids-color-neutral-00);
1051
+ --ids-switch-pole-color-background-default: var(--ids-color-neutral-40);
1052
+ --ids-switch-toggle-color-background-default: var(--ids-input-color-background-default);
1053
+ --ids-switch-toggle-color-border-default: var(--ids-input-color-border-default);
1054
+ --ids-switch-pole-color-background-selected: var(--ids-color-primary-30);
1055
+ --ids-switch-toggle-color-background-selected: var(--ids-color-primary);
1056
+ --ids-switch-toggle-color-border-selected: var(--ids-color-primary);
1057
+ --ids-switch-pole-color-background-disabled: var(--ids-color-neutral-30);
1058
+ --ids-switch-toggle-color-background-disabled: var(--ids-color-neutral-20);
1059
+ --ids-switch-toggle-color-border-disabled: var(--ids-color-neutral-30);
1060
+ --ids-switch-pole-color-background-selected-disabled: var(--ids-color-primary-20);
1061
+ --ids-switch-toggle-color-background-selected-disabled: var(--ids-color-primary-30);
1062
+ --ids-switch-toggle-color-border-selected-disabled: var(--ids-color-primary-30);
1063
+ --ids-switch-toggle-color-background-hover: var(--ids-color-neutral-30);
1064
+ --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);
1065
+ --ids-tab-content-color-text: var(--ids-color-text);
1066
+ --ids-tab-color-text-default: var(--ids-color-text-subtle);
1067
+ --ids-tab-divider-color-background: var(--ids-color-neutral-30);
1068
+ --ids-tab-color-background-hover: var(--ids-color-azure-10);
1069
+ --ids-tab-color-text-hover: var(--ids-color-primary);
1070
+ --ids-tab-color-border-focus: var(--ids-color-primary);
1071
+ --ids-tab-color-border-bottom: var(--ids-color-neutral-30);
1072
+ --ids-tab-color-background-focus: var(--ids-tab-color-background-hover);
1073
+ --ids-tab-color-text-disabled: var(--ids-color-neutral-30);
1074
+ --ids-tab-color-text-selected: var(--ids-color-primary);
1075
+ --ids-tab-vertical-color-background-selected: var(--ids-color-primary);
1076
+ --ids-tab-vertical-color-text-selected: var(--ids-color-neutral-00);
1077
+ --ids-tab-vertical-color-border-selected: var(--ids-color-neutral-00);
1078
+ --ids-tab-alternate-color-text-default: rgba(255 255 255 / 0.7);
1079
+ --ids-tab-alternate-color-background-hover: transparent;
1080
+ --ids-tab-alternate-color-text-hover: var(--ids-color-neutral-00);
1081
+ --ids-tab-alternate-color-border-focus: var(--ids-color-neutral-00);
1082
+ --ids-tab-alternate-color-text-selected: var(--ids-color-neutral-00);
1083
+ --ids-tab-alternate-color-text-disabled: rgba(255 255 255 / 0.4);
1084
+ --ids-tab-alternate-horizontal-color-background: var(--ids-color-neutral-00);
1085
+ --ids-tab-module-color-background-default: var(--ids-color-azure-70);
1086
+ --ids-tab-module-color-border-right: var(--ids-color-azure-100);
1087
+ --ids-tab-module-color-text-default: var(--ids-color-azure-10);
1088
+ --ids-tab-module-color-background-hover: var(--ids-color-azure-100);
1089
+ --ids-tab-module-color-text-hover: var(--ids-color-neutral-00);
1090
+ --ids-tab-module-color-background-selected: var(--ids-color-primary);
1091
+ --ids-tab-module-color-text-selected: var(--ids-color-neutral-00);
1092
+ --ids-tab-module-color-background-disabled: var(--ids-color-azure-50);
1093
+ --ids-tab-module-color-text-disabled: var(--ids-color-azure-20);
1094
+ --ids-tag-color-background-default: var(--ids-input-color-background-readonly);
1095
+ --ids-tag-color-border: var(--ids-input-color-background-readonly);
1096
+ --ids-tag-border-radius: var(--ids-border-radius-04);
1097
+ --ids-tag-color-text-default: var(--ids-input-color-text);
1098
+ --ids-tag-font-size-default: var(--ids-font-size-30);
1099
+ --ids-tag-color-icon-hover: var(--ids-color-neutral-90);
1100
+ --ids-tag-secondary-color-background: var(--ids-input-color-background-default);
1101
+ --ids-tag-secondary-color-border: var(--ids-input-color-border-default);
1102
+ --ids-tag-color-text-disabled: var(--ids-color-neutral-50);
1103
+ --ids-tag-secondary-color-text-disabled: var(--ids-color-neutral-40);
1104
+ --ids-textarea-alert-color-border-default: var(--ids-color-warning-50);
1105
+ --ids-textarea-alert-color-border-disabled: var(--ids-color-warning-30);
1106
+ --ids-textarea-alert-color-text-disabled: var(--ids-color-warning-30);
1107
+ --ids-textarea-alert-color-border-alert-focus: var(--ids-color-warning-80);
1108
+ --ids-textarea-shadow-alert-focus: 0 0 3px 2px rgba(249 131 0 / 0.3);
1109
+ --ids-textarea-alert-color-text-default: var(--ids-color-warning-80);
1110
+ --ids-textarea-color-background-default: var(--ids-color-neutral-00);
1111
+ --ids-textarea-color-border-default: var(--ids-color-neutral-40);
1112
+ --ids-textarea-character-count-color-text-warning: var(--ids-color-error-60);
1113
+ --ids-textarea-color-background-disabled: var(--ids-color-neutral-00);
1114
+ --ids-textarea-color-border-disabled: var(--ids-color-neutral-30);
1115
+ --ids-textarea-color-text-disabled: var(--ids-color-neutral-30);
1116
+ --ids-textarea-color-border-error-default: var(--ids-color-error-50);
1117
+ --ids-textarea-color-border-error-disabled: var(--ids-color-error-30);
1118
+ --ids-textarea-color-text-error-disabled: var(--ids-color-error-30);
1119
+ --ids-textarea-color-border-error-focus: var(--ids-color-error-60);
1120
+ --ids-textarea-shadow-error-focus: 0 0 3px 2px rgba(218 18 23 / 0.3);
1121
+ --ids-textarea-color-text-error: var(--ids-color-error-80);
1122
+ --ids-textarea-color-border-focus: var(--ids-color-azure-60);
1123
+ --ids-textarea-shadow-focus: var(--ids-shadow-20);
1124
+ --ids-textarea-color-border-hover: var(--ids-color-neutral-90);
1125
+ --ids-textarea-color-border-info-default: var(--ids-color-info-70);
1126
+ --ids-textarea-color-border-info-disabled: var(--ids-color-info-30);
1127
+ --ids-textarea-color-text-info-disabled: var(--ids-color-info-30);
1128
+ --ids-textarea-color-border-info-focus: var(--ids-color-info-70);
1129
+ --ids-textarea-color-text-info-default: var(--ids-color-info-70);
1130
+ --ids-textarea-label-color-text-disabled: var(--ids-color-neutral-30);
1131
+ --ids-textarea-label-color-text-default: var(--ids-color-neutral-60);
1132
+ --ids-textarea-color-background-readonly: var(--ids-color-neutral-20);
1133
+ --ids-textarea-color-border-readonly: var(--ids-color-neutral-40);
1134
+ --ids-textarea-color-text-readonly: var(--ids-color-neutral-100);
1135
+ --ids-textarea-color-border-success-default: var(--ids-color-success-80);
1136
+ --ids-textarea-color-border-success-disabled: var(--ids-color-success-30);
1137
+ --ids-textarea-color-text-success-disabled: var(--ids-color-success-30);
1138
+ --ids-textarea-color-border-success-focus: var(--ids-color-success-80);
1139
+ --ids-textarea-shadow-success-focus: 0 0 3px 2px rgba(42 195 113 / 0.3);
1140
+ --ids-textarea-color-text-success-default: var(--ids-color-success-80);
1141
+ --ids-textarea-color-text-default: var(--ids-color-neutral-100);
1142
+ --ids-time-picker-button-color-background-expanded: var(--ids-color-primary);
1143
+ --ids-time-picker-input-color-border-expanded: var(--ids-color-primary);
1144
+ --ids-time-picker-popup-color-background: var(--ids-color-neutral-00);
1145
+ --ids-time-picker-popup-button-color-border: var(--ids-color-neutral-30);
1146
+ --ids-time-picker-popup-button-color-text-hover: var(--ids-color-azure-70);
1147
+ --ids-time-picker-popup-button-color-text-default: var(--ids-color-azure-60);
1148
+ --ids-time-picker-popup-colons-color-text: var(--ids-color-neutral-50);
1149
+ --ids-toast-color-background: var(--ids-popup-color-background);
1150
+ --ids-toast-color-border: var(--ids-popup-color-border);
1151
+ --ids-toast-color-text: var(--ids-color-neutral-100);
1152
+ --ids-toast-progress-color-background: var(--ids-progress-bar-fill-color-background);
1153
+ --ids-toolbar-formatter-color-background: var(--ids-color-neutral-80);
1154
+ --ids-tooltip-color-background: var(--ids-color-neutral-80);
1155
+ --ids-tooltip-padding: 8px 16px;
1156
+ --ids-tooltip-border-radius: var(--ids-border-radius-01);
1157
+ --ids-tooltip-color-text: var(--ids-color-neutral-00);
1158
+ --ids-tooltip-font-size: var(--ids-font-size-40);
1159
+ --ids-tooltip-shadow: var(--ids-popup-shadow);
1160
+ --ids-tooltip-error-color-background-error: var(--ids-color-error-default);
1161
+ --ids-tooltip-info-color-background-info: var(--ids-color-info-default);
1162
+ --ids-tooltip-color-background-warning: var(--ids-color-warning-default);
1163
+ --ids-tooltip-color-background-success: var(--ids-color-success-default);
1164
+ --ids-tooltip-color-background-inverse: var(--ids-color-neutral-00);
1165
+ --ids-tooltip-color-text-inverse: var(--ids-color-neutral-100);
1166
+ --ids-tree-node-color-text-disabled: var(--ids-color-neutral-40);
1167
+ --ids-tree-node-color-border-focus: var(--ids-color-primary);
1168
+ --ids-tree-node-shadow-focus: var(--ids-shadow-30);
1169
+ --ids-tree-node-color-border-hover: transparent;
1170
+ --ids-tree-node-color-text-hover: var(--ids-color-neutral-100);
1171
+ --ids-tree-node-color-background-selected: var(--ids-color-neutral-20);
1172
+ --ids-tree-node-color-text-selected: var(--ids-color-neutral-100);
1173
+ --ids-tree-node-color-text-default: var(--ids-color-neutral-60);
1174
+ --ids-tree-treemap-color-border: var(--ids-color-neutral-00);
1175
+ --ids-tree-treemap-title-color-background: var(--ids-color-neutral-60);
1176
+ --ids-tree-treemap-title-color-text: var(--ids-color-neutral-00);
1177
+ --ids-trigger-field-button-border-radius: var(--ids-border-radius-03);
1177
1178
  --ids-trigger-field-button-margin: 4px;
1178
- --ids-trigger-field-background-color: var(--ids-input-background-color);
1179
- --ids-trigger-field-readonly-background-color: var(--ids-input-readonly-background-color);
1180
- --ids-trigger-field-readonly-border-color: var(--ids-input-readonly-border-color);
1181
- --ids-trigger-field-readonly-text-color: var(--ids-input-readonly-text-color);
1182
- --ids-trigger-field-focus-border-color: var(--ids-input-focus-border-color)
1183
- --ids-trigger-field-focus-box-shadow: var(--ids-input-info-focus-box-shadow);
1184
- --ids-trigger-field-disabled-text-color: var(--ids-input-disabled-text-color);
1185
- --ids-trigger-field-disabled-border-color: var(--ids-input-disabled-border-color);
1179
+ --ids-trigger-field-color-background-default: var(--ids-input-color-background-default);
1180
+ --ids-trigger-field-color-background-readonly: var(--ids-input-color-background-readonly);
1181
+ --ids-trigger-field-color-border-readonly: var(--ids-input-color-border-readonly);
1182
+ --ids-trigger-field-color-text-readonly: var(--ids-input-color-text-readonly);
1183
+ --ids-trigger-field-color-border-focus: var(--ids-input-color-border-focus)
1184
+ --ids-trigger-field-shadow-focus: var(--ids-input-shadow-info-focus);
1185
+ --ids-trigger-field-color-text-disabled: var(--ids-input-color-text-disabled);
1186
+ --ids-trigger-field-color-border-disabled: var(--ids-input-color-border-disabled);
1186
1187
  --ids-trigger-field-icon-color: var(--ids-color-neutral-60);
1187
- --ids-upload-font-size: var(--ids-font-size-xl);
1188
- --ids-upload-advanced-background-color: var(--ids-color-neutral-10);
1189
- --ids-upload-advanced-border-color: var(--ids-color-neutral-50);
1190
- --ids-upload-advanced-disabled-background-color: var(--ids-color-neutral-10);
1191
- --ids-upload-advanced-disabled-border-color: var(--ids-color-neutral-30);
1192
- --ids-upload-advanced-disabled-text-color: var(--ids-text-color-disabled);
1193
- --ids-upload-advanced-dragenter-background-color: var(--ids-color-azure-10);
1194
- --ids-upload-advanced-dragenter-border-color: var(--ids-color-primary);
1195
- --ids-upload-advanced-errorarea-border-color: var(--ids-color-error-60);
1196
- --ids-upload-advanced-errorarea-disabled-border-color: var(--ids-color-error-30);
1197
- --ids-upload-advanced-errorarea-disabled-text-color: var(--ids-color-error-30);
1198
- --ids-upload-advanced-hover-background-color: var(--ids-color-neutral-20);
1199
- --ids-upload-advanced-hover-border-color: var(--ids-color-neutral-60);
1200
- --ids-upload-advanced-hover-text-color: var(--ids-text-color);
1201
- --ids-upload-advanced-hyperlink-focus-border-color: var(--ids-color-primary);
1202
- --ids-upload-advanced-hyperlink-focus-box-shadow: var(--ids-box-shadow-lg);
1203
- --ids-upload-advanced-label-text-color: var(--ids-text-color);
1204
- --ids-upload-advanced-text-color: var(--ids-color-neutral-50);
1205
- --ids-upload-advanced-file-border-color: var(--ids-color-neutral-50);
1206
- --ids-upload-advanced-file-completed-border-color: var(--ids-color-emerald-80);
1207
- --ids-upload-advanced-file-completed-text-color: var(--ids-color-emerald-80);
1208
- --ids-upload-advanced-file-disabled-border-color: var(--ids-color-neutral-30);
1209
- --ids-upload-advanced-file-disabled-completed-border-color: var(--ids-color-emerald-30);
1210
- --ids-upload-advanced-file-disabled-completed-text-color: var(--ids-color-emerald-30);
1211
- --ids-upload-advanced-file-disabled-error-border-color: var(--ids-color-ruby-30);
1212
- --ids-upload-advanced-file-disabled-text-color: var(--ids-color-neutral-30);
1213
- --ids-upload-advanced-file-error-border-color: var(--ids-color-ruby-60);
1214
- --ids-week-view-background-color: var(--ids-body-background-color);
1215
- --ids-week-view-border-color: var(--ids-color-neutral-20);
1216
- --ids-week-view-header-background-color: var(--ids-body-background-color);
1188
+ --ids-upload-font-size: var(--ids-font-size-60);
1189
+ --ids-upload-advanced-color-background-default: var(--ids-color-neutral-10);
1190
+ --ids-upload-advanced-color-border-default: var(--ids-color-neutral-50);
1191
+ --ids-upload-advanced-color-background-disabled: var(--ids-color-neutral-10);
1192
+ --ids-upload-advanced-color-border-disabled: var(--ids-color-neutral-30);
1193
+ --ids-upload-advanced-color-background-drag-enter: var(--ids-color-azure-10);
1194
+ --ids-upload-advanced-color-border-drag-enter: var(--ids-color-primary);
1195
+ --ids-upload-advanced-error-area-color-border-error: var(--ids-color-error-60);
1196
+ --ids-upload-advanced-area-color-border-error-disabled: var(--ids-color-error-30);
1197
+ --ids-upload-advanced-color-text-error-disabled: var(--ids-color-error-30);
1198
+ --ids-upload-advanced-color-background-hover: var(--ids-color-neutral-20);
1199
+ --ids-upload-advanced-color-border-hover: var(--ids-color-neutral-60);
1200
+ --ids-upload-advanced-color-text-hover: var(--ids-color-text);
1201
+ --ids-upload-advanced-color-border-focus: var(--ids-color-primary);
1202
+ --ids-upload-advanced-link-shadow-focus: var(--ids-shadow-30);
1203
+ --ids-upload-advanced-label-color-text: var(--ids-color-text);
1204
+ --ids-upload-advanced-color-text-default: var(--ids-color-neutral-50);
1205
+ --ids-upload-advanced-file-color-border-default: var(--ids-color-neutral-50);
1206
+ --ids-upload-advanced-color-border-complete-default: var(--ids-color-emerald-80);
1207
+ --ids-upload-advanced-file-color-text-complete: var(--ids-color-emerald-80);
1208
+ --ids-upload-advanced-file-color-border-disabled: var(--ids-color-neutral-30);
1209
+ --ids-upload-advanced-color-border-complete-disabled: var(--ids-color-emerald-30);
1210
+ --ids-upload-advanced-color-text-complete-disabled: var(--ids-color-emerald-30);
1211
+ --ids-upload-advanced-file-color-border-error-disabled: var(--ids-color-ruby-30);
1212
+ --ids-upload-advanced-color-text-disabled: var(--ids-color-neutral-30);
1213
+ --ids-upload-advanced-color-border-error-default: var(--ids-color-ruby-60);
1214
+ --ids-week-view-color-background: var(--ids-color-background-default);
1215
+ --ids-week-view-color-border: var(--ids-color-neutral-20);
1216
+ --ids-week-view-header-color-background: var(--ids-color-background-default);
1217
1217
  --ids-week-view-row-height: 25px;
1218
- --ids-week-view-row-odd-border-color: var(--ids-color-neutral-10);
1219
- --ids-week-view-text-color: var(--ids-text-color);
1218
+ --ids-week-view-row-odd-color-border: var(--ids-color-neutral-10);
1219
+ --ids-week-view-color-text: var(--ids-color-text);
1220
1220
  --ids-week-view-time-marker-color: var(--ids-color-primary);
1221
1221
  --ids-week-view-today-color: var(--ids-color-primary);
1222
1222
  --ids-wizard-step-width: 14px;
1223
- --ids-wizard-step-color: var(--ids-color-primary);
1224
- --ids-wizard-unvisited-step-color: var(--ids-color-neutral-60);
1225
- --ids-wizard-step-inner-border-color: var(--ids-body-background-color);
1223
+ --ids-wizard-step-color-default: var(--ids-color-primary);
1224
+ --ids-wizard-step-color-unvisited: var(--ids-color-neutral-60);
1225
+ --ids-wizard-step-inner-border-color-border: var(--ids-color-background-default);
1226
1226
  }
1227
1227
 
1228
1228
  :root {
1229
1229
  --ids-color-primary: var(--ids-color-neutral-60);
1230
1230
  --ids-color-text-on-primary: var(--ids-color-neutral-10);
1231
- --ids-body-background-color: var(--ids-color-neutral-100);
1232
- --ids-body-text-on-background-color: var(--ids-color-neutral-00);
1233
- --ids-text-color: var(--ids-color-neutral-10);
1234
- --ids-text-color-label: var(--ids-color-neutral-30);
1235
- --ids-color-on-text: var(--ids-color-neutral-100);
1236
- --ids-text-color-subtle: var(--ids-color-neutral-20);
1237
- --ids-text-color-data: var(--ids-color-neutral-00);
1238
- --ids-text-color-disabled: var(--ids-color-neutral-50);
1239
- --ids-text-color-error: var(--ids-color-error-50);
1240
- --ids-text-color-info: var(--ids-color-info-60);
1241
- --ids-text-color-success: var(--ids-color-success-50);
1242
- --ids-text-color-warning: var(--ids-color-warning-50);
1231
+ --ids-color-background-default: var(--ids-color-neutral-100);
1232
+ --ids-color-text-default: var(--ids-color-neutral-00);
1233
+ --ids-color-text: var(--ids-color-neutral-10);
1234
+ --ids-color-text-label: var(--ids-color-neutral-30);
1235
+ --ids-color-text-inverse: var(--ids-color-neutral-100);
1236
+ --ids-color-text-subtle: var(--ids-color-neutral-20);
1237
+ --ids-color-text-data: var(--ids-color-neutral-00);
1238
+ --ids-color-text-disabled: var(--ids-color-neutral-50);
1239
+ --ids-color-text-error: var(--ids-color-error-50);
1240
+ --ids-color-text-info: var(--ids-color-info-60);
1241
+ --ids-color-text-success: var(--ids-color-success-50);
1242
+ --ids-color-text-warning: var(--ids-color-warning-50);
1243
1243
  --ids-color-error-10: var(--ids-color-error-90);
1244
1244
  --ids-color-warning-10: var(--ids-color-amber-90);
1245
- --ids-color-caution-00: var(--ids-color-neutral-100);
1245
+ --ids-color-text-on-caution: var(--ids-color-neutral-100);
1246
1246
  --ids-color-caution-10: var(--ids-color-amber-90);
1247
1247
  --ids-color-info-10: var(--ids-color-primary-90);
1248
1248
  --ids-color-success-10: var(--ids-color-emerald-90);
1249
- --ids-box-shadow-none: 0 0 3px 2px rgba(85 163 243 / 0);
1250
- --ids-box-shadow-error: 0 0 3px 2px rgb(218 18 23 / 0.30);
1249
+ --ids-shadow-none: 0 0 3px 2px rgba(85 163 243 / 0);
1250
+ --ids-shadow-error: 0 0 3px 2px rgb(218 18 23 / 0.30);
1251
1251
  --ids-box-shadow-inverse: 0 0 2px 1px rgba(255 255 255 / .8);
1252
- --ids-box-shadow-sm: 0 0 3px 1px rgb(85 163 243 / 0.3);
1253
- --ids-box-shadow-md: 0 0 3px 2px rgb(85 163 243 / 0.3);
1254
- --ids-box-shadow-lg: 0 0 4px 3px rgb(85 163 243 / 0.3);
1255
- --ids-focus-border-color: var(--ids-color-primary-50);
1256
- --ids-accordion-header-border-bottom-color: var(--ids-color-neutral-70);
1257
- --ids-accordion-header-disabled-icon-color: var(--ids-color-neutral-50);
1258
- --ids-accordion-header-disabled-text-color: var(--ids-color-neutral-50);
1259
- --ids-accordion-header-focus-border-color: var(--ids-color-azure-60);
1260
- --ids-accordion-header-icon-color: var(--ids-color-neutral-10);
1261
- --ids-accordion-header-text-color: var(--ids-color-neutral-00);
1262
- --ids-app-menu-accordion-header-disabled-background-color: var(--ids-color-neutral-20);
1263
- --ids-app-menu-accordion-header-disabled-border-color: var(--ids-color-neutral-20);
1264
- --ids-app-menu-accordion-header-disabled-text-color: var(--ids-color-neutral-70);
1265
- --ids-app-menu-accordion-header-filter-background-color: var(--ids-color-neutral-100);
1266
- --ids-app-menu-accordion-header-filter-match-text-color: var(--ids-color-neutral-40);
1267
- --ids-app-menu-accordion-header-focus-border-color: var(--ids-color-azure-40);
1268
- --ids-app-menu-accordion-header-hover-background-color: var(--ids-color-neutral-100);
1269
- --ids-app-menu-accordion-header-hover-border-color: var(--ids-color-neutral-100);
1270
- --ids-app-menu-accordion-panel-background-color: var(--ids-color-neutral-90);
1271
- --ids-action-panel-header-background-color: var(--ids-color-neutral-80);
1272
- --ids-action-panel-header-border-color: var(--ids-color-neutral-90);
1252
+ --ids-shadow-10: 0 0 3px 1px rgb(85 163 243 / 0.3);
1253
+ --ids-shadow-20: 0 0 3px 2px rgb(85 163 243 / 0.3);
1254
+ --ids-shadow-30: 0 0 4px 3px rgb(85 163 243 / 0.3);
1255
+ --ids-color-border-focus: var(--ids-color-primary-50);
1256
+ --ids-accordion-header-color-border-bottom: var(--ids-color-neutral-70);
1257
+ --ids-accordion-header-color-border-disabled: var(--ids-color-neutral-50);
1258
+ --ids-accordion-header-color-text-disabled: var(--ids-color-neutral-50);
1259
+ --ids-accordion-header-color-border-focus: var(--ids-color-azure-60);
1260
+ --ids-accordion-header-color-icon: var(--ids-color-neutral-10);
1261
+ --ids-app-menu-accordion-header-color-background-disabled: var(--ids-color-neutral-20);
1262
+ --ids-app-menu-accordion-header-color-border-disabled: var(--ids-color-neutral-20);
1263
+ --ids-app-menu-accordion-header-color-text-disabled: var(--ids-color-neutral-70);
1264
+ --ids-app-menu-accordion-header-color-background-default: var(--ids-color-neutral-100);
1265
+ --ids-app-menu-accordion-header-filter-match-color-text: var(--ids-color-neutral-40);
1266
+ --ids-app-menu-accordion-header-color-border-focus: var(--ids-color-azure-40);
1267
+ --ids-app-menu-header-color-background-hover: var(--ids-color-neutral-100);
1268
+ --ids-app-menu-header-color-border-hover: var(--ids-color-neutral-100);
1269
+ --ids-app-menu-accordion-panel-color-background: var(--ids-color-neutral-90);
1270
+ --ids-action-panel-header-color-background: var(--ids-color-neutral-80);
1271
+ --ids-action-panel-header-color-border: var(--ids-color-neutral-90);
1273
1272
  --ids-action-panel-content-background-color: var(--ids-color-neutral-100);
1274
- --ids-action-sheet-background-color: var(--ids-color-neutral-70);
1275
- --ids-action-sheet-border-color: var(--ids-color-neutral-50);
1276
- --ids-alert-in-progress-color: var(--ids-color-amethyst-30);
1277
- --ids-alert-in-progress-disabled-color: var(--ids-color-amethyst-70);
1278
- --ids-axis-chart-grid-stroke: var(--ids-color-neutral-40);
1279
- --ids-axis-chart-last-line-stroke: var(--ids-color-neutral-30);
1280
- --ids-axis-chart-label-text-fill: var(--ids-color-neutral-10);
1281
- --ids-badge-background-color: var(--ids-color-neutral-60);
1282
- --ids-badge-border-color: var(--ids-color-neutral-60);
1283
- --ids-badge-error-background-color: var(--ids-color-error-50);
1284
- --ids-badge-error-border-color: var(--ids-color-error-50);
1285
- --ids-badge-error-color: var(--ids-color-error-00);
1286
- --ids-badge-info-background-color: var(--ids-color-info-60);
1287
- --ids-badge-info-border-color: var(--ids-color-info-60);
1288
- --ids-badge-info-color: var(--ids-color-info-00);
1289
- --ids-badge-success-background-color: var(--ids-color-success-80);
1290
- --ids-badge-success-border-color: var(--ids-color-success-80);
1291
- --ids-badge-success-color: var(--ids-color-success-00);
1292
- --ids-badge-warning-background-color: var(--ids-color-warning-50);
1293
- --ids-badge-warning-border-color: var(--ids-color-warning-50);
1294
- --ids-badge-warning-color: var(--ids-color-neutral-100);
1295
- --ids-block-grid-item-selectable-container-hover-background-color: var(--ids-color-neutral-80);
1296
- --ids-button-primary-border-color: var(--ids-color-primary-40);
1297
- --ids-button-primary-background-color: var(--ids-color-primary-40);
1298
- --ids-button-primary-text-color: var(--ids-body-background-color);
1299
- --ids-button-primary-focus-border-color: var(--ids-color-primary-40);
1300
- --ids-button-primary-focus-box-shadow: 0 0 0 2px var(--ids-body-background-color), 0 0 0 3px var(--ids-color-primary-40), 0 0 4px 3px var(--ids-color-primary-40);
1301
- --ids-button-primary-hover-background-color: var(--ids-color-primary-30);
1302
- --ids-button-primary-hover-border-color: var(--ids-color-primary-30);
1303
- --ids-button-primary-disabled-background-color: var(--ids-color-neutral-90);
1304
- --ids-button-primary-disabled-border-color: var(--ids-color-neutral-90);
1305
- --ids-button-primary-disabled-text-color: var(--ids-color-neutral-40);
1306
- --ids-button-primary-ripple-color: var(--ids-color-primary-80);
1307
- --ids-button-secondary-background-color: transparent;
1273
+ --ids-action-sheet-color-background: var(--ids-color-neutral-70);
1274
+ --ids-action-sheet-color-border: var(--ids-color-neutral-50);
1275
+ --ids-alert-color-progress-default: var(--ids-color-amethyst-30);
1276
+ --ids-alert-color-progress-disabled: var(--ids-color-amethyst-70);
1277
+ --ids-axis-chart-grid-color: var(--ids-color-neutral-40);
1278
+ --ids-axis-chart-last-line-color-border: var(--ids-color-neutral-30);
1279
+ --ids-axis-chart-color-text: var(--ids-color-neutral-10);
1280
+ --ids-badge-color-background: var(--ids-color-neutral-60);
1281
+ --ids-badge-color-border: var(--ids-color-neutral-60);
1282
+ --ids-badge-color-background-error: var(--ids-color-error-50);
1283
+ --ids-badge-color-border-error: var(--ids-color-error-50);
1284
+ --ids-badge-color-error: var(--ids-color-text-on-error);
1285
+ --ids-badge-color-background-info: var(--ids-color-info-60);
1286
+ --ids-badge-color-border-info: var(--ids-color-info-60);
1287
+ --ids-badge-color-info: var(--ids-color-text-on-info);
1288
+ --ids-badge-color-background-success: var(--ids-color-success-80);
1289
+ --ids-badge-color-border-success: var(--ids-color-success-80);
1290
+ --ids-badge-color-success: var(--ids-color-text-on-success);
1291
+ --ids-badge-color-background-warning: var(--ids-color-warning-50);
1292
+ --ids-badge-color-border-warning: var(--ids-color-warning-50);
1293
+ --ids-badge-color-warning: var(--ids-color-neutral-100);
1294
+ --ids-block-grid-item-color-background-selectable-hover: var(--ids-color-neutral-80);
1295
+ --ids-button-primary-color-border-default: var(--ids-color-primary-40);
1296
+ --ids-button-primary-color-background-default: var(--ids-color-primary-40);
1297
+ --ids-button-primary-color-text-default: var(--ids-color-background-default);
1298
+ --ids-button-primary-color-border-focus: var(--ids-color-primary-40);
1299
+ --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);
1300
+ --ids-button-primary-color-background-hover: var(--ids-color-primary-30);
1301
+ --ids-button-primary-color-border-hover: var(--ids-color-primary-30);
1302
+ --ids-button-primary-color-background-disabled: var(--ids-color-neutral-90);
1303
+ --ids-button-primary-color-border-disabled: var(--ids-color-neutral-90);
1304
+ --ids-button-primary-color-text-disabled: var(--ids-color-neutral-40);
1305
+ --ids-button-primary-color-background-pressed: var(--ids-color-primary-80);
1306
+ --ids-button-secondary-color-background-default: transparent;
1308
1307
  --ids-button-secondary-border-width: 2px;
1309
- --ids-button-secondary-border-color: var(--ids-color-primary-40);
1310
- --ids-button-secondary-text-color: var(--ids-color-primary-40);
1311
- --ids-button-secondary-focus-border-color: var(--ids-color-primary-50);
1312
- --ids-button-secondary-focus-box-shadow: 0 0 0 2px var(--ids-body-background-color), 0 0 0 3px var(--ids-color-primary-50), 0 0 4px 3px var(--ids-color-primary-50);
1313
- --ids-button-secondary-hover-background-color: var(--ids-color-neutral-90);
1314
- --ids-button-secondary-disabled-background-color: var(--ids-color-neutral-90);
1315
- --ids-button-secondary-disabled-border-color: var(--ids-color-neutral-40);
1316
- --ids-button-secondary-disabled-text-color: var(--ids-color-neutral-40);
1317
- --ids-button-secondary-ripple-color: var(--ids-color-primary-40);
1318
- --ids-button-tertiary-border-color: transparent;
1319
- --ids-button-tertiary-text-color: var(--ids-color-neutral-20);
1320
- --ids-button-tertiary-focus-border-color: var(--ids-focus-border-color);
1321
- --ids-button-tertiary-hover-text-color: var(--ids-color-text-on-primary);
1322
- --ids-button-tertiary-hover-background-color: var(--ids-color-neutral-90);
1323
- --ids-button-tertiary-disabled-text-color: var(--ids-color-neutral-40);
1324
- --ids-button-tertiary-ripple-color: var(--ids-color-primary-40);
1325
- --ids-button-destructive-hover-background-color: var(--ids-color-neutral-90);
1326
- --ids-button-alternate-formatter-text-color: var(--ids-color-neutral-80);
1327
- --ids-button-formatter-border-color: var(--ids-color-neutral-70);
1328
- --ids-button-alternate-formatter-text-color-hover: var(--ids-color-neutral-100);
1329
- --ids-button-formatter-ripple-color: var(--ids-color-primary);
1330
- --ids-calendar-toolbar-container-background-color: var(--ids-color-neutral-80);
1331
- --ids-calendar-toolbar-container-border-color: var(--ids-color-neutral-70);
1332
- --ids-card-background-color: var(--ids-color-neutral-90);
1333
- --ids-card-border-color: var(--ids-color-neutral-70);
1334
- --ids-card-divider-border-color: var(--ids-color-neutral-80);
1335
- --ids-card-box-shadow: 0 0 8px rgba(0 0 0 / 0.7);
1336
- --ids-card-selected-background-color: rgba(85 163 243 / 0.12);
1337
- --ids-chart-legend-text-color: var(--ids-text-color);
1338
- --ids-data-grid-background-color: var(--ids-color-neutral-100);
1339
- --ids-data-grid-cell-background-color: var(--ids-color-neutral-100);
1340
- --ids-data-grid-cell-readonly-background-color: rgba(119 119 124 / 0.18);
1341
- --ids-data-grid-cell-border-color: var(--ids-color-neutral-60);
1342
- --ids-data-grid-cell-checkbox-border-color: var(--ids-color-neutral-40);
1343
- --ids-data-grid-cell-text-color: var(--ids-color-neutral-00);
1344
- --ids-data-grid-cell-disabled-text-color: var(--ids-color-neutral-50);
1345
- --ids-data-grid-cell-invalid-background-color: rgba(232 79 79 / 0.1);
1346
- --ids-data-grid-list-cell-border-color: var(--ids-color-neutral-60);
1347
- --ids-data-grid-list-header-border-color: var(--ids-color-neutral-80);
1348
- --ids-data-grid-list-header-background-color: var(--ids-color-neutral-80);
1349
- --ids-data-grid-list-header-text-color: var(--ids-color-neutral-30);
1350
- --ids-data-grid-list-header-unsorted-icon-color: var(--ids-color-neutral-40);
1351
- --ids-data-grid-list-header-sorted-icon-color: var(--ids-color-neutral-20);
1352
- --ids-data-grid-list-header-checkbox-background-color: var(--ids-color-neutral-40);
1353
- --ids-data-grid-header-border-color: var(--ids-color-neutral-80);
1354
- --ids-data-grid-header-background-color: var(--ids-color-neutral-20);
1355
- --ids-data-grid-header-checkbox-border-color: var(--ids-color-neutral-100);
1356
- --ids-data-grid-header-checkbox-background-color: transparent;
1357
- --ids-data-grid-header-icon-color: var(--ids-color-neutral-100);
1358
- --ids-data-grid-header-drag-placeholder-background-color: var(--ids-color-neutral-10);
1359
- --ids-data-grid-header-text-color: var(--ids-color-neutral-100);
1360
- --ids-data-grid-header-unsorted-icon-color: var(--ids-color-neutral-40);
1361
- --ids-data-grid-header-sorted-icon-color: var(--ids-color-neutral-100);
1362
- --ids-data-grid-filter-input-border-color: var(--ids-color-neutral-60);
1363
- --ids-data-grid-filter-input-text-color: var(--ids-color-neutral-90);
1364
- --ids-data-grid-filter-input-hover-color: var(--ids-color-neutral-100);
1365
- --ids-data-grid-filter-input-focus-color: var(--ids-color-azure-50);
1366
- --ids-data-grid-filter-input-disabled-border-color: var(--ids-color-neutral-40);
1367
- --ids-data-grid-filter-input-disabled-text-color: var(--ids-color-neutral-40);
1368
- --ids-data-grid-filter-input-readonly-background-color: var(--ids-color-neutral-30);
1369
- --ids-data-grid-filter-input-readonly-border-color: var(--ids-color-neutral-40);
1370
- --ids-data-grid-filter-input-readonly-text-color: var(--ids-color-neutral-90);
1371
- --ids-data-grid-filter-input-placeholder-text-color: var(--ids-color-neutral-40);
1372
- --ids-data-grid-row-selected-background-color: rgba(85 163 243 / 0.12);
1373
- --ids-data-grid-row-alternate-background-color: var(--ids-color-neutral-80);
1374
- --ids-data-grid-row-focus-box-shadow: inset 0 0 0 1px var(--ids-color-azure-50), 0 1px 0 0 var(--ids-color-azure-50), 0 0 3px 2px rgb(54 138 192 / 0.3);
1375
- --ids-date-picker-picklist-background-color: var(--ids-color-neutral-70);
1376
- --ids-date-picker-picklist-item-focus-border-color: var(--ids-color-primary-40);
1377
- --ids-date-picker-picklist-item-selected-background-color: var(--ids-color-primary-40);
1378
- --ids-date-picker-popup-button-today-text-color: var(--ids-color-primary-40);
1379
- --ids-date-picker-picklist-separator-background-color: var(--ids-color-neutral-50);
1380
- --ids-dirty-indicator-background-color: var(--ids-color-amber-40);
1381
- --ids-drawer-action-sheet-background-color: var(--ids-color-neutral-90);
1382
- --ids-drawer-action-sheet-text-color: var(--ids-color-neutral-10);
1383
- --ids-drawer-app-menu-background-color: var(--ids-color-neutral-90);
1384
- --ids-drawer-app-menu-text-color: var(--ids-color-neutral-10);
1385
- --ids-dropdown-background-color: var(--ids-popup-background-color);
1386
- --ids-dropdown-border-color: var(--ids-focus-border-color);
1387
- --ids-dropdown-attached-border-color: var(--ids-color-neutral-50);
1388
- --ids-dropdown-box-shadow: -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);
1389
- --ids-dropdown-flipped-box-shadow: 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);
1390
- --ids-dropdown-icon-color: var(--ids-color-neutral-10);
1391
- --ids-dropdown-typeahead-background-color: var(--ids-color-neutral-30);
1392
- --ids-dropdown-text-color: var(--ids-color-neutral-00);
1393
- --ids-dropdown-hover-background-color: var(--ids-color-neutral-90);
1394
- --ids-dropdown-group-text-color: var(--ids-color-neutral-20);
1395
- --ids-dropdown-group-border-color: var(--ids-color-neutral-50);
1308
+ --ids-button-secondary-color-border-default: var(--ids-color-primary-40);
1309
+ --ids-button-secondary-color-text-default: var(--ids-color-primary-40);
1310
+ --ids-button-secondary-color-border-focus: var(--ids-color-primary-50);
1311
+ --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);
1312
+ --ids-button-secondary-color-background-hover: var(--ids-color-neutral-90);
1313
+ --ids-button-secondary-color-background-disabled: var(--ids-color-neutral-90);
1314
+ --ids-button-secondary-color-border-disabled: var(--ids-color-neutral-40);
1315
+ --ids-button-secondary-color-text-disabled: var(--ids-color-neutral-40);
1316
+ --ids-button-secondary-color-background-pressed: var(--ids-color-primary-40);
1317
+ --ids-button-tertiary-color-border-default: transparent;
1318
+ --ids-button-tertiary-color-text-default: var(--ids-color-neutral-20);
1319
+ --ids-button-tertiary-color-border-focus: var(--ids-color-border-focus);
1320
+ --ids-button-tertiary-color-text-hover: var(--ids-color-text-on-primary);
1321
+ --ids-button-tertiary-color-background-hover: var(--ids-color-neutral-90);
1322
+ --ids-button-tertiary-color-text-disabled: var(--ids-color-neutral-40);
1323
+ --ids-button-tertiary-color-background-pressed: var(--ids-color-primary-40);
1324
+ --ids-button-destructive-color-background-hover: var(--ids-color-neutral-90);
1325
+ --ids-button-formatter-color-text-default: var(--ids-color-neutral-80);
1326
+ --ids-button-formatter-color-border: var(--ids-color-neutral-70);
1327
+ --ids-button-formatter-color-text-hover: var(--ids-color-neutral-100);
1328
+ --ids-calendar-toolbar-color-background: var(--ids-color-neutral-80);
1329
+ --ids-calendar-toolbar-color-border: var(--ids-color-neutral-70);
1330
+ --ids-card-color-background: var(--ids-color-neutral-90);
1331
+ --ids-card-color-border: var(--ids-color-neutral-70);
1332
+ --ids-card-divider-color-border: var(--ids-color-neutral-80);
1333
+ --ids-card-shadow: 0 0 8px rgba(0 0 0 / 0.7);
1334
+ --ids-card-color-background-selected: rgba(85 163 243 / 0.12);
1335
+ --ids-chart-legend-color-text: var(--ids-color-text);
1336
+ --ids-data-grid-color-background: var(--ids-color-neutral-100);
1337
+ --ids-data-grid-cell-color-background-default: var(--ids-color-neutral-100);
1338
+ --ids-data-grid-cell-color-background-readonly: rgba(119 119 124 / 0.18);
1339
+ --ids-data-grid-cell-color-border: var(--ids-color-neutral-60);
1340
+ --ids-data-grid-cell-checkbox-color-border: var(--ids-color-neutral-40);
1341
+ --ids-data-grid-cell-color-text-default: var(--ids-color-neutral-00);
1342
+ --ids-data-grid-cell-color-text-disabled: var(--ids-color-neutral-50);
1343
+ --ids-data-grid-cell-color-background-error: rgba(232 79 79 / 0.1);
1344
+ --ids-data-grid-list-cell-color-border: var(--ids-color-neutral-60);
1345
+ --ids-data-grid-list-header-color-border: var(--ids-color-neutral-80);
1346
+ --ids-data-grid-list-header-color-background: var(--ids-color-neutral-80);
1347
+ --ids-data-grid-list-header-color-text: var(--ids-color-neutral-30);
1348
+ --ids-data-grid-list-header-color-icon-unsorted: var(--ids-color-neutral-40);
1349
+ --ids-data-grid-list-header-color-icon-sorted: var(--ids-color-neutral-20);
1350
+ --ids-data-grid-list-header-checkbox-color-background: var(--ids-color-neutral-40);
1351
+ --ids-data-grid-header-color-border: var(--ids-color-neutral-80);
1352
+ --ids-data-grid-header-color-background-default: var(--ids-color-neutral-20);
1353
+ --ids-data-grid-header-checkbox-color-border: var(--ids-color-neutral-100);
1354
+ --ids-data-grid-header-checkbox-color-background: transparent;
1355
+ --ids-data-grid-header-color-icon: var(--ids-color-neutral-100);
1356
+ --ids-data-grid-header-color-background-placeholder-dragging: var(--ids-color-neutral-10);
1357
+ --ids-data-grid-header-color-text: var(--ids-color-neutral-100);
1358
+ --ids-data-grid-header-color-icon-unsorted: var(--ids-color-neutral-40);
1359
+ --ids-data-grid-header-color-icon-sorted: var(--ids-color-neutral-100);
1360
+ --ids-data-grid-header-expander-color: var(--ids-color-neutral-70);
1361
+ --ids-data-grid-header-expander-active-color: var(--ids-color-neutral-100);
1362
+ --ids-data-grid-filter-input-color-border-default: var(--ids-color-neutral-60);
1363
+ --ids-data-grid-filter-input-color-text-default: var(--ids-color-neutral-90);
1364
+ --ids-data-grid-filter-input-color-background-hover: var(--ids-color-neutral-100);
1365
+ --ids-data-grid-filter-input-color-border-focus: var(--ids-color-azure-50);
1366
+ --ids-data-grid-filter-input-color-border-disabled: var(--ids-color-neutral-40);
1367
+ --ids-data-grid-filter-input-color-text-disabled: var(--ids-color-neutral-40);
1368
+ --ids-data-grid-filter-input-color-background-readonly: var(--ids-color-neutral-30);
1369
+ --ids-data-grid-filter-input-color-border-readonly: var(--ids-color-neutral-40);
1370
+ --ids-data-grid-filter-input-color-text-readonly: var(--ids-color-neutral-90);
1371
+ --ids-data-grid-filter-input-color-text-placeholder: var(--ids-color-neutral-40);
1372
+ --ids-data-grid-row-color-background-selected: rgba(85 163 243 / 0.12);
1373
+ --ids-data-grid-row-alternating-color-background: var(--ids-color-neutral-80);
1374
+ --ids-data-grid-row-shadow-focus: inset 0 0 0 1px var(--ids-color-azure-50), 0 1px 0 0 var(--ids-color-azure-50), 0 0 3px 2px rgb(54 138 192 / 0.3);
1375
+ --ids-date-picker-color-background: var(--ids-color-neutral-70);
1376
+ --ids-date-picker-item-color-border-focus: var(--ids-color-primary-40);
1377
+ --ids-date-picker-picklist-item-color-background-selected: var(--ids-color-primary-40);
1378
+ --ids-date-picker-popup-button-today-color-text: var(--ids-color-primary-40);
1379
+ --ids-date-picker-picklist-separator-color-background: var(--ids-color-neutral-50);
1380
+ --ids-input-dirty-indicator-color-background-dirty: var(--ids-color-amber-40);
1381
+ --ids-drawer-action-sheet-color-background: var(--ids-color-neutral-90);
1382
+ --ids-drawer-action-sheet-color-text: var(--ids-color-neutral-10);
1383
+ --ids-drawer-app-menu-color-background: var(--ids-color-neutral-90);
1384
+ --ids-drawer-app-menu-color-text: var(--ids-color-neutral-10);
1385
+ --ids-dropdown-color-background-default: var(--ids-popup-color-background);
1386
+ --ids-dropdown-color-border: var(--ids-color-border-focus);
1387
+ --ids-dropdown-attached-color-border: var(--ids-color-neutral-50);
1388
+ --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);
1389
+ --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);
1390
+ --ids-dropdown-color-icon: var(--ids-color-neutral-10);
1391
+ --ids-dropdown-typeahead-color-background: var(--ids-color-neutral-30);
1392
+ --ids-dropdown-color-text-default: var(--ids-color-neutral-00);
1393
+ --ids-dropdown-color-background-hover: var(--ids-color-neutral-90);
1394
+ --ids-dropdown-group-color-text: var(--ids-color-neutral-20);
1395
+ --ids-dropdown-group-color-border: var(--ids-color-neutral-50);
1396
1396
  --ids-editor-background-color: var(--ids-color-neutral-100);
1397
- --ids-editor-border-color: var(--ids-color-neutral-40);
1398
- --ids-editor-hover-border-color: var(--ids-color-neutral-10);
1399
- --ids-editor-readonly-background-color: var(--ids-color-neutral-70);
1400
- --ids-editor-readonly-border-color: var(--ids-color-neutral-40);
1401
- --ids-editor-readonly-source-line-numbers-background-color: var(--ids-color-neutral-90);
1402
- --ids-editor-disabled-border-color: var(--ids-text-color-disabled);
1403
- --ids-editor-disabled-text-color: var(--ids-text-color-disabled);
1404
- --ids-editor-link-text-color: var(--ids-color-primary-40);
1405
- --ids-editor-link-hover-text-color: var(--ids-color-primary-60);
1406
- --ids-editor-link-focus-border-color: var(--ids-color-primary);
1407
- --ids-editor-link-focus-box-shadow: var(--ids-focus-box-shadow);
1408
- --ids-editor-source-line-numbers-background-color: var(--ids-color-neutral-80);
1409
- --ids-editor-source-line-numbers-text-color: var(--ids-color-neutral-40);
1410
- --ids-editor-source-textarea-text-color: var(--ids-text-color-data);
1397
+ --ids-editor-color-border-default: var(--ids-color-neutral-40);
1398
+ --ids-editor-color-border-hover: var(--ids-color-neutral-10);
1399
+ --ids-editor-color-background-readonly: var(--ids-color-neutral-70);
1400
+ --ids-editor-color-border-readonly: var(--ids-color-neutral-40);
1401
+ --ids-editor-source-color-background-readonly: var(--ids-color-neutral-90);
1402
+ --ids-editor-color-border-disabled: var(--ids-color-text-disabled);
1403
+ --ids-editor-color-text-disabled: var(--ids-color-text-disabled);
1404
+ --ids-editor-link-color-text-link: var(--ids-color-primary-40);
1405
+ --ids-editor-link-color-text-hover: var(--ids-color-primary-60);
1406
+ --ids-editor-link-color-border-focus: var(--ids-color-primary);
1407
+ --ids-editor-shadow-focus: var(--ids-shadow-focus);
1408
+ --ids-editor-source-color-background-default: var(--ids-color-neutral-80);
1409
+ --ids-editor-source-line-color-text: var(--ids-color-neutral-40);
1410
+ --ids-editor-source-color-text: var(--ids-color-text-data);
1411
1411
  --ids-expandable-area-border-bottom: 1px solid var(--ids-color-neutral-50);
1412
1412
  --ids-empty-message-icon-color: var(--ids-color-neutral-60);
1413
- --ids-empty-message-icon-fill: transparent;
1414
- --ids-header-background-color: var(--ids-color-primary);
1415
- --ids-header-gradient-opaque: rgb(0 114 237 / 1);
1416
- --ids-header-gradient-transparent: rgb(0 114 237 / 0);
1417
- --ids-hierarchy-item-leaf-border-color: var(--ids-color-neutral-70);
1418
- --ids-hierarchy-item-leaf-inside-background-color: var(--ids-color-neutral-100);
1419
- --ids-hierarchy-item-leaf-inside-box-shadow: 0 0 8px rgb(0 0 0 / 0.7);
1420
- --ids-hierarchy-item-selected-leaf-box-shadow: 0 0 0 5px rgba(141 201 230 / 0.3);
1421
- --ids-hyperlink-text-color: var(--ids-color-primary-40);
1422
- --ids-hyperlink-hover-text-color: var(--ids-color-primary-60);
1423
- --ids-hyperlink-disabled-text-color: var(--ids-color-neutral-50);
1424
- --ids-icon-color: var(--ids-color-neutral-20);
1425
- --ids-icon-color-disabled: var(--ids-text-color-disabled);
1426
- --ids-input-background-color: transparent;
1427
- --ids-input-border-color: var(--ids-color-neutral-40);
1428
- --ids-input-text-color: var(--ids-text-color-data);
1429
- --ids-input-label-text-color: var(--ids-text-color-label);
1430
- --ids-input-readonly-border-color: var(--ids-color-neutral-40);
1431
- --ids-input-readonly-text-color: var(--ids-text-color-data);
1432
- --ids-input-readonly-background-color: var(--ids-color-neutral-70);
1433
- --ids-input-disabled-text-color: var(--ids-text-color-disabled);
1434
- --ids-input-disabled-border-color: var(--ids-text-color-disabled);
1435
- --ids-input-hover-border-color: var(--ids-color-neutral-10);
1436
- --ids-input-focus-border-color: var(--ids-focus-border-color);
1437
- --ids-layout-grid-fill-background-color: var(--ids-color-neutral-70);
1438
- --ids-layout-grid-fill-text-color: var(--ids-text-color);
1439
- --ids-list-view-item-background-color: var(--ids-color-neutral-90);
1440
- --ids-list-view-item-border-top-color: var(--ids-color-neutral-70);
1441
- --ids-list-view-item-focus-border-color: var(--ids-color-azure-70);
1442
- --ids-list-view-item-focus-box-shadow: none;
1443
- --ids-list-view-item-disabled-text-color: var(--ids-color-neutral-50);
1444
- --ids-list-view-item-disabled-focus-border-top-color: var(--ids-color-neutral-70);
1445
- --ids-list-view-item-disabled-badge-background-color: var(--ids-color-neutral-70);
1446
- --ids-list-view-item-disabled-badge-border-color: var(--ids-color-neutral-80);
1447
- --ids-list-view-item-disabled-badge-text-color: var(--ids-color-neutral-40);
1448
- --ids-list-view-item-disabled-link-text-color: var(--ids-color-neutral-40);
1449
- --ids-list-view-selectable-item-selected-background-color: var(--ids-color-azure-100);
1450
- --ids-loading-indicator-overall-color: var(--ids-color-neutral-80);
1451
- --ids-loading-indicator-primary-progress-stroke: var(--ids-color-neutral-80);
1452
- --ids-loading-indicator-primary-overall-stroke: var(--ids-color-neutral-50);
1453
- --ids-loading-indicator-primary-destructive-overall-stroke: var(--ids-color-error-20);
1454
- --ids-loading-indicator-tertiary-destructive-progress-stroke: var(--ids-color-error-70);
1455
- --ids-loading-indicator-tertiary-destructive-overall-stroke: var(--ids-color-error-30);
1456
- --ids-masthead-background-color: var(--ids-color-neutral-80);
1457
- --ids-masthead-text-color: var(--ids-color-neutral-10);
1458
- --ids-modal-background-color: var(--ids-popup-background-color);
1459
- --ids-modal-border-color: var(--ids-popup-border-color);
1460
- --ids-modal-box-shadow: var(--ids-popup-menu-box-shadow);
1461
- --ids-modal-footer-border-color: var(--ids-color-neutral-50);
1462
- --ids-modal-button-color: var(--ids-color-azure-40);
1463
- --ids-modal-button-hover-color: var(--ids-color-azure-30);
1464
- --ids-modal-button-focus-box-shadow: 0 0 3px 1px var(--ids-color-azure-30);
1465
- --ids-menu-header-text-color: var(--ids-color-neutral-00);
1466
- --ids-menu-item-disabled-text-color: var(--ids-color-neutral-50);
1413
+ --ids-empty-message-color-icon-fill: transparent;
1414
+ --ids-header-color-background: var(--ids-color-primary);
1415
+ --ids-header-gradient-opacity-none: rgb(0 114 237 / 1);
1416
+ --ids-header-gradient-opacity-full: rgb(0 114 237 / 0);
1417
+ --ids-hierarchy-item-leaf-color-border: var(--ids-color-neutral-70);
1418
+ --ids-hierarchy-item-color-background: var(--ids-color-neutral-100);
1419
+ --ids-hierarchy-item-leaf-inside-shadow: 0 0 8px rgb(0 0 0 / 0.7);
1420
+ --ids-hierarchy-item-selected-leaf-shadow: 0 0 0 5px rgba(141 201 230 / 0.3);
1421
+ --ids-hyperlink-color-text-default: var(--ids-color-primary-40);
1422
+ --ids-hyperlink-color-text-hover: var(--ids-color-primary-60);
1423
+ --ids-hyperlink-color-text-disabled: var(--ids-color-neutral-50);
1424
+ --ids-icon-color-default: var(--ids-color-neutral-20);
1425
+ --ids-icon-color-default-disabled: var(--ids-color-text-disabled);
1426
+ --ids-input-color-background-default: transparent;
1427
+ --ids-input-color-border-default: var(--ids-color-neutral-40);
1428
+ --ids-input-color-text: var(--ids-color-text-data);
1429
+ --ids-input-label-color-text-default: var(--ids-color-text-label);
1430
+ --ids-input-color-border-readonly: var(--ids-color-neutral-40);
1431
+ --ids-input-color-text-readonly: var(--ids-color-text-data);
1432
+ --ids-input-color-background-readonly: var(--ids-color-neutral-70);
1433
+ --ids-input-color-text-disabled: var(--ids-color-text-disabled);
1434
+ --ids-input-color-border-disabled: var(--ids-color-text-disabled);
1435
+ --ids-input-color-border-hover: var(--ids-color-neutral-10);
1436
+ --ids-input-color-border-focus: var(--ids-color-border-focus);
1437
+ --ids-layout-grid-color-background: var(--ids-color-neutral-70);
1438
+ --ids-layout-grid-color-text: var(--ids-color-text);
1439
+ --ids-list-view-item-color-background-default: var(--ids-color-neutral-90);
1440
+ --ids-list-view-item-color-border-top: var(--ids-color-neutral-70);
1441
+ --ids-list-view-item-color-border-focus: var(--ids-color-azure-70);
1442
+ --ids-list-view-item-shadow-focus: none;
1443
+ --ids-list-view-item-color-text-disabled: var(--ids-color-neutral-50);
1444
+ --ids-list-view-item-top-color-border-disabled-focus: var(--ids-color-neutral-70);
1445
+ --ids-list-view-item-color-background-disabled: var(--ids-color-neutral-70);
1446
+ --ids-list-view-item-color-border-disabled: var(--ids-color-neutral-80);
1447
+ --ids-list-view-item-badge-color-text-disabled: var(--ids-color-neutral-40);
1448
+ --ids-list-view-item-color-text-link-disabled: var(--ids-color-neutral-40);
1449
+ --ids-list-view-color-background-selected: var(--ids-color-azure-100);
1450
+ --ids-loading-indicator-circle-color: var(--ids-color-neutral-80);
1451
+ --ids-loading-indicator-primary-progress-color-border: var(--ids-color-neutral-80);
1452
+ --ids-loading-indicator-primary-color-border: var(--ids-color-neutral-50);
1453
+ --ids-loading-indicator-primary-destructive-overall-color-border: var(--ids-color-error-20);
1454
+ --ids-loading-indicator-destructive-progress-color-border: var(--ids-color-error-70);
1455
+ --ids-loading-indicator-tertiary-destructive-color-border: var(--ids-color-error-30);
1456
+ --ids-masthead-color-background: var(--ids-color-neutral-80);
1457
+ --ids-masthead-color-text: var(--ids-color-neutral-10);
1458
+ --ids-modal-color-background: var(--ids-popup-color-background);
1459
+ --ids-modal-color-border: var(--ids-popup-color-border);
1460
+ --ids-modal-shadow-default: var(--ids-popup-menu-shadow-default);
1461
+ --ids-modal-footer-color-border: var(--ids-color-neutral-50);
1462
+ --ids-modal-button-color-default: var(--ids-color-azure-40);
1463
+ --ids-modal-button-color-hover: var(--ids-color-azure-30);
1464
+ --ids-modal-shadow-focus: 0 0 3px 1px var(--ids-color-azure-30);
1465
+ --ids-menu-header-color-text: var(--ids-color-neutral-00);
1466
+ --ids-menu-item-color-text-disabled: var(--ids-color-neutral-50);
1467
1467
  --ids-menu-item-highlight-color: var(--ids-color-neutral-80);
1468
- --ids-menu-item-text-color: var(--ids-color-neutral-00);
1469
- --ids-menu-check-color: var(--ids-color-azure-60);
1470
- --ids-popup-background-color: var(--ids-color-neutral-70);
1471
- --ids-popup-border-color: var(--ids-color-neutral-50);
1472
- --ids-popup-box-shadow: 0 2px 5px rgb(239 239 240 / 0.2);
1473
- --ids-popup-menu-text-color: var(--ids-color-neutral-00);
1474
- --ids-popup-menu-inverse-background-color: var(--ids-color-neutral-00);
1475
- --ids-popup-menu-inverse-border-color: var(--ids-color-neutral-30);
1476
- --ids-popup-menu-inverse-box-shadow: 0 2px 5px rgba(0 0 0 / 0.2);
1477
- --ids-popup-menu-inverse-text-color: var(--ids-color-neutral-10);
1478
- --ids-month-view-background-color: var(--ids-color-neutral-80);
1479
- --ids-month-view-border-color: var(--ids-color-neutral-70);
1480
- --ids-month-view-disabled-background-color: var(--ids-color-neutral-100);
1481
- --ids-month-view-text-color: var(--ids-color-neutral-30);
1482
- --ids-month-view-weekday-text-color: var(--ids-month-view-text-color);
1483
- --ids-month-view-day-alternate-text-color: var(--ids-color-neutral-50);
1484
- --ids-month-view-day-hover-background-color: rgb(49 50 54 / 0.2);
1485
- --ids-month-view-day-selected-background-color: var(--ids-color-neutral-70);
1486
- --ids-month-view-day-selected-accent-box-shadow-color: var(--ids-color-azure-60);
1487
- --ids-month-view-compact-day-selected-background-color: var(--ids-color-azure-60);
1488
- --ids-month-view-compact-weekday-text-color: var(--ids-month-view-text-color);
1489
- --ids-month-view-compact-alternate-text-color: var(--ids-color-neutral-50);
1490
- --ids-month-view-compact-day-hover-text-color: var(--ids-color-neutral-00);
1491
- --ids-month-view-compact-range-selected-background-color: var(--ids-color-azure-60);
1492
- --ids-pie-chart-text-fill: var(--ids-color-neutral-30);
1493
- --ids-progress-bar-disabled-text-color: var(--ids-text-color-disabled);
1494
- --ids-progress-bar-disabled-background-color: var(--ids-color-neutral-70);
1495
- --ids-progress-bar-border-color: var(--ids-color-neutral-40);
1496
- --ids-progress-bar-border: 1px solid var(--ids-progress-bar-border-color);
1497
- --ids-progress-bar-fill-background-color: var(--ids-color-primary);
1498
- --ids-progress-bar-label-text-color: var(--ids-text-color-label);
1499
- --ids-progress-chart-labels-text-color: var(--ids-color-neutral-30);
1500
- --ids-progress-chart-bar-total-background-color: var(--ids-color-neutral-50);
1501
- --ids-progress-chart-bar-progress-background-color: var(--ids-color-azure-60);
1502
- --ids-process-indicator-primary-color: var(--ids-color-azure-70);
1503
- --ids-process-indicator-active-color: var(--ids-color-azure-70);
1504
- --ids-process-indicator-cancelled-step-background-color: var(--ids-color-error-50);
1505
- --ids-process-indicator-cancelled-step-icon-color: var(--ids-color-neutral-00);
1506
- --ids-radio-checked-background-color: var(--ids-color-azure-60);
1507
- --ids-radio-checked-border-color: var(--ids-color-azure-60);
1508
- --ids-radio-checked-inner-background-color: var(--ids-color-neutral-00);
1509
- --ids-required-background-color: var(--ids-color-error-60);
1510
- --ids-scroll-view-button-icon-color: var(--ids-color-neutral-40);
1511
- --ids-scroll-view-button-selected-icon-color: var(--ids-color-azure-60);
1512
- --ids-searchfield-card-text-color: var(--ids-text-color);
1513
- --ids-searchfield-card-background-color: var(--ids-color-neutral-80);
1514
- --ids-searchfield-header-background-color: var(--ids-color-neutral-100);
1515
- --ids-searchfield-header-text-color: var(--ids-text-color);
1516
- --ids-searchfield-header-icon-color: var(--ids-color-neutral-10);
1517
- --ids-separator-background-color: var(--ids-color-neutral-50);
1518
- --ids-separator-alternate-background-color: var(--ids-color-neutral-70);
1519
- --ids-slider-tick-background-color: var(--ids-color-azure-60);
1520
- --ids-slider-thumb-background-color: var(--ids-color-azure-60);
1521
- --ids-slider-thumb-shadow-border-color: var(--ids-color-azure-60);
1522
- --ids-slider-track-background-color: var(--ids-color-neutral-70);
1523
- --ids-slider-track-progress-background-color: var(--ids-color-azure-60);
1524
- --ids-slider-tooltip-background-color: var(--ids-color-neutral-00);
1525
- --ids-slider-tooltip-text-color: var(--ids-color-neutral-100);
1526
- --ids-slider-disabled-color: var(--ids-color-neutral-20);
1527
- --ids-slider-disabled-tick-background-color: var(--ids-color-neutral-40);
1528
- --ids-slider-disabled-thumb-background-color: var(--ids-color-neutral-40);
1529
- --ids-slider-disabled-track-background-color: var(--ids-color-neutral-50);
1530
- --ids-slider-disabled-track-progress-background-color: var(--ids-color-neutral-40);
1531
- --ids-slider-readonly-color: var(--ids-color-neutral-20);
1532
- --ids-slider-readonly-tick-background-color: var(--ids-color-neutral-40);
1533
- --ids-slider-readonly-thumb-background-color: var(--ids-color-neutral-40);
1534
- --ids-slider-readonly-thumb-shadow-background-color: rgba(151 151 155 / 0.1);
1535
- --ids-slider-readonly-thumb-shadow-border-color: var(--ids-color-neutral-40);
1536
- --ids-slider-readonly-track-background-color: var(--ids-color-neutral-70);
1537
- --ids-slider-readonly-track-progress-background-color: var(--ids-color-neutral-40);
1538
- --ids-splitter-bar-dragging-background-color: var(--ids-color-neutral-70);
1539
- --ids-splitter-bar-hover-background-color: var(--ids-color-neutral-70);
1540
- --ids-step-chart-step-background-color: var(--ids-color-neutral-70);
1541
- --ids-step-chart-step-completed-background-color: var(--ids-color-azure-60);
1542
- --ids-swappable-item-hover-background-color: var(--ids-color-neutral-60);
1543
- --ids-swappable-item-selected-background-color: var(--ids-color-azure-60);
1468
+ --ids-menu-item-color-text-default: var(--ids-color-neutral-00);
1469
+ --ids-menu-check-color-default: var(--ids-color-azure-60);
1470
+ --ids-popup-color-background: var(--ids-color-neutral-70);
1471
+ --ids-popup-color-border: var(--ids-color-neutral-50);
1472
+ --ids-popup-shadow: 0 2px 5px rgb(239 239 240 / 0.2);
1473
+ --ids-popup-menu-color-text-default: var(--ids-color-neutral-00);
1474
+ --ids-popup-menu-color-background-inverse: var(--ids-color-neutral-00);
1475
+ --ids-popup-menu-color-border-inverse: var(--ids-color-neutral-30);
1476
+ --ids-popup-menu-shadow-inverse: 0 2px 5px rgba(0 0 0 / 0.2);
1477
+ --ids-popup-menu-color-text-inverse: var(--ids-color-neutral-10);
1478
+ --ids-calendar-month-view-color-background-default: var(--ids-color-neutral-80);
1479
+ --ids-calendar-month-view-color-border: var(--ids-color-neutral-70);
1480
+ --ids-calendar-month-view-color-background-disabled: var(--ids-color-neutral-100);
1481
+ --ids-calendar-month-view-color-text-default: var(--ids-color-neutral-30);
1482
+ --ids-calendar-month-view-weekday-color-text: var(--ids-calendar-month-view-color-text-default);
1483
+ --ids-calendar-month-view-color-text-alternate: var(--ids-color-neutral-50);
1484
+ --ids-calendar-month-view-color-background-hover: rgb(49 50 54 / 0.2);
1485
+ --ids-calendar-month-view-color-background-selected: var(--ids-color-neutral-70);
1486
+ --ids-calendar-month-view-color-selected: var(--ids-color-azure-60);
1487
+ --ids-calendar-month-view-day-color-background-compact-selected: var(--ids-color-azure-60);
1488
+ --ids-calendar-month-view-weekday-color-text-compact: var(--ids-calendar-month-view-color-text-default);
1489
+ --ids-calendar-month-view-color-text-compact: var(--ids-color-neutral-50);
1490
+ --ids-calendar-month-view-weekday-color-text-compact-hover: var(--ids-color-neutral-00);
1491
+ --ids-calendar-month-view-range-color-background-compact-selected: var(--ids-color-azure-60);
1492
+ --ids-chart-pie-color-text: var(--ids-color-neutral-30);
1493
+ --ids-progress-bar-color-text-disabled: var(--ids-color-text-disabled);
1494
+ --ids-progress-bar-color-background-disabled: var(--ids-color-neutral-70);
1495
+ --ids-progress-bar-color-border: var(--ids-color-neutral-40);
1496
+ --ids-progress-bar-border: 1px solid var(--ids-progress-bar-color-border);
1497
+ --ids-progress-bar-fill-color-background: var(--ids-color-azure-60);
1498
+ --ids-progress-bar-label-color-text: var(--ids-color-text-label);
1499
+ --ids-progress-chart-label-color-text: var(--ids-color-neutral-30);
1500
+ --ids-progress-chart-total-color-background: var(--ids-color-neutral-50);
1501
+ --ids-progress-chart-bar-progress-color-background: var(--ids-color-azure-60);
1502
+ --ids-process-indicator-color-primary: var(--ids-color-azure-70);
1503
+ --ids-process-indicator-color-active: var(--ids-color-azure-70);
1504
+ --ids-process-indicator-canceled-step-color-background: var(--ids-color-error-50);
1505
+ --ids-process-indicator-canceled-step-color-icon: var(--ids-color-neutral-00);
1506
+ --ids-radio-button-color-background-selected: var(--ids-color-azure-60);
1507
+ --ids-radio-button-color-border-selected: var(--ids-color-azure-60);
1508
+ --ids-radio-button-inner-color-background-selected: var(--ids-color-neutral-00);
1509
+ --ids-input-required-indicator-color-text-default: var(--ids-color-error-60);
1510
+ --ids-scroll-view-color-icon-default: var(--ids-color-neutral-40);
1511
+ --ids-scroll-view-color-icon-selected: var(--ids-color-azure-60);
1512
+ --ids-search-field-card-color-text: var(--ids-color-text);
1513
+ --ids-search-field-card-color-background: var(--ids-color-neutral-80);
1514
+ --ids-search-field-header-color-background: var(--ids-color-neutral-100);
1515
+ --ids-search-field-header-color-text: var(--ids-color-text);
1516
+ --ids-search-field-header-color-icon-default: var(--ids-color-neutral-10);
1517
+ --ids-separator-color-background: var(--ids-color-neutral-50);
1518
+ --ids-separator-alternate-color-background: var(--ids-color-neutral-70);
1519
+ --ids-slider-tick-color-background-default: var(--ids-color-azure-60);
1520
+ --ids-slider-thumb-color-background-default: var(--ids-color-azure-60);
1521
+ --ids-slider-thumb-color-border-default: var(--ids-color-azure-60);
1522
+ --ids-slider-track-color-background-default: var(--ids-color-neutral-70);
1523
+ --ids-slider-track-color-background-progress: var(--ids-color-azure-60);
1524
+ --ids-slider-tooltip-color-background: var(--ids-color-neutral-00);
1525
+ --ids-slider-tooltip-color-text: var(--ids-color-neutral-100);
1526
+ --ids-slider-color-disabled: var(--ids-color-neutral-20);
1527
+ --ids-slider-tick-color-background-disabled: var(--ids-color-neutral-40);
1528
+ --ids-slider-thumb-color-background-disabled: var(--ids-color-neutral-40);
1529
+ --ids-slider-track-color-background-disabled: var(--ids-color-neutral-50);
1530
+ --ids-slider-track-color-background-progress-disabled: var(--ids-color-neutral-40);
1531
+ --ids-slider-color-readonly: var(--ids-color-neutral-20);
1532
+ --ids-slider-tick-color-background-readonly: var(--ids-color-neutral-40);
1533
+ --ids-slider-thumb-color-background-readonly: var(--ids-color-neutral-40);
1534
+ --ids-slider-thumb-color-shadow-readonly: rgba(151 151 155 / 0.1);
1535
+ --ids-slider-thumb-color-border-readonly: var(--ids-color-neutral-40);
1536
+ --ids-slider-track-color-background-readonly: var(--ids-color-neutral-70);
1537
+ --ids-slider-track-progress-color-background-readonly: var(--ids-color-neutral-40);
1538
+ --ids-splitter-bar-color-border: var(--ids-color-neutral-70);
1539
+ --ids-splitter-bar-color-border-hover: var(--ids-color-neutral-70);
1540
+ --ids-splitter-bar-color-border-dragging: var(--ids-color-azure-30);
1541
+ --ids-splitter-handle-color-background-hover: var(--ids-color-azure-60);
1542
+ --ids-step-chart-color-background-default: var(--ids-color-neutral-70);
1543
+ --ids-step-chart-color-background-complete: var(--ids-color-azure-60);
1544
+ --ids-swappable-item-color-background-hover: var(--ids-color-neutral-60);
1545
+ --ids-swappable-item-color-background-selected: var(--ids-color-azure-60);
1544
1546
  --ids-swappable-item-over-border: 1px dashed var(--ids-color-neutral-30);
1545
- --ids-swaplist-toolbar-button-hover-background-color: var(--ids-color-neutral-70);
1546
- --ids-swipe-action-left-background-color: var(--ids-color-neutral-60);
1547
- --ids-swipe-action-left-text-color: var(--ids-color-neutral-00);
1548
- --ids-swipe-action-right-background-color: var(--ids-color-azure-50);
1549
- --ids-swipe-action-right-text-color: var(--ids-color-neutral-00);
1550
- --ids-switch-pole-off-background-color: var(--ids-color-neutral-40);
1551
- --ids-switch-toggle-off-background-color: var(--ids-color-neutral-00);
1552
- --ids-switch-toggle-off-border-color: var(--ids-input-border-color);
1553
- --ids-switch-pole-on-background-color: var(--ids-color-primary-30);
1554
- --ids-switch-toggle-on-background-color: var(--ids-color-primary-60);
1555
- --ids-switch-toggle-on-border-color: var(--ids-color-primary-60);
1556
- --ids-switch-pole-off-disabled-background-color: var(--ids-color-neutral-60);
1557
- --ids-switch-toggle-off-disabled-background-color: var(--ids-color-neutral-70);
1558
- --ids-switch-toggle-off-disabled-border-color: var(--ids-color-neutral-60);
1559
- --ids-switch-pole-on-disabled-background-color: var(--ids-color-primary-20);
1560
- --ids-switch-toggle-on-disabled-background-color: var(--ids-color-primary-30);
1561
- --ids-switch-toggle-on-disabled-border-color: var(--ids-color-primary-30);
1562
- --ids-switch-toggle-hover-background-color: var(--ids-color-neutral-30);
1563
- --ids-switch-toggle-focus-box-shadow: 0 0 0 3px var(--ids-color-azure-90), 0 0 0 4px var(--ids-color-azure-60);
1564
- --ids-tab-content-text-color: var(--ids-text-color);
1565
- --ids-tab-hover-text-color: var(--ids-color-neutral-00);
1566
- --ids-tab-hover-background-color: var(--ids-color-neutral-60);
1567
- --ids-tab-focus-background-color: var(--ids-body-background-color);
1568
- --ids-tab-selected-text-color: var(--ids-color-azure-40);
1569
- --ids-tab-disabled-text-color: var(--ids-color-neutral-60);
1570
- --ids-tab-module-background-color: var(--ids-color-neutral-70);
1571
- --ids-tab-module-border-right-color: var(--ids-color-azure-100);
1572
- --ids-tab-module-text-color: var(--ids-color-azure-10);
1573
- --ids-tab-module-hover-background-color: var(--ids-color-neutral-100);
1574
- --ids-tab-module-hover-text-color: var(--ids-color-neutral-00);
1575
- --ids-tab-module-selected-background-color: var(--ids-color-neutral-60);
1576
- --ids-tab-module-disabled-background-color: var(--ids-color-neutral-50);
1577
- --ids-tab-module-disabled-text-color: var(--ids-color-neutral-30);
1578
- --ids-tag-background-color: var(--ids-input-readonly-background-color);
1579
- --ids-tag-border-color: var(--ids-input-readonly-background-color);
1580
- --ids-tag-border-radius: var(--ids-border-radius-lg);
1581
- --ids-tag-text-color: var(--ids-input-text-color);
1582
- --ids-tag-font-size: var(--ids-font-size-sm);
1583
- --ids-tag-icon-hover-color: var(--ids-input-hover-border-color);
1584
- --ids-tag-secondary-background-color: var(--ids-input-background-color);
1585
- --ids-tag-secondary-border-color: var(--ids-input-border-color);
1586
- --ids-tag-disabled-text-color: var(--ids-color-neutral-40);
1587
- --ids-tag-secondary-disabled-text-color: var(--ids-color-neutral-50);
1588
- --ids-textarea-background-color: transparent;
1589
- --ids-textarea-disabled-background-color: transparent;
1590
- --ids-textarea-disabled-border-color: var(--ids-color-neutral-60);
1591
- --ids-textarea-disabled-text-color: var(--ids-color-neutral-60);
1592
- --ids-textarea-error-border-color: var(--ids-color-error-50);
1593
- --ids-textarea-hover-border-color: var(--ids-color-neutral-40);
1594
- --ids-textarea-readonly-background-color: var(--ids-color-neutral-70);
1595
- --ids-textarea-readonly-border-color: var(--ids-color-neutral-40);
1596
- --ids-textarea-readonly-text-color: var(--ids-color-neutral-10);
1597
- --ids-textarea-text-color: var(--ids-color-neutral-00);
1598
- --ids-time-picker-popup-background-color: var(--ids-color-neutral-80);
1599
- --ids-time-picker-popup-colons-text-color: var(--ids-color-neutral-30);
1600
- --ids-time-picker-popup-button-border-color: var(--ids-color-neutral-50);
1601
- --ids-time-picker-popup-button-hover-text-color: var(--ids-color-azure-20);
1602
- --ids-time-picker-popup-button-text-color: var(--ids-color-azure-30);
1603
- --ids-toast-background-color: var(--ids-color-neutral-70);
1604
- --ids-toast-border-color: var(--ids-color-neutral-50);
1605
- --ids-toast-text-color: var(--ids-color-neutral-00);
1606
- --ids-toast-progress-background-color: var(--ids-progress-bar-fill-background-color);
1607
- --ids-tooltip-background-color: var(--ids-color-neutral-00);
1608
- --ids-tooltip-text-color: var(--ids-color-neutral-100);
1609
- --ids-tooltip-box-shadow: 0 2px 5px rgb(239 239 240 / 0.4);
1610
- --ids-toolbar-formatter-background-color: var(--ids-color-neutral-20);
1547
+ --ids-swaplist-button-color-background-hover: var(--ids-color-neutral-70);
1548
+ --ids-swipe-action-color-background-left: var(--ids-color-neutral-60);
1549
+ --ids-swipe-action-color-text-left: var(--ids-color-neutral-00);
1550
+ --ids-swipe-action-color-background-right: var(--ids-color-azure-50);
1551
+ --ids-swipe-action-color-text-right: var(--ids-color-neutral-00);
1552
+ --ids-switch-pole-color-background-default: var(--ids-color-neutral-40);
1553
+ --ids-switch-toggle-color-background-default: var(--ids-color-neutral-00);
1554
+ --ids-switch-toggle-color-border-default: var(--ids-input-color-border-default);
1555
+ --ids-switch-pole-color-background-selected: var(--ids-color-primary-30);
1556
+ --ids-switch-toggle-color-background-selected: var(--ids-color-primary-60);
1557
+ --ids-switch-toggle-color-border-selected: var(--ids-color-primary-60);
1558
+ --ids-switch-pole-color-background-disabled: var(--ids-color-neutral-60);
1559
+ --ids-switch-toggle-color-background-disabled: var(--ids-color-neutral-70);
1560
+ --ids-switch-toggle-color-border-disabled: var(--ids-color-neutral-60);
1561
+ --ids-switch-pole-color-background-selected-disabled: var(--ids-color-primary-20);
1562
+ --ids-switch-toggle-color-background-selected-disabled: var(--ids-color-primary-30);
1563
+ --ids-switch-toggle-color-border-selected-disabled: var(--ids-color-primary-30);
1564
+ --ids-switch-toggle-color-background-hover: var(--ids-color-neutral-30);
1565
+ --ids-switch-toggle-shadow-focus: 0 0 0 3px var(--ids-color-azure-90), 0 0 0 4px var(--ids-color-azure-60);
1566
+ --ids-tab-content-color-text: var(--ids-color-text);
1567
+ --ids-tab-color-text-hover: var(--ids-color-neutral-00);
1568
+ --ids-tab-color-background-hover: var(--ids-color-neutral-60);
1569
+ --ids-tab-color-background-focus: var(--ids-color-background-default);
1570
+ --ids-tab-color-text-selected: var(--ids-color-azure-40);
1571
+ --ids-tab-color-text-disabled: var(--ids-color-neutral-60);
1572
+ --ids-tab-color-border-bottom: var(--ids-color-neutral-70);
1573
+ --ids-tab-module-color-background-default: var(--ids-color-neutral-70);
1574
+ --ids-tab-module-color-border-right: var(--ids-color-azure-100);
1575
+ --ids-tab-module-color-text-default: var(--ids-color-azure-10);
1576
+ --ids-tab-module-color-background-hover: var(--ids-color-neutral-100);
1577
+ --ids-tab-module-color-text-hover: var(--ids-color-neutral-00);
1578
+ --ids-tab-module-color-background-selected: var(--ids-color-neutral-60);
1579
+ --ids-tab-module-color-background-disabled: var(--ids-color-neutral-50);
1580
+ --ids-tab-module-color-text-disabled: var(--ids-color-neutral-30);
1581
+ --ids-tag-color-background-default: var(--ids-input-color-background-readonly);
1582
+ --ids-tag-color-border: var(--ids-input-color-background-readonly);
1583
+ --ids-tag-border-radius: var(--ids-border-radius-04);
1584
+ --ids-tag-color-text-default: var(--ids-input-color-text);
1585
+ --ids-tag-font-size-default: var(--ids-font-size-30);
1586
+ --ids-tag-color-icon-hover: var(--ids-input-color-border-hover);
1587
+ --ids-tag-secondary-color-background: var(--ids-input-color-background-default);
1588
+ --ids-tag-secondary-color-border: var(--ids-input-color-border-default);
1589
+ --ids-tag-color-text-disabled: var(--ids-color-neutral-40);
1590
+ --ids-tag-secondary-color-text-disabled: var(--ids-color-neutral-50);
1591
+ --ids-textarea-color-background-default: transparent;
1592
+ --ids-textarea-color-background-disabled: transparent;
1593
+ --ids-textarea-color-border-disabled: var(--ids-color-neutral-60);
1594
+ --ids-textarea-color-text-disabled: var(--ids-color-neutral-60);
1595
+ --ids-textarea-color-border-error-default: var(--ids-color-error-50);
1596
+ --ids-textarea-color-border-hover: var(--ids-color-neutral-40);
1597
+ --ids-textarea-color-background-readonly: var(--ids-color-neutral-70);
1598
+ --ids-textarea-color-border-readonly: var(--ids-color-neutral-40);
1599
+ --ids-textarea-color-text-readonly: var(--ids-color-neutral-10);
1600
+ --ids-textarea-color-text-default: var(--ids-color-neutral-00);
1601
+ --ids-time-picker-popup-color-background: var(--ids-color-neutral-80);
1602
+ --ids-time-picker-popup-colons-color-text: var(--ids-color-neutral-30);
1603
+ --ids-time-picker-popup-button-color-border: var(--ids-color-neutral-50);
1604
+ --ids-time-picker-popup-button-color-text-hover: var(--ids-color-azure-20);
1605
+ --ids-time-picker-popup-button-color-text-default: var(--ids-color-azure-30);
1606
+ --ids-toast-color-background: var(--ids-color-neutral-70);
1607
+ --ids-toast-color-border: var(--ids-color-neutral-50);
1608
+ --ids-toast-color-text: var(--ids-color-neutral-00);
1609
+ --ids-toast-progress-color-background: var(--ids-progress-bar-fill-color-background);
1610
+ --ids-tooltip-color-background: var(--ids-color-neutral-00);
1611
+ --ids-tooltip-color-text: var(--ids-color-neutral-100);
1612
+ --ids-tooltip-shadow: 0 2px 5px rgb(239 239 240 / 0.4);
1613
+ --ids-toolbar-formatter-color-background: var(--ids-color-neutral-20);
1611
1614
  --ids-trigger-field-icon-color: var(--ids-color-neutral-30);
1612
- --ids-tree-node-disabled-text-color: var(--ids-color-neutral-50);
1613
- --ids-tree-node-focus-border-color: var(--ids-color-azure-60);
1614
- --ids-tree-node-hover-text-color: var(--ids-color-neutral-00);
1615
- --ids-tree-node-selected-background-color: var(--ids-color-neutral-60);
1616
- --ids-tree-node-selected-text-color: var(--ids-color-neutral-00);
1617
- --ids-tree-node-text-color: var(--ids-color-neutral-30);
1618
- --ids-treemap-stroke-color: var(--ids-color-neutral-90);
1619
- --ids-treemap-title-background-color: var(--ids-color-neutral-30);
1620
- --ids-treemap-title-text-color: var(--ids-color-neutral-100);
1621
- --ids-upload-advanced-background-color: var(--ids-color-neutral-70);
1622
- --ids-upload-advanced-disabled-background-color: var(--ids-color-neutral-70);
1623
- --ids-upload-advanced-disabled-border-color: var(--ids-color-neutral-50);
1624
- --ids-upload-advanced-dragenter-background-color: var(--ids-color-neutral-80);
1625
- --ids-upload-advanced-dragenter-border-color: var(--ids-color-azure-60);
1626
- --ids-upload-advanced-hover-background-color: var(--ids-color-neutral-60);
1627
- --ids-upload-advanced-hover-border-color: var(--ids-color-neutral-40);
1628
- --ids-upload-advanced-hover-text-color: var(--ids-color-neutral-20);
1629
- --ids-upload-advanced-hyperlink-box-focus-shadow: var(--ids-box-shadow-lg);
1630
- --ids-upload-advanced-hyperlink-focus-border-color: var(--ids-color-primary);
1631
- --ids-upload-advanced-label-text-color: var(--ids-color-neutral-30);
1632
- --ids-upload-advanced-text-color: var(--ids-color-neutral-20);
1633
- --ids-week-view-border-color: var(--ids-color-neutral-70);
1634
- --ids-week-view-row-odd-border-color: var(--ids-color-neutral-80);
1635
- --ids-wizard-step-color: var(--ids-color-primary-40);
1636
- --ids-wizard-unvisited-step-color: var(--ids-color-neutral-40);
1615
+ --ids-tree-node-color-text-disabled: var(--ids-color-neutral-50);
1616
+ --ids-tree-node-color-border-focus: var(--ids-color-azure-60);
1617
+ --ids-tree-node-color-text-hover: var(--ids-color-neutral-00);
1618
+ --ids-tree-node-color-background-selected: var(--ids-color-neutral-60);
1619
+ --ids-tree-node-color-text-selected: var(--ids-color-neutral-00);
1620
+ --ids-tree-node-color-text-default: var(--ids-color-neutral-30);
1621
+ --ids-tree-treemap-color-border: var(--ids-color-neutral-90);
1622
+ --ids-tree-treemap-title-color-background: var(--ids-color-neutral-30);
1623
+ --ids-tree-treemap-title-color-text: var(--ids-color-neutral-100);
1624
+ --ids-upload-advanced-color-background-default: var(--ids-color-neutral-70);
1625
+ --ids-upload-advanced-color-background-disabled: var(--ids-color-neutral-70);
1626
+ --ids-upload-advanced-color-border-disabled: var(--ids-color-neutral-50);
1627
+ --ids-upload-advanced-color-background-drag-enter: var(--ids-color-neutral-80);
1628
+ --ids-upload-advanced-color-border-drag-enter: var(--ids-color-azure-60);
1629
+ --ids-upload-advanced-color-background-hover: var(--ids-color-neutral-60);
1630
+ --ids-upload-advanced-color-border-hover: var(--ids-color-neutral-40);
1631
+ --ids-upload-advanced-color-text-hover: var(--ids-color-neutral-20);
1632
+ --ids-upload-advanced-hyperlink-box-focus-shadow: var(--ids-shadow-30);
1633
+ --ids-upload-advanced-color-border-focus: var(--ids-color-primary);
1634
+ --ids-upload-advanced-label-color-text: var(--ids-color-neutral-30);
1635
+ --ids-upload-advanced-color-text-default: var(--ids-color-neutral-20);
1636
+ --ids-week-view-color-border: var(--ids-color-neutral-70);
1637
+ --ids-week-view-row-odd-color-border: var(--ids-color-neutral-80);
1638
+ --ids-wizard-step-color-default: var(--ids-color-primary-40);
1639
+ --ids-wizard-step-color-unvisited: var(--ids-color-neutral-40);
1637
1640
  }